/* =========================
   Section 2 – Tabs
   ========================= */

.u-section-2 .u-sheet-1 {
    min-height: 836px;
}

.u-section-2 .u-text-1 {
    text-transform: none;
    font-weight: 300;
    margin: 49px auto 0;
}

.u-section-2 .u-tabs-1 {
    min-height: 575px;
    margin-top: 56px;
    margin-bottom: 60px;
    height: auto;
}

.u-section-2 .u-tab-link-1,
.u-section-2 .u-tab-link-2,
.u-section-2 .u-tab-link-3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1rem;
    background-image: none;
    padding: 20px;
}

.u-section-2 .u-tab-pane-1,
.u-section-2 .u-tab-pane-2,
.u-section-2 .u-tab-pane-3 {
    background-image: none;
}

.u-section-2 .u-container-layout-1,
.u-section-2 .u-container-layout-5,
.u-section-2 .u-container-layout-9 {
    padding: 0;
}

.u-section-2 .u-layout-wrap-1,
.u-section-2 .u-layout-wrap-2,
.u-section-2 .u-layout-wrap-3 {
    margin-top: 50px;
    margin-bottom: 0;
}

.u-section-2 .u-layout-cell-1,
.u-section-2 .u-layout-cell-2,
.u-section-2 .u-layout-cell-3,
.u-section-2 .u-layout-cell-4,
.u-section-2 .u-layout-cell-5,
.u-section-2 .u-layout-cell-6,
.u-section-2 .u-layout-cell-7,
.u-section-2 .u-layout-cell-8,
.u-section-2 .u-layout-cell-9 {
    min-height: 426px;
}

.u-section-2 .u-container-layout-2,
.u-section-2 .u-container-layout-3,
.u-section-2 .u-container-layout-4,
.u-section-2 .u-container-layout-6,
.u-section-2 .u-container-layout-7,
.u-section-2 .u-container-layout-8,
.u-section-2 .u-container-layout-10,
.u-section-2 .u-container-layout-11,
.u-section-2 .u-container-layout-12 {
    padding: 30px;
}

.u-section-2 .u-image-1,
.u-section-2 .u-image-2,
.u-section-2 .u-image-3,
.u-section-2 .u-image-4,
.u-section-2 .u-image-5,
.u-section-2 .u-image-6,
.u-section-2 .u-image-7,
.u-section-2 .u-image-8,
.u-section-2 .u-image-9 {
    width: 113px;
    height: 105px;
    margin: 20px auto 0;
}

.u-section-2 .u-text-2,
.u-section-2 .u-text-4,
.u-section-2 .u-text-6,
.u-section-2 .u-text-8,
.u-section-2 .u-text-10,
.u-section-2 .u-text-12,
.u-section-2 .u-text-14,
.u-section-2 .u-text-16,
.u-section-2 .u-text-18 {
    margin: 20px auto 0;
}

.u-section-2 .u-text-3,
.u-section-2 .u-text-5,
.u-section-2 .u-text-7,
.u-section-2 .u-text-9,
.u-section-2 .u-text-11,
.u-section-2 .u-text-13,
.u-section-2 .u-text-15,
.u-section-2 .u-text-17,
.u-section-2 .u-text-19 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

/* ---------- Responsive ---------- */

@media (max-width: 1199px) {
    .u-section-2 .u-tab-link-1,
    .u-section-2 .u-tab-link-2,
    .u-section-2 .u-tab-link-3 {
        border-style: solid;
        --radius: 20px;
    }

    .u-section-2 .u-layout-cell-1,
    .u-section-2 .u-layout-cell-2,
    .u-section-2 .u-layout-cell-3,
    .u-section-2 .u-layout-cell-4,
    .u-section-2 .u-layout-cell-5,
    .u-section-2 .u-layout-cell-6,
    .u-section-2 .u-layout-cell-7,
    .u-section-2 .u-layout-cell-8,
    .u-section-2 .u-layout-cell-9 {
        min-height: 351px;
    }
}

@media (max-width: 768px) {

    /* Let tabs use full available width */
    .u-tabs .u-tab-list {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* Each tab takes equal width */
    .u-tabs .u-tab-item {
        flex: 1 1 0;
        margin: 0;
    }

    /* Tab buttons */
    .u-tabs .u-tab-link {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 8px 1px;
        white-space: nowrap;
    }

    
}