.elementor-4309 .elementor-element.elementor-element-cd4177d .elementor-tab-title, .elementor-4309 .elementor-element.elementor-element-cd4177d .elementor-tab-title:before, .elementor-4309 .elementor-element.elementor-element-cd4177d .elementor-tab-title:after, .elementor-4309 .elementor-element.elementor-element-cd4177d .elementor-tab-content, .elementor-4309 .elementor-element.elementor-element-cd4177d .elementor-tabs-content-wrapper{border-width:1px;}/* Start custom CSS for tabs, class: .elementor-element-cd4177d *//* ================================
   PREMIUM SCHOOL TABS
================================ */

.school-tabs {
    font-family: "Poppins", Arial, sans-serif;
}

/* TAB AREA */
.school-tabs .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 8px 8px 0;
}

/* COMMON TAB */
.school-tabs .elementor-tab-title {
    position: relative;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px 10px 0 0;

    padding: 15px 22px !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .2px;

    transition:
        all .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);

    cursor: pointer;
}

/* HOVER */
.school-tabs .elementor-tab-title:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.10);
    background: #ffffff !important;
}


/* ================================
   TAB COLORS
================================ */

/* GREEN */
.school-tabs .elementor-tab-title:nth-child(1) {
    color: #158f68;
}

.school-tabs .elementor-tab-title:nth-child(1):hover,
.school-tabs .elementor-tab-title:nth-child(1).elementor-active {
    border-color: #45b88b !important;
    color: #0f7b58;
}

/* RED */
.school-tabs .elementor-tab-title:nth-child(2) {
    color: #ef4444;
}

.school-tabs .elementor-tab-title:nth-child(2):hover,
.school-tabs .elementor-tab-title:nth-child(2).elementor-active {
    border-color: #ef4444 !important;
    color: #dc2626;
}

/* ORANGE */
.school-tabs .elementor-tab-title:nth-child(3) {
    color: #e99a00;
}

.school-tabs .elementor-tab-title:nth-child(3):hover,
.school-tabs .elementor-tab-title:nth-child(3).elementor-active {
    border-color: #f2a900 !important;
    color: #d88900;
}

/* CYAN */
.school-tabs .elementor-tab-title:nth-child(4) {
    color: #079bcf;
}

.school-tabs .elementor-tab-title:nth-child(4):hover,
.school-tabs .elementor-tab-title:nth-child(4).elementor-active {
    border-color: #08a6df !important;
    color: #0788b8;
}

/* BLUE */
.school-tabs .elementor-tab-title:nth-child(5) {
    color: #2563eb;
}

.school-tabs .elementor-tab-title:nth-child(5):hover,
.school-tabs .elementor-tab-title:nth-child(5).elementor-active {
    border-color: #2563eb !important;
    color: #1d4ed8;
}


/* ================================
   ACTIVE TAB
================================ */

.school-tabs .elementor-tab-title.elementor-active {
    background: #ffffff !important;

    box-shadow:
        0 -2px 12px rgba(15, 23, 42, 0.04),
        0 5px 18px rgba(15, 23, 42, 0.08);

    transform: translateY(-2px);
}

/* Active tab bottom highlight */
.school-tabs .elementor-tab-title.elementor-active::after {
    content: "";
    position: absolute;

    left: 18%;
    right: 18%;
    bottom: -1px;

    height: 3px;

    border-radius: 10px;

    background: currentColor;
}


/* ================================
   CONTENT BOX
================================ */

.school-tabs .elementor-tabs-content-wrapper {
    position: relative;

    background: #ffffff;

    border: 1px solid #e2e8f0 !important;
    border-radius: 0 10px 10px 10px;

    padding: 25px !important;

    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.07);

    margin-top: 0;
}


/* ================================
   TABLE STYLE
================================ */

.school-tabs table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

/* TABLE HEADER */
.school-tabs table thead th,
.school-tabs table tr:first-child th {
    background: linear-gradient(
        135deg,
        #1f2933,
        #111827
    ) !important;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 600;

    padding: 15px 14px;

    border: none;
}

/* TABLE CELLS */
.school-tabs table td {
    padding: 14px;

    color: #334155;

    font-size: 14px;

    border-bottom: 1px solid #edf0f4;
    border-right: 1px solid #edf0f4;

    background: #ffffff;

    transition: background .2s ease;
}

/* ZEBRA */
.school-tabs table tr:nth-child(even) td {
    background: #f8fafc;
}

/* HOVER ROW */
.school-tabs table tr:hover td {
    background: #f0fdf9;
}

/* LAST ROW */
.school-tabs table tr:last-child td {
    border-bottom: none;
}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .school-tabs .elementor-tabs-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        padding: 5px;
    }

    .school-tabs .elementor-tab-title {
        width: 100%;
        text-align: center;

        padding: 12px 8px !important;

        font-size: 12px !important;

        border-radius: 8px !important;
    }

    .school-tabs .elementor-tab-title.elementor-active {
        transform: none;
    }

    .school-tabs .elementor-tab-title.elementor-active::after {
        display: none;
    }

    .school-tabs .elementor-tabs-content-wrapper {
        padding: 12px !important;
        border-radius: 8px;
    }

    /* Horizontal table scroll */
    .school-tabs .elementor-tabs-content-wrapper {
        overflow-x: auto;
    }

    .school-tabs table {
        min-width: 650px;
    }
}/* End custom CSS */