/* =========================================================
   SANATAN RATAN ACADEMY
   NDA PREPARATION
   ========================================================= */

.sra-nda-page{

    --nda-brown:#70401b;
    --nda-dark:#4d2a12;
    --nda-copper:#a86b35;
    --nda-gold:#c99552;

    --nda-cream:#fbf7f0;
    --nda-text:#40362e;
    --nda-muted:#74695f;

    margin:0!important;
    padding:0!important;

    background:#fff;
    color:var(--nda-text);
}

.sra-nda-page *{
    box-sizing:border-box;
}

.sra-nda-container{
    width:min(1160px,92%);
    margin:0 auto;
}


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

.sra-nda-hero{

    position:relative;

    padding:105px 0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(201,149,82,.16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fbf7f0 0%,
            #f5eee3 100%
        );
}

.sra-nda-hero::before{

    content:"";

    position:absolute;

    width:330px;
    height:330px;

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

    border:1px solid rgba(112,64,27,.12);

    border-radius:50%;
}

.sra-nda-hero-content{

    position:relative;

    max-width:780px;
}

.sra-nda-label{

    display:block;

    margin-bottom:12px;

    color:var(--nda-copper);

    font-size:12px;

    font-weight:800;

    letter-spacing:1.8px;

    text-transform:uppercase;
}

.sra-nda-hero h1{

    margin:0 0 20px;

    color:var(--nda-dark);

    font-size:clamp(40px,5vw,62px);

    line-height:1.1;

    letter-spacing:-1.3px;
}

.sra-nda-hero h1 span{

    display:block;

    color:var(--nda-copper);
}

.sra-nda-hero p{

    max-width:700px;

    margin:0 0 28px;

    color:var(--nda-muted);

    font-size:17px;

    line-height:1.8;
}


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

.sra-nda-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:0 24px;

    border-radius:8px;

    color:#fff!important;

    background:var(--nda-brown);

    text-decoration:none!important;

    font-size:14px;

    font-weight:700;

    box-shadow:0 10px 25px rgba(112,64,27,.16);

    transition:.3s ease;
}

.sra-nda-btn:hover{

    color:#fff!important;

    background:var(--nda-dark);

    transform:translateY(-2px);
}

.sra-nda-btn-light{

    color:var(--nda-brown)!important;

    background:#fff;
}

.sra-nda-btn-light:hover{

    color:var(--nda-brown)!important;

    background:#fff;
}


/* =========================================================
   GENERAL
   ========================================================= */

.sra-nda-section{

    padding:85px 0;

    background:#fff;
}

.sra-nda-light{

    background:var(--nda-cream);
}

.sra-nda-intro{

    max-width:900px;

    margin:0 auto;

    text-align:center;
}

.sra-nda-intro h2{

    margin:0 0 18px;

    color:var(--nda-dark);

    font-size:clamp(30px,4vw,44px);

    line-height:1.2;
}

.sra-nda-intro p{

    margin:0 auto 15px;

    color:var(--nda-muted);

    font-size:16px;

    line-height:1.8;
}


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

.sra-nda-heading{

    max-width:760px;

    margin:0 auto 45px;

    text-align:center;
}

.sra-nda-heading h2{

    margin:0 0 15px;

    color:var(--nda-dark);

    font-size:clamp(30px,4vw,43px);

    line-height:1.2;
}

.sra-nda-heading p{

    margin:0;

    color:var(--nda-muted);

    line-height:1.8;
}


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

.sra-nda-grid{

    display:grid;

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

    gap:20px;
}

.sra-nda-card{

    padding:30px 27px;

    background:#fff;

    border:1px solid rgba(112,64,27,.12);

    border-radius:16px;

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

.sra-nda-card:hover{

    transform:translateY(-5px);

    box-shadow:0 17px 38px rgba(83,51,26,.08);
}

.sra-nda-card > span{

    display:block;

    margin-bottom:20px;

    color:var(--nda-gold);

    font-size:12px;

    font-weight:800;
}

.sra-nda-card h3{

    margin:0 0 10px;

    color:var(--nda-dark);

    font-size:20px;

    line-height:1.35;
}

.sra-nda-card p{

    margin:0;

    color:var(--nda-muted);

    font-size:14px;

    line-height:1.7;
}


/* =========================================================
   SUBJECT
   ========================================================= */

.sra-nda-subject-card{

    max-width:850px;

    margin:0 auto;

    padding:40px;

    background:#fff;

    border:1px solid rgba(112,64,27,.13);

    border-radius:20px;

    box-shadow:0 17px 42px rgba(83,51,26,.07);

    border-left:5px solid var(--nda-copper);
}

.sra-nda-subject-top{

    display:flex;

    align-items:center;
    justify-content:space-between;

    margin-bottom:22px;
}

.sra-nda-subject-top span{

    color:var(--nda-copper);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;
}

.sra-nda-subject-top strong{

    color:#bca88f;

    font-size:12px;
}

.sra-nda-subject-card h3{

    margin:0 0 13px;

    color:var(--nda-dark);

    font-size:28px;
}

.sra-nda-subject-card > p{

    margin:0 0 25px;

    color:var(--nda-muted);

    line-height:1.8;
}

.sra-nda-points{

    display:grid;

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

    gap:12px;
}

.sra-nda-points div{

    display:flex;

    align-items:center;

    gap:13px;

    padding:14px 16px;

    border-radius:9px;

    background:var(--nda-cream);
}

.sra-nda-points strong{

    color:var(--nda-copper);

    font-size:12px;
}

.sra-nda-points span{

    color:var(--nda-dark);

    font-size:14px;

    font-weight:600;
}


/* =========================================================
   STEPS
   ========================================================= */

.sra-nda-steps{

    max-width:850px;

    margin:0 auto;
}

.sra-nda-step{

    display:grid;

    grid-template-columns:58px 1fr;

    gap:22px;

    align-items:start;

    padding:20px 0;

    border-bottom:1px solid rgba(112,64,27,.12);
}

.sra-nda-step:last-child{

    border-bottom:0;
}

.sra-nda-step > span{

    display:flex;

    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:50%;

    color:#fff;

    background:var(--nda-brown);

    font-size:12px;

    font-weight:800;
}

.sra-nda-step h3{

    margin:3px 0 7px;

    color:var(--nda-dark);

    font-size:20px;
}

.sra-nda-step p{

    margin:0;

    color:var(--nda-muted);

    line-height:1.7;
}


/* =========================================================
   SPEED
   ========================================================= */

.sra-nda-speed{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    align-items:center;

    padding:45px;

    border-radius:20px;

    background:var(--nda-dark);
}

.sra-nda-speed .sra-nda-label{

    color:#dfb879;
}

.sra-nda-speed-content h2{

    margin:0 0 17px;

    color:#fff;

    font-size:clamp(30px,3.5vw,42px);

    line-height:1.2;
}

.sra-nda-speed-content p{

    margin:0;

    color:rgba(255,255,255,.74);

    line-height:1.8;
}

.sra-nda-speed-list{

    display:grid;

    gap:11px;
}

.sra-nda-speed-list div{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px 17px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:9px;

    background:rgba(255,255,255,.05);
}

.sra-nda-speed-list strong{

    color:#dfb879;

    font-size:12px;
}

.sra-nda-speed-list span{

    color:#fff;

    font-size:14px;

    font-weight:600;
}


/* =========================================================
   MENTORING
   ========================================================= */

.sra-nda-mentor-grid{

    display:grid;

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

    gap:20px;
}

.sra-nda-mentor-card{

    padding:30px;

    background:#fff;

    border:1px solid rgba(112,64,27,.12);

    border-radius:16px;
}

.sra-nda-mentor-card > span{

    display:block;

    margin-bottom:20px;

    color:var(--nda-gold);

    font-size:12px;

    font-weight:800;
}

.sra-nda-mentor-card h3{

    margin:0 0 10px;

    color:var(--nda-dark);

    font-size:20px;
}

.sra-nda-mentor-card p{

    margin:0;

    color:var(--nda-muted);

    line-height:1.7;
}


/* =========================================================
   JOURNEY
   ========================================================= */

.sra-nda-journey{

    max-width:850px;

    margin:0 auto;
}

.sra-nda-journey-item{

    position:relative;

    display:grid;

    grid-template-columns:58px 1fr;

    gap:22px;

    padding-bottom:35px;
}

.sra-nda-journey-item:not(:last-child)::after{

    content:"";

    position:absolute;

    left:23px;
    top:50px;

    height:calc(100% - 38px);

    width:1px;

    background:rgba(112,64,27,.18);
}

.sra-nda-journey-item > span{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:50%;

    color:#fff;

    background:var(--nda-brown);

    font-size:12px;

    font-weight:800;
}

.sra-nda-journey-item h3{

    margin:3px 0 7px;

    color:var(--nda-dark);

    font-size:20px;
}

.sra-nda-journey-item p{

    margin:0;

    color:var(--nda-muted);

    line-height:1.7;
}


/* =========================================================
   WHY SRA
   ========================================================= */

.sra-nda-why-grid{

    display:grid;

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

    gap:18px;
}

.sra-nda-why-card{

    padding:28px 24px;

    background:#fff;

    border:1px solid rgba(112,64,27,.11);

    border-radius:15px;
}

.sra-nda-why-card > span{

    display:block;

    margin-bottom:20px;

    color:var(--nda-gold);

    font-size:12px;

    font-weight:800;
}

.sra-nda-why-card h3{

    margin:0 0 10px;

    color:var(--nda-dark);

    font-size:19px;
}

.sra-nda-why-card p{

    margin:0;

    color:var(--nda-muted);

    font-size:14px;

    line-height:1.7;
}


/* =========================================================
   FAQ
   ========================================================= */

.sra-nda-faq{

    max-width:850px;

    margin:0 auto;
}

.sra-nda-faq-item{

    margin-bottom:11px;

    border:1px solid rgba(112,64,27,.13);

    border-radius:11px;

    background:#fff;

    overflow:hidden;
}

.sra-nda-faq-item summary{

    position:relative;

    cursor:pointer;

    padding:19px 50px 19px 20px;

    color:var(--nda-dark);

    font-size:15px;

    font-weight:700;

    list-style:none;
}

.sra-nda-faq-item summary::-webkit-details-marker{

    display:none;
}

.sra-nda-faq-item summary::after{

    content:"+";

    position:absolute;

    right:20px;

    top:50%;

    transform:translateY(-50%);

    color:var(--nda-copper);

    font-size:22px;
}

.sra-nda-faq-item[open] summary::after{

    content:"−";
}

.sra-nda-faq-item p{

    margin:0;

    padding:0 20px 20px;

    color:var(--nda-muted);

    font-size:14px;

    line-height:1.75;
}


/* =========================================================
   CTA
   ========================================================= */

.sra-nda-cta{

    padding:80px 0;

    background:var(--nda-brown);
}

.sra-nda-cta-content{

    max-width:760px;

    margin:0 auto;

    text-align:center;
}

.sra-nda-cta .sra-nda-label{

    color:#e0bb85;
}

.sra-nda-cta h2{

    margin:0 0 15px;

    color:#fff;

    font-size:clamp(31px,4vw,45px);

    line-height:1.2;
}

.sra-nda-cta p{

    max-width:650px;

    margin:0 auto 25px;

    color:rgba(255,255,255,.75);

    line-height:1.8;
}


/* =========================================================
   ANIMATION
   Existing animation.js
   ========================================================= */

.sra-nda-page .animate{

    opacity:0;

    transform:translateY(22px);

    transition:
        opacity .7s ease,
        transform .7s ease;
}

.sra-nda-page .animate.show{

    opacity:1;

    transform:translateY(0);
}


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

@media (max-width:900px){

    .sra-nda-grid{

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

    .sra-nda-speed{

        grid-template-columns:1fr;

        gap:35px;
    }

    .sra-nda-mentor-grid{

        grid-template-columns:1fr;
    }

    .sra-nda-why-grid{

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

}


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

@media (max-width:600px){

    .sra-nda-container{

        width:92%;
    }

    .sra-nda-hero{

        padding:75px 0;
    }

    .sra-nda-hero h1{

        font-size:40px;
    }

    .sra-nda-hero p{

        font-size:15px;
    }

    .sra-nda-section{

        padding:65px 0;
    }

    .sra-nda-grid,
    .sra-nda-why-grid{

        grid-template-columns:1fr;
    }

    .sra-nda-card{

        padding:26px 22px;
    }

    .sra-nda-heading{

        margin-bottom:35px;
    }

    .sra-nda-heading h2{

        font-size:30px;
    }

    .sra-nda-intro h2{

        font-size:30px;
    }

    .sra-nda-subject-card{

        padding:30px 24px;
    }

    .sra-nda-subject-card h3{

        font-size:25px;
    }

    .sra-nda-points{

        grid-template-columns:1fr;
    }

    .sra-nda-step{

        grid-template-columns:48px 1fr;

        gap:15px;
    }

    .sra-nda-step > span{

        width:42px;
        height:42px;
    }

    .sra-nda-speed{

        padding:30px 24px;
    }

    .sra-nda-speed-content h2{

        font-size:30px;
    }

    .sra-nda-journey-item{

        grid-template-columns:48px 1fr;

        gap:15px;
    }

    .sra-nda-journey-item > span{

        width:42px;
        height:42px;
    }

    .sra-nda-journey-item:not(:last-child)::after{

        left:20px;
    }

    .sra-nda-cta{

        padding:65px 0;
    }

    .sra-nda-cta h2{

        font-size:32px;
    }

    .sra-nda-btn{

        width:100%;
    }

}


/* =========================================================
   REMOVE PAGE GAP
   ========================================================= */

.sra-nda-page > section:first-child{

    margin-top:0!important;
}

.sra-nda-page > section:last-child{

    margin-bottom:0!important;
}

#primary.sra-nda-page{

    margin-top:0!important;
    margin-bottom:0!important;
}