/* ================================
   HERO IMAGE
================================ */

.us-hero {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background-image: url("../../images/us-admissions.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top:6rem;
    padding-bottom:6rem;

}
.us-hero::before {

    content:"";

    position:absolute;
    inset:0;

    background:

    linear-gradient(
        90deg,

        rgba(255,255,255,.95) 0%,

        rgba(255,255,255,.88) 30%,

        rgba(255,255,255,.72) 60%,

        rgba(255,255,255,.55) 100%

    );

    z-index:-1;

}

@media (max-width: 500px) {

    .us-hero {
        text-align: center;
    }

    .us-hero .btn {
        width: auto;
        min-width: 240px;
        white-space: normal;
    }

    .hero-content .badge {
        margin-inline: auto;
    }

    .us-hero::before{

    background:

    linear-gradient(

        180deg,

        rgba(255,255,255,.96) 0%,

        rgba(255,255,255,.90) 35%,

        rgba(255,255,255,.78) 70%,

        rgba(255,255,255,.62) 100%

    );
    }

     .section-title {

        font-size: clamp(2rem, 7vw, 2.4rem);

        line-height: 1.15;

    }

    .section-subtitle {

        font-size: var(--text-base);

    }

}


.uk-hero {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background-image: url("../../images/uk-admissions.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top:6rem;
    padding-bottom:6rem;

}
.uk-hero::before {

    content:"";

    position:absolute;
    inset:0;

    background:

    linear-gradient(
        90deg,

        rgba(255,255,255,.95) 0%,

        rgba(255,255,255,.88) 30%,

        rgba(255,255,255,.72) 60%,

        rgba(255,255,255,.55) 100%

    );

    z-index:-1;

}

@media (max-width: 500px) {

    .uk-hero {
        text-align: center;
    }

    .uk-hero .btn {
        width: auto;
        min-width: 240px;
        white-space: normal;
    }

    .hero-content .badge {
        margin-inline: auto;
    }

    .uk-hero::before{

    background:

    linear-gradient(

        180deg,

        rgba(255,255,255,.96) 0%,

        rgba(255,255,255,.90) 35%,

        rgba(255,255,255,.78) 70%,

        rgba(255,255,255,.62) 100%

    );
    }

}
/* ================================
   SECTION VARIANTS
================================ */

.section-light{
    background:var(--bg-secondary);
}


/* ================================
   CARD HOVER (consistent polish)
================================ */

.card{
    transition:transform .25s ease, box-shadow .25s ease;
}

.card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
}

/* why study in teh us */
/* ==========================================
   WHY STUDY IN THE US
========================================== */

.study-intro{

    max-width:1000px;

    margin:0 auto 4rem;

    text-align:center;

}

.study-intro p{

    font-size:1.08rem;

    color:var(--text-secondary);

    line-height:1.8;
    text-align:left;
}

.study-card{

    text-align:center;

    padding:2.5rem;

}

.study-icon{

    width:72px;

    height:72px;

    border-radius:50%;

    margin:0 auto 1.5rem;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(50,0,100,.08);

    color:rgb(50,0,100);

    font-size:1.8rem;

    transition:.35s;

}

.study-card:hover .study-icon{

    transform:translateY(-5px) scale(1.08);

    background:rgb(50,0,100);

    color:white;

}

.study-card h3{

    margin-bottom:1.5rem;

}

.study-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.study-card li{

    position:relative;

    padding-left:1.5rem;

    margin-bottom:.9rem;

    color:var(--text-secondary);

    text-align:left;

}

.study-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:rgb(50,0,100);

    font-weight:700;

}

.study-highlight{

    margin-top:4rem;

    max-width:950px;

    margin-inline:auto;

    background:#faf7fd;

    border-left:5px solid rgb(50,0,100);

    padding:2rem;

    border-radius:12px;

}

.study-highlight p{

    margin:0;

    text-align:center;

    line-height:1.8;

    color:var(--text-secondary);

}

/* ======================================
   HOLISTIC ADMISSIONS
====================================== */

.admissions-card{

    text-align:center;

    padding:2.5rem;

}

.admissions-icon{

    width:72px;

    height:72px;

    margin:0 auto 1.5rem;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(50,0,100,.08);

    color:rgb(50,0,100);

    font-size:1.7rem;

    transition:.35s;

}

.admissions-card:hover .admissions-icon{

    background:rgb(50,0,100);

    color:white;

    transform:translateY(-6px);

}

.admissions-card h3{

    margin-bottom:1.5rem;

}

.admissions-card ul{

    list-style:none;

    margin:0;

    padding:0;

}

.admissions-card li{

    text-align:left;

    position:relative;

    padding-left:1.5rem;

    margin-bottom:.9rem;

    color:var(--text-secondary);

}

.admissions-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:rgb(50,0,100);

    font-weight:700;

}

.admissions-footer{

    margin-top:4rem;

    text-align:center;

}

.admissions-arrow{

    width:70px;

    height:70px;

    margin:0 auto 1.5rem;

    border-radius:50%;

    background:rgb(50,0,100);

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.3rem;

}

.admissions-footer p{

    font-size:1.15rem;

    font-weight:600;

    color:var(--text-primary);

}

.badge-light {

    display: inline-flex;
    align-items: center;

    background: rgba(255,255,255,0.15);

    color: #fff;

    border: 1px solid rgba(255,255,255,0.35);

    backdrop-filter: blur(10px);

}

.text-inverse-small {
    color:white;
}