:root{

primary:#003B8E;

secondary:#FF8C00;

dark:#1A1A1A;
light:#F8FAFC;

white:#ffffff;

success:#28a745;

}
*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins','Noto Sans Devanagari',sans-serif;

background:var(--light);

overflow-x:hidden;

}


/*========================
Hero
========================*/

.hero-section{

position:relative;

padding:30px 0;

background:linear-gradient(135deg,#003b8e,#0057d8);

overflow:hidden;

}

.hero-tag{

display:inline-block;

background:#ffffff20;

padding:10px 22px;

border-radius:50px;

color:#fff;

margin-bottom:25px;

backdrop-filter:blur(10px);

font-weight:600;

}

.hero-content h1{

font-size:60px;

font-weight:800;

color:#fff;

line-height:1.3;

margin-bottom:25px;

}

.hero-content h1 span{

color:#FFD54F;

}

.hero-content p{

font-size:20px;

line-height:36px;

color:#f5f5f5;

margin-bottom:35px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:40px;

}

.btn-one{

background:#ff9800;

padding:16px 40px;

border-radius:50px;

text-decoration:none;

color:#fff;

font-weight:600;

transition:.4s;

}

.btn-one:hover{

background:#fff;

color:#003b8e;

transform:translateY(-5px);

}

.btn-two{

border:2px solid #fff;

padding:16px 40px;

border-radius:50px;

text-decoration:none;

color:#fff;

font-weight:600;

transition:.4s;

}

.btn-two:hover{

background:#fff;

color:#003b8e;

}

.hero-features{

display:flex;

gap:25px;

margin-top:25px;

}

.feature-item{

background:#ffffff15;

padding:18px;

border-radius:15px;

display:flex;

align-items:center;

gap:15px;

backdrop-filter:blur(15px);

}

.feature-item i{

font-size:35px;

color:#FFD54F;

}

.feature-item h5{

margin:0;

color:#fff;

font-weight:700;

}

.feature-item p{

margin:0;

font-size:14px;

color:#ddd;

}

.hero-image{

position:relative;

text-align:center;

}

.hero-image img{

max-width:90%;

animation:float 4s ease-in-out infinite;

}

.floating-card{

position:absolute;

background:#fff;

padding:18px 25px;

border-radius:15px;

font-weight:700;

box-shadow:0 15px 30px rgba(0,0,0,.2);

animation:float 3s infinite;

}

.card1{

top:50px;

left:20px;

}

.card2{

top:220px;

right:10px;

}

.card3{

bottom:50px;

left:60px;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}




/*=========================
ABOUT
=========================*/

.about-section{

padding:100px 0;

background:#fff;

}

.about-image{

position:relative;

}

.about-image img{

border-radius:30px;

}

.experience-box{

position:absolute;

right:20px;

bottom:20px;

background:#ff9800;

color:#fff;

padding:25px;

border-radius:20px;

text-align:center;

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.experience-box h2{

font-size:42px;

font-weight:700;

}

.section-tag{

display:inline-block;

background:#EAF2FF;

padding:10px 25px;

border-radius:50px;

font-weight:600;

color:#003b8e;

margin-bottom:20px;

}

.about-section h2{

font-size:42px;

font-weight:700;

margin-bottom:25px;

}

.about-section p{

font-size:18px;

line-height:34px;

color:#666;

}

.founder-box{

display:flex;

align-items:center;

margin:30px 0;

}

.founder-box img{

width:80px;

height:80px;

border-radius:50%;

margin-right:20px;

object-fit:cover;

}

.theme-btn{

display:inline-block;

padding:15px 40px;

background:#003b8e;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.4s;

}

.theme-btn:hover{

background:#ff9800;

color:#fff;

transform:translateY(-5px);

}


/*=========================
COUNTER
=========================*/

.counter-section{

background:#003b8e;

padding:70px 0;

}

.counter-box{

text-align:center;

color:#fff;

}

.counter-box i{

font-size:55px;

color:#FFD54F;

margin-bottom:20px;

}

.counter-box h2{

font-size:45px;

font-weight:700;

}


/*=========================
WHY CHOOSE
=========================*/

.why-section{

background:#f8fbff;

}

.why-card{

background:#fff;

padding:40px 30px;

border-radius:25px;

text-align:center;

margin-bottom:30px;

transition:.4s;

box-shadow:0 10px 25px rgba(0,0,0,.08);

height:100%;

}

.why-card:hover{

background:#003b8e;

transform:translateY(-15px);

color:#fff;

}

.why-card i{

font-size:55px;

margin-bottom:20px;

color:#ff9800;

transition:.4s;

}

.why-card:hover i{

transform:rotate(360deg);

color:#fff;

}



/*=========================
SCHOLARSHIP
=========================*/

.scholarship-section{

padding:100px 0;

background:#ffffff;

}

.price-card{

background:#fff;

border-radius:25px;

padding:45px 35px;

text-align:center;

position:relative;

overflow:hidden;

transition:.4s;

box-shadow:0 20px 40px rgba(0,0,0,.08);

height:100%;

border:2px solid transparent;

}

.price-card:hover{

transform:translateY(-20px);

border-color:#ff9800;

}

.active-card{

background:linear-gradient(135deg,#003b8e,#0058d6);

color:#fff;

transform:scale(1.05);

}

.ribbon{

position:absolute;

top:20px;

right:-45px;

background:#ff9800;

color:#fff;

padding:8px 50px;

transform:rotate(45deg);

font-size:12px;

font-weight:bold;

}

.price{

font-size:55px;

font-weight:700;

color:#ff9800;

margin:25px 0;

}

.active-card .price{

color:#FFD54F;

}

.price-card ul{

list-style:none;

padding:0;

margin:30px 0;

}

.price-card ul li{

padding:12px 0;

border-bottom:1px dashed #ddd;

}

.price-btn{

display:inline-block;

padding:15px 35px;

background:#003b8e;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.4s;

}

.price-btn:hover{

background:#ff9800;

color:#fff;

}

.active-card .price-btn{

background:#ff9800;

}



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

.process-section{

padding:100px 0;

background:#f8fbff;

}

.process-box{

text-align:center;

position:relative;

}

.circle{

width:90px;

height:90px;

border-radius:50%;

background:#003b8e;

color:#fff;

font-size:35px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

transition:.4s;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.process-box:hover .circle{

background:#ff9800;

transform:rotate(360deg);

}

.process-box h5{

margin-top:20px;

font-weight:600;

}



/*=========================
SCHOOLS
=========================*/

.schools-section{

background:#fff;

padding:100px 0;

}

.school-card{

background:#fff;

padding:40px 25px;

text-align:center;

border-radius:25px;

transition:.4s;

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

height:100%;

}

.school-card:hover{

background:#003b8e;

color:#fff;

transform:translateY(-15px);

}

.school-card i{

font-size:60px;

margin-bottom:20px;

color:#ff9800;

}

/*=========================
EXAM INFO
=========================*/

.exam-info{

background:#f8fbff;

}

.exam-box{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

transition:.4s;

box-shadow:0 10px 25px rgba(0,0,0,.08);

margin-bottom:20px;

}

.exam-box:hover{

background:#003b8e;

color:#fff;

transform:translateY(-10px);

}

.exam-box i{

font-size:45px;

margin-bottom:20px;

color:#ff9800;

}

/*=========================
PATTERN
=========================*/

.pattern-section{

padding:100px 0;

background:#fff;

}

.pattern-item{

margin-bottom:25px;

}

.progress{

height:18px;

border-radius:30px;

}

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

.cta-section{

padding:90px 0;

background:linear-gradient(135deg,#003b8e,#0059d6);

text-align:center;

color:#fff;

}

.cta-section h2{

font-size:45px;

font-weight:700;

margin-bottom:20px;

}

.cta-btn{

display:inline-block;

padding:16px 45px;

background:#ff9800;

border-radius:50px;

text-decoration:none;

color:#fff;

font-weight:600;

margin-top:20px;

transition:.4s;

}

.cta-btn:hover{

background:#fff;

color:#003b8e;

transform:translateY(-5px);

}


/* Gallery */

.gallery-card{

position:relative;

overflow:hidden;

border-radius:20px;

}

.gallery-card img{

transition:.5s;

}

.gallery-card:hover img{

transform:scale(1.1);

}

.gallery-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,59,142,.6);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.4s;

}

.gallery-card:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay i{

font-size:40px;

color:#fff;

}

/* Testimonial */

.testimonial-box{

padding:30px;

background:#fff;

border-radius:20px;

text-align:center;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.testimonial-box img{

width:90px;

height:90px;

border-radius:50%;

margin-bottom:15px;

}

/* Footer */

.footer{

background:#003b8e;

color:#fff;

padding:70px 0 20px;

}

.footer a{

color:#fff;

text-decoration:none;

}

.footer ul{

list-style:none;

padding:0;

}

.footer li{

margin:10px 0;

}

/* Floating Buttons */

.whatsapp-btn{

position:fixed;

bottom:25px;

right:25px;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

z-index:9999;

}

#topBtn{

position:fixed;

bottom:100px;

right:25px;

width:50px;

height:50px;

border:none;

background:#ff9800;

color:#fff;

border-radius:50%;

display:none;

cursor:pointer;

}



/*==========================
TOP HEADER
==========================*/

.top-header{

background:#002c6d;

padding:10px 0;

font-size:14px;

color:#fff;

}

.top-info{

margin:0;

padding:0;

display:flex;

align-items:center;

gap:25px;

list-style:none;

}

.top-info li{

display:flex;

align-items:center;

}

.top-info li i{

color:#ff9800;

margin-right:8px;

}

.social-icons{

text-align:right;

}

.social-icons a{

width:36px;

height:36px;

display:inline-flex;

justify-content:center;

align-items:center;

background:#ffffff15;

border-radius:50%;

margin-left:8px;

color:#fff;

transition:.3s;

}

.social-icons a:hover{

background:#ff9800;

transform:translateY(-4px);

}



/*==========================
NAVBAR
==========================*/

.navbar{

background:#fff;

padding:14px 0;

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

}

.navbar-brand img{

height:75px;

transition:.4s;

}

.navbar-nav{

gap:10px;

}

.nav-link{

font-size:17px;

font-weight:600;

color:#222 !important;

padding:12px 18px !important;

border-radius:8px;

transition:.3s;

}

.nav-link:hover{

color:#003b8e !important;

background:#f3f7ff;

}

.nav-link.active{

color:#003b8e !important;

}

.apply-btn{

background:#ff9800;

padding:14px 28px;

border-radius:40px;

text-decoration:none;

color:#fff;

font-weight:600;

transition:.3s;

}

.apply-btn:hover{

background:#003b8e;

color:#fff;

}

.navbar-toggler{

border:none;

}

.navbar-toggler:focus{

box-shadow:none;

}

.navbar-toggler i{

font-size:28px;

color:#003b8e;

}



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

@media(max-width:991px){

.top-header{

display:none;

}

.navbar-brand img{

height:60px;

}

.navbar-collapse{

background:#fff;

padding:20px;

margin-top:15px;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.navbar-nav{

gap:0;

}

.nav-link{

padding:14px 0 !important;

}

.apply-btn{

display:block;

margin-top:20px;

text-align:center;

}

}



/*==========================
SCHOLARSHIP RULES
==========================*/

.scholarship-rules{

    background:#f8fbff;

}

.rule-box{

    background:#ffffff;

    border-radius:25px;

    padding:45px;

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

    border-left:6px solid #ff9800;

}

.rule-item{

    display:flex;

    align-items:flex-start;

    margin-bottom:22px;

    font-size:18px;

    line-height:32px;

}

.rule-item i{

    color:#28a745;

    font-size:22px;

    margin-right:15px;

    margin-top:5px;

}

.rule-item b{

    color:#003b8e;

}






.navbar .dropdown-menu{
    border-radius:12px;
    border:none;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    margin-top:12px;
    min-width:260px;
}

.navbar .dropdown-item{
    padding:12px 18px;
    font-size:15px;
    transition:.3s;
}

.navbar .dropdown-item:hover{
    background:#0d6efd;
    color:#fff;
    padding-left:24px;
}

.navbar .dropdown-item:hover i{
    color:#fff !important;
}

.navbar .dropdown:hover .dropdown-menu{
    display:block;
}