*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#f5f7fa;color:#333;line-height:1.6;}
.container{width:90%;max-width:1200px;margin:auto;}
.section{padding:60px 0;}
.section-title{text-align:center;margin-bottom:40px;color:#002147;}
.btn{display:inline-block;background:#002147;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;margin-top:20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.card img{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:15px;}

/* HEADER */
/* HEADER OVER HERO */
header{
position:fixed;
top:0;
left:0;
width:100%;
padding:15px 0;
z-index:9999;
background:#002147;
transition:all 0.4s ease;
}

/* Scroll hone ke baad */
header.scrolled{
background:#002147;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
padding:10px 0;
}

/* Logo */
header img{
transition:0.3s;
}

/* Scroll pe logo thoda chhota */
header.scrolled img{
height:60px !important;
}

/* Menu color */
.menu li a{
color:#fff;
}

/* Scroll pe color white hi rahe */
header.scrolled .menu li a{
color:#fff;
}

.logo{
color:#fff;
font-weight:700;
font-size:20px;
}

.menu a{
color:#fff;
}

nav{display:flex;justify-content:space-between;align-items:center;}
.logo{font-weight:700;font-size:20px;}
nav ul{display:flex;gap:20px;list-style:none;}
nav ul li a{color:#fff;text-decoration:none;font-size:14px;}
.menu-toggle{display:none;font-size:24px;cursor:pointer;}
ul.submenu a {
    color: black !important;
}
/* HERO */
.hero{
background:url('https://images.unsplash.com/photo-1588072432836-e10032774350') center/cover no-repeat;
height:80vh;
display:flex;
align-items:center;

justify-content:center;
text-align:center;
color:#fff;
padding:20px;
position:relative;
}

.hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
}

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


/* FOOTER */
footer{background:#002147;color:#fff;padding:40px 0;}
footer a{color:#fff;text-decoration:none;font-size:14px;}
footer ul{list-style:none;}
footer ul li{margin-bottom:8px;}

/* MOBILE */
@media(max-width:768px){
nav ul{position:absolute;top:70px;left:0;width:100%;background:#002147;flex-direction:column;display:none;padding:20px;}
nav ul.active{display:flex;}
.menu-toggle{display:block;}
}

/* MENU BASE */
.menu {
display:flex;
list-style:none;
gap:20px;
}

.menu li {
position:relative;
}

.menu a {
color:#fff;
text-decoration:none;
font-size:14px;
}

/* FIRST DROPDOWN */
.submenu {
position:absolute;
top:100%;
left:0;
background:#fff;
color:#000;
min-width:220px;
display:none;
flex-direction:column;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
padding:10px 0;
z-index:999;
}

.submenu li {
padding:8px 15px;
}

.submenu li a {
color:#000;
font-size:13px;
}

.dropdown:hover > .submenu {
display:block;
}

/* SECOND LEVEL */
.submenu-sub {
position:absolute;
left:100%;
top:0;
background:#fff;
min-width:250px;
display:none;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
padding:10px 0;
}

.dropdown-sub:hover > .submenu-sub {
display:block;
}

/* MOBILE */
@media(max-width:768px){

.menu {
position:absolute;
top:70px;
left:0;
width:100%;
background:#002147;
flex-direction:column;
display:none;
padding:20px;
}

.menu.active {
display:flex;
}

.submenu,
.submenu-sub {
position:static;
display:none;
background:#003366;
box-shadow:none;
}

.submenu li a,
.submenu-sub li a {
color:#fff;
}

.dropdown > a:after {
content:" ▼";
}

.dropdown-sub > a:after {
content:" ▸";
}

.dropdown.open > .submenu,
.dropdown-sub.open > .submenu-sub {
display:block;
}

}
.welcome-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f0f6ff,#ffffff);
overflow:hidden;
}


/* BOTTOM WAVE */
.welcome-section::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23002147' fill-opacity='0.05' d='M0,64L80,80C160,96,320,128,480,138.7C640,149,800,139,960,128C1120,117,1280,107,1360,101.3L1440,96V320H0Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:cover;
}

/* LIGHT ICON PATTERN OVERLAY */
.welcome-section .container{
position:relative;
z-index:2;
}

.welcome-section{
background-image:
url("https://www.transparenttextures.com/patterns/cubes.png");
background-blend-mode:overlay;
}


.welcome-wrapper{
display:flex;
align-items:center;
gap:60px;
flex-wrap:wrap;
position:relative;
z-index:2;
}

/* LEFT IMAGES STACKED */
.welcome-images{
flex:1;
min-width:300px;
display:flex;
flex-direction:column;
gap:25px;
}

.welcome-images img{
width:100%;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:0.3s;
}

.welcome-images img:hover{
transform:scale(1.03);
}

/* RIGHT CONTENT */
.welcome-content{
flex:1;
min-width:300px;
}

.welcome-content h2{
color:#002147;
margin-bottom:20px;
font-size:28px;
}

.welcome-content h4{
margin-top:20px;
color:#002147;
}

.welcome-content p{
margin-bottom:15px;
line-height:1.7;
}

.btn{
display:inline-block;
background:#002147;
color:#fff;
padding:10px 22px;
border-radius:4px;
text-decoration:none;
margin-top:20px;
}

/* RESPONSIVE */
@media(max-width:992px){
.welcome-wrapper{
flex-direction:column;
}
}

.academics-section{
position:relative;
padding:80px 0;
background:#f9fbff;
overflow:hidden;
}

/* NEW ABSTRACT VECTOR BACKGROUND */
.academics-section::before{
content:"";
position:absolute;
top:-150px;
right:-150px;
width:400px;
height:400px;
background:radial-gradient(circle at center, rgba(0,33,71,0.08), transparent 70%);
border-radius:50%;
}

.academics-section::after{
content:"";
position:absolute;
bottom:-150px;
left:-150px;
width:400px;
height:400px;
background:radial-gradient(circle at center, rgba(0,33,71,0.05), transparent 70%);
border-radius:50%;
}

.section-title{
text-align:center;
color:#002147;
font-size:34px;
margin-bottom:10px;
}

.subtitle{
text-align:center;
margin-bottom:70px;
color:#555;
}

/* TIMELINE */
.timeline{
position:relative;
}

.timeline::before{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:4px;
height:100%;
background:#002147;
opacity:0.1;
}

.timeline-item{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:80px;
position:relative;
}

.timeline-item:nth-child(even){
flex-direction:row-reverse;
}

.timeline-img img{
width:280px;
height:200px;
object-fit:cover;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.timeline-content{
background:#fff;
padding:30px;
border-radius:12px;
width:45%;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.timeline-content h4{
color:#002147;
margin-bottom:10px;
}

.timeline-content p{
line-height:1.7;
color:#444;
}

/* RESPONSIVE */
@media(max-width:992px){

.timeline::before{
left:10px;
}

.timeline-item{
flex-direction:column !important;
align-items:flex-start;
margin-left:20px;
}

.timeline-content{
width:100%;
margin-top:20px;
}

.timeline-img img{
width:100%;
height:auto;
}

}
.news-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f7faff,#eef4ff);
overflow:hidden;
}

/* Background Vector */
.news-section::before{
content:"";
position:absolute;
top:-120px;
left:-120px;
width:350px;
height:350px;
background:radial-gradient(circle, rgba(0,33,71,0.07), transparent 70%);
border-radius:50%;
}

.news-section::after{
content:"";
position:absolute;
bottom:-120px;
right:-120px;
width:350px;
height:350px;
background:radial-gradient(circle, rgba(0,33,71,0.05), transparent 70%);
border-radius:50%;
}

.section-title{
text-align:center;
font-size:34px;
color:#002147;
margin-bottom:10px;
}

.subtitle{
text-align:center;
margin-bottom:30px;
font-weight:500;
}

.intro-text{
text-align:center;
max-width:900px;
margin:0 auto 60px auto;
line-height:1.7;
color:#555;
}

/* GRID */
.news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:35px;
}

/* CARD */
.news-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
position:relative;
transition:0.3s;
}

.news-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.news-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:10px;
margin-bottom:15px;
}

.news-card h4{
color:#002147;
margin-bottom:10px;
}

.news-card p{
font-size:14px;
line-height:1.6;
color:#444;
}

/* Number Badge */
.badge{
position:absolute;
top:-12px;
left:-12px;
background:#002147;
color:#fff;
width:35px;
height:35px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.programmes-section{
position:relative;
padding:80px 0;
background:#f9fbff;
overflow:hidden;
z-index:1;
}

/* LARGE DIAGONAL BLOB SHAPE */
.programmes-section::before{
content:"";
position:absolute;
top:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.08;
border-radius:50% 40% 60% 30%;
transform:rotate(25deg);
z-index:0;
}

/* SECOND ABSTRACT SHAPE */
.programmes-section::after{
content:"";
position:absolute;
bottom:-150px;
left:-150px;
width:500px;
height:500px;
background:linear-gradient(135deg,#004080,#002147);
opacity:0.06;
border-radius:60% 40% 30% 70%;
transform:rotate(-20deg);
z-index:0;
}

/* Subtle Dot Pattern Overlay */
.programmes-section .container{
position:relative;
z-index:2;
}

.programmes-section{
background-image: radial-gradient(rgba(0,33,71,0.05) 1px, transparent 1px);
background-size: 20px 20px;
}


.section-title{
text-align:center;
font-size:34px;
color:#002147;
margin-bottom:20px;
}

.programme-intro{
max-width:900px;
margin:0 auto 60px auto;
text-align:center;
line-height:1.7;
color:#555;
}

/* GRID */
.programmes-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:40px;
}

/* CARD */
.programme-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:center;
transition:0.3s;
}

.programme-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.programme-card img{
width:100%;
height:200px;
object-fit:cover;
border-radius:10px;
margin-bottom:20px;
}

.programme-card h4{
color:#002147;
margin-bottom:10px;
}

.programme-card p{
font-size:14px;
line-height:1.6;
color:#444;
}
.facilities-section{
position:relative;
padding:80px 0;
background:#f9fbff;
overflow:hidden;
}

/* UNIQUE SPLIT BACKGROUND SHAPE */
.facilities-section::before{
content:"";
position:absolute;
top:0;
right:0;
width:50%;
height:100%;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.04;
clip-path:polygon(100% 0, 100% 100%, 0 100%);
z-index:0;
}

.facilities-section .container{
position:relative;
z-index:2;
}

.section-title{
text-align:center;
font-size:34px;
color:#002147;
margin-bottom:20px;
}

.facility-intro{
max-width:900px;
margin:0 auto 40px auto;
text-align:center;
line-height:1.7;
color:#555;
}

/* TAGS */
.facility-tags{
display:flex;
flex-wrap:wrap;
gap:12px;
justify-content:center;
margin-bottom:60px;
}

.facility-tags span{
background:#002147;
color:#fff;
padding:8px 14px;
border-radius:20px;
font-size:13px;
}

/* GRID */
.facility-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:40px;
}

/* CARD */
.facility-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.facility-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.facility-card img{
width:100%;
height:200px;
object-fit:cover;
border-radius:10px;
margin-bottom:15px;
}

.facility-card h4{
color:#002147;
margin-bottom:10px;
}

.facility-card p{
font-size:14px;
line-height:1.6;
color:#444;
}

.why-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Soft abstract background */
.why-section::before{
content:"";
position:absolute;
top:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:50%;
z-index:0;
}

.why-section .container{
position:relative;
z-index:2;
}

/* HEADER */
.why-header{
text-align:center;
max-width:900px;
margin:0 auto 80px auto;
}

.why-header h2{
font-size:38px;
color:#002147;
margin-bottom:20px;
}

.why-header p{
line-height:1.8;
color:#444;
}

/* GRID 3 PER ROW */
.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:50px 40px;
}

/* BLOCK STYLE */
.why-block{
position:relative;
padding-left:50px;
}

.why-block span{
position:absolute;
left:0;
top:-10px;
font-size:45px;
font-weight:700;
color:#002147;
opacity:0.12;
}

.why-block h4{
color:#002147;
margin-bottom:8px;
}

.why-block p{
font-size:14px;
line-height:1.6;
color:#444;
}

/* Responsive */
@media(max-width:992px){
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.why-grid{
grid-template-columns:1fr;
}
}
.activities-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f9fbff,#eef4ff);
overflow:hidden;
}

/* BOOK STYLE VECTOR TOP LEFT */
.activities-section::before{
content:"📘";
position:absolute;
top:40px;
left:40px;
font-size:120px;
opacity:0.05;
transform:rotate(-20deg);
}

/* BOOK STYLE VECTOR BOTTOM RIGHT */
.activities-section::after{
content:"📖";
position:absolute;
bottom:40px;
right:40px;
font-size:120px;
opacity:0.05;
transform:rotate(15deg);
}

.activities-section .container{
position:relative;
z-index:2;
}

.section-title{
text-align:center;
font-size:34px;
color:#002147;
margin-bottom:70px;
}

/* GRID */
.activities-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:50px;
}

/* ITEM STYLE */
.activity-item{
text-align:center;
transition:0.3s;
}

.activity-item img{
width:100%;
height:250px;
object-fit:cover;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
margin-bottom:20px;
transition:0.3s;
}

.activity-item:hover img{
transform:scale(1.05);
}

.activity-item p{
font-size:18px;
font-weight:600;
color:#002147;
}

/* Responsive */
@media(max-width:992px){
.activities-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.activities-grid{
grid-template-columns:1fr;
}
}

.mission-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#002147,#004080);
overflow:hidden;
color:#fff;
}

/* LIGHT RAY EFFECT */
.mission-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);
border-radius:50%;
}

.mission-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);
border-radius:50%;
}

.mission-section .container{
position:relative;
z-index:2;
}

.section-title{
text-align:center;
font-size:38px;
margin-bottom:80px;
}

/* SPLIT LAYOUT */
.mission-wrapper{
display:flex;
gap:60px;
justify-content:center;
flex-wrap:wrap;
}

/* GLASS STYLE BLOCK */
.mission-box{
flex:1;
min-width:320px;
background:rgba(255,255,255,0.08);
backdrop-filter:blur(10px);
padding:50px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.2);
transition:0.4s;
}

.mission-box:hover{
transform:translateY(-10px);
background:rgba(255,255,255,0.12);
}

.mission-box h3{
font-size:26px;
margin-bottom:20px;
}

.mission-box p{
font-size:16px;
line-height:1.8;
}
/* BLOGS */
.blogs-section{
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
position:relative;
}
.blogs-section::before{
content:"";
position:absolute;
top:-150px;
left:-150px;
width:400px;
height:400px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}
.blogs-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:40px;
}
.blog-card{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
transition:0.3s;
}
.blog-card:hover{
transform:translateY(-8px);
}
.blog-card img{
width:100%;
height:220px;
object-fit:cover;
}
.blog-card h4{
padding:20px;
color:#002147;
}

/* TESTIMONIALS */
.testimonials-section{
padding:60px 0;
background:#002147;
color:#fff;
position:relative;
overflow:hidden;
}
.testimonials-section::before{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:500px;
height:500px;
background:radial-gradient(circle,#ffffff20,transparent 70%);
border-radius:50%;
}
.testimonial-wrapper{
display:flex;
gap:30px;
overflow-x:auto;
scroll-behavior:smooth;
}
.testimonial{
min-width:300px;
background:#ffffff10;
padding:30px;
border-radius:15px;
backdrop-filter:blur(5px);
}
.testimonial p{
margin-bottom:15px;
}

/* GALLERY */
.gallery-section{
padding:80px 0;
background:linear-gradient(135deg,#ffffff,#eef4ff);
position:relative;
}
.gallery-section::before{
content:"";
position:absolute;
top:-150px;
right:-150px;
width:400px;
height:400px;
background:radial-gradient(circle,#00214715,transparent 70%);
border-radius:50%;
}
.gallery-wrapper{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
}
.gallery-wrapper img{
width:250px;
height:200px;
object-fit:cover;
border-radius:15px;
cursor:pointer;
transition:0.3s;
}
.gallery-wrapper img:hover{
transform:scale(1.05);
}

/* POPUP */
.image-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}
.image-popup img{
max-width:90%;
max-height:80%;
border-radius:15px;
}
.carousel-btn{
background:#002147;
color:#fff;
border:none;
padding:10px 15px;
cursor:pointer;
font-size:18px;
border-radius:50%;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:2;
}

.prev{ left:5px; }
.next{ right:5px; }

/* TESTIMONIALS */
.testimonial-carousel{
position:relative;
overflow:hidden;
}

.testimonial-track{
display:flex;
transition:transform 0.5s ease;
}

.testimonial-slide{
min-width:100%;
padding:40px;
background:#002147;
color:#fff;
border-radius:15px;
text-align:center;
}

/* GALLERY */
.gallery-carousel{
position:relative;
overflow:hidden;
}

.gallery-track{
display:flex;
transition:transform 0.5s ease;
}

.gallery-track img{
min-width:300px;
height:220px;
object-fit:cover;
border-radius:15px;
margin-right:20px;
cursor:pointer;
}

/* POPUP */
.image-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}
.image-popup img{
max-width:90%;
max-height:80%;
border-radius:15px;
}
.testimonial-modern{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Soft abstract vector */
.testimonial-modern::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:500px;
height:500px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.testimonial-modern .container{
position:relative;
z-index:2;
}

.testimonial-container{
position:relative;
max-width:700px;
margin:0 auto;
text-align:center;
}

.testimonial-slide{
display:none;
opacity:0;
transform:scale(0.95);
transition:0.5s ease;
padding:40px;
background:#ffffff;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

.testimonial-slide.active{
display:block;
opacity:1;
transform:scale(1);
}

.testimonial-slide p{
font-size:18px;
line-height:1.8;
margin-bottom:20px;
color:#333;
}

.testimonial-slide h5{
color:#002147;
font-weight:600;
}

/* ARROWS */
.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#002147;
color:#fff;
border:none;
padding:10px 15px;
border-radius:50%;
cursor:pointer;
}

.arrow.left{ left:-60px; }
.arrow.right{ right:-60px; }

/* DOTS */
.dots{
text-align:center;
margin-top:30px;
}

.dot{
display:inline-block;
width:12px;
height:12px;
background:#ccc;
border-radius:50%;
margin:0 6px;
cursor:pointer;
}

.dot.active{
background:#002147;
}
.image-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.image-popup img{
max-width:90%;
max-height:85%;
border-radius:15px;
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

/* CLOSE BUTTON */
.close-btn{
position:absolute;
top:30px;
right:40px;
font-size:40px;
color:#fff;
cursor:pointer;
font-weight:600;
transition:0.3s;
}

.close-btn:hover{
color:#ff4d4d;
transform:scale(1.2);
}
.main-footer{
position:relative;
background:#002147;
color:#fff;
padding:100px 0 0 0;
overflow:hidden;
}

/* SCHOOL VECTOR STYLE BACKGROUND */
.main-footer::before{
content:"📘 ✏ 📖 🏫";
position:absolute;
top:20%;
left:5%;
font-size:80px;
opacity:0.05;
line-height:120px;
}

.main-footer::after{
content:"📚 🖊 🎓";
position:absolute;
bottom:10%;
right:5%;
font-size:80px;
opacity:0.05;
}

.footer-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:50px;
position:relative;
z-index:2;
}

/* LOGO */
.footer-logo{
width:150px;
margin-bottom:20px;
border-radius:8px;
}

/* HEADINGS */
.footer-col h4{
margin-bottom:20px;
font-size:18px;
border-bottom:2px solid #ffffff30;
padding-bottom:8px;
}

/* LINKS */
.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col ul li a{
color:#fff;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.footer-col ul li a:hover{
color:#ffd700;
}

/* TEXT */
.footer-col p{
font-size:14px;
line-height:1.6;
margin-bottom:10px;
}

/* SOCIAL ICONS */
.social-icons{
margin-top:15px;
}

.social-icons a{
display:inline-block;
margin-right:10px;
font-size:20px;
color:#fff;
transition:0.3s;
}

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

/* COPYRIGHT */
.footer-bottom{
margin-top:60px;
background:#00152e;
text-align:center;
padding:20px 0;
font-size:14px;
}

/* RESPONSIVE */
@media(max-width:992px){
.footer-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.footer-grid{
grid-template-columns:1fr;
text-align:center;
}
}
html, body{
overflow-x:hidden;
width:100%;
}
.overview-unique-section{
position:relative;
padding:120px 0;
background:linear-gradient(135deg,#f8fbff,#ffffff);
overflow:hidden;
}

/* Soft academic abstract background */
.overview-unique-section::before{
content:"";
position:absolute;
top:-150px;
right:-150px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(0,33,71,0.08), transparent 70%);
border-radius:50%;
}

.overview-unique-section::after{
content:"";
position:absolute;
bottom:-150px;
left:-150px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(0,33,71,0.05), transparent 70%);
border-radius:50%;
}

.overview-flex{
display:flex;
gap:80px;
align-items:flex-start;
position:relative;
z-index:2;
flex-wrap:wrap;
margin-bottom:60px;   /* image ke baad gap */
}

/* IMAGE SIDE */
.overview-image{
flex:1;
min-width:320px;
}

.overview-image img{
width:100%;
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* RIGHT CONTENT */
.overview-content{
flex:1.4;
min-width:320px;
}

.overview-content h2{
font-size:38px;
color:#002147;
margin-bottom:30px;  /* heading ke niche space */
}

.overview-content p{
line-height:1.9;
color:#444;
margin-bottom:20px;
}

/* FULL WIDTH CONTENT SECTION */


/* Headings spacing */
.overview-unique-section h4{
margin-top:40px;
margin-bottom:15px;
color:#002147;
font-size:20px;
}

/* Paragraph spacing */
.overview-unique-section p{
line-height:1.9;
color:#444;
margin-bottom:18px;
}

/* Responsive */
@media(max-width:992px){
.overview-flex{
flex-direction:column;
gap:40px;
}
}
.mv-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* UNIQUE LAYERED ABSTRACT SHAPES */
.mv-unique-section::before{
content:"";
position:absolute;
top:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.06;
border-radius:60% 40% 70% 30%;
transform:rotate(20deg);
}

.mv-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
left:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#004080,#002147);
opacity:0.05;
border-radius:40% 60% 30% 70%;
transform:rotate(-20deg);
}

.mv-unique-section .container{
position:relative;
z-index:2;
}

/* TITLE */
.mv-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:80px;
}

/* WRAPPER */
.mv-wrapper{
display:flex;
gap:70px;
flex-wrap:wrap;
}

/* BOX */
.mv-box{
flex:1;
min-width:320px;
background:#ffffff;
padding:50px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
transition:0.3s;
}

.mv-box:hover{
transform:translateY(-8px);
}

/* HEADINGS */
.mv-box h3{
color:#002147;
margin-bottom:20px;
font-size:24px;
}

/* TEXT */
.mv-box p{
line-height:1.9;
color:#444;
margin-bottom:18px;
}

/* LIST */
.mv-box ul{
padding-left:20px;
margin-bottom:20px;
}

.mv-box ul li{
margin-bottom:12px;
line-height:1.8;
color:#444;
}

/* Responsive */
@media(max-width:992px){
.mv-wrapper{
flex-direction:column;
gap:40px;
}
}
.facility-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Abstract academic shapes */
.facility-unique-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.facility-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.facility-main-title{
text-align:center;
font-size:40px;
color:#002147;
margin-bottom:100px;
position:relative;
z-index:2;
}

/* Layout */
.facility-row{
display:flex;
align-items:center;
gap:80px;
margin-bottom:120px;
position:relative;
z-index:2;
flex-wrap:wrap;
}

.facility-row.reverse{
flex-direction:row-reverse;
}

.facility-img{
flex:1;
min-width:320px;
}

.facility-img img{
width:100%;
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.facility-content{
flex:1.3;
min-width:320px;
}

.facility-content h3{
color:#002147;
margin-bottom:20px;
font-size:26px;
}

.facility-content p{
line-height:1.9;
color:#444;
}

/* Responsive */
@media(max-width:992px){
.facility-row{
flex-direction:column !important;
gap:40px;
margin-bottom:80px;
}
}
.school-calendar-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Unique vector circles */
.school-calendar-section::before{
content:"";
position:absolute;
top:-150px;
left:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.school-calendar-section::after{
content:"";
position:absolute;
bottom:-150px;
right:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.calendar-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:60px;
position:relative;
z-index:2;
}

.calendar-box{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.1);
position:relative;
z-index:2;
}

/* Header */
.calendar-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
}

.calendar-header button{
background:#002147;
color:#fff;
border:none;
padding:8px 15px;
border-radius:6px;
cursor:pointer;
}

/* Days row */
.calendar-days,
.calendar-dates{
display:grid;
grid-template-columns:repeat(7,1fr);
text-align:center;
}

.calendar-days div{
font-weight:bold;
padding:10px 0;
color:#002147;
}

/* Dates */
.calendar-dates div{
padding:15px 0;
border-radius:8px;
margin:4px;
cursor:pointer;
transition:0.3s;
}

.calendar-dates div:hover{
background:#eef4ff;
}

/* Types */
.holiday{
background:#ffdddd !important;
}

.festival{
background:#fff3cd !important;
}

.event{
background:#d1ecf1 !important;
}

/* Legend */
.calendar-legend{
margin-top:30px;
display:flex;
gap:30px;
justify-content:center;
align-items:center;
}

.legend{
width:20px;
height:20px;
display:inline-block;
margin-right:8px;
border-radius:4px;
}

.legend.holiday{ background:#ffdddd; }
.legend.festival{ background:#fff3cd; }
.legend.event{ background:#d1ecf1; }

.school-result-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Academic Vector Effect */
.school-result-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.school-result-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.result-main-title{
text-align:center;
font-size:40px;
color:#002147;
margin-bottom:80px;
position:relative;
z-index:2;
}

/* SUMMARY */
.result-summary{
display:flex;
gap:40px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:100px;
position:relative;
z-index:2;
}

.summary-box{
background:#ffffff;
padding:40px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
min-width:250px;
}

.summary-box h3{
font-size:36px;
color:#002147;
margin-bottom:10px;
}

/* TOPPERS */
.sub-heading{
font-size:28px;
color:#002147;
margin-bottom:40px;
text-align:center;
}

.toppers-grid{
display:flex;
gap:40px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:100px;
}

.topper-card{
background:#ffffff;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
width:260px;
transition:0.3s;
}

.topper-card:hover{
transform:translateY(-10px);
}

.topper-card img{
width:120px;
height:120px;
object-fit:cover;
border-radius:50%;
margin-bottom:20px;
}

/* TABLE */
.result-table-section{
position:relative;
z-index:2;
}

.result-table{
width:100%;
border-collapse:collapse;
margin-bottom:40px;
background:#fff;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
border-radius:15px;
overflow:hidden;
}

.result-table th,
.result-table td{
padding:15px;
text-align:center;
}

.result-table th{
background:#002147;
color:#fff;
}

.result-table tr:nth-child(even){
background:#f4f8ff;
}

.download-btn{
display:inline-block;
padding:12px 25px;
background:#002147;
color:#fff;
border-radius:6px;
text-decoration:none;
}

.download-btn:hover{
background:#004080;
}
.school-location-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Unique vector circles */
.school-location-section::before{
content:"";
position:absolute;
top:-150px;
left:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.school-location-section::after{
content:"";
position:absolute;
bottom:-150px;
right:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.location-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:60px;
position:relative;
z-index:2;
}

.location-wrapper{
display:flex;
gap:60px;
align-items:center;
flex-wrap:wrap;
position:relative;
z-index:2;
}

.location-map{
flex:1;
min-width:320px;
box-shadow:0 20px 60px rgba(0,0,0,0.1);
border-radius:20px;
overflow:hidden;
}

.location-info{
flex:1;
min-width:320px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
}

.location-info h3{
color:#002147;
margin-bottom:20px;
}

.location-info p{
line-height:1.8;
margin-bottom:15px;
color:#444;
}

/* Social icons */
.location-social{
margin-top:20px;
}

.location-social a{
display:inline-block;
margin-right:15px;
font-size:22px;
transition:0.3s;
}

.location-social a:hover{
transform:translateY(-5px);
}

/* Responsive */
@media(max-width:992px){
.location-wrapper{
flex-direction:column;
}
}
.preprimary-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#fff8e1,#e3f2fd);
overflow:hidden;
}

/* Playful floating blobs */
.preprimary-unique-section::before{
content:"";
position:absolute;
top:-150px;
left:-150px;
width:450px;
height:450px;
background:#ffcc80;
opacity:0.25;
border-radius:60% 40% 70% 30%;
}

.preprimary-unique-section::after{
content:"";
position:absolute;
bottom:-150px;
right:-150px;
width:450px;
height:450px;
background:#81d4fa;
opacity:0.25;
border-radius:40% 60% 30% 70%;
}

/* Title */
.pp-title{
text-align:center;
font-size:40px;
color:#002147;
margin-bottom:50px;
position:relative;
z-index:2;
}

/* Intro text */
.pp-intro,
.pp-rest{
max-width:1000px;
margin:0 auto 40px auto;
position:relative;
z-index:2;
}

.pp-intro p,
.pp-rest p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Focus Box */
.pp-focus-box{
background:#ffffff;
padding:40px;
border-radius:25px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
margin:60px auto;
max-width:900px;
position:relative;
z-index:2;
}

.pp-focus-box h3{
color:#002147;
margin-bottom:25px;
}

.pp-focus-box ul{
padding-left:20px;
}

.pp-focus-box ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Responsive */
@media(max-width:768px){
.pp-title{
font-size:28px;
}
}
.primary-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Subtle academic shapes */
.primary-unique-section::before{
content:"";
position:absolute;
top:-150px;
right:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.primary-unique-section::after{
content:"";
position:absolute;
bottom:-150px;
left:-150px;
width:500px;
height:500px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

/* Title */
.primary-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:50px;
position:relative;
z-index:2;
}

/* Intro + Rest */
.primary-intro,
.primary-rest{
max-width:1000px;
margin:0 auto 40px auto;
position:relative;
z-index:2;
}

.primary-intro p,
.primary-rest p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Highlight Box */
.primary-highlight-box{
background:#ffffff;
padding:45px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
margin:60px auto;
max-width:900px;
position:relative;
z-index:2;
border-left:6px solid #002147;
}

.primary-highlight-box h3{
margin-bottom:25px;
color:#002147;
}

.primary-highlight-box ul{
padding-left:20px;
}

.primary-highlight-box ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Responsive */
@media(max-width:768px){
.primary-title{
font-size:28px;
}
}
.middle-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#eef4ff,#ffffff);
overflow:hidden;
}

/* Academic geometric background */
.middle-unique-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:50% 40% 60% 30%;
transform:rotate(20deg);
}

.middle-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#004080,#002147);
opacity:0.05;
border-radius:40% 60% 30% 70%;
transform:rotate(-15deg);
}

/* Title */
.middle-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:50px;
position:relative;
z-index:2;
}

/* Content Blocks */
.middle-intro,
.middle-rest{
max-width:1000px;
margin:0 auto 40px auto;
position:relative;
z-index:2;
}

.middle-intro p,
.middle-rest p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Highlight Goals Box */
.middle-highlight-box{
background:#ffffff;
padding:50px;
border-radius:20px;
box-shadow:0 25px 70px rgba(0,0,0,0.08);
margin:70px auto;
max-width:900px;
position:relative;
z-index:2;
border-top:5px solid #002147;
}

.middle-highlight-box h3{
margin-bottom:25px;
color:#002147;
}

.middle-highlight-box ul{
padding-left:20px;
}

.middle-highlight-box ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Responsive */
@media(max-width:768px){
.middle-title{
font-size:28px;
}
}
.secondary-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#ffffff,#eef3ff);
overflow:hidden;
}

/* Focused academic vector shapes */
.secondary-unique-section::before{
content:"";
position:absolute;
top:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.06;
border-radius:60% 40% 70% 30%;
transform:rotate(25deg);
}

.secondary-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
left:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

/* Title */
.secondary-title{
text-align:center;
font-size:38px;
color:#002147;
margin-bottom:60px;
position:relative;
z-index:2;
}

/* Intro + Rest */
.secondary-intro,
.secondary-rest{
max-width:950px;
margin:0 auto 40px auto;
position:relative;
z-index:2;
}

.secondary-intro p,
.secondary-rest p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Highlight box */
.secondary-highlight-box{
background:#ffffff;
padding:55px;
border-radius:20px;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
margin:80px auto;
max-width:900px;
position:relative;
z-index:2;
border-left:6px solid #002147;
}

.secondary-highlight-box h3{
margin-bottom:25px;
color:#002147;
}

.secondary-highlight-box ul{
padding-left:20px;
}

.secondary-highlight-box ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Responsive */
@media(max-width:768px){
.secondary-title{
font-size:28px;
}
}
.senior-unique-section{
position:relative;
padding:150px 0;
background:linear-gradient(135deg,#f8fbff,#eef4ff);
overflow:hidden;
}

/* Elegant academic abstract shapes */
.senior-unique-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:650px;
height:650px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 50% 70%;
transform:rotate(20deg);
}

.senior-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

/* Title */
.senior-title{
text-align:center;
font-size:40px;
color:#002147;
margin-bottom:70px;
position:relative;
z-index:2;
}

/* Content */
.senior-intro,
.senior-rest{
max-width:950px;
margin:0 auto 40px auto;
position:relative;
z-index:2;
}

.senior-intro p,
.senior-rest p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Highlight Box */
.senior-highlight-box{
background:#ffffff;
padding:60px;
border-radius:25px;
box-shadow:0 35px 80px rgba(0,0,0,0.08);
margin:90px auto;
max-width:900px;
position:relative;
z-index:2;
border-top:6px solid #002147;
}

.senior-highlight-box h3{
margin-bottom:25px;
color:#002147;
}

.senior-highlight-box ul{
padding-left:20px;
}

.senior-highlight-box ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Responsive */
@media(max-width:768px){
.senior-title{
font-size:28px;
}
}
.admission-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#ffffff,#eef4ff);
overflow:hidden;
}

/* Premium abstract background */
.admission-unique-section::before{
content:"";
position:absolute;
top:-250px;
right:-200px;
width:700px;
height:700px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(25deg);
}

.admission-unique-section::after{
content:"";
position:absolute;
bottom:-250px;
left:-200px;
width:650px;
height:650px;
background:radial-gradient(circle,#00408025,transparent 70%);
border-radius:50%;
}

/* Title */
.admission-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:60px;
position:relative;
z-index:2;
}

/* Intro */
.admission-intro{
max-width:1000px;
margin:0 auto 80px auto;
position:relative;
z-index:2;
}

.admission-intro p{
line-height:1.9;
margin-bottom:20px;
color:#444;
}

/* Timeline */
.steps-heading{
text-align:center;
font-size:28px;
color:#002147;
margin-bottom:60px;
position:relative;
z-index:2;
}

.admission-timeline{
position:relative;
max-width:900px;
margin:0 auto 100px auto;
z-index:2;
}

.timeline-step{
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,0.08);
margin-bottom:40px;
border-left:6px solid #002147;
transition:0.3s;
}

.timeline-step:hover{
transform:translateY(-6px);
}

.timeline-step h4{
margin-bottom:15px;
color:#002147;
}

.timeline-step p{
line-height:1.8;
color:#444;
}

/* Why Section */
.admission-why{
background:#ffffff;
padding:50px;
border-radius:25px;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
max-width:900px;
margin:0 auto 80px auto;
position:relative;
z-index:2;
}

.admission-why h3{
margin-bottom:25px;
color:#002147;
}

.admission-why ul{
padding-left:20px;
}

.admission-why ul li{
margin-bottom:15px;
line-height:1.8;
}

/* Final Paragraph */
.admission-rest{
max-width:1000px;
margin:0 auto;
position:relative;
z-index:2;
}

.admission-rest p{
line-height:1.9;
color:#444;
}
.registration-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#eef4ff,#ffffff);
overflow:hidden;
}

/* Premium Abstract Shapes */
.registration-unique-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:650px;
height:650px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(25deg);
}

.registration-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408025,transparent 70%);
border-radius:50%;
}

.registration-title{
text-align:center;
font-size:40px;
color:#002147;
margin-bottom:70px;
position:relative;
z-index:2;
}

.registration-wrapper{
max-width:1000px;
margin:0 auto;
background:#ffffff;
padding:60px;
border-radius:25px;
box-shadow:0 35px 80px rgba(0,0,0,0.08);
position:relative;
z-index:2;
}

/* Form layout */
.form-row{
display:flex;
gap:30px;
margin-bottom:25px;
flex-wrap:wrap;
}

.form-group{
flex:1;
display:flex;
flex-direction:column;
}

.form-group label{
margin-bottom:8px;
font-weight:600;
color:#002147;
}

.form-group input,
.form-group select,
.form-group textarea{
padding:12px 15px;
border-radius:8px;
border:1px solid #ccc;
outline:none;
transition:0.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
border-color:#002147;
box-shadow:0 0 0 2px rgba(0,33,71,0.1);
}

.full-width{
width:100%;
margin-bottom:30px;
}

.form-submit{
text-align:center;
}

.form-submit button{
padding:14px 35px;
background:#002147;
color:#fff;
border:none;
border-radius:8px;
font-size:16px;
cursor:pointer;
transition:0.3s;
}

.form-submit button:hover{
background:#004080;
transform:translateY(-3px);
}

/* Responsive */
@media(max-width:768px){
.form-row{
flex-direction:column;
}
.registration-wrapper{
padding:40px 25px;
}
}
.fee-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#ffffff,#f4f8ff);
overflow:hidden;
}

/* Different abstract vector background */
.fee-unique-section::before{
content:"";
position:absolute;
top:-250px;
right:-200px;
width:700px;
height:700px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.fee-unique-section::after{
content:"";
position:absolute;
bottom:-250px;
left:-200px;
width:650px;
height:650px;
background:linear-gradient(135deg,#004080,#002147);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(-20deg);
}

.fee-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:20px;
position:relative;
z-index:2;
}

.fee-subtitle{
text-align:center;
max-width:800px;
margin:0 auto 80px auto;
color:#555;
position:relative;
z-index:2;
}

/* Grid */
.fee-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:40px;
position:relative;
z-index:2;
}

/* Cards */
.fee-card{
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,0.08);
transition:0.3s;
}

.fee-card:hover{
transform:translateY(-10px);
}

.fee-card h3{
margin-bottom:20px;
color:#002147;
}

.fee-card ul{
list-style:none;
padding:0;
}

.fee-card ul li{
margin-bottom:12px;
color:#444;
}

/* Highlighted Card */
.fee-card.highlight{
background:#002147;
color:#fff;
}

.fee-card.highlight h3{
color:#fff;
}

.fee-card.highlight ul li{
color:#fff;
}

/* Note */
.fee-note{
max-width:900px;
margin:100px auto 0 auto;
text-align:center;
color:#555;
position:relative;
z-index:2;
}
.news-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f4f8ff,#ffffff);
overflow:hidden;
}

/* Unique abstract vector */
.news-unique-section::before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:650px;
height:650px;
background:radial-gradient(circle,#00214720,transparent 70%);
border-radius:50%;
}

.news-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:linear-gradient(135deg,#004080,#002147);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(-15deg);
}

.news-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:80px;
position:relative;
z-index:2;
}

/* Layout */
.news-wrapper{
display:flex;
gap:50px;
position:relative;
z-index:2;
flex-wrap:wrap;
}

/* Featured */
.news-featured{
flex:1.5;
background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 30px 70px rgba(0,0,0,0.1);
transition:0.3s;
}

.news-featured img{
width:100%;
height:350px;
object-fit:cover;
}

.news-featured .news-content{
padding:35px;
}

.news-featured h3{
margin:15px 0;
color:#002147;
}

.news-featured:hover{
transform:translateY(-10px);
}

/* Side events */
.news-side{
flex:1;
display:flex;
flex-direction:column;
gap:30px;
}

.news-card{
display:flex;
gap:20px;
background:#ffffff;
padding:20px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
transition:0.3s;
}

.news-card img{
width:100px;
height:100px;
object-fit:cover;
border-radius:15px;
}

.news-card h4{
margin-top:10px;
color:#002147;
}

.news-card:hover{
transform:translateX(8px);
}

.news-date{
font-size:14px;
color:#888;
}

/* Responsive */
@media(max-width:992px){
.news-wrapper{
flex-direction:column;
}
.news-featured img{
height:250px;
}
}
.blog-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#ffffff,#eef4ff);
overflow:hidden;
}

/* Unique background vector */
.blog-unique-section::before{
content:"";
position:absolute;
top:-250px;
right:-200px;
width:700px;
height:700px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(20deg);
}

.blog-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
left:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.blog-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:80px;
position:relative;
z-index:2;
}

/* Grid */
.blog-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:40px;
position:relative;
z-index:2;
}

/* Blog Card */
.blog-card{
background:#ffffff;
border-radius:25px;
overflow:hidden;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
transition:0.3s;
display:flex;
flex-direction:column;
}

.blog-card:hover{
transform:translateY(-10px);
}

/* Image */
.blog-image{
position:relative;
}

.blog-image img{
width:100%;
height:220px;
object-fit:cover;
}

/* Date badge */
.blog-date{
position:absolute;
bottom:15px;
left:15px;
background:#002147;
color:#fff;
padding:6px 15px;
border-radius:30px;
font-size:13px;
}

/* Content */
.blog-content{
padding:30px;
flex:1;
}

.blog-content h3{
margin-bottom:15px;
color:#002147;
}

.blog-content p{
color:#555;
margin-bottom:20px;
line-height:1.7;
}

.blog-btn{
display:inline-block;
padding:10px 20px;
background:#002147;
color:#fff;
border-radius:8px;
text-decoration:none;
transition:0.3s;
}

.blog-btn:hover{
background:#004080;
}
.contact-unique-section{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#eef4ff,#ffffff);
overflow:hidden;
}

/* Unique abstract vector */
.contact-unique-section::before{
content:"";
position:absolute;
top:-250px;
left:-200px;
width:700px;
height:700px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(25deg);
}

.contact-unique-section::after{
content:"";
position:absolute;
bottom:-200px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408025,transparent 70%);
border-radius:50%;
}

.contact-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:80px;
position:relative;
z-index:2;
}

/* Layout */
.contact-wrapper{
display:flex;
gap:60px;
flex-wrap:wrap;
position:relative;
z-index:2;
}

/* Form Box */
.contact-form-box{
flex:1;
min-width:300px;
background:#ffffff;
padding:50px;
border-radius:25px;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
}

.contact-form-box h3{
margin-bottom:30px;
color:#002147;
}

.form-group{
margin-bottom:20px;
}

.form-group input,
.form-group textarea{
width:100%;
padding:12px 15px;
border-radius:8px;
border:1px solid #ccc;
outline:none;
transition:0.3s;
}

.form-group input:focus,
.form-group textarea:focus{
border-color:#002147;
box-shadow:0 0 0 2px rgba(0,33,71,0.1);
}

.contact-btn{
padding:12px 30px;
background:#002147;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
transition:0.3s;
}

.contact-btn:hover{
background:#004080;
transform:translateY(-3px);
}

/* Contact Info */
.contact-info-box{
flex:1;
min-width:300px;
background:#ffffff;
padding:50px;
border-radius:25px;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
}

.contact-info-box h3{
margin-bottom:30px;
color:#002147;
}

.contact-info-box p{
margin-bottom:20px;
color:#444;
line-height:1.7;
}

.contact-social a{
display:inline-block;
margin-right:15px;
font-size:22px;
transition:0.3s;
}

.contact-social a:hover{
transform:translateY(-5px);
}

/* Map */
.contact-map{
margin-top:100px;
border-radius:25px;
overflow:hidden;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
position:relative;
z-index:2;
}

/* Responsive */
@media(max-width:992px){
.contact-wrapper{
flex-direction:column;
}
}

.jd-news-unique{
position:relative;
padding:80px 0;
background:linear-gradient(135deg,#f8fbff,#ffffff);
overflow:hidden;
}

.jd-news-unique::before{
content:"";
position:absolute;
top:-250px;
left:-200px;
width:700px;
height:700px;
background:linear-gradient(135deg,#002147,#004080);
opacity:0.05;
border-radius:60% 40% 70% 30%;
transform:rotate(25deg);
}

.jd-news-unique::after{
content:"";
position:absolute;
bottom:-250px;
right:-200px;
width:600px;
height:600px;
background:radial-gradient(circle,#00408020,transparent 70%);
border-radius:50%;
}

.jd-container{
width:90%;
max-width:1200px;
margin:auto;
position:relative;
z-index:2;
}

.jd-news-title{
text-align:center;
font-size:42px;
color:#002147;
margin-bottom:15px;
}

.jd-news-subtitle{
text-align:center;
color:#666;
margin-bottom:40px;
}

.jd-news-intro{
max-width:950px;
margin:0 auto 80px auto;
text-align:center;
line-height:1.8;
color:#555;
}

.jd-news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:40px;
}

.jd-news-card{
background:#ffffff;
border-radius:25px;
padding:30px;
box-shadow:0 25px 60px rgba(0,0,0,0.08);
position:relative;
transition:0.4s;
display:flex;
flex-direction:column;
}

.jd-news-card:hover{
transform:translateY(-12px);
box-shadow:0 35px 80px rgba(0,0,0,0.12);
}

.jd-news-card img{
width:100%;
height:220px;
object-fit:cover;
border-radius:18px;
margin-bottom:20px;
}

.jd-news-badge{
position:absolute;
top:20px;
left:20px;
background:#002147;
color:#fff;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:bold;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.jd-news-card h4{
margin-bottom:15px;
color:#002147;
font-size:20px;
}

.jd-news-card p{
color:#555;
line-height:1.7;
flex:1;
}