/* =========================================================
   SANATAN RATAN ACADEMY
   ACHIEVEMENTS PAGE
========================================================= */

.sra-achievements-page{

    --sra-ach-brown:#75451f;
    --sra-ach-dark:#3d2719;
    --sra-ach-copper:#a66a35;
    --sra-ach-gold:#bd884c;

    --sra-ach-cream:#fbf7f0;
    --sra-ach-soft:#f6eee3;
    --sra-ach-border:#e6d7c4;

    --sra-ach-text:#604d3c;

    background:#fff;
    color:var(--sra-ach-dark);

    overflow:hidden;
}


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

.sra-achievements-hero{

    position:relative;

    padding:100px 20px 85px;

    text-align:center;

    background:
        linear-gradient(
            180deg,
            #fffdf9 0%,
            #faf5ed 100%
        );

    overflow:hidden;
}

.sra-achievements-hero::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-230px;
    top:-300px;

    border-radius:50%;

    background:rgba(189,136,76,.08);
}

.sra-achievements-hero::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-210px;
    bottom:-290px;

    border-radius:50%;

    background:rgba(117,69,31,.06);
}

.sra-achievements-hero-inner{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;
}

.sra-achievements-eyebrow{

    display:inline-block;

    margin-bottom:17px;

    font-size:11px;
    font-weight:800;

    letter-spacing:2.7px;

    color:var(--sra-ach-copper);
}

.sra-achievements-hero h1{

    margin:0;

    font-size:58px;

    line-height:1.12;

    font-weight:800;

    color:var(--sra-ach-dark);
}

.sra-achievements-hero h1 span{

    display:block;

    color:var(--sra-ach-brown);
}

.sra-achievements-hero p{

    max-width:730px;

    margin:25px auto 0;

    font-size:17px;

    line-height:1.8;

    color:var(--sra-ach-text);
}


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

.sra-achievements-hero-stats{

    display:flex;

    justify-content:center;

    gap:0;

    max-width:650px;

    margin:42px auto 0;

    padding:18px 0;

    border-top:1px solid var(--sra-ach-border);
    border-bottom:1px solid var(--sra-ach-border);
}

.sra-achievement-stat{

    flex:1;

    padding:0 25px;

    border-right:1px solid var(--sra-ach-border);
}

.sra-achievement-stat:last-child{

    border-right:0;
}

.sra-achievement-stat strong{

    display:block;

    font-size:29px;

    line-height:1;

    color:var(--sra-ach-brown);
}

.sra-achievement-stat span{

    display:block;

    margin-top:8px;

    font-size:11px;

    font-weight:700;

    letter-spacing:.6px;

    color:var(--sra-ach-text);
}


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

.sra-achievements-intro{

    padding:85px 20px 45px;

    background:#fff;
}

.sra-achievements-container{

    width:min(1180px, calc(100% - 40px));

    margin:auto;
}

.sra-achievements-section-heading{

    max-width:760px;

    margin:auto;

    text-align:center;
}

.sra-achievements-section-heading > span{

    display:block;

    margin-bottom:13px;

    font-size:11px;

    font-weight:800;

    letter-spacing:2.2px;

    color:var(--sra-ach-copper);
}

.sra-achievements-section-heading h2{

    margin:0;

    font-size:40px;

    line-height:1.22;

    font-weight:800;

    color:var(--sra-ach-dark);
}

.sra-achievements-section-heading h2 strong{

    display:block;

    color:var(--sra-ach-brown);
}

.sra-achievements-section-heading p{

    max-width:650px;

    margin:19px auto 0;

    font-size:15px;

    line-height:1.75;

    color:var(--sra-ach-text);
}

.sra-achievements-heading-line{

    width:60px;
    height:3px;

    margin:25px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--sra-ach-brown),
            var(--sra-ach-gold)
        );
}


/* =========================================================
   STUDENTS SECTION
========================================================= */

.sra-achievements-students{

    padding:45px 20px 100px;

    background:#fff;
}


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

.sra-achievements-grid{

    display:grid;

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

    gap:27px;
}


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

.sra-achievement-card{

    position:relative;

    background:#fff;

    border:1px solid var(--sra-ach-border);

    border-radius:18px;

    overflow:hidden;

    box-shadow:
        0 8px 25px rgba(71,46,27,.055);

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

.sra-achievement-card:hover{

    transform:translateY(-8px);

    border-color:#d6b991;

    box-shadow:
        0 18px 42px rgba(71,46,27,.12);
}


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

.sra-achievement-image{

    position:relative;

    height:285px;

    background:
        linear-gradient(
            145deg,
            #f7efe4,
            #fff
        );

    overflow:hidden;
}

.sra-achievement-image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform .55s ease;
}

.sra-achievement-card:hover
.sra-achievement-image img{

    transform:scale(1.045);
}


/* =========================================================
   NUMBER
========================================================= */

.sra-achievement-number{

    position:absolute;

    top:14px;
    right:14px;

    min-width:35px;
    height:35px;

    display:flex;

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

    padding:0 8px;

    border-radius:50%;

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

    border:1px solid rgba(117,69,31,.12);

    font-size:11px;

    font-weight:800;

    color:var(--sra-ach-brown);

    box-shadow:
        0 5px 15px rgba(0,0,0,.08);
}


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

.sra-achievement-content{

    position:relative;

    padding:25px 25px 24px;

    min-height:166px;
}

.sra-achievement-label{

    display:block;

    margin-bottom:8px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.5px;

    color:var(--sra-ach-copper);
}

.sra-achievement-content h3{

    margin:0 0 8px;

    font-size:21px;

    line-height:1.25;

    font-weight:800;

    color:var(--sra-ach-dark);
}

.sra-achievement-content p{

    margin:0;

    font-size:13px;

    line-height:1.55;

    color:var(--sra-ach-text);
}

.sra-achievement-content p strong{

    color:var(--sra-ach-brown);

    font-weight:800;
}


/* =========================================================
   READ MORE
========================================================= */

.sra-achievement-read-more{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:17px;

    color:var(--sra-ach-brown) !important;

    font-size:13px;

    font-weight:800;

    text-decoration:none !important;

    transition:
        gap .25s ease,
        color .25s ease;
}

.sra-achievement-read-more span{

    font-size:18px;

    line-height:1;
}

.sra-achievement-read-more:hover{

    gap:13px;

    color:var(--sra-ach-copper) !important;
}

.sra-achievement-no-link{

    cursor:default;

    opacity:.65;
}

.sra-achievement-no-link:hover{

    gap:8px;

    color:var(--sra-ach-brown) !important;
}


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

.sra-achievements-cta{

    padding:90px 20px;

    border-top:1px solid var(--sra-ach-border);

    background:
        linear-gradient(
            135deg,
            #f8f0e6 0%,
            #fffaf4 100%
        );

    text-align:center;
}

.sra-achievements-cta-inner{

    max-width:760px;

    margin:auto;
}

.sra-achievements-cta-inner > span{

    display:block;

    margin-bottom:14px;

    font-size:10px;

    font-weight:800;

    letter-spacing:2.1px;

    color:var(--sra-ach-copper);
}

.sra-achievements-cta h2{

    margin:0;

    font-size:42px;

    line-height:1.2;

    font-weight:800;

    color:var(--sra-ach-dark);
}

.sra-achievements-cta h2 strong{

    color:var(--sra-ach-brown);
}

.sra-achievements-cta p{

    max-width:610px;

    margin:18px auto 28px;

    font-size:15px;

    line-height:1.75;

    color:var(--sra-ach-text);
}

.sra-achievements-cta-button{

    display:inline-flex;

    align-items:center;

    gap:11px;

    padding:14px 24px;

    border-radius:8px;

    background:var(--sra-ach-brown);

    color:#fff !important;

    font-size:13px;

    font-weight:800;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(117,69,31,.18);

    transition:
        transform .25s ease,
        background .25s ease;
}

.sra-achievements-cta-button:hover{

    transform:translateY(-3px);

    background:var(--sra-ach-copper);
}

.sra-achievements-cta-button span{

    font-size:18px;
}


/* =========================================================
   EXISTING ANIMATION
========================================================= */

.sra-achievements-page .animate{

    opacity:0;

    transform:translateY(25px);

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

.sra-achievements-page .animate.show{

    opacity:1;

    transform:translateY(0);
}


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

@media (max-width:950px){

    .sra-achievements-hero h1{

        font-size:48px;
    }

    .sra-achievements-grid{

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

}


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

@media (max-width:600px){

    .sra-achievements-hero{

        padding:72px 18px 65px;
    }

    .sra-achievements-hero h1{

        font-size:36px;
    }

    .sra-achievements-hero p{

        font-size:15px;
    }

    .sra-achievements-hero-stats{

        margin-top:32px;
    }

    .sra-achievement-stat{

        padding:0 10px;
    }

    .sra-achievement-stat strong{

        font-size:23px;
    }

    .sra-achievement-stat span{

        font-size:9px;

        line-height:1.4;
    }

    .sra-achievements-intro{

        padding:65px 16px 35px;
    }

    .sra-achievements-container{

        width:100%;
    }

    .sra-achievements-section-heading h2{

        font-size:30px;
    }

    .sra-achievements-section-heading p{

        font-size:14px;
    }

    .sra-achievements-students{

        padding:35px 16px 75px;
    }

    .sra-achievements-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

    .sra-achievement-image{

        height:320px;
    }

    .sra-achievement-content{

        padding:23px 22px;
    }

    .sra-achievements-cta{

        padding:70px 18px;
    }

    .sra-achievements-cta h2{

        font-size:31px;
    }

}


/* =========================================================
   ACHIEVEMENTS PAGE
   REMOVE ASTRA CONTENT GAP
========================================================= */

/* Detect page directly from achievements wrapper */
body:has(.sra-achievements-page) #content,
body:has(.sra-achievements-page) .site-content,
body:has(.sra-achievements-page) .content-area,
body:has(.sra-achievements-page) #primary,
body:has(.sra-achievements-page) .site-main,
body:has(.sra-achievements-page) .entry-content{

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

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


/* Astra container */

body:has(.sra-achievements-page)
#content > .ast-container,
body:has(.sra-achievements-page)
.site-content > .ast-container,
body:has(.sra-achievements-page)
.site-content .ast-container{

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

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


/* Primary page wrapper */

body:has(.sra-achievements-page)
#primary{

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


/* Our achievements page */

body:has(.sra-achievements-page)
.sra-achievements-page{

    width:100% !important;

    max-width:none !important;

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


/* Hero must touch the header */

body:has(.sra-achievements-page)
.sra-achievements-hero{

    margin-top:0 !important;
}


/* Remove default WordPress page title */

body:has(.sra-achievements-page)
.entry-header{

    display:none !important;
}


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

@media (max-width:768px){

    body:has(.sra-achievements-page) #content,
    body:has(.sra-achievements-page) .site-content,
    body:has(.sra-achievements-page) #primary,
    body:has(.sra-achievements-page) .entry-content{

        margin-top:0 !important;
        padding-top:0 !important;

    }

}