/* =========================================================
   SANATAN RATAN ACADEMY
   FOUNDATION COURSE
   ========================================================= */

.sra-foundation-page{

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

    --foundation-cream:#fbf7f0;
    --foundation-soft:#f5eee3;

    --foundation-text:#40362e;
    --foundation-muted:#74695f;

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

    color:var(--foundation-text);

    background:#fff;
}


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


.sra-foundation-container{

    width:min(1160px,92%);

    margin:0 auto;
}


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

.sra-foundation-hero{

    position:relative;

    padding:105px 0;

    overflow:hidden;

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


.sra-foundation-hero::before{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

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

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

    border-radius:50%;
}


.sra-foundation-hero-content{

    position:relative;

    max-width:780px;
}


.sra-foundation-label{

    display:block;

    margin-bottom:12px;

    color:var(--foundation-copper);

    font-size:12px;

    font-weight:800;

    letter-spacing:1.8px;

    text-transform:uppercase;
}


.sra-foundation-hero h1{

    margin:0 0 20px;

    color:var(--foundation-dark);

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

    line-height:1.1;

    letter-spacing:-1.3px;
}


.sra-foundation-hero h1 span{

    display:block;

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


.sra-foundation-hero p{

    max-width:700px;

    margin:0 0 28px;

    color:var(--foundation-muted);

    font-size:17px;

    line-height:1.8;
}


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

.sra-foundation-btn{

    display:inline-flex;

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

    min-height:48px;

    padding:0 24px;

    border-radius:8px;

    color:#fff!important;

    background:var(--foundation-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-foundation-btn:hover{

    color:#fff!important;

    background:var(--foundation-dark);

    transform:translateY(-2px);

    box-shadow:0 14px 30px rgba(112,64,27,.21);
}


.sra-foundation-btn-light{

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

    background:#fff;
}


.sra-foundation-btn-light:hover{

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

    background:#fff;
}


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

.sra-foundation-section{

    padding:85px 0;

    background:#fff;
}


.sra-foundation-light{

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


.sra-foundation-intro{

    max-width:900px;

    margin:0 auto;

    text-align:center;
}


.sra-foundation-intro .sra-foundation-label{

    text-align:center;
}


.sra-foundation-intro h2{

    margin:0 0 18px;

    color:var(--foundation-dark);

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

    line-height:1.2;
}


.sra-foundation-intro p{

    margin:0 auto 15px;

    color:var(--foundation-muted);

    line-height:1.8;

    font-size:16px;
}


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

.sra-foundation-heading{

    max-width:760px;

    margin:0 auto 45px;

    text-align:center;
}


.sra-foundation-heading h2{

    margin:0 0 15px;

    color:var(--foundation-dark);

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

    line-height:1.2;
}


.sra-foundation-heading p{

    margin:0;

    color:var(--foundation-muted);

    line-height:1.8;
}


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

.sra-foundation-grid{

    display:grid;

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

    gap:18px;
}


.sra-foundation-card{

    padding:28px 25px;

    background:#fff;

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

    border-radius:16px;

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


.sra-foundation-card:hover{

    transform:translateY(-5px);

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


.sra-foundation-card-number{

    display:block;

    margin-bottom:20px;

    color:var(--foundation-gold);

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;
}


.sra-foundation-card h3{

    margin:0 0 10px;

    color:var(--foundation-dark);

    font-size:19px;

    line-height:1.35;
}


.sra-foundation-card p{

    margin:0;

    color:var(--foundation-muted);

    font-size:14px;

    line-height:1.7;
}


/* =========================================================
   APPROACH
   ========================================================= */

.sra-foundation-steps{

    max-width:850px;

    margin:0 auto;
}


.sra-foundation-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-foundation-step:last-child{

    border-bottom:0;
}


.sra-foundation-step > span{

    display:flex;

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

    width:48px;
    height:48px;

    border-radius:50%;

    color:#fff;

    background:var(--foundation-brown);

    font-size:12px;

    font-weight:800;
}


.sra-foundation-step h3{

    margin:3px 0 7px;

    color:var(--foundation-dark);

    font-size:20px;
}


.sra-foundation-step p{

    margin:0;

    color:var(--foundation-muted);

    line-height:1.7;
}


/* =========================================================
   BALANCE SECTION
   ========================================================= */

.sra-foundation-balance{

    display:grid;

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

    gap:60px;

    align-items:center;

    padding:48px;

    background:#fff;

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

    border-radius:20px;

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


.sra-foundation-balance-content h2{

    margin:0 0 16px;

    color:var(--foundation-dark);

    font-size:clamp(29px,3.5vw,40px);

    line-height:1.2;
}


.sra-foundation-balance-content p{

    margin:0;

    color:var(--foundation-muted);

    line-height:1.8;
}


.sra-foundation-balance-points{

    display:grid;

    gap:12px;
}


.sra-foundation-balance-points div{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px 17px;

    border-radius:10px;

    background:var(--foundation-cream);

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


.sra-foundation-balance-points strong{

    color:var(--foundation-copper);

    font-size:12px;
}


.sra-foundation-balance-points span{

    color:var(--foundation-dark);

    font-size:14px;

    font-weight:600;
}


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

.sra-foundation-mentor-grid{

    display:grid;

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

    gap:20px;
}


.sra-foundation-mentor-card{

    padding:30px;

    border-radius:16px;

    background:var(--foundation-cream);

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


.sra-foundation-mentor-card > span{

    display:block;

    margin-bottom:20px;

    color:var(--foundation-gold);

    font-size:12px;

    font-weight:800;
}


.sra-foundation-mentor-card h3{

    margin:0 0 10px;

    color:var(--foundation-dark);

    font-size:20px;
}


.sra-foundation-mentor-card p{

    margin:0;

    color:var(--foundation-muted);

    line-height:1.7;
}


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

.sra-foundation-faq{

    max-width:850px;

    margin:0 auto;
}


.sra-foundation-faq-item{

    margin-bottom:11px;

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

    border-radius:11px;

    background:#fff;

    overflow:hidden;
}


.sra-foundation-faq-item summary{

    position:relative;

    cursor:pointer;

    padding:19px 50px 19px 20px;

    color:var(--foundation-dark);

    font-size:15px;

    font-weight:700;

    list-style:none;
}


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

    display:none;
}


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

    content:"+";

    position:absolute;

    right:20px;

    top:50%;

    transform:translateY(-50%);

    color:var(--foundation-copper);

    font-size:22px;

    font-weight:400;
}


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

    content:"−";
}


.sra-foundation-faq-item p{

    margin:0;

    padding:0 20px 20px;

    color:var(--foundation-muted);

    font-size:14px;

    line-height:1.75;
}


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

.sra-foundation-cta{

    padding:80px 0;

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


.sra-foundation-cta-content{

    max-width:760px;

    margin:0 auto;

    text-align:center;
}


.sra-foundation-cta-content .sra-foundation-label{

    color:#e0bb85;
}


.sra-foundation-cta h2{

    margin:0 0 15px;

    color:#fff;

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

    line-height:1.2;
}


.sra-foundation-cta p{

    max-width:650px;

    margin:0 auto 25px;

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

    line-height:1.8;
}


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

.sra-foundation-page .animate{

    opacity:0;

    transform:translateY(22px);

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


.sra-foundation-page .animate.show{

    opacity:1;

    transform:translateY(0);
}


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

@media (max-width:900px){

    .sra-foundation-grid{

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


    .sra-foundation-balance{

        grid-template-columns:1fr;

        gap:35px;
    }


    .sra-foundation-mentor-grid{

        grid-template-columns:1fr;
    }

}


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

@media (max-width:600px){

    .sra-foundation-container{

        width:92%;
    }


    .sra-foundation-hero{

        padding:75px 0;
    }


    .sra-foundation-hero h1{

        font-size:40px;
    }


    .sra-foundation-hero p{

        font-size:15px;
    }


    .sra-foundation-section{

        padding:65px 0;
    }


    .sra-foundation-grid{

        grid-template-columns:1fr;

        gap:15px;
    }


    .sra-foundation-card{

        padding:25px 22px;
    }


    .sra-foundation-heading{

        margin-bottom:35px;
    }


    .sra-foundation-heading h2{

        font-size:30px;
    }


    .sra-foundation-intro h2{

        font-size:30px;
    }


    .sra-foundation-step{

        grid-template-columns:48px 1fr;

        gap:15px;
    }


    .sra-foundation-step > span{

        width:42px;
        height:42px;
    }


    .sra-foundation-step h3{

        font-size:18px;
    }


    .sra-foundation-balance{

        padding:28px 22px;
    }


    .sra-foundation-balance-content h2{

        font-size:29px;
    }


    .sra-foundation-cta{

        padding:65px 0;
    }


    .sra-foundation-cta h2{

        font-size:32px;
    }


    .sra-foundation-btn{

        width:100%;
    }

}


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

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

    margin-top:0!important;
}


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

    margin-bottom:0!important;
}


#primary.sra-foundation-page{

    margin-top:0!important;

    margin-bottom:0!important;
}