*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:#f5f7fb;
color:#333;
}


/* NAVBAR */

header{
background:white;
box-shadow:0 5px 25px rgba(0,0,0,0.08);
}

.navbar{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 20px;
}

.logo{
display:flex;
align-items:center;
font-weight:600;
font-size:20px;
}

.logo img{
height:50px;
margin-right:10px;
}

nav a{
margin-left:25px;
text-decoration:none;
color:#333;
font-weight:500;
}

nav a:hover{
color:#7a0c0c;
}


/* HERO */

.hero{
background:linear-gradient(135deg,#7a0c0c,#d4af37);
color:white;
text-align:center;
padding:120px 20px;
}

.hero h1{
font-size:48px;
margin-bottom:15px;
}

.hero p{
font-size:20px;
margin-bottom:30px;
}

.cta{
background:white;
color:#7a0c0c;
padding:12px 25px;
border-radius:25px;
text-decoration:none;
font-weight:600;
}


/* PROGRAM CARDS */

.programs{
max-width:1100px;
margin:auto;
padding:70px 20px;
text-align:center;
}

.programs h2{
font-size:34px;
margin-bottom:40px;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
transition:0.3s;
}

.card:hover{
transform:translateY(-10px);
}


/* ABOUT */

.about{
max-width:1100px;
margin:auto;
padding:80px 20px;
}

.founder{
display:flex;
gap:40px;
align-items:center;
flex-wrap:wrap;
}

.founder img{
width:200px;
height:200px;
border-radius:50%;
object-fit:cover;
border:5px solid #d4af37;
}

.quote{
font-style:italic;
margin:15px 0;
border-left:4px solid #d4af37;
padding-left:15px;
}


/* ADMISSION */

.admission{
max-width:1000px;
margin:auto;
padding:80px 20px;
text-align:center;
}


/* FOOTER */

footer{
background:#7a0c0c;
color:white;
text-align:center;
padding:25px;
margin-top:60px;
}

/* VISION SECTION */

.vision{
max-width:1000px;
margin:auto;
padding:60px 20px;
text-align:center;
}


/* VALUES */

.values{
background:#f9fafc;
padding:70px 20px;
text-align:center;
}

.value-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
max-width:1100px;
margin:auto;
}

.value-card{
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.value-card:hover{
transform:translateY(-6px);
}


/* TEACHING */

.teaching{
max-width:900px;
margin:auto;
padding:70px 20px;
}

.teaching ul{
line-height:2;
font-size:18px;
}


/* FOUNDER PREMIUM CARD */

.founder-section{
max-width:1100px;
margin:80px auto;
padding:20px;
}

.founder-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
background:white;
padding:50px;
border-radius:16px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* LEFT SIDE */

.founder-left{
flex:1;
}

.founder-quote{
font-size:24px;
font-weight:600;
color:#7a0c0c;
margin-bottom:20px;
line-height:1.4;
}

.founder-name{
font-size:28px;
margin-bottom:10px;
color:#333;
}

.founder-text{
line-height:1.7;
color:#555;
}

/* RIGHT SIDE IMAGE */

.founder-right img{
width:200px;
height:260px;
object-fit:cover;
border-radius:12px;
border:4px solid #d4af37;
box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* TESTIMONIAL SECTION */

.testimonials{
padding:80px 20px;
background:linear-gradient(135deg,#7a0c0c,#b71c1c);
color:white;
text-align:center;
}

.testimonials h2{
font-size:36px;
margin-bottom:40px;
}

.testimonial-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
max-width:1100px;
margin:auto;
}

.testimonial-card{
background:white;
color:#333;
padding:30px;
border-radius:14px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
transition:0.3s;
}

.testimonial-card:hover{
transform:translateY(-8px);
}

.testimonial-text{
font-style:italic;
margin-bottom:15px;
line-height:1.6;
}

/* HERO */

.hero{
background:linear-gradient(135deg,#7a0c0c,#d4af37);
padding:140px 20px;
text-align:center;
color:white;
}

.hero h1{
font-size:50px;
margin-bottom:15px;
}

.hero p{
font-size:20px;
max-width:700px;
margin:auto;
margin-bottom:30px;
}

.cta{
background:white;
color:#7a0c0c;
padding:14px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
}



/* STATS */

.stats{
background:#fff;
padding:70px 20px;
}

.stats-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
max-width:1000px;
margin:auto;
text-align:center;
gap:30px;
}

.stat-box h2{
font-size:42px;
color:#7a0c0c;
}

.stat-box p{
margin-top:10px;
font-weight:500;
}



/* WHY SECTION */

.why{
background:#f6f8fb;
padding:80px 20px;
text-align:center;
}

.why h2{
font-size:36px;
margin-bottom:50px;
}

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:25px;
max-width:1100px;
margin:auto;
}

.why-card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
transition:0.3s;
}

.why-card:hover{
transform:translateY(-8px);
}

/* HERO PREMIUM DESIGN */

.hero{
position:relative;
overflow:hidden;
padding:160px 20px;
text-align:center;
background:linear-gradient(135deg,#7a0c0c,#b71c1c);
color:white;
}

/* floating gradient shapes */

.hero-bg::before,
.hero-bg::after{
content:"";
position:absolute;
width:400px;
height:400px;
border-radius:50%;
background:radial-gradient(circle,#d4af37,transparent);
opacity:0.35;
animation:float 10s infinite alternate;
}

.hero-bg::before{
top:-120px;
left:-120px;
}

.hero-bg::after{
bottom:-150px;
right:-150px;
animation-delay:4s;
}

@keyframes float{
from{
transform:translateY(0);
}
to{
transform:translateY(40px);
}
}


/* HERO CONTENT */

.hero-content{
position:relative;
z-index:2;
max-width:800px;
margin:auto;
}

.hero-logo{
width:120px;
margin-bottom:20px;
filter:drop-shadow(0 8px 20px rgba(0,0,0,0.3));
}

.hero h1{
font-size:54px;
margin-bottom:15px;
}

.hero p{
font-size:20px;
margin-bottom:35px;
opacity:0.9;
}


/* PREMIUM BUTTON */

.cta{
background:linear-gradient(135deg,#ffd86b,#d4af37);
color:#7a0c0c;
padding:16px 34px;
border-radius:40px;
font-weight:600;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
transition:0.3s;
}

.cta:hover{
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(0,0,0,0.3);
}

/* SUBJECTS SECTION */

.subjects{
padding:80px 20px;
background:#ffffff;
text-align:center;
}

.subjects h2{
font-size:36px;
margin-bottom:50px;
color:#7a0c0c;
}

.subject-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:30px;
max-width:1100px;
margin:auto;
}

.subject-card{
background:#fafafa;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;
}

.subject-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.subject-card h3{
margin-bottom:10px;
color:#7a0c0c;
}
.credit-box{
position:fixed;
bottom:15px;
right:15px;
background:#7a0c0c;
color:white;
padding:12px 18px;
border-radius:10px;
font-size:13px;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
z-index:999;
}

.credit-box b{
color:#ffd86b;
}


/* ULTRA PREMIUM TESTIMONIALS */

.ultra-testimonials{
padding:100px 20px;
background:#f7f9fc;
text-align:center;
position:relative;
overflow:hidden;
}

.ultra-testimonials h2{
font-size:36px;
margin-bottom:50px;
color:#7a0c0c;
}

/* fade edges */

.fade-left,
.fade-right{
position:absolute;
top:0;
width:120px;
height:100%;
z-index:2;
pointer-events:none;
}

.fade-left{
left:0;
background:linear-gradient(to right,#f7f9fc,transparent);
}

.fade-right{
right:0;
background:linear-gradient(to left,#f7f9fc,transparent);
}


/* scrolling */

.scroll-container{
overflow:hidden;
}

.scroll-track{
display:flex;
gap:30px;
animation:scroll 25s linear infinite;
width:max-content;
}

@keyframes scroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}


/* cards */

.scroll-card{
background:white;
padding:30px;
border-radius:16px;
min-width:300px;
max-width:320px;
text-align:left;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:0.3s;
position:relative;
}

.scroll-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.scroll-card p{
font-size:15px;
line-height:1.6;
margin-bottom:15px;
}

.scroll-card h4{
color:#7a0c0c;
font-weight:600;
}


/* parent tag */

.tag{
position:absolute;
top:-10px;
left:15px;
background:#d4af37;
color:#7a0c0c;
padding:5px 10px;
font-size:12px;
border-radius:6px;
font-weight:bold;
}

.parent{
border-top:4px solid #d4af37;
}


/* FEEDBACK PAGE */

.feedback{
max-width:1000px;
margin:auto;
padding:80px 20px;
text-align:center;
}


/* SHOP */

.shop{
max-width:1100px;
margin:auto;
padding:80px 20px;
text-align:center;
}

.shop h2{
font-size:36px;
margin-bottom:40px;
}

.shop-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.product{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.product:hover{
transform:translateY(-8px);
}

.product button{
margin-top:15px;
padding:10px 20px;
border:none;
background:#7a0c0c;
color:white;
border-radius:20px;
cursor:pointer;
}


/* SHOP UPGRADE */

.product{
background:white;
padding:30px;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
text-align:center;
}

.product:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.product h4{
margin:10px 0;
color:#7a0c0c;
}

/* BUTTON */

.req-btn{
display:inline-block;
margin-top:15px;
padding:10px 22px;
background:#7a0c0c;
color:white;
border-radius:25px;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.req-btn:hover{
background:#5a0707;
}

/* UNAVAILABLE */

.unavailable{
opacity:0.6;
}

.unavailable button{
margin-top:15px;
padding:10px 20px;
border:none;
background:gray;
color:white;
border-radius:20px;
cursor:not-allowed;
}

/* BUTTON ROW */

.product a{
display:inline-block;
margin:8px 5px;
}

/* PREVIEW BUTTON */

.preview-btn{
background:#d4af37;
color:#7a0c0c;
padding:10px 20px;
border-radius:20px;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:0.3s;
}

.preview-btn:hover{
background:#c29b2f;
}

/* GOOGLE FORM EMBED */

.requirement iframe{
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
margin-top:20px;
}