/* =========================================================
   SANATAN RATAN ACADEMY
   HOMEPAGE MASTER CSS
========================================================= */

.sra-home {

    --gold: #b86a1d;
    --gold-dark: #8c5319;
    --gold-light: #df9b42;

    --cream: #f5e9d9;
    --cream-2: #efdfcc;

    --text: #222;
    --muted: #625a52;

    width: 100%;
    overflow-x: hidden;

    background:
        radial-gradient(
            circle at 5% 8%,
            rgba(184,106,29,.13),
            transparent 27%
        ),
        radial-gradient(
            circle at 95% 35%,
            rgba(184,106,29,.10),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #f8eee2 0%,
            #f1e3d2 50%,
            #f8eee2 100%
        );

    color: var(--text);
}


.sra-home *,
.sra-home *::before,
.sra-home *::after {
    box-sizing: border-box;
}


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

.sra-home .hero-section,
.sra-home .selected-students,
.sra-home .testimonials,
.sra-home .social-section,
.sra-home .location-section,
.sra-home .our-location,
.sra-home .location {

    position: relative;

    background:
        linear-gradient(
            180deg,
            rgba(248,238,226,.97) 0%,
            rgba(241,227,210,.97) 50%,
            rgba(248,238,226,.97) 100%
        ) !important;
}


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

.sra-home .hero-section {

    overflow: hidden;

    padding: 90px 6% 100px;
}


.sra-home .hero-section::before {

    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    left: -180px;
    top: -170px;

    border-radius: 50%;

    background:
        rgba(184,106,29,.07);

    filter: blur(28px);

    animation:
        sraFloatGlow 8s ease-in-out infinite;

    pointer-events: none;
}


.sra-home .hero-section::after {

    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -150px;
    bottom: -150px;

    border-radius: 50%;

    background:
        rgba(184,106,29,.055);

    filter: blur(28px);

    animation:
        sraFloatGlowReverse 10s ease-in-out infinite;

    pointer-events: none;
}


.sra-home .hero-section .container {

    width: 100%;
    max-width: 1280px;

    margin: auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   HERO TITLE
========================================================= */

.sra-home .hero-title {

    text-align: center;

    margin-bottom: 55px;

    animation:
        sraFadeDown 1s ease both;
}


.sra-home .hero-title h1 {

    margin: 0;

    font-size: 60px;

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;

    color: #222;
}


.sra-home .hero-title h1 span {

    background:
        linear-gradient(
            90deg,
            #8c5319,
            #b86a1d,
            #df9b42,
            #b86a1d,
            #8c5319
        );

    background-size: 300%;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    animation:
        sraGoldShine 6s linear infinite;
}


.sra-home .hero-title p {

    margin: 20px 0 0;

    color: #6b625a;

    font-size: 19px;

    line-height: 1.7;
}


/* =========================================================
   MENTOR HEADING
========================================================= */

.sra-home .mentor-heading {

    text-align: center;

    margin-bottom: 60px;

    animation:
        sraFadeUp 1s .15s ease both;
}


.sra-home .mentor-heading h2 {

    margin: 0;

    font-size: 46px;

    font-weight: 800;

    color: #222;
}


.sra-home .mentor-heading h2 span {

    color: var(--gold);
}


.sra-home .heading-line {

    width: 90px;
    height: 4px;

    margin: 17px auto;

    border-radius: 30px;

    background:
        linear-gradient(
            90deg,
            var(--gold-dark),
            var(--gold-light)
        );

    box-shadow:
        0 5px 14px rgba(184,106,29,.20);

    animation:
        sraLineGrow .8s .4s ease both;
}


/* =========================================================
   MENTORS
========================================================= */

.sra-home .mentor-wrapper {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 38px;
}


.sra-home .mentor-card {

    position: relative;

    overflow: hidden;

    padding: 42px 30px 32px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf4
        );

    border:
        1px solid rgba(184,106,29,.15);

    border-radius: 30px;

    box-shadow:
        0 18px 45px rgba(70,42,20,.08);

    animation:
        sraCardReveal .9s ease both;

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}


.sra-home .mentor-card:nth-child(1) {
    animation-delay: .2s;
}


.sra-home .mentor-card:nth-child(2) {
    animation-delay: .4s;
}


.sra-home .mentor-card::before {

    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -100px;
    top: -100px;

    border-radius: 50%;

    background:
        rgba(184,106,29,.065);

    transition:
        transform .6s ease;
}


.sra-home .mentor-card::after {

    content: "";

    position: absolute;

    width: 45%;
    height: 320%;

    top: -150%;
    left: -70%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.7),
            transparent
        );

    transform: rotate(25deg);

    transition:
        left .9s ease;

    pointer-events: none;
}


.sra-home .mentor-card:hover {

    transform:
        translateY(-14px);

    border-color:
        rgba(184,106,29,.28);

    box-shadow:
        0 32px 65px rgba(100,60,20,.13);
}


.sra-home .mentor-card:hover::before {

    transform:
        scale(1.15);
}


.sra-home .mentor-card:hover::after {

    left: 170%;
}


/* =========================================================
   MENTOR IMAGE
========================================================= */

.sra-home .mentor-image {

    width: 260px;
    height: 330px;

    margin: auto;

    position: relative;
}


.sra-home .mentor-image a {

    display: block;

    width: 100%;
    height: 100%;

    position: relative;

    z-index: 2;
}


.sra-home .mentor-image img {

    width: 100%;
    height: 100%;

    object-fit: contain;

    object-position: top center;

    transition:
        transform .55s ease,
        filter .55s ease;
}


.sra-home .mentor-glow {

    position: absolute;

    inset: 0;

    border-radius: 30px;

    background:
        radial-gradient(
            circle,
            rgba(184,106,29,.20),
            transparent 70%
        );

    animation:
        sraPulse 3.5s ease-in-out infinite;
}


.sra-home .mentor-card:hover
.mentor-image img {

    transform:
        translateY(-12px)
        scale(1.05);

    filter:
        drop-shadow(
            0 15px 18px
            rgba(184,106,29,.14)
        );
}


/* =========================================================
   MENTOR CONTENT
========================================================= */

.sra-home .mentor-content {

    margin-top: 17px;

    position: relative;

    z-index: 3;
}


.sra-home .mentor-content h3 {

    margin: 0 0 9px;

    font-size: 30px;

    color: #222;
}


.sra-home .mentor-content .designation {

    display: inline-block;

    padding: 8px 19px;

    margin-bottom: 18px;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            #8c5319,
            #b86a1d,
            #df9b42
        );

    color: #fff;

    font-size: 14px;

    box-shadow:
        0 8px 18px rgba(184,106,29,.18);
}


.sra-home .mentor-content ul {

    list-style: none;

    padding: 0;

    margin: 0;
}


.sra-home .mentor-content li {

    margin: 10px 0;

    color: #5d5751;

    font-size: 17px;

    line-height: 1.5;
}


/* =========================================================
   SELECTED STUDENTS
========================================================= */

/* =========================================================
   OUR SELECTED STUDENTS
   PREMIUM SLIDER
========================================================= */

.sra-home .selected-students{

    position:
        relative;

    overflow:
        hidden;

    padding:
        90px 6%;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fff8ef 55%,
            #ffffff 100%
        ) !important;
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.sra-home .selected-students::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-180px;
    left:-180px;

    border-radius:50%;

    background:
        rgba(184,106,29,.08);

    filter:
        blur(35px);

    animation:
        sraSelectedBlobMove 8s ease-in-out infinite;
}


.sra-home .selected-students::after{

    content:"";

    position:absolute;

    width:340px;
    height:340px;

    right:-140px;
    bottom:-140px;

    border-radius:50%;

    background:
        rgba(184,106,29,.06);

    filter:
        blur(35px);

    animation:
        sraSelectedBlobMove2 10s ease-in-out infinite;
}


/* =========================================================
   PREMIUM HEADING
========================================================= */

.sra-home .student-heading{

    position:
        relative;

    text-align:
        center;

    margin-bottom:
        65px;

    z-index:
        5;

    animation:
        sraSelectedHeadingReveal 1s ease;
}


.sra-home .student-heading::before{

    content:"";

    position:absolute;

    left:50%;
    top:-70px;

    transform:
        translateX(-50%);

    width:260px;
    height:260px;

    background:
        radial-gradient(
            circle,
            rgba(184,106,29,.18),
            transparent 70%
        );

    animation:
        sraSelectedGoldGlow 4s ease-in-out infinite;

    pointer-events:
        none;
}


.sra-home .student-heading::after{

    content:"✦   ✦   ✦";

    position:absolute;

    left:50%;
    top:-20px;

    transform:
        translateX(-50%);

    color:
        #D99132;

    letter-spacing:
        18px;

    font-size:
        18px;

    animation:
        sraSelectedSparkle 3s linear infinite;
}


.sra-home .student-heading h2{

    position:
        relative;

    display:
        inline-block;

    font-size:
        52px;

    font-weight:
        800;

    line-height:
        1.2;

    color:
        #222;

    overflow:
        hidden;

    margin:
        0;
}


.sra-home .student-heading h2 span{

    background:
        linear-gradient(
            90deg,
            #8E4F14,
            #D99132,
            #FFD978,
            #D99132,
            #8E4F14
        );

    background-size:
        300%;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    animation:
        sraSelectedGoldFlow 5s linear infinite;
}


.sra-home .student-heading h2::after{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:40%;
    height:100%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.8),
            transparent
        );

    transform:
        skewX(-20deg);

    animation:
        sraSelectedHeadingShine 3.5s infinite;
}


.sra-home .student-heading p{

    margin:
        14px 0 0;

    color:
        #666;

    font-size:
        18px;

    line-height:
        1.6;

    animation:
        sraSelectedFadeUp .8s ease;
}


.sra-home .student-heading .heading-line{

    width:
        95px;

    height:
        4px;

    margin:
        18px auto 0;

    border-radius:
        50px;

    overflow:
        hidden;

    background:
        #B86A1D;

    position:
        relative;
}


.sra-home .student-heading .heading-line::before{

    content:"";

    position:absolute;

    left:-120%;

    width:120%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            #fff,
            transparent
        );

    animation:
        sraSelectedLineShine 2.8s infinite;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.sra-home .student-slider{

    position:
        relative;

    z-index:
        3;

    width:
        100%;
}


/* =========================================================
   SLIDER TRACK
========================================================= */

.sra-home .student-track{

    width:
        100%;

    overflow:
        hidden;

    position:
        relative;

    cursor:
        grab;

    touch-action:
        pan-y;
}


.sra-home .student-track:active{

    cursor:
        grabbing;
}


/* =========================================================
   STUDENT TRACK
========================================================= */

.sra-home .student-slider .student-grid{

    position:
        relative;

    display:
        flex !important;

    flex-wrap:
        nowrap !important;

    width:
        100%;

    gap:
        28px;

    margin:
        0;

    padding:
        0;

    transition:
        transform .65s
        cubic-bezier(.22,.61,.36,1);

    animation:
        none !important;
}


/* =========================================================
   DESKTOP — 4 CARDS
========================================================= */

.sra-home .student-slider .student-card{

    flex:
        0 0
        calc(
            (100% - 84px) / 4
        );

    width:
        calc(
            (100% - 84px) / 4
        );

    min-width:
        0;

    box-sizing:
        border-box;
}


/* =========================================================
   PREMIUM SLIDER BUTTONS
========================================================= */

.sra-home .student-prev,
.sra-home .student-next{

    position:
        absolute;

    top:
        50%;

    transform:
        translateY(-50%);

    width:
        46px;

    height:
        46px;

    padding:
        0;

    margin:
        0;

    border-radius:
        50%;

    border:
        1px solid
        rgba(184,106,29,.35);

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffaf3 100%
        );

    color:
        #8E4F14;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    font-family:
        Arial,sans-serif;

    font-size:
        27px;

    font-weight:
        300;

    line-height:
        1;

    cursor:
        pointer;

    z-index:
        50;

    box-shadow:
        0 8px 25px
        rgba(184,106,29,.16),
        0 2px 5px
        rgba(0,0,0,.05),
        inset 0 1px 0
        rgba(255,255,255,.9);

    transition:
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;

    -webkit-appearance:
        none;

    appearance:
        none;
}


.sra-home .student-prev{

    left:
        8px;
}


.sra-home .student-next{

    right:
        8px;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

.sra-home .student-prev:hover,
.sra-home .student-next:hover{

    background:
        linear-gradient(
            135deg,
            #8E4F14 0%,
            #B86A1D 50%,
            #D99132 100%
        );

    color:
        #fff;

    border-color:
        #D99132;

    box-shadow:
        0 12px 30px
        rgba(184,106,29,.28),
        0 0 0 5px
        rgba(184,106,29,.07);

    transform:
        translateY(-50%)
        scale(1.08);
}


/* =========================================================
   BUTTON CLICK
========================================================= */

.sra-home .student-prev:active,
.sra-home .student-next:active{

    transform:
        translateY(-50%)
        scale(.94);

    box-shadow:
        0 5px 14px
        rgba(184,106,29,.20);
}


/* =========================================================
   STUDENT CARD
========================================================= */

.sra-home .student-slider .student-card{

    position:
        relative;

    background:
        #fff;

    border-radius:
        24px;

    padding:
        22px 18px;

    text-align:
        center;

    overflow:
        hidden;

    border:
        1px solid
        rgba(184,106,29,.12);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.08);

    transition:
        .45s;

    animation:
        sraSelectedCardFade .8s ease both;
}


.sra-home .student-slider .student-card::before{

    content:"";

    position:absolute;

    width:
        170px;

    height:
        170px;

    top:
        -80px;

    right:
        -80px;

    border-radius:
        50%;

    background:
        rgba(184,106,29,.05);
}


.sra-home .student-slider .student-card::after{

    content:"";

    position:absolute;

    top:
        -150%;

    left:
        -70%;

    width:
        45%;

    height:
        320%;

    transform:
        rotate(25deg);

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );

    transition:
        .8s;
}


.sra-home .student-slider .student-card:hover{

    transform:
        translateY(-10px);

    box-shadow:
        0 28px 55px
        rgba(184,106,29,.18);
}


.sra-home .student-slider .student-card:hover::after{

    left:
        170%;
}


/* =========================================================
   STUDENT IMAGE
========================================================= */

.sra-home .student-slider .student-img{

    width:
        130px;

    height:
        130px;

    margin:
        0 auto;

    border-radius:
        50%;

    overflow:
        hidden;

    background:
        #fff;

    border:
        5px solid
        #B86A1D;

    box-shadow:
        0 12px 30px
        rgba(184,106,29,.25);

    transition:
        .4s;
}


.sra-home .student-slider .student-img img{

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        .4s;
}


.sra-home .student-slider .student-card:hover
.student-img{

    transform:
        scale(1.06);
}


.sra-home .student-slider .student-card:hover
.student-img img{

    transform:
        scale(1.08);
}


/* =========================================================
   STUDENT CONTENT
========================================================= */

.sra-home .student-slider .student-card h3{

    margin:
        18px 0 0;

    font-size:
        20px;

    font-weight:
        700;

    color:
        #222;

    line-height:
        1.35;

    transition:
        .35s;
}


.sra-home .student-slider .student-card:hover h3{

    color:
        #B86A1D;
}


.sra-home .student-slider .student-card span{

    display:
        inline-block;

    margin-top:
        12px;

    padding:
        9px 18px;

    border-radius:
        40px;

    background:
        linear-gradient(
            135deg,
            #8E4F14,
            #B86A1D,
            #D99132
        );

    color:
        #fff;

    font-size:
        13px;

    font-weight:
        600;

    letter-spacing:
        .3px;

    box-shadow:
        0 8px 18px
        rgba(184,106,29,.22);

    transition:
        .35s;
}


.sra-home .student-slider .student-card:hover span{

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 22px
        rgba(184,106,29,.30);
}


/* =========================================================
   CARD ANIMATION DELAYS
========================================================= */

.sra-home .student-card:nth-child(1){
    animation-delay:.05s;
}

.sra-home .student-card:nth-child(2){
    animation-delay:.10s;
}

.sra-home .student-card:nth-child(3){
    animation-delay:.15s;
}

.sra-home .student-card:nth-child(4){
    animation-delay:.20s;
}

.sra-home .student-card:nth-child(5){
    animation-delay:.25s;
}

.sra-home .student-card:nth-child(6){
    animation-delay:.30s;
}

.sra-home .student-card:nth-child(7){
    animation-delay:.35s;
}

.sra-home .student-card:nth-child(8){
    animation-delay:.40s;
}

.sra-home .student-card:nth-child(9){
    animation-delay:.45s;
}

.sra-home .student-card:nth-child(10){
    animation-delay:.50s;
}

.sra-home .student-card:nth-child(11){
    animation-delay:.55s;
}

.sra-home .student-card:nth-child(12){
    animation-delay:.60s;
}

.sra-home .student-card:nth-child(13){
    animation-delay:.65s;
}

.sra-home .student-card:nth-child(14){
    animation-delay:.70s;
}

.sra-home .student-card:nth-child(15){
    animation-delay:.75s;
}

.sra-home .student-card:nth-child(16){
    animation-delay:.80s;
}

.sra-home .student-card:nth-child(17){
    animation-delay:.85s;
}

.sra-home .student-card:nth-child(18){
    animation-delay:.90s;
}

.sra-home .student-card:nth-child(19){
    animation-delay:.95s;
}

.sra-home .student-card:nth-child(20){
    animation-delay:1s;
}

.sra-home .student-card:nth-child(21){
    animation-delay:1.05s;
}

.sra-home .student-card:nth-child(22){
    animation-delay:1.10s;
}

.sra-home .student-card:nth-child(23){
    animation-delay:1.15s;
}

.sra-home .student-card:nth-child(24){
    animation-delay:1.20s;
}

.sra-home .student-card:nth-child(25){
    animation-delay:1.25s;
}

.sra-home .student-card:nth-child(26){
    animation-delay:1.30s;
}


/* =========================================================
   SELECTED STUDENTS KEYFRAMES
========================================================= */

@keyframes sraSelectedHeadingReveal{

    0%{
        opacity:0;
        transform:
            translateY(-45px);
    }

    100%{
        opacity:1;
        transform:
            translateY(0);
    }
}


@keyframes sraSelectedGoldGlow{

    0%,100%{
        transform:
            translateX(-50%)
            scale(1);

        opacity:.45;
    }

    50%{
        transform:
            translateX(-50%)
            scale(1.2);

        opacity:.9;
    }
}


@keyframes sraSelectedSparkle{

    0%,100%{
        opacity:.3;

        transform:
            translateX(-50%)
            translateY(0);
    }

    50%{
        opacity:1;

        transform:
            translateX(-50%)
            translateY(-8px);
    }
}


@keyframes sraSelectedGoldFlow{

    0%{
        background-position:
            0%;
    }

    100%{
        background-position:
            300%;
    }
}


@keyframes sraSelectedHeadingShine{

    0%{
        left:
            -120%;
    }

    100%{
        left:
            180%;
    }
}


@keyframes sraSelectedLineShine{

    0%{
        left:
            -120%;
    }

    100%{
        left:
            180%;
    }
}


@keyframes sraSelectedFadeUp{

    0%{
        opacity:0;

        transform:
            translateY(25px);
    }

    100%{
        opacity:1;

        transform:
            translateY(0);
    }
}


@keyframes sraSelectedCardFade{

    0%{
        opacity:0;

        transform:
            translateY(50px)
            scale(.95);
    }

    100%{
        opacity:1;

        transform:
            translateY(0)
            scale(1);
    }
}


@keyframes sraSelectedBlobMove{

    0%,100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-25px);
    }
}


@keyframes sraSelectedBlobMove2{

    0%,100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(20px);
    }
}


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

@media (max-width:992px){

    .sra-home .selected-students{

        padding:
            70px 20px;
    }


    .sra-home .student-heading{

        margin-bottom:
            50px;
    }


    .sra-home .student-heading h2{

        font-size:
            40px;
    }


    .sra-home .student-heading p{

        font-size:
            16px;
    }


    .sra-home .student-slider .student-grid{

        gap:
            18px;
    }


    .sra-home .student-slider .student-card{

        flex:
            0 0
            calc(
                (100% - 54px) / 4
            );

        width:
            calc(
                (100% - 54px) / 4
            );

        padding:
            18px 12px;

        border-radius:
            20px;
    }


    .sra-home .student-slider .student-img{

        width:
            100px;

        height:
            100px;

        border-width:
            4px;
    }


    .sra-home .student-slider .student-card h3{

        font-size:
            16px;

        line-height:
            1.35;
    }


    .sra-home .student-slider .student-card span{

        font-size:
            11px;

        padding:
            7px 12px;
    }


    .sra-home .student-prev,
    .sra-home .student-next{

        width:
            42px;

        height:
            42px;

        font-size:
            23px;
    }


    .sra-home .student-prev{
        left:
            5px;
    }


    .sra-home .student-next{
        right:
            5px;
    }

}


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

@media (max-width:576px){

    .sra-home .selected-students{

        padding:
            55px 12px;
    }


    .sra-home .student-heading{

        margin-bottom:
            35px;
    }


    .sra-home .student-heading h2{

        font-size:
            30px;

        line-height:
            1.2;
    }


    .sra-home .student-heading p{

        font-size:
            14px;

        line-height:
            1.6;
    }


    .sra-home .student-heading .heading-line{

        width:
            75px;
    }


    /* MOBILE SLIDER */

    .sra-home .student-track{

        width:
            100%;

        overflow:
            hidden;
    }


    .sra-home .student-slider .student-grid{

        gap:
            14px;

        width:
            100%;
    }


    /* EXACTLY 4 CARDS */

    .sra-home .student-slider .student-card{

        flex:
            0 0
            calc(
                (100% - 42px) / 4
            );

        width:
            calc(
                (100% - 42px) / 4
            );

        min-width:
            0;

        padding:
            15px 6px;

        border-radius:
            18px;
    }


    /* IMAGE */

    .sra-home .student-slider .student-img{

        width:
            70px;

        height:
            70px;

        border:
            3px solid
            #B86A1D;
    }


    .sra-home .student-slider .student-img img{

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center top;
    }


    /* NAME */

    .sra-home .student-slider .student-card h3{

        font-size:
            11px;

        margin:
            10px 0 0;

        line-height:
            1.25;

        word-break:
            break-word;
    }


    /* COLLEGE */

    .sra-home .student-slider .student-card span{

        margin-top:
            7px;

        padding:
            5px 6px;

        font-size:
            8px;

        line-height:
            1.25;

        border-radius:
            18px;

        max-width:
            100%;
    }


    /* HOVER */

    .sra-home .student-slider .student-card:hover{

        transform:
            translateY(-6px);
    }


    /* MOBILE BUTTONS */

    .sra-home .student-prev,
    .sra-home .student-next{

        width:
            34px;

        height:
            34px;

        font-size:
            19px;

        border-width:
            1px;

        box-shadow:
            0 6px 18px
            rgba(184,106,29,.20),
            0 2px 5px
            rgba(0,0,0,.05);
    }


    .sra-home .student-prev{

        left:
            3px;
    }


    .sra-home .student-next{

        right:
            3px;
    }

}


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

@media (max-width:380px){

    .sra-home .selected-students{

        padding:
            50px 10px;
    }


    .sra-home .student-slider .student-grid{

        gap:
            10px;
    }


    /* 4 CARDS */

    .sra-home .student-slider .student-card{

        flex:
            0 0
            calc(
                (100% - 30px) / 4
            );

        width:
            calc(
                (100% - 30px) / 4
            );

        padding:
            12px 4px;
    }


    .sra-home .student-slider .student-img{

        width:
            58px;

        height:
            58px;
    }


    .sra-home .student-slider .student-card h3{

        font-size:
            10px;
    }


    .sra-home .student-slider .student-card span{

        font-size:
            7px;

        padding:
            4px 5px;
    }


    /* SMALL BUTTONS */

    .sra-home .student-prev,
    .sra-home .student-next{

        width:
            30px;

        height:
            30px;

        font-size:
            17px;
    }


    .sra-home .student-prev{
        left:
            2px;
    }


    .sra-home .student-next{
        right:
            2px;
    }

}
/* =========================================================
   TESTIMONIALS
========================================================= */

/* =========================================================
   TESTIMONIAL SLIDER WRAPPER
========================================================= */

.sra-home .testimonial-slider{

    position:relative;

    width:100%;

    max-width:1280px;

    margin:0 auto;

    padding:0 55px;

    z-index:5;

}


/* =========================================================
   TESTIMONIAL TRACK
========================================================= */

.sra-home .testimonial-track{

    width:100%;

    overflow:hidden;

    position:relative;

    border-radius:26px;

    cursor:grab;

    touch-action:pan-y;

    user-select:none;

}


.sra-home .testimonial-track.is-dragging{

    cursor:grabbing;

}


/* =========================================================
   TESTIMONIAL GRID
========================================================= */

.sra-home .testimonial-grid{

    display:flex !important;

    flex-wrap:nowrap !important;

    width:100%;

    max-width:none;

    margin:0;

    gap:25px;

    transition:
        transform .65s
        cubic-bezier(.22,.61,.36,1);

    will-change:transform;

}


/* =========================================================
   DESKTOP — 4 CARDS
========================================================= */

.sra-home .testimonial-grid
.testimonial-card{

    flex:
        0 0
        calc((100% - 75px) / 4);

    width:
        calc((100% - 75px) / 4);

    min-width:
        calc((100% - 75px) / 4);

}


/* =========================================================
   TESTIMONIAL BUTTONS
========================================================= */

.sra-home .testimonial-prev,
.sra-home .testimonial-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    padding:0;

    margin:0;

    border-radius:50%;

    border:
        1px solid
        rgba(184,106,29,.35);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf3
        );

    color:#8E4F14;

    display:flex;

    align-items:center;

    justify-content:center;

    font-family:Arial,sans-serif;

    font-size:25px;

    font-weight:300;

    line-height:1;

    cursor:pointer;

    z-index:50;

    box-shadow:
        0 8px 25px
        rgba(184,106,29,.16),
        0 2px 5px
        rgba(0,0,0,.05),
        inset 0 1px 0
        rgba(255,255,255,.9);

    transition:
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;

    -webkit-appearance:none;

    appearance:none;

}


.sra-home .testimonial-prev{

    left:3px;

}


.sra-home .testimonial-next{

    right:3px;

}


/* =========================================================
   BUTTON HOVER
========================================================= */

.sra-home .testimonial-prev:hover,
.sra-home .testimonial-next:hover{

    background:
        linear-gradient(
            135deg,
            #8E4F14 0%,
            #B86A1D 50%,
            #D99132 100%
        );

    color:#fff;

    border-color:#D99132;

    box-shadow:
        0 12px 30px
        rgba(184,106,29,.28),
        0 0 0 5px
        rgba(184,106,29,.07);

    transform:
        translateY(-50%)
        scale(1.08);

}


/* =========================================================
   BUTTON ACTIVE
========================================================= */

.sra-home .testimonial-prev:active,
.sra-home .testimonial-next:active{

    transform:
        translateY(-50%)
        scale(.94);

}


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

@media (max-width:992px){

    .sra-home .testimonial-slider{

        padding:
            0 48px;

    }


    .sra-home .testimonial-grid{

        gap:18px;

    }


    .sra-home .testimonial-grid
    .testimonial-card{

        flex:
            0 0
            calc((100% - 18px) / 2);

        width:
            calc((100% - 18px) / 2);

        min-width:
            calc((100% - 18px) / 2);

    }


    .sra-home .testimonial-prev,
    .sra-home .testimonial-next{

        width:42px;

        height:42px;

        font-size:22px;

    }


    .sra-home .testimonial-prev{

        left:3px;

    }


    .sra-home .testimonial-next{

        right:3px;

    }

}


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

@media (max-width:576px){

    .sra-home .testimonial-slider{

        padding:
            0 30px;

    }


    .sra-home .testimonial-track{

        border-radius:
            20px;

    }


    .sra-home .testimonial-grid{

        gap:
            12px;

    }


    /* EXACTLY 2 TESTIMONIALS */

    .sra-home .testimonial-grid
    .testimonial-card{

        flex:
            0 0
            calc((100% - 12px) / 2);

        width:
            calc((100% - 12px) / 2);

        min-width:
            calc((100% - 12px) / 2);

        padding:
            22px 10px;

        border-radius:
            18px;

    }


    .sra-home .testimonial-grid
    .testimonial-card
    .student-img{

        width:
            72px;

        height:
            72px;

        margin:
            0 auto 18px;

    }


    .sra-home .testimonial-grid
    .testimonial-card p{

        font-size:
            11px;

        line-height:
            1.55;

    }


    /* MOBILE BUTTONS */

    .sra-home .testimonial-prev,
    .sra-home .testimonial-next{

        width:
            34px;

        height:
            34px;

        font-size:
            18px;

    }


    .sra-home .testimonial-prev{

        left:
            -2px;

    }


    .sra-home .testimonial-next{

        right:
            -2px;

    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width:380px){

    .sra-home .testimonial-slider{

        padding:
            0 27px;

    }


    .sra-home .testimonial-grid{

        gap:
            10px;

    }


    .sra-home .testimonial-grid
    .testimonial-card{

        flex:
            0 0
            calc((100% - 10px) / 2);

        width:
            calc((100% - 10px) / 2);

        min-width:
            calc((100% - 10px) / 2);

    }


    .sra-home .testimonial-prev,
    .sra-home .testimonial-next{

        width:
            30px;

        height:
            30px;

        font-size:
            16px;

    }

}


/* =========================================================
   SOCIAL
========================================================= */

.sra-home .social-section {

    padding: 95px 20px;

    overflow: hidden;
}


/* IMPORTANT:
   No grey/blue background anymore
*/


.sra-home .social-container {

    max-width: 1200px;

    width: 100%;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 35px;

    position: relative;

    z-index: 2;
}


.sra-home .social-card {

    width: 100%;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf4
        );

    border:
        1px solid rgba(184,106,29,.14);

    border-radius: 26px;

    box-shadow:
        0 18px 40px rgba(65,40,20,.08);

    animation:
        sraCardReveal .9s ease both;

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.sra-home .social-card:nth-child(2) {

    animation-delay:
        .2s;
}


.sra-home .social-card:hover {

    transform:
        translateY(-12px);

    box-shadow:
        0 30px 55px rgba(70,40,15,.13);
}


.sra-home .social-banner {

    overflow: hidden;
}


.sra-home .social-banner img {

    width: 100%;

    height: 240px;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease;
}


.sra-home .social-card:hover
.social-banner img {

    transform:
        scale(1.07);
}


.sra-home .profile {

    margin-top: -45px;

    padding: 0 25px 30px;

    text-align: center;

    position: relative;

    z-index: 3;
}


.sra-home .profile img {

    width: 90px;
    height: 90px;

    border-radius: 50%;

    border: 5px solid #fff;

    object-fit: cover;

    background: #fff;

    box-shadow:
        0 0 0 3px rgba(184,106,29,.45),
        0 10px 25px rgba(60,35,15,.14);

    animation:
        sraFloatLogo 3.5s ease-in-out infinite;
}


.sra-home .profile h3 {

    margin: 16px 0 5px;

    font-size: 24px;

    color: #222;
}


.sra-home .profile p {

    margin: 0;

    color: #777;

    font-size: 15px;
}


/* Social buttons */

.sra-home .btn {

    display: inline-block;

    margin-top: 22px;

    padding: 13px 35px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 700;

    color: #fff;

    position: relative;

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.sra-home .btn:hover {

    transform:
        translateY(-3px)
        scale(1.03);

    box-shadow:
        0 10px 24px rgba(0,0,0,.15);
}


.sra-home .youtube-btn {

    background:
        linear-gradient(
            135deg,
            #e60000,
            #ff2020
        );
}


.sra-home .instagram-btn {

    background:
        linear-gradient(
            45deg,
            #f58529,
            #dd2a7b,
            #8134af,
            #515bd4
        );
}


/* =========================================================
   LOCATION
========================================================= */

.sra-home .location-section,
.sra-home .our-location,
.sra-home .location {

    padding:
        90px 6% 0;

    text-align:
        center;
}


/* Location heading */

.sra-home .location-section h2,
.sra-home .our-location h2,
.sra-home .location h2 {

    margin:
        0 0 18px;

    padding:
        0 !important;

    background:
        none !important;

    font-size:
        46px !important;

    line-height:
        1.15;

    font-weight:
        800;

    color:
        #222 !important;

    -webkit-text-fill-color:
        initial !important;
}


/* Gold word inside heading */

.sra-home .location-section h2 span,
.sra-home .our-location h2 span,
.sra-home .location h2 span {

    color:
        var(--gold) !important;
}


/* Location underline */

.sra-home .location-section h2::after,
.sra-home .our-location h2::after,
.sra-home .location h2::after {

    content: "";

    display: block;

    width: 90px;
    height: 4px;

    margin:
        16px auto 35px;

    border-radius: 30px;

    background:
        linear-gradient(
            90deg,
            var(--gold-dark),
            var(--gold-light)
        );

    box-shadow:
        0 5px 14px rgba(184,106,29,.20);
}


/* Location text */

.sra-home .location-section p,
.sra-home .our-location p,
.sra-home .location p {

    color:
        #5d5751;

    line-height:
        1.7;
}


/* Location strong labels */

.sra-home .location-section strong,
.sra-home .our-location strong,
.sra-home .location strong {

    color:
        #3b342d;
}


/* Map */

.sra-home .map-wrapper {

    width: 100%;

    overflow: hidden;

    margin-top: 45px;

    background:
        #fffaf3;

    border-top:
        1px solid rgba(184,106,29,.12);

    border-bottom:
        1px solid rgba(184,106,29,.12);
}


.sra-home .map-wrapper iframe {

    width: 100%;

    height: 450px;

    min-height: 450px;

    display: block;

    border: 0;
}


/* =========================================================
   GLOBAL REVEAL SUPPORT
   home.js will add .sra-visible
========================================================= */

.sra-home .sra-reveal {

    opacity: 0;

    transform:
        translateY(45px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.2,.8,.2,1);
}


.sra-home .sra-reveal.sra-visible {

    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes sraFadeDown {

    from {

        opacity: 0;

        transform:
            translateY(-45px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }
}


@keyframes sraFadeUp {

    from {

        opacity: 0;

        transform:
            translateY(45px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }
}


@keyframes sraCardReveal {

    from {

        opacity: 0;

        transform:
            translateY(60px)
            scale(.97);

    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);

    }
}


@keyframes sraPulse {

    0%,
    100% {

        transform:
            scale(1);

        opacity:
            .40;
    }

    50% {

        transform:
            scale(1.12);

        opacity:
            .85;
    }
}


@keyframes sraGoldShine {

    0% {

        background-position:
            -300% 0;
    }

    100% {

        background-position:
            300% 0;
    }
}


@keyframes sraLineGrow {

    from {

        width: 0;

        opacity: 0;
    }

    to {

        width: 90px;

        opacity: 1;
    }
}


@keyframes sraFloatGlow {

    0%,
    100% {

        transform:
            translate(0,0)
            scale(1);
    }

    50% {

        transform:
            translate(25px,20px)
            scale(1.08);
    }
}


@keyframes sraFloatGlowReverse {

    0%,
    100% {

        transform:
            translate(0,0)
            scale(1);
    }

    50% {

        transform:
            translate(-25px,-20px)
            scale(1.08);
    }
}


@keyframes sraFloatLogo {

    0%,
    100% {

        transform:
            translateY(0);
    }

    50% {

        transform:
            translateY(-8px);
    }
}


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

@media (max-width: 992px) {

    .sra-home .hero-section {

        padding:
            70px 25px 80px;
    }

    .sra-home .hero-title h1 {

        font-size:
            42px;
    }

    .sra-home .mentor-wrapper {

        gap:
            20px;
    }

    .sra-home .mentor-image {

        width:
            190px;

        height:
            250px;
    }

    .sra-home .mentor-content h3 {

        font-size:
            22px;
    }

    .sra-home .mentor-content li {

        font-size:
            14px;
    }

    .sra-home .selected-students {

        padding:
            75px 25px;
    }

    .sra-home .student-heading h2 {

        font-size:
            38px;
    }

    .sra-home .student-slider {

        padding:
            0 48px;
    }

    .sra-home .student-card {

        width:
            220px;

        min-width:
            220px;
    }

    .sra-home .student-card .student-img {

        height:
            210px;
    }

    .sra-home .testimonials {

        padding:
            75px 25px;
    }

    .sra-home .testimonials .section-title {

        font-size:
            38px;
    }

           .sra-home .testimonial-grid {

        display:
            flex;

        flex-wrap:
            nowrap;

        gap:
            12px;

        overflow:
            hidden;

        width:
            100%;

        max-width:
            1280px;

        margin:
            auto;

        position:
            relative;

        z-index:
            2;

        transition:
            transform .45s
            cubic-bezier(.2,.8,.2,1);

        will-change:
            transform;
    }


    .sra-home .testimonial-card {

        flex:
            0 0
            calc(
                (100% - 12px) / 2
            );

        min-width:
            calc(
                (100% - 12px) / 2
            );

        padding:
            22px 10px;

        border-radius:
            18px;
    }


    .sra-home .testimonial-card .student-img {

        width:
            72px;

        height:
            72px;

        margin:
            0 auto 18px;
    }


    .sra-home .testimonial-card p {

        font-size:
            11px;

        line-height:
            1.55;
    }
}
/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {


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

    .sra-home .hero-section {

        padding:
            50px 14px 60px;
    }


    .sra-home .hero-title {

        margin-bottom:
            35px;
    }


    .sra-home .hero-title h1 {

        font-size:
            30px;

        line-height:
            1.2;
    }


    .sra-home .hero-title p {

        display:
            none;
    }


    /* =====================================================
       MENTOR HEADING
    ===================================================== */

    .sra-home .mentor-heading {

        margin-bottom:
            30px;
    }


    .sra-home .mentor-heading h2 {

        font-size:
            28px;
    }


    .sra-home .heading-line {

        width:
            70px;
    }


    /* =====================================================
       MENTORS
    ===================================================== */

    .sra-home .mentor-wrapper {

        grid-template-columns:
            1fr 1fr;

        gap:
            12px;
    }


    .sra-home .mentor-card {

        padding:
            18px 10px;

        border-radius:
            20px;
    }


    .sra-home .mentor-image {

        width:
            100%;

        height:
            180px;
    }


    .sra-home .mentor-content {

        margin-top:
            10px;
    }


    .sra-home .mentor-content h3 {

        font-size:
            16px;
    }


    .sra-home .mentor-content .designation {

        font-size:
            10px;

        padding:
            5px 8px;
    }


    .sra-home .mentor-content li {

        font-size:
            11px;
    }


       /* =====================================================
   SELECTED STUDENTS
   MOBILE - 4 CARDS VISIBLE
===================================================== */

.sra-home .selected-students {

    padding:
        60px 10px 65px;

    overflow:
        hidden;
}


/* HEADING */

.sra-home .student-heading {

    margin-bottom:
        38px;

    position:
        relative;

    z-index:
        2;
}


.sra-home .student-heading h2 {

    font-size:
        28px;

    line-height:
        1.2;

    margin:
        0;
}


.sra-home .student-heading p {

    font-size:
        14px;

    line-height:
        1.6;

    margin:
        12px 0 0;
}


/* SLIDER AREA */

.sra-home .student-slider {

    width:
        100%;

    max-width:
        1280px;

    margin:
        auto;

    padding:
        0 24px;

    position:
        relative;

    z-index:
        2;
}


/* VIEWPORT */

.sra-home .student-track {

    width:
        100%;

    overflow:
        hidden;

    border-radius:
        18px;
}


/* CARD TRACK */

.sra-home .student-grid {

    display:
        flex;

    flex-wrap:
        nowrap;

    gap:
        8px;

    width:
        max-content;

    transition:
        transform .45s
        cubic-bezier(.2,.8,.2,1);

    will-change:
        transform;
}


/* STUDENT CARD */

.sra-home .student-card {

    flex:
        0 0
        calc(
            (100vw - 68px - 24px) / 4
        );

    width:
        calc(
            (100vw - 68px - 24px) / 4
        );

    min-width:
        calc(
            (100vw - 68px - 24px) / 4
        );

    padding:
        8px 5px 11px;

    border-radius:
        16px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff9f2 100%
        );

    border:
        1px solid
        rgba(184,106,29,.16);

    box-shadow:
        0 8px 22px
        rgba(70,42,20,.08);

    text-align:
        center;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/* CARD HOVER */

.sra-home .student-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 15px 30px
        rgba(70,42,20,.12);
}


/* IMAGE */

.sra-home .student-card .student-img {

    width:
        100%;

    height:
        105px;

    overflow:
        hidden;

    border-radius:
        12px;

    background:
        #f7eee3;
}


.sra-home .student-card .student-img img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center;

    pointer-events:
        none;

    transition:
        transform .4s ease;
}


.sra-home .student-card:hover
.student-img img {

    transform:
        scale(1.05);
}


/* NAME */

.sra-home .student-card h3 {

    margin:
        9px 0 7px;

    font-size:
        10px;

    line-height:
        1.25;

    font-weight:
        700;

    color:
        #2d2925;

    min-height:
        25px;
}


/* SELECTION BADGE */

.sra-home .student-card > span {

    display:
        block;

    width:
        100%;

    padding:
        5px 3px;

    border-radius:
        20px;

    background:
        linear-gradient(
            135deg,
            #8c5319,
            #b86a1d,
            #df9b42
        );

    color:
        #fff;

    font-size:
        6.5px;

    line-height:
        1.2;

    font-weight:
        700;

    box-shadow:
        0 5px 12px
        rgba(184,106,29,.18);
}


/* =====================================================
   SELECTED STUDENTS BUTTONS
===================================================== */

.sra-home .student-prev,
.sra-home .student-next {

    position:
        absolute;

    top:
        50%;

    transform:
        translateY(-50%);

    width:
        34px;

    height:
        34px;

    padding:
        0;

    margin:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(184,106,29,.25);

    border-radius:
        50%;

    background:
        rgba(255,255,255,.97);

    color:
        #9b5b18;

    font-size:
        18px;

    line-height:
        1;

    cursor:
        pointer;

    z-index:
        30;

    box-shadow:
        0 7px 20px
        rgba(70,40,15,.14);

    transition:
        all .3s ease;
}


.sra-home .student-prev {

    left:
        -2px;
}


.sra-home .student-next {

    right:
        -2px;
}


.sra-home .student-prev:hover,
.sra-home .student-next:hover {

    background:
        linear-gradient(
            135deg,
            #8c5319,
            #b86a1d
        );

    color:
        #fff;

    transform:
        translateY(-50%)
        scale(1.08);
}

          /* =====================================================
       TESTIMONIALS
       2 CARDS VISIBLE + SLIDER ON MOBILE
    ===================================================== */

    .sra-home .testimonials {

        padding:
            60px 14px;
    }


    .sra-home .testimonials .section-title {

        font-size:
            28px;
    }


    .sra-home .testimonial-grid {

        display:
            flex;

        flex-wrap:
            nowrap;

        gap:
            12px;

        width:
            100%;

        max-width:
            1280px;

        margin:
            auto;

        overflow:
            hidden;

        position:
            relative;

        z-index:
            2;

        transition:
            transform .45s
            cubic-bezier(.2,.8,.2,1);

        will-change:
            transform;
    }


    .sra-home .testimonial-card {

        flex:
            0 0
            calc(
                (100% - 12px) / 2
            );

        min-width:
            calc(
                (100% - 12px) / 2
            );

        padding:
            22px 10px;

        border-radius:
            18px;
    }


    .sra-home .testimonial-card .student-img {

        width:
            72px;

        height:
            72px;

        margin:
            0 auto 18px;
    }


    .sra-home .testimonial-card p {

        font-size:
            11px;

        line-height:
            1.55;

        margin:
            0;
    }


    /* =====================================================
       SOCIAL MEDIA
    ===================================================== */

    .sra-home .social-section {

        padding:
            60px 14px;
    }


    .sra-home .social-container {

        grid-template-columns:
            1fr;

        gap:
            25px;
    }


    .sra-home .social-banner img {

        height:
            200px;
    }


    /* =====================================================
       LOCATION
    ===================================================== */

    .sra-home .location-section,
    .sra-home .our-location,
    .sra-home .location {

        padding:
            60px 14px 0;
    }


    .sra-home .location-section h2,
    .sra-home .our-location h2,
    .sra-home .location h2 {

        font-size:
            30px !important;
    }


    .sra-home .location-section p,
    .sra-home .our-location p,
    .sra-home .location p {

        font-size:
            14px;

        line-height:
            1.7;
    }


    /* =====================================================
       GOOGLE MAP
    ===================================================== */

    .sra-home .map-wrapper iframe {

        height:
            350px;

        min-height:
            350px;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 380px) {

    .sra-home .hero-title h1 {

        font-size:
            26px;
    }

    .sra-home .mentor-image {

        height:
            150px;
    }

    .sra-home .mentor-content h3 {

        font-size:
            14px;
    }

    .sra-home .mentor-content .designation {

        font-size:
            9px;
    }

    .sra-home .mentor-content li {

        font-size:
            10px;
    }


}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .sra-home *,
    .sra-home *::before,
    .sra-home *::after {

        animation:
            none !important;

        transition:
            none !important;
    }
}



/* =========================================================
   LOCATION
========================================================= */

.sra-home .location-section {

    padding:
        90px 6% 0;

    text-align:
        center;

    position:
        relative;

    overflow:
        hidden;
}


.sra-home .location-content {

    max-width:
        1000px;

    margin:
        0 auto 45px;

    position:
        relative;

    z-index:
        2;
}


.sra-home .location-section h2 {

    margin:
        0;

    font-size:
        46px;

    line-height:
        1.15;

    font-weight:
        800;

    color:
        #222;
}


.sra-home .location-section h2 span {

    color:
        #b86a1d;
}


.sra-home .location-section h2::after {

    content:
        "";

    display:
        block;

    width:
        90px;

    height:
        4px;

    margin:
        17px auto 30px;

    border-radius:
        30px;

    background:
        linear-gradient(
            90deg,
            #8c5319,
            #b86a1d,
            #df9b42
        );

    box-shadow:
        0 5px 15px
        rgba(184,106,29,.20);
}


.sra-home .location-section p {

    margin:
        16px 0;

    color:
        #5d5751;

    font-size:
        17px;

    line-height:
        1.7;
}


.sra-home .location-section strong {

    color:
        #3d352e;
}


.sra-home .location-section a {

    color:
        #b86a1d;

    text-decoration:
        none;

    font-weight:
        700;
}


.sra-home .location-section a:hover {

    color:
        #8c5319;
}


.sra-home .map-wrapper {

    width:
        100%;

    overflow:
        hidden;

    border-top:
        1px solid
        rgba(184,106,29,.12);
}


.sra-home .map-wrapper iframe {

    width:
        100%;

    height:
        450px;

    min-height:
        450px;

    display:
        block;

    border:
        0;
}


@media (max-width: 576px) {

    .sra-home .location-section {

        padding:
            60px 14px 0;
    }


    .sra-home .location-section h2 {

        font-size:
            30px;
    }


    .sra-home .location-section p {

        font-size:
            14px;
    }


    .sra-home .map-wrapper iframe {

        height:
            350px;

        min-height:
            350px;
    }
    
    
    @media (max-width:576px){

.sra-home .student-slider{
    padding:0 2px !important;
}

.sra-home .student-slider .student-grid{
    gap:5px !important;
}

.sra-home .student-slider .student-card{
    padding:10px 5px 12px !important;
    border-radius:20px !important;
}

.sra-home .student-prev{
    left:0 !important;
}

.sra-home .student-next{
    right:0 !important;
}

.sra-home .student-prev,
.sra-home .student-next{
    width:32px !important;
    height:32px !important;
}

}
}


/* =========================================================
   FINAL SAFE OVERRIDE
   MOBILE SELECTED STUDENTS — PREMIUM SPACING
   IMPORTANT: Existing CSS above is intentionally untouched.
========================================================= */

@media (max-width: 576px) {

    .sra-home .student-slider {
        padding: 0 2px !important;
    }

    .sra-home .student-track {
        overflow: hidden;
    }

    .sra-home .student-slider .student-grid {
        gap: 5px !important;
    }

    .sra-home .student-slider .student-card {
        padding: 10px 5px 12px !important;
        border-radius: 20px !important;
    }

    .sra-home .student-prev {
        left: 0 !important;
    }

    .sra-home .student-next {
        right: 0 !important;
    }

    .sra-home .student-prev,
    .sra-home .student-next {
        width: 32px !important;
        height: 32px !important;
    }
}