
/*=====================================
ADMISSION INTRO
======================================*/

.admission-intro{
    padding:80px 0;
}

.admission-image{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    transition:.4s;
}

.admission-image:hover{
    transform:scale(1.02);
}

.admission-intro h2{
    color:#0B2E6B;
    font-weight:700;
    margin-bottom:20px;
}

.admission-intro .lead{
    font-size:20px;
    color:#555;
}

.admission-intro p{
    color:#666;
    line-height:1.9;
}

@media(max-width:991px){

    .admission-intro{
        padding:60px 0;
    }

    .admission-image{
        margin-bottom:30px;
    }

}
/*=====================================
ADMISSION PROCESS - 5 STEP FLOW
======================================
    Neither .process-card nor .process-number had a single rule anywhere, so
    the steps rendered as loose text with a bare number. They now read as a
    connected sequence: a numbered disc, a card, and a rule joining each step
    to the next on desktop.
*/

.admission-process{
    padding:80px 0;
    background:#f7f9fc;
}

.admission-process h2{
    color:var(--c-navy, #0B2E6B);
    font-weight:700;
}

.process-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid #e8ecf2;
    border-radius:16px;
    padding:28px 20px 24px;
    text-align:center;
    box-shadow:0 6px 18px rgba(11,46,107,.06);
    transition:transform .25s ease, box-shadow .25s ease;
}

.process-card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(11,46,107,.12);
}

.process-number{
    width:54px;
    height:54px;
    margin:0 auto 16px;
    border-radius:50%;
    background:var(--c-amber, #F5A623);
    color:var(--c-navy, #0B2E6B);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:18px;
    letter-spacing:.5px;
    box-shadow:0 0 0 6px rgba(245,166,35,.16);
}

.process-card h4{
    color:var(--c-navy, #0B2E6B);
    font-size:17px;
    font-weight:700;
    margin:0 0 10px;
}

.process-card p{
    color:#5a6474;
    font-size:14.5px;
    line-height:1.6;
    margin:0;
}

/*  The connector: a short rule from each step to the next, drawn only between
    cards (never after the last one) and only when they sit in a row. */
@media(min-width:992px){

    .process-steps > .col{
        position:relative;
    }

    .process-steps > .col:not(:last-child)::after{
        content:"";
        position:absolute;
        top:52px;
        right:-6px;
        width:12px;
        height:2px;
        background:#d8e0ec;
    }

}

@media(max-width:991px){
    .admission-process{ padding:60px 0; }
}
