.nav-tabs {
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-active-color: var(--bs-white);
    --bs-nav-tabs-link-active-bg: transparent;

    --bs-nav-link-color: var(--color-white-opacity-40);
    --bs-nav-link-hover-color: var(--color-primary);
    border: none;
}
.nav-tabs .nav-link {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-extra-bold);
    line-height: 1.944rem;
    letter-spacing: 0;
    text-transform: none;
    margin: 3px 3px;
    padding: 2px;
    box-shadow: none !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: var(--color-primary);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 0.222rem solid var(--color-primary);
}

/*********/

.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-color: var(--bs-black);
    --bs-nav-pills-link-active-bg: var(--color-primary);
}
.nav-pills .nav-link {
    font-size: 1rem;
    line-height: 1.667rem;
    letter-spacing: 0;
    padding: 0.222rem  0.222rem 0.222rem;
    display: inline-block;
    margin-bottom: 0.778rem;
    box-shadow: none !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-weight: var(--font-weight-bold);
}
.nav-pills .nav-link:hover {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
    font-weight: var(--font-weight-bold);
}

/* Responsive */
@media only screen and (max-width: 767px) {
    .nav-tabs .nav-link {
        font-size: 0.807rem;
        line-height: 1.568rem;
    }
}