.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-color: var(--neutral-white-color);
    --bs-nav-pills-link-active-bg: var(--primary-denim-color);
    --bs-nav-link-padding-x: var(--spacing-16);
    --bs-nav-link-padding-y: var(--spacing-16);
    --bs-nav-link-color: var(--primary-blue-color);
    --bs-nav-link-hover-color: var(--bs-nav-pills-link-active-color);
}
.nav-pills .nav-link {
    font: var(--label-l-font-definition);
    background-color: var(--neutral-bg-primary-color);
    margin-bottom: var(--spacing-16);
}
.nav-pills .nav-link:hover {
    background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-secondary.nav-pills {
    padding-bottom: var(--spacing-16);
    border-bottom: 1px solid var(--primary-denim-color);
}
.nav-secondary.nav-pills .nav-link {
    font: var(--button-16-font-definition);
    margin-bottom: 0;
}
.nav-secondary.nav-pills .nav-link > span.count {
    text-align: end;
    position: absolute;
    right: var(--bs-nav-link-padding-x);
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 767.98px) {
    .nav-secondary.nav-pills {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-8);
    }
    .nav-secondary.nav-pills .nav-item {
        min-height: 6.5rem;
    }
}
@media screen and (min-width: 992px) {
    .nav-pills {
        --bs-nav-link-padding-y: var(--spacing-24);
    }
    .nav-secondary.nav-pills {
        --bs-nav-link-padding-y: var(--spacing-20);
    }
}