/* =========================================================
   BILIN EDUCATION PAGE
========================================================= */

.bilin-education-page{
    background:#fffdf9;
    color:#333f48;
}


/* =========================================================
   COMMON
========================================================= */

.bilin-education-page .container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.education-page-section{
    padding:100px 0;
}

.education-eyebrow{
    display:inline-block;
    margin-bottom:16px;
    padding:7px 15px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #a9ddd2;
    border-radius:9px;
    font-size:14px;
    font-weight:700;
    line-height:1.6;
}

.education-section-heading{
    max-width:760px;
    margin:0 auto 50px;
    text-align:center;
}

.education-section-heading h2{
    margin:0 0 18px;
    color:#16324f;
    font-size:clamp(28px,4vw,40px);
    line-height:1.6;
    font-weight:700;
}

.education-section-heading p{
    margin:0;
    color:#59636a;
    font-size:17px;
    line-height:2.1;
}


/* =========================================================
   EDUCATION HERO
========================================================= */

.education-page-hero{
    position:relative;
    overflow:hidden;
    padding:110px 0 125px;
    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(0,143,114,.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 18% 20%,
            rgba(240,90,40,.07),
            transparent 28%
        ),
        #fffdf9;
}

.education-page-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    top:-260px;
    right:-180px;
    border-radius:50%;
    border:1px solid rgba(0,143,114,.10);
}

.education-page-hero::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    bottom:-210px;
    left:-130px;
    border-radius:50%;
    border:1px solid rgba(240,90,40,.10);
}

.education-page-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(500px,1.05fr);
    align-items:center;
    gap:65px;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.education-page-hero-content{
    position:relative;
    z-index:5;
    max-width:610px;
}

.education-page-hero-content .education-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:20px;
    padding:8px 16px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #b9ded6;
    border-radius:10px;
    font-size:15px;
    font-weight:700;
}

.education-page-hero-content .education-eyebrow::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f05a28;
    box-shadow:0 0 0 5px rgba(240,90,40,.10);
}

.education-page-hero-content h1{
    margin:0 0 25px;
    color:#16324f;
    font-size:clamp(42px,5vw,68px);
    line-height:1.35;
    font-weight:800;
    letter-spacing:-1px;
}

.education-page-hero-content h1 span{
    display:block;
    color:#008f72;
}

.education-page-hero-content p{
    max-width:570px;
    margin:0 0 34px;
    color:#56616a;
    font-size:18px;
    line-height:2.15;
}

.education-page-hero-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}

.education-page-primary-button,
.education-page-secondary-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:13px 27px;
    border:1px solid transparent;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* =========================================================
   HERO BUTTON 1
   PROGRAMS — TURQUOISE
========================================================= */

.education-page-hero-actions
.education-page-primary-button{
    background:#008f72;
    color:#ffffff;
    border-color:#008f72;
    box-shadow:0 10px 25px rgba(0,143,114,.18);
}

.education-page-hero-actions
.education-page-primary-button:hover{
    background:#00745f;
    color:#ffffff;
    border-color:#00745f;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(0,143,114,.24);
}


/* =========================================================
   HERO BUTTON 2
   EXAMS — ORANGE
========================================================= */

.education-page-hero-actions
.education-page-secondary-button:nth-child(2){
    background:#f05a28;
    color:#ffffff;
    border-color:#f05a28;
    box-shadow:0 10px 25px rgba(240,90,40,.16);
}

.education-page-hero-actions
.education-page-secondary-button:nth-child(2):hover{
    background:#d94b20;
    color:#ffffff;
    border-color:#d94b20;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(240,90,40,.23);
}


/* =========================================================
   HERO BUTTON 3
   PROGRAM TYPES — NAVY
========================================================= */

.education-page-hero-actions
.education-page-secondary-button:nth-child(3){
    background:#16324f;
    color:#ffffff;
    border-color:#16324f;
    box-shadow:0 10px 25px rgba(22,50,79,.15);
}

.education-page-hero-actions
.education-page-secondary-button:nth-child(3):hover{
    background:#10263c;
    color:#ffffff;
    border-color:#10263c;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(22,50,79,.22);
}


/* =========================================================
   HERO BUTTON 4
   LANGUAGES — GOLD
========================================================= */

.education-page-hero-actions
.education-page-secondary-button:nth-child(4){
    background:#d69b38;
    color:#ffffff;
    border-color:#d69b38;
    box-shadow:0 10px 25px rgba(214,155,56,.16);
}

.education-page-hero-actions
.education-page-secondary-button:nth-child(4):hover{
    background:#b98027;
    color:#ffffff;
    border-color:#b98027;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(214,155,56,.23);
}


/* =========================================================
   HERO BUTTON 5
   TEACHERS — CORAL RED
========================================================= */

.education-page-hero-actions
.education-page-secondary-button:nth-child(5){
    background:#e45535;
    color:#ffffff;
    border-color:#e45535;
    box-shadow:0 10px 25px rgba(228,85,53,.16);
}

.education-page-hero-actions
.education-page-secondary-button:nth-child(5):hover{
    background:#c94328;
    color:#ffffff;
    border-color:#c94328;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(228,85,53,.23);
}


/* =========================================================
   HERO VISUAL
========================================================= */

.education-page-hero-visual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}


/* نور پس‌زمینه */

.education-hero-glow{
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(0,143,114,.17) 0%,
            rgba(0,143,114,.07) 42%,
            transparent 72%
        );
    filter:blur(2px);
}


/* مدارهای ظریف */

.education-hero-orbit{
    position:absolute;
    border:1px solid rgba(0,143,114,.17);
    border-radius:50%;
    transform:rotate(-18deg);
}

.education-hero-orbit-one{
    width:460px;
    height:230px;
}

.education-hero-orbit-two{
    width:560px;
    height:290px;
    border-color:rgba(240,90,40,.12);
    transform:rotate(28deg);
}


/* =========================================================
   OPEN BOOK
========================================================= */

.education-hero-book{
    position:relative;
    z-index:3;
    width:400px;
    height:255px;
    display:flex;
    transform:perspective(900px) rotateX(8deg) rotateY(-3deg);
    filter:drop-shadow(0 28px 30px rgba(22,50,79,.16));
}

.education-hero-book-left,
.education-hero-book-right{
    position:relative;
    width:50%;
    height:100%;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #faf5ec 100%
        );
    border:1px solid #e5dacb;
}

.education-hero-book-left{
    border-radius:10px 4px 4px 18px;
    transform:skewY(3deg);
    transform-origin:right center;
    box-shadow:
        inset -15px 0 20px rgba(22,50,79,.045),
        0 8px 15px rgba(22,50,79,.06);
}

.education-hero-book-right{
    border-radius:4px 10px 18px 4px;
    transform:skewY(-3deg);
    transform-origin:left center;
    box-shadow:
        inset 15px 0 20px rgba(22,50,79,.045),
        0 8px 15px rgba(22,50,79,.06);
}


/* خطوط صفحات */

.education-hero-book-left span,
.education-hero-book-right span{
    position:absolute;
    left:28px;
    right:25px;
    height:2px;
    border-radius:3px;
    background:#dfe8e3;
}

.education-hero-book-left span:nth-child(1),
.education-hero-book-right span:nth-child(1){
    top:62px;
}

.education-hero-book-left span:nth-child(2),
.education-hero-book-right span:nth-child(2){
    top:91px;
    width:72%;
}

.education-hero-book-left span:nth-child(3),
.education-hero-book-right span:nth-child(3){
    top:120px;
    width:82%;
}

.education-hero-book-left span:nth-child(4),
.education-hero-book-right span:nth-child(4){
    top:149px;
    width:58%;
}


/* خط مرکزی کتاب */

.education-hero-book-center{
    position:absolute;
    z-index:5;
    top:0;
    bottom:0;
    left:50%;
    width:5px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(22,50,79,.12) 18%,
            rgba(22,50,79,.18) 50%,
            rgba(22,50,79,.12) 82%,
            transparent
        );
}


/* =========================================================
   KNOWLEDGE PATH
========================================================= */

.education-hero-path{
    position:absolute;
    z-index:4;
    width:420px;
    height:170px;
    bottom:50px;
    left:50%;
    transform:translateX(-50%) rotate(-8deg);
    border-bottom:3px solid rgba(240,90,40,.55);
    border-radius:50%;
    opacity:.9;
}

.education-hero-path::before{
    content:"";
    position:absolute;
    width:310px;
    height:90px;
    right:15px;
    bottom:12px;
    border-bottom:2px dashed rgba(0,143,114,.35);
    border-radius:50%;
}


/* نقاط مسیر */

.education-path-dot{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#008f72;
    box-shadow:
        0 0 0 6px rgba(0,143,114,.10),
        0 5px 12px rgba(0,143,114,.18);
}

.education-path-dot-one{
    left:20px;
    bottom:12px;
}

.education-path-dot-two{
    left:125px;
    bottom:35px;
    background:#f05a28;
}

.education-path-dot-three{
    left:245px;
    bottom:68px;
}

.education-path-dot-four{
    right:22px;
    bottom:105px;
    background:#f05a28;
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.education-hero-floating-card{
    position:absolute;
    z-index:6;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 15px;
    background:rgba(255,255,255,.94);
    border:1px solid #e8dfd2;
    border-radius:13px;
    box-shadow:0 14px 30px rgba(22,50,79,.10);
    backdrop-filter:blur(8px);
}

.education-hero-floating-card strong{
    color:#16324f;
    font-size:14px;
}

.education-hero-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    padding:0 7px;
    border-radius:9px;
    background:#e1f4ef;
    color:#00745f;
    font-weight:800;
}

.education-hero-card-one{
    top:58px;
    right:12px;
    transform:rotate(4deg);
}

.education-hero-card-two{
    bottom:55px;
    left:18px;
    transform:rotate(-4deg);
}

.education-hero-card-three{
    top:155px;
    left:8px;
    transform:rotate(-6deg);
}

.education-hero-card-three .education-hero-card-icon{
    background:#fff0e9;
    color:#f05a28;
}


/* =========================================================
   DECORATIVE DOTS
========================================================= */

.education-hero-dot{
    position:absolute;
    border-radius:50%;
}

.education-hero-dot-one{
    top:45px;
    left:110px;
    width:9px;
    height:9px;
    background:#f05a28;
    box-shadow:0 0 0 7px rgba(240,90,40,.08);
}

.education-hero-dot-two{
    right:80px;
    bottom:25px;
    width:13px;
    height:13px;
    background:#008f72;
    box-shadow:0 0 0 8px rgba(0,143,114,.08);
}

.education-hero-dot-three{
    right:155px;
    top:115px;
    width:6px;
    height:6px;
    background:#d69b38;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:992px){

    .education-page-hero{
        padding:80px 0 90px;
    }

    .education-page-hero-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .education-page-hero-content{
        max-width:760px;
        margin:0 auto;
        text-align:center;
    }

    .education-page-hero-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .education-page-hero-actions{
        justify-content:center;
    }

    .education-page-hero-visual{
        min-height:460px;
    }

}


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

@media(max-width:600px){

    .education-page-hero{
        padding:60px 0 65px;
    }

    .education-page-hero-content h1{
        font-size:38px;
        letter-spacing:-.5px;
    }

    .education-page-hero-content p{
        font-size:16px;
        line-height:2;
    }

    .education-page-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .education-page-primary-button,
    .education-page-secondary-button{
        width:100%;
        text-align:center;
    }

    .education-page-hero-visual{
        min-height:360px;
        transform:scale(.82);
        transform-origin:center top;
        margin-bottom:-45px;
    }

    .education-hero-book{
        width:320px;
        height:205px;
    }

    .education-hero-orbit-one{
        width:370px;
        height:190px;
    }

    .education-hero-orbit-two{
        width:430px;
        height:230px;
    }

    .education-hero-card-one{
        right:-5px;
    }

    .education-hero-card-two{
        left:-5px;
    }

    .education-hero-card-three{
        left:-15px;
        top:120px;
    }

}


/* =========================================================
   INTRODUCTION
========================================================= */

.education-introduction{
    background:#ffffff;
}

.education-content-narrow{
    max-width:850px;
    margin:0 auto;
    text-align:center;
}

.education-content-narrow h2{
    margin:0 0 25px;
    color:#16324f;
    font-size:clamp(28px,4vw,40px);
    line-height:1.6;
    font-weight:700;
}

.education-content-narrow p{
    margin:0 0 20px;
    color:#4f5961;
    font-size:17px;
    line-height:2.25;
}

.education-content-narrow p:last-child{
    margin-bottom:0;
}


/* =========================================================
   PROGRAMS
========================================================= */

.education-page-programs{
    background:#fffdf9;
}

.education-page-programs-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.education-page-program-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #eee5d8;
    border-radius:20px;
    box-shadow:0 12px 32px rgba(22,50,79,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-page-program-card:hover{
    transform:translateY(-7px);
    border-color:#ddcfbd;
    box-shadow:0 18px 40px rgba(22,50,79,.11);
}

.education-page-program-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:205px;
    overflow:hidden;
    background:#008f72;
    color:#ffffff;
    text-decoration:none;
}

.education-page-program-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.education-page-program-card:hover
.education-page-program-image img{
    transform:scale(1.04);
}

.education-page-program-image-placeholder{
    background:
        linear-gradient(
            135deg,
            #008f72,
            #00745f
        );
    color:#ffffff;
    font-size:24px;
    font-weight:700;
}

.education-page-program-image-placeholder:hover{
    color:#ffffff;
    text-decoration:none;
}

.education-page-program-content{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    padding:25px;
}

.education-page-program-type{
    display:inline-flex;
    align-items:center;
    margin-bottom:12px;
    padding:5px 11px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #b9ded6;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    line-height:1.6;
}

.education-page-program-title{
    width:100%;
    margin:0 0 13px;
    font-size:21px;
    line-height:1.7;
}

.education-page-program-title a{
    color:#16324f;
    text-decoration:none;
    transition:color .2s ease;
}

.education-page-program-title a:hover{
    color:#008f72;
    text-decoration:none;
}

.education-page-program-duration{
    margin-bottom:22px;
    color:#59636a;
    font-size:14px;
    line-height:1.8;
}

.education-page-program-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    min-height:43px;
    padding:9px 20px;
    background:#f05a28;
    color:#ffffff;
    border:1px solid #f05a28;
    border-radius:9px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.education-page-program-link:hover{
    background:#d94b20;
    color:#ffffff;
    border-color:#d94b20;
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(240,90,40,.16);
    text-decoration:none;
}


/* =========================================================
   TEACHERS
========================================================= */

.education-page-teachers{
    background:#ffffff;
}

.education-page-teachers-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.education-page-teacher-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #eee5d8;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(22,50,79,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-page-teacher-card:hover{
    transform:translateY(-7px);
    border-color:#ddcfbd;
    box-shadow:0 17px 38px rgba(22,50,79,.10);
}

.education-page-teacher-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:250px;
    overflow:hidden;
    background:#f2f7f5;
    color:#00745f;
    text-decoration:none;
}

.education-page-teacher-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.education-page-teacher-card:hover
.education-page-teacher-image img{
    transform:scale(1.04);
}

.education-page-teacher-image span{
    font-size:22px;
    font-weight:700;
}

.education-page-teacher-image:hover{
    color:#00745f;
    text-decoration:none;
}

.education-page-teacher-content{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    padding:25px;
}

.education-page-teacher-position{
    display:inline-flex;
    align-items:center;
    margin-bottom:12px;
    padding:5px 11px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #b9ded6;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    line-height:1.6;
}

.education-page-teacher-title{
    width:100%;
    margin:0 0 13px;
    font-size:21px;
    line-height:1.7;
}

.education-page-teacher-title a{
    color:#16324f;
    text-decoration:none;
    transition:color .2s ease;
}

.education-page-teacher-title a:hover{
    color:#008f72;
    text-decoration:none;
}

.education-page-teacher-intro{
    width:100%;
    margin:0 0 22px;
    color:#59636a;
    font-size:15px;
    line-height:2;
}

.education-page-teacher-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    min-height:43px;
    padding:9px 20px;
    background:#ffffff;
    color:#00745f;
    border:1px solid #a9ddd2;
    border-radius:9px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.education-page-teacher-link:hover{
    background:#008f72;
    color:#ffffff;
    border-color:#008f72;
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(0,143,114,.15);
    text-decoration:none;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.education-page-placeholder{
    padding:35px 25px;
    background:#fbf7f0;
    border:1px solid #eadfce;
    border-radius:18px;
    color:#59636a;
    text-align:center;
    line-height:2;
}

.education-page-placeholder p{
    margin:0;
}


/* =========================================================
   EDUCATION LANGUAGES
========================================================= */

.education-page-languages{
    background:#fbf7f0;
}

.education-page-languages .education-section-heading{
    margin-bottom:45px;
}

.education-page-languages-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.education-page-language-card{
    display:flex;
    flex-direction:column;
    min-height:250px;
    padding:28px;
    background:#ffffff;
    border:1px solid #eee5d8;
    border-radius:20px;
    text-decoration:none;
    box-shadow:0 12px 32px rgba(22,50,79,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-page-language-card:hover{
    transform:translateY(-7px);
    border-color:#a9ddd2;
    box-shadow:0 18px 38px rgba(22,50,79,.11);
}

.education-page-language-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    background:#e1f4ef;
    color:#008f72;
    border:1px solid #b9e1d7;
    border-radius:16px;
    font-size:20px;
    font-weight:800;
    direction:ltr;
}

.education-page-language-content{
    flex:1;
}

.education-page-language-content h3{
    margin:0 0 12px;
    color:#16324f;
    font-size:21px;
    line-height:1.7;
}

.education-page-language-description,
.education-page-language-content p{
    margin:0;
    color:#5b646b;
    font-size:14px;
    line-height:2;
}

.education-page-language-description p{
    margin:0;
}

.education-page-language-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:25px;
    padding-top:17px;
    border-top:1px solid #eee5d8;
    color:#008f72;
    font-size:13px;
    font-weight:600;
}

.education-page-language-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    background:#fdf1ec;
    color:#f05a28;
    border-radius:9px;
    font-size:18px;
    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.education-page-language-card:hover .education-page-language-arrow{
    background:#f05a28;
    color:#ffffff;
    transform:translateX(-3px);
}

.education-page-languages-cta{
    margin-top:40px;
    text-align:center;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1100px){

    .education-page-languages-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:700px){

    .education-page-languages-grid{
        grid-template-columns:1fr;
    }

    .education-page-language-card{
        min-height:auto;
    }

}

@media (max-width:480px){

    .education-page-language-card{
        padding:23px;
    }

    .education-page-language-content h3{
        font-size:19px;
    }

}


/* =========================================================
   FOCUS
========================================================= */

.bilin-education-page
a:focus-visible{
    outline:3px solid rgba(0,143,114,.25);
    outline-offset:3px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:992px){

    .education-page-section{
        padding:80px 0;
    }

    .education-page-hero{
        padding:90px 0 100px;
    }

    .education-page-programs-grid,
    .education-page-teachers-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


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

@media(max-width:600px){

    .bilin-education-page .container{
        width:min(100% - 30px, 1180px);
    }

    .education-page-section{
        padding:65px 0;
    }

    .education-page-hero{
        padding:70px 0 80px;
    }

    .education-page-hero h1{
        font-size:32px;
    }

    .education-page-hero p{
        font-size:16px;
        line-height:2;
    }

    .education-page-hero-actions{
        flex-direction:column;
        width:100%;
    }

    .education-page-primary-button,
    .education-page-secondary-button{
        width:100%;
    }

    .education-content-narrow h2{
        font-size:28px;
    }

    .education-content-narrow p{
        font-size:16px;
    }

    .education-section-heading{
        margin-bottom:35px;
    }

    .education-section-heading h2{
        font-size:28px;
    }

    .education-section-heading p{
        font-size:16px;
    }

    .education-page-programs-grid,
    .education-page-teachers-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .education-page-program-image{
        height:190px;
    }

    .education-page-teacher-image{
        height:220px;
    }

    .education-page-program-content,
    .education-page-teacher-content{
        padding:21px;
    }

}


/* =========================================================
   EDUCATION TYPES
========================================================= */

.education-page-types{
    background:#fbf7f0;
}

.education-page-types .education-section-heading{
    max-width:760px;
    margin:0 auto 45px;
    text-align:center;
}

.education-page-types-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.education-page-type-card{
    display:flex;
    flex-direction:column;
    min-height:230px;
    padding:26px;
    background:#ffffff;
    border:1px solid #eee5d8;
    border-radius:20px;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(22,50,79,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-page-type-card:hover{
    transform:translateY(-6px);
    border-color:#a9ddd2;
    box-shadow:0 18px 36px rgba(22,50,79,.10);
}

.education-page-type-icon{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    background:#e1f4ef;
    color:#008f72;
    border:1px solid #b9e1d7;
    border-radius:15px;
    font-size:20px;
    font-weight:800;
}

.education-page-type-content{
    flex:1;
}

.education-page-type-content h3{
    margin:0 0 10px;
    color:#16324f;
    font-size:20px;
    line-height:1.7;
}

.education-page-type-content p{
    margin:0;
    color:#5b646b;
    font-size:14px;
    line-height:2;
}

.education-page-type-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid #eee5d8;
    color:#008f72;
    font-size:13px;
    font-weight:600;
}

.education-page-type-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    background:#fdf1ec;
    color:#f05a28;
    border-radius:9px;
    font-size:18px;
    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.education-page-type-card:hover .education-page-type-arrow{
    background:#f05a28;
    color:#ffffff;
    transform:translateX(-3px);
}

.education-page-types-cta{
    margin-top:40px;
    text-align:center;
}

@media(max-width:992px){

    .education-page-types-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:600px){

    .education-page-types-grid{
        grid-template-columns:1fr;
    }

    .education-page-type-card{
        min-height:auto;
        padding:23px;
    }

}
/* =========================================================
   EDUCATION EXAMS
========================================================= */

.education-page-exams{
    background:#ffffff;
}

.education-page-exams-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.education-page-exam-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    min-width:0;
    background:#ffffff;
    border:1px solid #eee5d8;
    border-radius:20px;
    box-shadow:0 12px 32px rgba(22,50,79,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-page-exam-card:hover{
    transform:translateY(-7px);
    border-color:#f0c7b8;
    box-shadow:0 18px 40px rgba(22,50,79,.11);
}

.education-page-exam-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:205px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #f05a28,
            #d94b20
        );
    color:#ffffff;
    text-decoration:none;
}

.education-page-exam-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.education-page-exam-card:hover
.education-page-exam-image img{
    transform:scale(1.04);
}

.education-page-exam-image-placeholder{
    color:#ffffff;
    font-size:24px;
    font-weight:700;
}

.education-page-exam-image-placeholder:hover{
    color:#ffffff;
    text-decoration:none;
}

.education-page-exam-content{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    padding:25px;
}

.education-page-exam-title{
    width:100%;
    margin:0 0 16px;
    font-size:21px;
    line-height:1.7;
}

.education-page-exam-title a{
    color:#16324f;
    text-decoration:none;
    transition:color .2s ease;
}

.education-page-exam-title a:hover{
    color:#f05a28;
    text-decoration:none;
}

.education-page-exam-meta{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:7px;
    margin-bottom:20px;
    padding:13px 15px;
    background:#fff8f4;
    border:1px solid #f5ddd2;
    border-radius:10px;
    color:#59636a;
    font-size:14px;
    line-height:1.8;
}

.education-page-exam-price{
    width:100%;
    margin-bottom:20px;
    color:#00745f;
    font-size:17px;
    font-weight:800;
    line-height:1.8;
}

.education-page-exam-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:43px;
    margin-top:auto;
    padding:9px 20px;
    background:#f05a28;
    color:#ffffff;
    border:1px solid #f05a28;
    border-radius:9px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.education-page-exam-link:hover{
    background:#d94b20;
    color:#ffffff;
    border-color:#d94b20;
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(240,90,40,.16);
    text-decoration:none;
}

.education-page-exams-cta{
    margin-top:40px;
    text-align:center;
}


/* =========================================================
   EDUCATION EXAMS — RESPONSIVE
========================================================= */

@media(max-width:992px){

    .education-page-exams-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:600px){

    .education-page-exams-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .education-page-exam-image{
        height:190px;
    }

    .education-page-exam-content{
        padding:21px;
    }

}