.nav-link {
    width: 20rem;
    height: 7rem;
    border-radius: 100rem !important;
    font-size: 3rem;
    font-family: 'Poetsen One';
    color: white;
    --bs-nav-link-hover-color: white;
}



.nav {
    margin: auto;
    margin-top: 3rem;
    justify-content: center;
    background: #052537;
    padding: 0.9rem 1.1rem 0.9rem 1.1rem;
    width: 42.3rem;
    border-radius: 100rem;
    transform: translateY(2.5rem);
}


.tab-content {
    background: #ededed;
    width: 85%;
    margin: auto;
    justify-content: center;
    padding: 5rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
    border-radius: 0.7rem;
    margin-bottom: 10rem;
}

.tab-pane {
    top: 0px;
    display: flex !important;
    flex-direction: row;
    margin: auto;
    text-align: center;
    align-items: center;
    align-content: center;
}

.tab-buttons {
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: 500;
    font-family: 'Open Sans Hebrew';
    padding: 1.5rem 5rem 1.5rem 5rem;
    border-radius: 0.7rem;
    background-color: #FF9326;
    color: white;
    margin: 0.25rem 0rem 0.25rem 0rem;
    border: none;
    width: 60%;
    text-align: center;
}

.more-button {
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: 'Open Sans Hebrew';
    padding: 1rem 4rem 1rem 4rem;
    border-radius: 0.7rem;
    background-color: #1c70d8;
    color: white;
    margin: 1rem 0rem 1rem 0rem;
    border: none;
    width: 40%;
    text-align: center;
}

.left-tab {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.right-tab {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table {
    --bs-table-bg: none;
    width: 100%;
    font-size: 2rem;
}

.table-responsive {
    width: 85%;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    font-size: 2rem;
}

td {
    text-align: left;
}

th {
    color: #1c70d8 !important;
    font-size: 2.5rem !important;
}


/* RESPONSIVE */
/* TABLET */
@media only screen and (max-width: 1070px) {
    .tab-content {
        width: 90%;
    }

    .tab-pane {
        flex-direction: column;
        width: 100%;
    }

    .left-tab {
        width: 100%;
        margin: 2rem;
      
    }

    .right-tab {
        width: 100%;
        margin: 2rem;
    }


    .tab-buttons {
        width: 90%;
    }

    .tab-content {
        padding: 4rem 2rem 2rem 2rem;
    }


    .nav {
        width: 30rem;
    }



    .nav-link {
        width: 13.9rem;
    }


    .more-button {
        width: 90%;
    }


}



/* MOBILE */
@media only screen and (max-width: 550px) {
}