/* Tab container border */
.nav-tabs {
    border-bottom: 1px solid var(--bs-border-color);
}
/* TAB, TOP BUTTONS, RESTING/DEFAULT STATE */
.nav-tabs .nav-link {
    color: var(--ft-dark);
    background: var(--bs-border-color);
    border: 1px solid var(--bs-border-color);
    border-bottom-color: transparent;
    margin-right: -1px;
}

    /* TAB, HOVER */
    .nav-tabs .nav-link:hover {
        color: #fff;
        background: var(--ft-dark);
        border: 1px solid var(--bs-border-color);
        border-bottom-color: transparent;
        margin-right: -1px;
    }

    /* Tab links active */
    .nav-tabs .nav-link.active {
        color: var(--ft-dark) !important;
        background: #fff;
        border: 1px solid var(--bs-border-color);
        border-bottom-color: transparent;
    }

/* TAB, CONTENT AREA */
.tab-content > .tab-pane {
    background: #fff; /* very light gray */
    border: 1px solid var(--bs-border-color);
    border-top: none; /* hide double border with tabs */
    padding: 1rem;
    /* margin-top: -1rem; */
}

    .tab-content > .tab-pane h3 {
        margin-top: 0;
    }