:root {
--primary:#0F172A;
--accent:#FACC15;
--gradient:linear-gradient(135deg,#0F172A,#1E3A8A);
}

body{
font-family:'Poppins',sans-serif;
scroll-behavior:smooth;
}

/* ================= TOP CERT STRIP ================= */
/* .top-cert-strip{
background:linear-gradient(90deg,#0f172a,#1e3a8a);
padding:10px 0;
}

.cert-wrapper{
display:flex;
justify-content:center;
align-items:center;
gap:50px;
flex-wrap:wrap;
}

.cert-item img{
height:60px;
transition:0.3s ease;
filter:brightness(1.1);
}

.cert-item img:hover{
transform:scale(1.1);
filter:drop-shadow(0 5px 15px rgba(255,255,255,0.4));
} */
/* End */

.section-padding{
padding:100px 0;
}

.dark-section{
background:var(--gradient);
color:white;
}

.divider{
height:4px;
width:80px;
background:var(--accent);
margin:20px auto;
border-radius:5px;
}

.btn-warning{
background:var(--accent);
border:none;
font-weight:600;
}

.btn-warning:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(250,204,21,0.4);
}

/* WhatsApp Button  */
.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px;
border-radius:50%;
font-size:22px;
}

/* ULTRA HERO */
/*
.hero-overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(135deg,rgba(15,23,42,0.9),
rgba(30,58,138,0.85));
z-index:-1;
}

.hero-content{
position:relative;
z-index:2;
}

.hero-content h1{
font-size:4rem;
letter-spacing:3px;
font-weight:900;
}

.hero-carousel{
background:linear-gradient(135deg,#0F172A,#1E3A8A);
color:white;
padding:80px 0;
}

.hero-slide{
min-height:400px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
} */

@keyframes typing{
from{width:0}
to{width:100%}
}

@keyframes blink{
50%{border-color:transparent}
}

/* Button animation */
.animated-btn{
transition:all .3s ease;
}

.animated-btn:hover{
transform:scale(1.1);
box-shadow:0 15px 30px rgba(250,204,21,0.4);
}

.ultra-btn:hover{
transform:scale(1.1);
box-shadow:0 15px 30px rgba(250,204,21,0.4);
}

/* ================= PREMIUM NAVBAR ================= */
.navbar-toggler {
border: none;
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.premium-navbar{
background:rgba(15,23,42,0.85);
backdrop-filter:blur(12px);
padding:15px 0;
transition:0.4s ease;
z-index:999;
}

/* Scroll Effect */
.premium-navbar.scrolled{
background:#0F172A;
box-shadow:0 8px 25px rgba(0,0,0,0.2);
}

/* Brand */
.navbar-brand{
font-size:22px;
color:white;
letter-spacing:1px;
}

.brand-highlight{
color:#FACC15;
}

/* Links */
.nav-link{
color:#e5e7eb !important;
margin:0 10px;
position:relative;
font-weight:500;
transition:0.3s;
}

/* Hover underline animation */
.nav-link::after{
content:"";
position:absolute;
width:0%;
height:2px;
left:0;
bottom:0;
background:#FACC15;
transition:0.3s;
}

.nav-link:hover{
color:#ffffff !important;
}

.nav-link:hover::after{
width:100%;
}

/* Premium Button */
.premium-nav-btn{
background:#FACC15;
border:none;
padding:8px 20px;
border-radius:30px;
font-weight:600;
transition:0.3s;
}

.premium-nav-btn:hover{
background:#eab308;
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.3);
}

/* HERO Section */
/* ================= ANIMATED GRADIENT ================= */
/* HERO BACKGROUND */
.ultra-hero{
min-height:110vh;   /* Bigger height */
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
padding-top:80px;  /* Space for navbar */
color:white;
text-align:center;
}

.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,#0F172A,#1E3A8A);
z-index:-2;
}

/* Optional Soft Glow Effect */
.hero-bg::after{
content:"";
position:absolute;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(250,204,21,0.15), transparent 70%);
top:-150px;
right:-150px;
border-radius:50%;
}

.animated-gradient{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(-45deg,#0F172A,#1E3A8A,#111827,#1e40af);
background-size:400% 400%;
animation:gradientMove 10s ease infinite;
z-index:-3;
}

@keyframes gradientMove{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

/* ================= FLOATING SHAPES ================= */

.floating-shapes span{
position:absolute;
display:block;
width:60px;
height:60px;
background:rgba(250,204,21,0.15);
border-radius:50%;
animation:float 12s infinite ease-in-out;
}

.floating-shapes span:nth-child(1){
top:20%;
left:10%;
animation-delay:0s;
}

.floating-shapes span:nth-child(2){
top:60%;
left:80%;
width:80px;
height:80px;
animation-delay:3s;
}

.floating-shapes span:nth-child(3){
top:80%;
left:20%;
animation-delay:6s;
}

.floating-shapes span:nth-child(4){
top:30%;
left:70%;
width:40px;
height:40px;
animation-delay:9s;
}

@keyframes float{
0%{transform:translateY(0px);}
50%{transform:translateY(-30px);}
100%{transform:translateY(0px);}
}

/* ================= GLASS HERO CARD ================= */

.glass-hero-card{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(15px);
border:1px solid rgba(255,255,255,0.1);
padding:60px 50px;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,0.4);
max-width:750px;
margin:auto;
animation:fadeUp 1.2s ease forwards;
opacity:0;
}

/* ================= PREMIUM ENTRANCE ================= */

@keyframes fadeUp{
0%{
opacity:0;
transform:translateY(40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}

/* HERO TEXT */
.hero-title{
font-size:3.5rem;
font-weight:900;
letter-spacing:2px;
color:white;
}

.hero-subtext{
font-size:18px;
color:#e5e7eb;
}

/* BUTTON */
.ultra-btn{
background:#FACC15;
color:#111827;
border:none;
padding:14px 40px;
border-radius:40px;
font-weight:600;
transition:.3s ease;
}

.ultra-btn:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(250,204,21,0.4);
}


/* About Us*/
/* Highlight Card */
.about-highlight-card{
background:rgba(255,255,255,0.7);
backdrop-filter:blur(10px);
padding:30px;
border-radius:20px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
transition:0.4s ease;
}

.about-highlight-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* About List Icons */
.about-list{
list-style:none;
padding:0;
}

.about-list li{
margin-bottom:12px;
padding-left:28px;
position:relative;
}

.about-list li::before{
content:"✔";
position:absolute;
left:0;
color:#FACC15;
font-weight:bold;
}

/* Teachers Card Effect */
.col-md-4{
transition:0.4s ease;
}

.col-md-4:hover{
transform:translateY(-6px);
}

/* WHY CHOOSE US */

.why-section{
background:linear-gradient(135deg,#0F172A,#1E3A8A);
color:white;
padding:80px 0;
}

.stats-box{
background:rgba(255,255,255,0.08);
padding:30px;
border-radius:20px;
transition:0.4s;
}

.stats-box:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

.stats-box h3{
font-size:3rem;
font-weight:900;
color:#FACC15;
}

.reveal{
opacity:0;
transform:translateY(40px);
transition:1s ease;
}
.delay-1{ transition-delay:0.2s; }
.delay-2{ transition-delay:0.4s; }


/* SPECIALTY SECTION */
.specialty-section{
background:#f8f9fa;
}

.feature-card{
background:white;
padding:30px 20px;
border-radius:20px;
transition:0.4s ease;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
height:100%;
}

.feature-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.feature-icon{
width:60px;
height:60px;
margin:0 auto 15px;
background:linear-gradient(135deg,#0F172A,#1E3A8A);
color:#FACC15;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:22px;
}

.feature-card p{
font-weight:600;
margin:0;
}

/* Subject SECTION*/
.card{
background:rgba(255,255,255,0.1);
border-radius:20px;
color:white;
transition:0.4s;
}

.card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

/* CONTACT SECTION */
.contact-section{
background:linear-gradient(135deg,#f8fafc,#eef2ff);
}

.section-title{
font-weight:700;
}

.contact-card{
background:white;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.contact-info-card{
background:linear-gradient(135deg,#0F172A,#1E3A8A);
color:white;
padding:40px;
border-radius:20px;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.contact-info-card h4{
color:#FACC15;
margin-top:15px;
}

.premium-input{
border-radius:12px;
padding:12px 15px;
border:1px solid #e2e8f0;
transition:0.3s ease;
}

.premium-input:focus{
border-color:#1E3A8A;
box-shadow:0 0 0 3px rgba(30,58,138,0.15);
}

.premium-modal{
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,0.3);
}

.premium-btn{
background:linear-gradient(135deg,#0F172A,#1E3A8A);
background:#FACC15;
padding:12px;
color:white;
border:none;
border-radius:30px;
font-weight:600;
transition:0.3s ease;
}

.premium-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
background:#111827;
color:white;
} 

.map-container iframe{
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* PREMIUM FOOTER */
.premium-footer{
background:linear-gradient(135deg,#0F172A,#111827);
color:#d1d5db;
}

.footer-logo{
color:#FACC15;
font-weight:700;
margin-bottom:15px;
}

.footer-title{
color:white;
margin-bottom:15px;
position:relative;
}

.footer-title::after{
content:"";
display:block;
width:40px;
height:3px;
background:#FACC15;
margin-top:6px;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:8px;
}

.footer-links a{
color:#d1d5db;
text-decoration:none;
transition:0.3s;
}

.footer-links a:hover{
color:#FACC15;
padding-left:5px;
}

.social-icons a{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:50%;
background:#1f2937;
color:white;
margin-right:8px;
transition:0.3s;
}

.social-icons a:hover{
background:#FACC15;
color:black;
transform:translateY(-3px);
}

.payment-title{
color:#FACC15;
margin-top:10px;
}

.footer-divider{
border-color:rgba(255,255,255,0.1);
margin-top:30px;
}

/* Testimonial SECTION WHITE */
.testimonial-section{
background:#ffffff;
padding:80px 0;
}

/* DARK PREMIUM CARD (previous color) */
.testimonial-card{
background:linear-gradient(135deg,#0F172A,#1E3A8A);
padding:40px;
border-radius:20px;
max-width:650px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
color:white;
transition:0.3s ease;
}

.testimonial-card:hover{
transform:translateY(-6px);
box-shadow:0 25px 60px rgba(0,0,0,0.25);
}

/* AVATAR */
.student-avatar{
width:70px;
height:70px;
margin:0 auto 20px;
border-radius:50%;
background:#FACC15;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#111827;
}

/* TEXT */
.testimonial-text{
font-size:18px;
font-style:italic;
margin-bottom:15px;
color:#e5e7eb;
}

/* STARS */
.stars i{
color:#FACC15;
margin:0 2px;
}

/* NAME */
.student-name{
color:#ffffff;
font-weight:600;
}

/* CAROUSEL BUTTONS */
.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:#1E3A8A;
border-radius:50%;
padding:12px;
}

/* Special Offers */
/* ================= OFFERS SECTION ================= */

.offers-section{
background:linear-gradient(135deg,#0f172a,#1e3a8a);
color:white;
position:relative;
overflow:hidden;
}

.offer-title{
font-weight:800;
font-size:2.2rem;
}

.phone-number{
color:#FACC15;
font-weight:700;
}

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

.offer-card{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(12px);
border-radius:20px;
padding:40px;
box-shadow:0 20px 40px rgba(0,0,0,0.4);
transition:0.4s ease;
height:100%;
}

.offer-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 60px rgba(0,0,0,0.5);
}

/* Academy Accent */
.academy-offer{
border-left:5px solid #FACC15;
}

/* English Accent */
.english-offer{
border-left:5px solid #38BDF8;
}

/* Offer List */
.offer-list{
list-style:none;
padding:0;
margin-top:20px;
}

.offer-list li{
margin-bottom:10px;
font-size:16px;
}

/* Button */
.offer-btn{
background:#FACC15;
color:#111827;
border:none;
padding:12px 30px;
border-radius:30px;
font-weight:600;
transition:0.3s ease;
}

.offer-btn:hover{
background:white;
color:#111827;
}

.offers-section .btn-warning{
background:#FACC15;
border:none;
font-weight:600;
transition:0.3s ease;
}

.offers-section .btn-warning:hover{
background:#eab308;
transform:scale(1.05);
}

/* FAQ Section */
.faq-section {
    background: #f8f9fa;
    padding: 60px 0;
}

.faq-title {
    font-size: 32px;
    color: #222;
}

/* Container */
.faq-container {
    max-width: 850px;
    margin: auto;
}

/* FAQ Card */
.faq-item {
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #e5e5e5;
    overflow: hidden;
    transition: 0.3s ease;
}

.faq-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Question */
.faq-question {
    width: 100%;
    padding: 18px 20px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #333;
}

/* Icon */
.faq-icon {
    font-size: 20px;
    font-weight: bold;
    color: #007bff;
    transition: 0.3s ease;
}

/* Answer */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

/* Active State */
.faq-item.active .faq-answer {
    max-height: 200px;
    padding: 0 20px 20px 20px;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}