﻿/*=========================================================
            RESULTS SECTION
=========================================================*/

.result-section{
    padding:90px 0;
    background:#f8fafc;
}

/*=========================================================
            HEADING
=========================================================*/

.result-subtitle{

    display:inline-block;

    color:#ff6b00;

    font-weight:700;

    letter-spacing:3px;

    font-size:15px;

    text-transform:uppercase;

    margin-bottom:10px;

}

.result-title{

    font-size:52px;

    font-weight:800;

    color:#09122f;

    margin-bottom:20px;

}

.result-desc{

    max-width:760px;

    margin:auto;

    color:#555;

    font-size:19px;

    line-height:34px;

}

/*=========================================================
            RESULT BOX
=========================================================*/

/*.result-box{

    background:#fff;

    border-radius:18px;

    padding:35px;

    margin-top:45px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

}*/

.class10{

    background:linear-gradient(135deg,#fff7ed,#ffffff);

}

.class12{

    background:linear-gradient(135deg,#eff6ff,#ffffff);

}

.result-box{

    border-radius:20px;

    padding:40px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}


/*=========================================================
            RIBBON
=========================================================*/

.ribbon{

    display:inline-block;

    position:relative;

    padding:18px 45px;

    color:#fff;

    font-size:28px;

    font-weight:700;

    border-radius:5px 0 0 5px;

    margin-bottom:20px;

}

.ribbon i{

    margin-right:12px;

}

.ribbon:after{

    content:"";

    position:absolute;

    right:-40px;

    top:0;

    border-top:31px solid transparent;

    border-bottom:31px solid transparent;

}

.orange{

    background:#f97316;

}

.orange:after{

    border-left:40px solid #f97316;

}

.blue{

    background:#173b83;

}

.blue:after{

    border-left:40px solid #173b83;

}

/*=========================================================
            STATISTICS
=========================================================*/

.stat-card{

    background:#fff;

    border-radius:14px;

    text-align:center;

    padding:30px 20px;

    margin-bottom:22px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

}

.stat-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.stat-card i{

    font-size:42px;

    color:#f97316;

    margin-bottom:15px;

}

.blue-card i{

    color:#173b83;

}

.stat-card h2{

    font-size:46px;

    font-weight:800;

    color:#f97316;

    margin-bottom:5px;

}

.blue-card h2{

    color:#173b83;

}

.stat-card p{

    color:#444;

    font-size:17px;

    margin:0;

}

/*=========================================================
            TOPPER HEADING
=========================================================*/

.top-heading{

    text-align:center;

    font-size:32px;

    font-weight:800;

    color:#111827;

    margin-bottom:30px;

    position:relative;

}

/*.top-heading:before{

    content:"";

    position:absolute;

    width:80px;

    height:3px;

    background:#f97316;

    left:18%;

    top:50%;

}*/

/*.top-heading:after{

    content:"";

    position:absolute;

    width:80px;

    height:3px;

    background:#f97316;

    right:18%;

    top:50%;

}*/

/*.blue-text:before,
.blue-text:after{

    background:#173b83;

}*/

/*=========================================================
            TOPPER CARD
=========================================================*/

/*=============================
      TOPPER CARD
==============================*/

.topper-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:70px 25px 30px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.4s;

    overflow:hidden;

}

/* Premium Hover */

.topper-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.18);

}

/*=============================
       IMAGE
==============================*/

.topper-image{

    width:165px;

    height:165px;

    margin:auto;

    border-radius:50%;

    border:4px solid #ff6b00;

    overflow:hidden;

    background:#fff;

    transition:.4s;

}

.image-blue{

    border-color:#173b83;

}

.topper-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.topper-card:hover .topper-image{

    transform:scale(1.05);

}

/*=============================
        PREMIUM RIBBON
==============================*/

.top-ribbon{

    position:absolute;

    left:50%;

    top:-14px;

    transform:translateX(-50%);

    background:linear-gradient(135deg,#ff8c00,#ff5a00);

    color:#fff;

    padding:10px 28px;

    border-radius:10px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.8px;

    white-space:nowrap;

    box-shadow:0 8px 18px rgba(255,90,0,.35);

    z-index:5;

}

.top-ribbon i{

    color:#FFD700;

    margin-right:8px;

    font-size:15px;

}

.ribbon-blue{

    background:linear-gradient(135deg,#173b83,#2955d9);

}

/* Folded ribbon effect */

.top-ribbon:before,
.top-ribbon:after{

    content:"";

    position:absolute;

    top:100%;

    border-top:8px solid rgba(0,0,0,.18);

}

.top-ribbon:before{

    left:0;

    border-right:8px solid transparent;

}

.top-ribbon:after{

    right:0;

    border-left:8px solid transparent;

}

/*=============================
      TEXT
==============================*/

.topper-card h2{

    margin-top:25px;

    font-size:52px;

    font-weight:800;

    color:#ff6b00;

}

.topper-card h4{

    margin-top:8px;

    margin-bottom:8px;

    font-size:34px;

    font-weight:700;

    color:#0b1d4d;

}

.topper-card span{

    color:#666;

    font-size:18px;

}

.blue-text{

    color:#173b83 !important;

}

.topper-card{

    position: relative;
    overflow: visible;

}

.top-ribbon{

    top:12px;

}

.top-ribbon{

    position:absolute;

    left:50%;

    top:12px;

    transform:translateX(-50%);

    z-index:20;

    padding:10px 26px;

    border-radius:30px;

    background:linear-gradient(135deg,#ff7a00,#ff5100);

    color:#fff;

    font-weight:700;

    font-size:13px;

    box-shadow:0 10px 25px rgba(255,120,0,.35);

    white-space:nowrap;

}

.topper-card{

    margin:0 10px;

}
/*=========================================================
            ACHIEVEMENT STRIP
=========================================================*/

.achievement{

    margin-top:40px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

    padding:22px;

}

.achievement .col-md-4{

    font-size:20px;

    font-weight:600;

    color:#222;

    border-right:1px solid #e5e5e5;

}

.achievement .col-md-4:last-child{

    border-right:none;

}

.achievement i{

    color:#f97316;

    font-size:34px;

    margin-right:10px;

}

.class12 .achievement i{

    color:#173b83;

}

/*=========================================================
            RESPONSIVE
=========================================================*/

@media(max-width:991px){

    .result-title{

        font-size:40px;

    }

    .ribbon{

        font-size:22px;

        padding:14px 30px;

    }

    .ribbon:after{

        border-top:26px solid transparent;
        border-bottom:26px solid transparent;
    }

    .top-heading{

        margin-top:30px;

    }

}

@media(max-width:768px){

    .result-box{

        padding:20px;

    }

    .result-title{

        font-size:34px;

    }

    .result-desc{

        font-size:16px;

        line-height:28px;

    }

    .stat-card{

        margin-bottom:15px;

    }

    .topper-card{

        margin-bottom:25px;

    }

    .topper-card img{

        width:140px;
        height:140px;

    }

    .topper-card h2{

        font-size:34px;

    }

    .topper-card h4{

        font-size:22px;

    }

    .achievement .col-md-4{

        border:none;

        margin-bottom:18px;

    }

}

    .ribbon{

    display:flex;

    align-items:center;

    width:fit-content;

    position:relative;

    padding:18px 40px 18px 70px;

    color:#fff;

    font-size:28px;

    font-weight:700;

    border-radius:0 4px 4px 0;

    margin-bottom:35px;

}

.ribbon-icon{

    position:absolute;

    left:-28px;

    width:75px;

    height:75px;

    border-radius:50%;

    background:#fff;

    border:5px solid #f97316;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    color:#f97316;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.blue-icon{

    border-color:#173b83;

    color:#173b83;

}

.top-heading{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:34px;

    font-weight:800;

    color:#09122f;

    margin-bottom:45px;

}

.top-heading span{

    width:70px;

    height:3px;

    background:#f97316;

}

.class12 .top-heading span{

    background:#173b83;

}

.star{

    position:absolute;

    bottom:-18px;

    font-size:20px;

    color:#f97316;

}

.class12 .star{

    color:#173b83;

}

/*=============================
      TOP PERFORMER HEADING
==============================*/

.top-heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin-bottom:8px;

}

.top-heading h3{

    margin:0;

    font-size:40px;

    font-weight:800;

    color:#0b1d4d;

    letter-spacing:1px;

}

.top-heading .line{

    width:90px;

    height:3px;

    background:#f97316;

    border-radius:5px;

}

/* Blue section */

.class12 .top-heading .line{

    background:#173b83;

}

.heading-star{

    text-align:center;

    margin-bottom:30px;

}

.heading-star i{

    color:#f97316;

    font-size:18px;

}

.class12 .heading-star i{

    color:#173b83;

}

.class12-slider .item{

    padding:20px;

}

.class12-slider .owl-stage{

    display:flex;

    align-items:stretch;

}

.class12-slider .topper-card{

    margin:8px;

}

.testimonial-section{

    background:#F8FBFF;

    padding:100px 0;

}

.testimonial-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

}

.testimonial-card:hover{

    transform:translateY(-10px);

}

.testimonial-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.quote-icon{

    color:#ff6b00;

    font-size:40px;

}

.stars{

    color:#ffb400;

    font-size:20px;

}

.testimonial-card p{

    line-height:1.9;

    color:#555;

    min-height:150px;

}

.testimonial-user{

    display:flex;

    align-items:center;

    border-top:1px solid #eee;

    padding-top:20px;

}

.testimonial-user img{

    width:70px;

    height:70px;

    border-radius:50%;

    margin-right:15px;

    object-fit:cover;

}

.testimonial-user h5{

    margin-bottom:4px;

    color:#173B8F;

    font-weight:700;

}

.testimonial-user span{

    color:#666;

}

.testimonial-stats{

    background:#fff;

    margin-top:60px;

    border-radius:20px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.stat-box{

    text-align:center;

}

.stat-box i{

    width:80px;

    height:80px;

    line-height:80px;

    border-radius:50%;

    background:#EEF4FF;

    color:#173B8F;

    font-size:32px;

    margin-bottom:15px;

}

.stat-box h2{

    color:#173B8F;

    font-size:42px;

    font-weight:800;

}

.stat-box p{

    color:#666;

    margin:0;

}
.testimonialSwiper .swiper-wrapper{

    display:flex !important;

}

.testimonialSwiper .swiper-slide{

    height:auto !important;

    width:auto !important;

}

.testimonial-section{

    padding:100px 0;

    background:#F8FBFF;

}

.testimonial-slider{

    margin-top:50px;

}

.testimonial-slider .slick-slide{

    padding:15px;

}

.testimonial-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.4s;

    min-height:340px;

}

.testimonial-card:hover{

    transform:translateY(-8px);

}

.stars{

    color:#FFC107;

    font-size:20px;

    margin-bottom:20px;

}

.testimonial-card p{

    color:#555;

    line-height:1.8;

    min-height:130px;

}

.testimonial-user{

    display:flex;

    align-items:center;

    margin-top:25px;

}

.testimonial-user img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    margin-right:15px;

}

.testimonial-user h5{

    color:#0B4F9C;

    margin-bottom:4px;

}

.testimonial-user span{

    color:#777;

}

.testimonial-section{

    background:#F8FBFF;

    padding:90px 0;

}

.carousel-control-prev,
.carousel-control-next{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#0B4F9C;

    top:45%;

    opacity:1;

}

.carousel-control-prev{

    left:-70px;

}

.carousel-control-next{

    right:-70px;

}

.carousel-control-prev:hover,
.carousel-control-next:hover{

    background:#F97316;

}

.carousel-indicators{

    bottom:-60px;

}

.carousel-indicators button{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#0B4F9C;

}

.carousel-indicators .active{

    background:#F97316;

}

@media(max-width:991px){

    .carousel-item .col-lg-4{

        margin-bottom:25px;

    }

    .carousel-control-prev,
    .carousel-control-next{

        display:none;

    }

}

    /*=========================================
RESULTS HERO
=========================================*/

.results-hero{

    position:relative;

    padding:130px 0;

    background:

    linear-gradient(rgba(8,25,63,.88),

    rgba(8,25,63,.88)),

    url('../images/results/results-bg.jpg');

    background-size:cover;

    background-position:center;

}

.results-hero h1{

    font-size:62px;

    font-weight:800;

    color:#fff;

    line-height:1.2;

}

.results-hero h1 span{

    display:block;

    color:#F97316;

}

.results-hero p{

    color:#ddd;

    font-size:19px;

    line-height:1.9;

    margin:30px 0;

}

.results-hero .hero-tags span{

    display:inline-block;

    padding:12px 25px;

    margin:8px;

    border-radius:35px;

    background:rgba(255,255,255,.12);

    color:#fff;

    backdrop-filter:blur(10px);

}

.hero-buttons{

    margin-top:35px;

}

.btn-call{

    display:inline-block;

    margin-left:15px;

    padding:15px 35px;

    border:2px solid #fff;

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    transition:.4s;

}

.btn-call:hover{

    background:#fff;

    color:#0B4F9C;

}

/*=================================
RESULT STATS
=================================*/

.achievement-section{

padding:110px 0;

background:#F8FBFF;

}

.achievement-box{

background:#fff;

padding:45px;

text-align:center;

border-radius:25px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.4s;

}

.achievement-box:hover{

background:#0B4F9C;

transform:translateY(-12px);

}

.achievement-box i{

width:90px;

height:90px;

line-height:90px;

border-radius:50%;

background:#EEF5FF;

font-size:40px;

color:#F97316;

margin-bottom:20px;

}

.achievement-box h2{

font-size:52px;

font-weight:800;

color:#0B4F9C;

}

.achievement-box p{

font-size:18px;

color:#666;

}

.achievement-box:hover h2,

.achievement-box:hover p{

color:#fff;

}

.achievement-box:hover i{

background:#fff;

color:#0B4F9C;

}

/*=====================================
TOPPERS
======================================*/

.toppers-section{

padding:110px 0;

background:#fff;

}

.topper-card{

background:#fff;

border-radius:25px;

padding:35px;

text-align:center;

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.4s;

position:relative;

overflow:hidden;

}

.topper-card:hover{

transform:translateY(-12px);

}

.topper-card img{

width:160px;

height:160px;

border-radius:50%;

object-fit:cover;

border:6px solid #fff;

box-shadow:0 10px 25px rgba(0,0,0,.15);

margin-bottom:25px;

}

.rank{

position:absolute;

top:20px;

right:20px;

font-size:34px;

}

.gold{

border-top:8px solid #FFD700;

transform:scale(1.05);

}

.silver{

border-top:8px solid #C0C0C0;

}

.bronze{

border-top:8px solid #CD7F32;

}

.gold h1{

font-size:70px;

font-weight:800;

color:#F97316;

}

.topper-card h2{

font-size:52px;

color:#0B4F9C;

font-weight:800;

}

.topper-card h3,

.topper-card h4{

color:#0B4F9C;

margin-top:10px;

font-weight:700;

}

.topper-card span{

display:block;

color:#F97316;

margin-bottom:15px;

font-weight:600;

}

.topper-card p{

color:#666;

line-height:1.8;

font-style:italic;

}

/*====================================
BOARD PERFORMANCE
====================================*/

.board-performance{

    padding:110px 0;

    background:#F8FBFF;

}

.board-card{

    background:#fff;

    border-radius:25px;

    padding:45px 35px;

    text-align:center;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    position:relative;

    overflow:hidden;

}

.board-card:hover{

    transform:translateY(-12px);

}

.board-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    margin:auto;

    background:#EEF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:20px;

}

.board-icon i{

    font-size:40px;

    color:#F97316;

}

.board-card h3{

    color:#0B4F9C;

    font-weight:700;

    margin-bottom:15px;

}

.board-card h2{

    font-size:60px;

    font-weight:800;

    color:#F97316;

    margin-bottom:5px;

}

.board-card span{

    color:#666;

    display:block;

    margin-bottom:25px;

}

.board-card ul{

    list-style:none;

    padding:0;

    margin:0;

    text-align:left;

}

.board-card ul li{

    padding:10px 0;

    color:#555;

    border-bottom:1px dashed #ddd;

}

.board-card ul li:last-child{

    border-bottom:none;

}

.board-card ul i{

    color:#28a745;

    margin-right:10px;

}

.cbse{

    border-top:6px solid #0B4F9C;

}

.icse{

    border-top:6px solid #F97316;

}

.upboard{

    border-top:6px solid #28a745;

}
/*====================================
SUCCESS STORIES
=====================================*/

.success-stories{

    padding:110px 0;

    background:#ffffff;

}

.story-card{

    display:flex;

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

}

.story-card:hover{

    transform:translateY(-10px);

}

.story-image{

    width:35%;

    position:relative;

}

.story-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.score-badge{

    position:absolute;

    top:15px;

    left:15px;

    background:#F97316;

    color:#fff;

    padding:10px 16px;

    border-radius:30px;

    font-weight:700;

}

.story-content{

    width:65%;

    padding:30px;

}

.story-content h3{

    color:#0B4F9C;

    font-weight:700;

    margin-bottom:8px;

}

.story-content span{

    color:#F97316;

    font-weight:600;

    display:block;

    margin-bottom:18px;

}

.story-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.story-btn{

    display:inline-block;

    padding:12px 28px;

    border-radius:30px;

    background:#0B4F9C;

    color:#fff;

    text-decoration:none;

    transition:.4s;

}

.story-btn:hover{

    background:#F97316;

    color:#fff;

}

@media(max-width:991px){

.story-card{

flex-direction:column;

}

.story-image,

.story-content{

width:100%;

}

.story-image img{

height:320px;

}

}

    /*=================================
PARENT REVIEWS
==================================*/

.parent-review-section{

    padding:110px 0;

    background:#ffffff;

}

.parent-review-card{

    background:#fff;

    padding:35px;

    border-radius:22px;

    text-align:center;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

}

.parent-review-card:hover{

    transform:translateY(-10px);

}

.parent-image img{

    width:110px;

    height:110px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:20px;

    border:5px solid #EEF5FF;

}

.stars{

    color:#FFD700;

    font-size:20px;

    margin-bottom:15px;

}

.parent-review-card h4{

    color:#0B4F9C;

    font-weight:700;

}

.parent-review-card span{

    color:#F97316;

    font-weight:600;

    display:block;

    margin-bottom:20px;

}

.parent-review-card p{

    color:#666;

    line-height:1.8;

}

.trust-box{

    background:#0B4F9C;

    color:#fff;

    border-radius:20px;

    padding:30px;

    text-align:center;

    transition:.4s;

}

.trust-box:hover{

    background:#F97316;

    transform:translateY(-8px);

}

.trust-box h2{

    font-size:42px;

    font-weight:800;

}

.trust-box p{

    margin:0;

    font-size:16px;

}