/* =========================================================
   SANATAN RATAN ACADEMY
   BITSAT PREPARATION
   ========================================================= */

.sra-bitsat-page{

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

    --bitsat-cream:#fbf7f0;
    --bitsat-soft:#f5eee3;
    --bitsat-white:#ffffff;

    --bitsat-text:#3e342b;
    --bitsat-muted:#74695f;

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

    color:var(--bitsat-text);

    background:#fff;
}


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


.sra-bitsat-container{

    width:min(1180px,92%);

    margin:0 auto;
}


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

.sra-bitsat-hero{

    position:relative;

    min-height:620px;

    display:flex;
    align-items:center;

    overflow:hidden;

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


.sra-bitsat-hero::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-170px;
    bottom:-180px;

    border-radius:50%;

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


.sra-bitsat-hero::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    left:-120px;
    top:-110px;

    border-radius:50%;

    border:1px solid rgba(168,107,53,.12);
}


.sra-bitsat-hero-overlay{

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.35),
            transparent 65%
        );
}


.sra-bitsat-hero-content{

    position:relative;
    z-index:2;

    max-width:800px;

    padding:90px 0;
}


.sra-bitsat-eyebrow{

    display:inline-flex;

    align-items:center;

    padding:8px 16px;

    margin-bottom:22px;

    border-radius:999px;

    background:rgba(112,64,27,.08);

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

    color:var(--bitsat-brown);

    font-size:13px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}


.sra-bitsat-hero h1{

    margin:0 0 22px;

    color:var(--bitsat-dark);

    font-size:clamp(42px,5vw,68px);

    line-height:1.08;

    letter-spacing:-1.8px;

    font-weight:800;
}


.sra-bitsat-hero h1 span{

    display:block;

    margin-top:8px;

    color:var(--bitsat-copper);

    font-size:.64em;

    letter-spacing:-.5px;
}


.sra-bitsat-hero p{

    max-width:720px;

    margin:0 0 32px;

    color:var(--bitsat-muted);

    font-size:18px;

    line-height:1.8;
}


.sra-bitsat-hero-buttons{

    display:flex;

    gap:14px;

    flex-wrap:wrap;
}


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

.sra-bitsat-btn{

    display:inline-flex;

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

    min-height:50px;

    padding:0 24px;

    border-radius:9px;

    text-decoration:none!important;

    font-size:14px;
    font-weight:700;

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


.sra-bitsat-btn:hover{

    transform:translateY(-3px);
}


.sra-bitsat-btn-primary{

    color:#fff!important;

    background:var(--bitsat-brown);

    box-shadow:0 12px 28px rgba(112,64,27,.18);
}


.sra-bitsat-btn-primary:hover{

    background:var(--bitsat-dark);

    box-shadow:0 16px 32px rgba(112,64,27,.23);
}


.sra-bitsat-btn-outline{

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

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

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


.sra-bitsat-btn-light{

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

    background:#fff;

    box-shadow:0 12px 28px rgba(0,0,0,.12);
}


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

.sra-bitsat-section{

    padding:95px 0;

    background:#fff;
}


.sra-bitsat-light{

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


.sra-bitsat-section-label{

    display:block;

    margin-bottom:12px;

    color:var(--bitsat-copper);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;
}


.sra-bitsat-heading{

    max-width:760px;

    margin:0 auto 52px;

    text-align:center;
}


.sra-bitsat-heading h2{

    margin:0 0 16px;

    color:var(--bitsat-dark);

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

    line-height:1.15;

    letter-spacing:-.8px;
}


.sra-bitsat-heading p{

    margin:0;

    color:var(--bitsat-muted);

    font-size:16px;

    line-height:1.8;
}


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

.sra-bitsat-intro{

    background:#fff;
}


.sra-bitsat-intro-grid{

    display:grid;

    grid-template-columns:1.35fr .65fr;

    gap:70px;

    align-items:center;
}


.sra-bitsat-intro-content{

    max-width:720px;
}


.sra-bitsat-intro-content h2{

    margin:0 0 20px;

    color:var(--bitsat-dark);

    font-size:clamp(32px,4vw,48px);

    line-height:1.15;
}


.sra-bitsat-intro-content p{

    margin:0 0 18px;

    color:var(--bitsat-muted);

    line-height:1.85;
}


.sra-bitsat-highlight-card{

    position:relative;

    padding:40px;

    background:var(--bitsat-cream);

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

    border-radius:20px;

    box-shadow:0 20px 50px rgba(83,51,26,.08);

    overflow:hidden;
}


.sra-bitsat-highlight-card::after{

    content:"";

    position:absolute;

    width:130px;
    height:130px;

    right:-65px;
    bottom:-65px;

    border-radius:50%;

    background:rgba(201,149,82,.13);
}


.sra-bitsat-card-icon{

    display:flex;

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

    width:50px;
    height:50px;

    margin-bottom:25px;

    border-radius:12px;

    color:#fff;

    background:var(--bitsat-brown);

    font-size:13px;
    font-weight:800;
}


.sra-bitsat-highlight-card h3{

    margin:0 0 14px;

    color:var(--bitsat-dark);

    font-size:25px;
}


.sra-bitsat-highlight-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.8;
}


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

.sra-bitsat-feature-grid{

    display:grid;

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

    gap:22px;
}


.sra-bitsat-feature-card{

    position:relative;

    padding:34px 30px;

    background:#fff;

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

    border-radius:18px;

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


.sra-bitsat-feature-card:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 45px rgba(83,51,26,.09);
}


.sra-bitsat-number{

    display:block;

    margin-bottom:25px;

    color:var(--bitsat-gold);

    font-size:13px;

    font-weight:800;

    letter-spacing:1px;
}


.sra-bitsat-feature-card h3{

    margin:0 0 12px;

    color:var(--bitsat-dark);

    font-size:21px;
}


.sra-bitsat-feature-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.75;
}


/* =========================================================
   PROCESS
   ========================================================= */

.sra-bitsat-process-grid{

    display:grid;

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

    gap:18px;
}


.sra-bitsat-process-card{

    padding:32px 26px;

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

    border-radius:18px;

    background:#fff;

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


.sra-bitsat-process-card:hover{

    transform:translateY(-6px);

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


.sra-bitsat-process-number{

    margin-bottom:24px;

    color:var(--bitsat-copper);

    font-size:13px;

    font-weight:800;
}


.sra-bitsat-process-card h3{

    margin:0 0 12px;

    color:var(--bitsat-dark);

    font-size:21px;
}


.sra-bitsat-process-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.75;
}


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

.sra-bitsat-subject-section{

    background:#fff;
}


.sra-bitsat-chemistry-section{

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


.sra-bitsat-subject-card{

    position:relative;

    max-width:850px;

    margin:0 auto;

    padding:42px;

    border-radius:22px;

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

    background:#fff;

    box-shadow:0 22px 55px rgba(83,51,26,.08);

    overflow:hidden;
}


.sra-bitsat-subject-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:5px;

    background:var(--bitsat-copper);
}


.sra-bitsat-subject-top{

    display:flex;

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

    margin-bottom:24px;
}


.sra-bitsat-subject-tag{

    color:var(--bitsat-copper);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;
}


.sra-bitsat-subject-no{

    color:#bca88f;

    font-size:13px;

    font-weight:800;
}


.sra-bitsat-subject-card h3{

    margin:0 0 14px;

    color:var(--bitsat-dark);

    font-size:29px;
}


.sra-bitsat-subject-card p{

    margin:0 0 25px;

    color:var(--bitsat-muted);

    line-height:1.8;
}


.sra-bitsat-subject-card ul{

    display:grid;

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

    gap:12px 20px;

    margin:0;

    padding:0;

    list-style:none;
}


.sra-bitsat-subject-card li{

    position:relative;

    padding-left:22px;

    color:var(--bitsat-text);

    line-height:1.5;
}


.sra-bitsat-subject-card li::before{

    content:"";

    position:absolute;

    left:0;
    top:9px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--bitsat-gold);
}


/* =========================================================
   PRACTICE
   ========================================================= */

.sra-bitsat-practice-grid{

    display:grid;

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

    gap:18px;
}


.sra-bitsat-practice-card{

    padding:30px 25px;

    border-radius:17px;

    background:#fff;

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

    transition:.3s ease;
}


.sra-bitsat-practice-card:hover{

    transform:translateY(-6px);

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


.sra-bitsat-practice-card span{

    display:block;

    margin-bottom:22px;

    color:var(--bitsat-gold);

    font-size:12px;

    font-weight:800;
}


.sra-bitsat-practice-card h3{

    margin:0 0 10px;

    color:var(--bitsat-dark);

    font-size:20px;
}


.sra-bitsat-practice-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.7;
}


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

.sra-bitsat-speed-section{

    background:

        radial-gradient(
            circle at 90% 20%,
            rgba(201,149,82,.13),
            transparent 30%
        ),

        var(--bitsat-dark);
}


.sra-bitsat-speed-grid{

    display:grid;

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

    gap:80px;

    align-items:center;
}


.sra-bitsat-speed-content .sra-bitsat-section-label{

    color:#d9ae72;
}


.sra-bitsat-speed-content h2{

    margin:0 0 20px;

    color:#fff;

    font-size:clamp(32px,4vw,48px);

    line-height:1.15;
}


.sra-bitsat-speed-content p{

    margin:0 0 17px;

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

    line-height:1.85;
}


.sra-bitsat-speed-points{

    display:grid;

    gap:12px;
}


.sra-bitsat-speed-point{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 20px;

    border-radius:12px;

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

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


.sra-bitsat-speed-point strong{

    color:#d9ae72;

    font-size:13px;
}


.sra-bitsat-speed-point span{

    color:#fff;

    font-size:15px;

    font-weight:600;
}


/* =========================================================
   REVISION
   ========================================================= */

.sra-bitsat-revision-grid{

    display:grid;

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

    gap:20px;
}


.sra-bitsat-revision-card{

    padding:34px 30px;

    border-radius:18px;

    background:#fff;

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


.sra-bitsat-revision-card h3{

    margin:0 0 13px;

    color:var(--bitsat-dark);

    font-size:21px;
}


.sra-bitsat-revision-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.75;
}


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

.sra-bitsat-journey{

    max-width:850px;

    margin:0 auto;
}


.sra-bitsat-journey-item{

    position:relative;

    display:grid;

    grid-template-columns:70px 1fr;

    gap:25px;

    padding:0 0 38px;
}


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

    content:"";

    position:absolute;

    left:24px;
    top:53px;

    width:1px;

    height:calc(100% - 42px);

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


.sra-bitsat-journey-item > span{

    position:relative;
    z-index:2;

    display:flex;

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

    width:50px;
    height:50px;

    border-radius:50%;

    color:#fff;

    background:var(--bitsat-brown);

    font-size:12px;

    font-weight:800;
}


.sra-bitsat-journey-item h3{

    margin:5px 0 8px;

    color:var(--bitsat-dark);

    font-size:21px;
}


.sra-bitsat-journey-item p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.7;
}


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

.sra-bitsat-why{

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


.sra-bitsat-why-grid{

    display:grid;

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

    gap:18px;
}


.sra-bitsat-why-card{

    padding:30px 25px;

    background:#fff;

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

    border-radius:17px;
}


.sra-bitsat-why-card span{

    display:block;

    margin-bottom:22px;

    color:var(--bitsat-gold);

    font-size:12px;

    font-weight:800;
}


.sra-bitsat-why-card h3{

    margin:0 0 11px;

    color:var(--bitsat-dark);

    font-size:20px;
}


.sra-bitsat-why-card p{

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.7;
}


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

.sra-bitsat-faq{

    background:#fff;
}


.sra-bitsat-faq-list{

    max-width:900px;

    margin:0 auto;
}


.sra-bitsat-faq-item{

    margin-bottom:12px;

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

    border-radius:13px;

    background:#fff;

    overflow:hidden;
}


.sra-bitsat-faq-item summary{

    position:relative;

    cursor:pointer;

    padding:21px 55px 21px 22px;

    color:var(--bitsat-dark);

    font-size:16px;

    font-weight:700;

    list-style:none;
}


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

    display:none;
}


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

    content:"+";

    position:absolute;

    right:22px;
    top:50%;

    transform:translateY(-50%);

    color:var(--bitsat-copper);

    font-size:24px;

    font-weight:400;
}


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

    content:"−";
}


.sra-bitsat-faq-item p{

    margin:0;

    padding:0 22px 22px;

    color:var(--bitsat-muted);

    line-height:1.75;
}


/* =========================================================
   OFFICIAL
   ========================================================= */

.sra-bitsat-official{

    padding:75px 0;

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


.sra-bitsat-official-box{

    display:flex;

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

    gap:40px;

    padding:45px;

    border-radius:22px;

    background:#fff;

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

    box-shadow:0 20px 50px rgba(83,51,26,.07);
}


.sra-bitsat-official-box h2{

    margin:0 0 12px;

    color:var(--bitsat-dark);

    font-size:30px;
}


.sra-bitsat-official-box p{

    max-width:720px;

    margin:0;

    color:var(--bitsat-muted);

    line-height:1.75;
}


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

.sra-bitsat-final-cta{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 15% 30%,
            rgba(201,149,82,.14),
            transparent 30%
        ),

        var(--bitsat-brown);
}


.sra-bitsat-final-content{

    position:relative;
    z-index:2;

    max-width:800px;

    margin:0 auto;

    text-align:center;
}


.sra-bitsat-final-content .sra-bitsat-section-label{

    color:#e0bb85;
}


.sra-bitsat-final-content h2{

    margin:0 0 17px;

    color:#fff;

    font-size:clamp(35px,4vw,52px);

    line-height:1.15;
}


.sra-bitsat-final-content p{

    max-width:680px;

    margin:0 auto 28px;

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

    line-height:1.8;
}


/* =========================================================
   ANIMATION
   Existing animation.js uses .animate + .show
   ========================================================= */

.sra-bitsat-page .animate{

    opacity:0;

    transform:translateY(28px);

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


.sra-bitsat-page .animate.show{

    opacity:1;

    transform:translateY(0);
}


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

@media (max-width:900px){

    .sra-bitsat-hero{

        min-height:560px;
    }


    .sra-bitsat-intro-grid{

        grid-template-columns:1fr;

        gap:35px;
    }


    .sra-bitsat-feature-grid{

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


    .sra-bitsat-process-grid{

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


    .sra-bitsat-practice-grid{

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


    .sra-bitsat-speed-grid{

        grid-template-columns:1fr;

        gap:45px;
    }


    .sra-bitsat-revision-grid{

        grid-template-columns:1fr;
    }


    .sra-bitsat-why-grid{

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


    .sra-bitsat-official-box{

        align-items:flex-start;

        flex-direction:column;
    }

}


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

@media (max-width:600px){

    .sra-bitsat-container{

        width:min(92%,520px);
    }


    .sra-bitsat-section{

        padding:68px 0;
    }


    .sra-bitsat-hero{

        min-height:620px;
    }


    .sra-bitsat-hero-content{

        padding:75px 0;
    }


    .sra-bitsat-eyebrow{

        font-size:11px;

        letter-spacing:1.2px;
    }


    .sra-bitsat-hero h1{

        font-size:40px;

        letter-spacing:-1px;
    }


    .sra-bitsat-hero h1 span{

        font-size:.67em;

        line-height:1.25;
    }


    .sra-bitsat-hero p{

        font-size:15px;

        line-height:1.75;
    }


    .sra-bitsat-hero-buttons{

        flex-direction:column;

        align-items:stretch;
    }


    .sra-bitsat-btn{

        width:100%;
    }


    .sra-bitsat-heading{

        margin-bottom:38px;
    }


    .sra-bitsat-heading h2{

        font-size:31px;
    }


    .sra-bitsat-intro-content h2{

        font-size:32px;
    }


    .sra-bitsat-highlight-card{

        padding:30px 25px;
    }


    .sra-bitsat-feature-grid,
    .sra-bitsat-process-grid,
    .sra-bitsat-practice-grid,
    .sra-bitsat-why-grid{

        grid-template-columns:1fr;
    }


    .sra-bitsat-subject-card{

        padding:32px 25px;
    }


    .sra-bitsat-subject-card h3{

        font-size:25px;
    }


    .sra-bitsat-subject-card ul{

        grid-template-columns:1fr;
    }


    .sra-bitsat-speed-content h2{

        font-size:32px;
    }


    .sra-bitsat-journey-item{

        grid-template-columns:55px 1fr;

        gap:17px;
    }


    .sra-bitsat-journey-item > span{

        width:46px;
        height:46px;
    }


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

        left:22px;
    }


    .sra-bitsat-official{

        padding:55px 0;
    }


    .sra-bitsat-official-box{

        padding:30px 25px;
    }


    .sra-bitsat-official-box h2{

        font-size:25px;
    }


    .sra-bitsat-final-cta{

        padding:75px 0;
    }


    .sra-bitsat-final-content h2{

        font-size:35px;
    }

}


/* =========================================================
   VERY SMALL
   ========================================================= */

@media (max-width:380px){

    .sra-bitsat-hero h1{

        font-size:35px;
    }


    .sra-bitsat-section{

        padding:58px 0;
    }


    .sra-bitsat-subject-card{

        padding:27px 21px;
    }

}


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

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

    margin-top:0!important;
}


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

    margin-bottom:0!important;
}


#primary.sra-bitsat-page{

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