/* ===== GLOBAL ===== */

body{
margin:0;
font-family:'Merriweather', serif;
background:linear-gradient(to bottom,#faf7fb,#f3e9f7);
overflow-x:hidden;
color:#000;
line-height:1.8;
}

h1,h2,h3,h4,h5,h6{
font-family:'Merriweather', serif;
font-weight:700;
/*color:#632383;*/
}

p{
font-size:16px;
line-height:1.9;
letter-spacing:0.2px;
}

/* ===== WATERMARK BACKGROUND ===== */
.premium-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}

.watermark-logo{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:600px;
    height:600px;
    background:url('logo.png') no-repeat center;
    background-size:contain;
    opacity:0.045;
}

/* Content above background */
header, nav, section, footer, .content{
    position:relative;
    z-index:5;
}

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

.top-header{
    background: linear-gradient(
145deg, #00229f, #bfe1ff);
    padding: 15px 28px;
    position:relative;
    color:#fff;
}

.header-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* LEFT SECTION */
.left-section{
    display:flex;
    align-items:center;
    gap: 10px;
}

.left-section img{
    height:80px;
}

.school-text h1{
    margin:5px 0;
    font-size: 18px;
    line-height:1.3;
}

.trust{
    font-size: 10px;
    margin:0;
}

.school-text span{
    font-size:10px;
}

/* CENTER LOGOS */
.center-logos{
    display:flex;
    align-items:center;
    gap:20px;
}

.center-logos img{
    height:95px;
    /*max-width:10px;*/
}

/* RIGHT SECTION */
.admission-btn{
    background:#e53935;
    color:#fff;
    padding:8px 16px;
    border-radius:4px;
    text-decoration:none;
    font-weight:bold;
}

/* TOP MINI */
.top-links{
    position:absolute;
    right:40px;
    bottom:-20px;
    background:#d4af37;
    padding:6px 12px;
    font-weight:bold;
}

.top-links a{
    color:#000;
    text-decoration:none;
    margin:0 5px;
}

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

@media(max-width:991px){

    .header-container{
        flex-direction:column;
        /* text-align:center; */
        gap:20px;
    }

    /*.left-section{
        flex-direction:column;
    }*/

    .center-logos{
        justify-content:center;
    }

    .center-logos img{
        height:85px;
    }

    .top-links{
        position:static;
        margin-top:10px;
    }
}


/* ================= NAVIGATION ================= */

.navbar{
    background: #632383;
    position:relative;
    z-index:9999;
}

.navbar > ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
}

/* Reset dropdown lists */
.dropdown,
.sub-dropdown{
    list-style:none;
    margin:0;
    padding:0;
}


.navbar li{
    position:relative;
}

.navbar a{
    display:block;
    padding:14px 18px;
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
}

.navbar > ul > li:hover > a{
    background:#d4af37;
    color:#000;
}

.dropdown a:hover{
    background:#f4e7a3;
}

/* ================= DROPDOWN ================= */

.dropdown,
.sub-dropdown{
    position:absolute;
    background:#ffffff;
    min-width:260px;
    box-shadow:0 15px 30px rgba(0,0,0,0.15);
    opacity:0;
    visibility:hidden;
    transition:all 0.3s ease;
    z-index:10000;
}

/* First Level */
.dropdown{
    top:100%;
    left:0;
}

/* Second Level */
.sub-dropdown{
    top:0;
    left:100%;
}

/* Show Dropdown */
.has-dropdown:hover > .dropdown{
    opacity:1;
    visibility:visible;
}

.has-dropdown:hover > .sub-dropdown{
    opacity:1;
    visibility:visible;
}

/* Dropdown Links */
.dropdown a,
.sub-dropdown a{
    color:#000;
    padding:10px 15px;
}

.dropdown a:hover,
.sub-dropdown a:hover{
    background:#f4e7a3;
    color:#000;
}

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

@media(max-width:991px){

    .navbar > ul{
        display:none;
        flex-direction:column;
        width:100%;
        background:#632383;
    }

    .navbar > ul.show{
        display:flex;
    }

    .navbar li{
        width:100%;
    }

    .navbar a{
        padding: 10px 10px;
        border-bottom:1px solid rgba(255,255,255,0.1);
    }

    /* Disable hover dropdown on mobile */
    .dropdown,
    .sub-dropdown{
        position:static;
        opacity:1;
        visibility:visible;
        display:none;
        box-shadow:none;
        background:#4a1351;
    }

    .dropdown a,
    .sub-dropdown a{
        color:#fff;
        padding-left:30px;
    }

    .sub-dropdown a{
        padding-left: 10px;
        font-size: 12px;
    }

    .dropdown.show,
    .sub-dropdown.show{
        display:block;
    }

    .hamburger{
        display:block;
        background:#632383;
    }

}

/* ================= HAMBURGER ================= */

.hamburger{
    display:none;
    font-size:26px;
    color:#fff;
    padding:12px 20px;
    cursor:pointer;
}

/* ================= NOTICE BAR ================= */
.notice-bar{
    background:#f4e7a3;
    color:#632383;
    padding:8px;
    font-weight:bold;
    overflow:hidden;
    white-space:nowrap;
}

.notice-bar span{
    display:inline-block;
    padding-left:100%;
    animation:scrollText 15s linear infinite;
}

@keyframes scrollText{
    from{ transform:translateX(0); }
    to{ transform:translateX(-100%); }
}

/* ================= MOBILE RESPONSIVE ================= */
@media(max-width:991px){

    .header-container{
        flex-direction:column;
        /* text-align:center; */
        gap:15px;
    }

    .right-section{
        text-align:center;
    }

    .top-links{
        position:static;
        margin-top:10px;
        display:inline-block;
    }

    .navbar ul{
        display:none;
        flex-direction:column;
        text-align:center;
    }

    .navbar ul.show{
        display:flex;
    }

    .hamburger{
        display:block;
        background:#632383;
        text-align:right;
    }
}
/* ================= PRINCIPAL SECTION ================= */

.principal-section{
    padding:80px 40px;
}   

.principal-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:70px;
    align-items:center;
}


.principal-text{
    flex:1;
    font-family: 'Segoe UI', sans-serif;
}


.principal-text h2{
    font-size:36px;
    color:#632383;
    margin-bottom:25px;
    font-weight:700;
    line-height:1.3;
}


.principal-text .dear{
    font-weight:bold;
    margin-bottom:10px;
}

.principal-text .quote{
    font-style:italic;
    color:#632383;
    margin-bottom:20px;
}

.principal-text p{
    line-height:1.8;
    color:#444;
    margin-bottom:18px;
    font-size:16px;
    text-align:justify;
}

.principal-text p:first-of-type{
    font-weight:600;
    font-size:18px;
    color:#000;
}
.principal-text strong{
    font-weight:700;
    color:#000;
}

.principal-text .quote{
    font-style:italic;
    color:#632383;
    margin-bottom:20px;
    font-weight:500;
}
.principal-image{
    flex:1;
    text-align:center;
}

.principal-image img{
    width:100%;
    max-width:400px;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

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

@media(max-width:991px){

    .principal-container{
        flex-direction:column;
        gap:30px;
    }

    /* 👇 THIS IS IMPORTANT */
    .principal-image{
        order: -1;   /* image comes first */
    }

    .principal-text{
        text-align:left;
        padding:0 10px;
    }

     .principal-text h2{
        text-align:center;
        font-size:28px;
    }

    .principal-text p{
        text-align:justify;
        font-size:15px;
    }
}


/* ================= ACCOMPLISHMENTS ================= */

.accomplishments-section{
    padding:80px 40px;
    /*background:#faf7fb;*/
    text-align:center;
}

.accomplishments-section h2{
    font-size:34px;
    color:#632383;
    margin-bottom:50px;
}

/* Grid */
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
    gap:25px;
    max-width:1200px;
    margin:auto;
}

.gallery-item{
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    cursor:pointer;
}

.gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:transform 0.4s ease;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

/* ================= LIGHTBOX ================= */

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

.lightbox-img{
    max-width:80%;
    max-height:80%;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,0.5);
}

.close{
    position:absolute;
    top:20px;
    right:40px;
    font-size:40px;
    color:#fff;
    cursor:pointer;
}

/* Arrows */
.lb-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#632383;
    color:#fff;
    border:none;
    padding:12px 18px;
    cursor:pointer;
    font-size:22px;
    border-radius:6px;
}

.lb-arrow.left{
    left:40px;
}

.lb-arrow.right{
    right:40px;
}

.lb-arrow:hover{
    background:#d4af37;
    color:#000;
}

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

    .gallery-item img{
        height:200px;
    }

    .lightbox-img{
        max-width:95%;
        max-height:70%;
    }

    .lb-arrow.left{
        left:10px;
    }

    .lb-arrow.right{
        right:10px;
    }
}

/* ================= VIDEO SECTION ================= */
.video-section{
    padding:80px 40px;
    /*background:#faf7fb;*/
    text-align:center;
}

.video-section h2{
    font-size:34px;
    color:#632383;
    margin-bottom:50px;
}

/* Grid - 2 Column Layout */
.video-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    max-width:1200px;
    margin:auto;
}

.video-item{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    background:#000;
    aspect-ratio:16/9;
}

.video-item iframe{
    width:100%;
    height:100%;
    border:0;
}


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


/* Mobile */
@media(max-width:768px){
.video-section{
padding:60px 20px;
}

.video-grid{
grid-template-columns:1fr;
gap:20px;
}

.video-section h2{
font-size:26px;
}
}
/* ================= AWARDS ================= */
/* SECTION */
.awards-section{
    padding:50px 10px;
    text-align:center;
}

/* TITLE */
.awards-section h2{
    font-size:26px;
    color:#632383;
    margin-bottom:25px;
}

/* WRAPPER */
.awards-wrapper{
    position:relative;
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
}

/* TRACK WRAPPER */
.awards-track-wrapper{
    overflow:hidden;
    flex:1;
}

/* TRACK */
.awards-track{
    display:flex;
    gap:20px;
    transition:transform 0.5s ease;
}

/* CARD */
.award-card{
    flex:0 0 30%;
    background:#fff;
    padding:12px;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,0.1);

    display:flex;
    align-items:center;
    justify-content:center;
}

/* IMAGE */
.award-card img{
    width:100%;
    height:260px;             /* FIXED HEIGHT */
    object-fit:cover;         /* FILL NICELY */
    border-radius:10px;
}

/* ARROWS */
.arrow{
    background:#632383;
    color:#fff;
    border:none;
    padding:10px 14px;
    cursor:pointer;
    font-size:18px;
    border-radius:6px;
    transition:0.3s;
    z-index:2;
}

.arrow:hover{
    background:#d4af37;
    color:#000;
}

/* ========================= */
/* ✅ MOBILE PERFECT DESIGN */
/* ========================= */
@media(max-width:600px){

    .awards-wrapper{
        position:relative;
    }

    .awards-track{
        justify-content:flex-start;
    }

    .award-card{
        flex:0 0 100%;   /* ONLY ONE CARD */
        max-width:90%;
        margin:auto;
    }

    .awards-track-wrapper{
        display:flex;
        justify-content:center;
    }

    /* arrows on sides */
    .arrow{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
    }

    .arrow.left{
        left:5px;
    }

    .arrow.right{
        right:5px;
    }

}
/* ================= TESTIMONIALS ================= */

.testimonials-section{
padding:90px 20px;
background:linear-gradient(135deg,#f9f5ff,#ffffff);
text-align:center;
position:relative;
overflow:hidden;
}

.testimonials-section h2{
font-size:34px;
color:#632383;
margin-bottom:50px;
font-weight:700;
letter-spacing:.5px;
}


/* ================= SLIDER ================= */

.testimonial-slider{
position:relative;
max-width:850px;
margin:auto;
}

.testimonial-track{
position:relative;
min-height:320px;
}


/* ================= TESTIMONIAL ITEM ================= */

.testimonial-item{
position:absolute;
width:100%;
opacity:0;
transform:translateY(30px);
transition:all .6s ease;
}

.testimonial-item.active{
opacity:1;
position:relative;
transform:translateY(0);
}


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

.testimonial-card{
background:#ffffff;
padding:40px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:.3s ease;
border:1px solid #f1e9ff;
}

.testimonial-card:hover{
transform:translateY(-5px);
box-shadow:0 20px 45px rgba(0,0,0,0.12);
}


/* ================= STARS ================= */

.testimonial-stars{
color:#f4b400;
margin-bottom:20px;
font-size:18px;
letter-spacing:2px;
}


/* ================= TEXT ================= */

.testimonial-card p{
font-size:18px;
line-height:1.7;
color:#444;
font-style:italic;
margin-bottom:20px;
}


/* ================= USER ================= */

.testimonial-user{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-top:25px;
}

.testimonial-user img{
width:60px;
height:60px;
border-radius:50%;
object-fit:cover;
border:3px solid #f3ecff;
}

.testimonial-user h4{
margin:0;
font-size:16px;
color:#632383;
font-weight:600;
}

.testimonial-user span{
font-size:13px;
color:#777;
}


/* ================= ARROWS ================= */

.t-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#632383;
color:#fff;
border:none;
width:48px;
height:48px;
border-radius:50%;
cursor:pointer;
font-size:16px;
transition:.3s;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
z-index:10;
}

.t-arrow.left{
left:-70px;
}

.t-arrow.right{
right:-70px;
}

.t-arrow:hover{
background:#d4af37;
color:#000;
transform:translateY(-50%) scale(1.05);
}


/* ================= DOTS ================= */

.testimonial-dots{
margin-top:30px;
}

.testimonial-dots span{
display:inline-block;
width:12px;
height:12px;
margin:6px;
background:#d7c9ea;
border-radius:50%;
cursor:pointer;
transition:.4s ease;
}

.testimonial-dots span.active{
background:#632383;
width:28px;
border-radius:20px;
}


/* ================= QUOTE ICON ================= */

.testimonial-card::before{
content:"\f10d";
font-family:"Font Awesome 6 Free";
font-weight:900;
position:absolute;
top:25px;
left:30px;
font-size:30px;
color:#f3ecff;
}


/* ================= RESPONSIVE ================= */

@media(max-width:992px){

.testimonial-slider{
max-width:700px;
}

}


@media(max-width:768px){

.testimonials-section{
padding:70px 20px;
}

.testimonials-section h2{
font-size:28px;
}

.testimonial-card{
padding:30px 20px;
}

.testimonial-card p{
font-size:16px;
}

.t-arrow.left{
left:10px;
}

.t-arrow.right{
right:10px;
}

}


@media(max-width:480px){

.testimonial-card{
padding:25px 18px;
}

.testimonial-user{
flex-direction:column;
}

.testimonial-user img{
width:50px;
height:50px;
}

.testimonial-card p{
font-size:15px;
}

.testimonial-dots span.active{
width:22px;
}

}

/* ================= PREMIUM FOOTER ================= */

.footer{
    background:linear-gradient(135deg,#1f1f1f,#2f2f2f);
    color:#ccc;
    padding:70px 40px 0;
}

.footer-content{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:50px;
}

.footer-column h3{
    color:#fff;
    margin-bottom:20px;
    font-size:18px;
    position:relative;
}

.footer-column h3::after{
    content:"";
    display:block;
    width:40px;
    height:3px;
    background:#632383;
    margin-top:8px;
}
@media (max-width:768px){

    .footer-column h3{
        text-align:center;
    }

    .footer-column h3::after{
        content:"";
        display:block;
        width:40px;
        height:3px;
        background:#632383;
        margin:8px auto 0;   /* center only on mobile */
    }

}

.footer-logo{
    width:150px;
    margin-bottom:20px;
}

.footer-column p{
    line-height:1.6;
    font-size:14px;
}

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

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

.footer-column ul li a{
    color:#ccc;
    text-decoration:none;
    transition:0.3s;
}

.footer-column ul li a:hover{
    color:#d4af37;
    padding-left:5px;
}

.social-icons{
    display:flex;
    gap:12px;
    justify-content:center;
    align-items:center;
    width:100%;
}

/* COMMON STYLE */
.social-icons a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-size:16px;
    text-decoration:none;
    transition:all 0.3s ease;
}

/* BRAND COLORS (DEFAULT) */
.social-icons .fb{ background:#1877f2; }   /* Facebook */
.social-icons .ig{ background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4); }
.social-icons .yt{ background:#ff0000; }   /* YouTube */
.social-icons .in{ background:#0a66c2; }   /* LinkedIn */

/* HOVER EFFECT */
.social-icons a:hover{
    transform:translateY(-5px) scale(1.1);
    box-shadow:0 8px 20px rgba(0,0,0,0.3);
}

/* Contact Icons */
.footer-column.contact i{
    margin-right:8px;
    color:#d4af37;
}

/* Bottom Bar */
.footer-bottom{
    margin-top:50px;
    background:#e53935;
    text-align:center;
    padding:15px;
    color:#fff;
    font-size:14px;
}

/* Responsive */
@media(max-width:768px){
    .footer{
        padding:60px 20px 0;
        text-align:center;
    }
}


/* ================= PAGE BANNER ================= */

.page-banner{
    position:relative;
    height:200px;
    background:url('banner.jpg') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
}

/* Dark Overlay */
.banner-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
}

/* Content */
.banner-content{
    position:relative;
    z-index:2;
}

.banner-content h1{
    font-size:48px;
    margin-bottom:15px;
    font-weight:700;
}

/* Breadcrumb */
.breadcrumb{
    font-size:16px;
}

.breadcrumb a{
    color:#d4af37;
    text-decoration:none;
}

.breadcrumb span{
    color:#fff;
}

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

    .page-banner{
        height:250px;
    }

    .banner-content h1{
        font-size:30px;
    }
}


/* ================= LOGO DESCRIPTION ================= */
.logo-description{
padding:90px 20px;
text-align:center;
font-family:'Poppins',sans-serif;
}

/* Logo */

.logo-box img{
width:170px;
margin-bottom:35px;
}

/* Heading */

.logo-content h2{
font-family:'Playfair Display',serif;
font-size:36px;
color:#632383;
margin-bottom:25px;
font-weight:700;
letter-spacing:0.5px;
}

/* Paragraph */

.logo-content p{
max-width:850px;
margin:0 auto 18px;
line-height:1.9;
color:#333;
font-size:16px;
font-weight:500;
text-align:justify;
}

/* First paragraph highlight */

.logo-content p:first-of-type{
font-weight:600;
font-size:17px;
border-left:4px solid #632383;
padding-left:15px;
}
/* ================= MISSION & VISION ================= */
.mission-vision{
padding:100px 20px;
background:linear-gradient(180deg,#f7f4fb,#ffffff);
}

/* Container */

.mv-container{
max-width:1100px;
margin:auto;
display:flex;
gap:40px;
justify-content:center;
}

/* Card */

.mv-box{
flex:1;
background:#fff;
padding:50px 40px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
text-align:center;
transition:0.35s;
position:relative;
overflow:hidden;
}

/* Hover */

.mv-box:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

/* Icon Circle */

.mv-icon{
width:90px;
height:90px;
background:#f4edf7;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:20px;
box-shadow:0 6px 18px rgba(0,0,0,0.1);
}

.mv-icon svg{
width:50px;
height:50px;
}

/* Title */

.mv-box h3{
font-size:28px;
color:#632383;
margin-bottom:15px;
font-weight:700;
}

/* Text */

.mv-box p{
line-height:1.7;
color:#555;
font-size:15px;
max-width:450px;
margin:auto;
}

/* Responsive */

@media(max-width:768px){

.mv-container{
flex-direction:column;
gap:30px;
}

.mv-box{
padding:40px 30px;
}

}

/* ================= MANAGEMENT ROW STYLE ================= */
.management-section{
padding:100px 20px;
}

.section-title{
text-align:center;
font-size:38px;
color:#632383;
margin-bottom:60px;
}

/* Profile Layout */

.management-profile{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:260px 1fr;
gap:50px;
align-items:start;
}

/* Image */

.profile-image img{
width:260px;
height:320px;
object-fit:cover;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* Content */

.profile-content h3{
font-size:26px;
margin-bottom:5px;
}

.designation{
color:#632383;
font-weight:600;
display:block;
margin-bottom:20px;
}

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

.profile-content h4{
margin-top:20px;
color:#632383;
font-size:18px;
}

.profile-content ul{
padding-left:18px;
margin-top:10px;
}

.profile-content li{
margin-bottom:8px;
line-height:1.6;
}

/* Responsive */

@media(max-width:768px){

.management-profile{
grid-template-columns:1fr;
text-align:center;
}

.profile-image{
margin:auto;
}

.profile-content ul{
text-align:left;
}

}
/* ================= OUR TEAM ================= */

.team-section{
    padding:90px 20px;
    /*background:#faf7fb;*/
}

.team-section h2{
    text-align:center;
    font-size:36px;
    color:#632383;
    margin-bottom:60px;
}

.team-category{
    margin-bottom:70px;
}

.team-category h3{
    font-size:26px;
    color:#632383;
    margin-bottom:30px;
    border-left:5px solid #d4af37;
    padding-left:15px;
}

/* 2 Column Grid */
.team-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:40px;
    max-width:900px;
    margin:auto;
}

/* Card */
.team-card{
    background:#fff;
    padding:25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.team-card:hover{
    transform:translateY(-6px);
}

.team-card img{
    width:150px;
    height:150px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:15px;
}

.team-card h4{
    font-size:18px;
    margin-bottom:5px;
}

.team-card span{
    font-size:14px;
    color:#632383;
    font-weight:bold;
}

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

    .team-grid{
        grid-template-columns:1fr;
    }
}


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

.admission-process{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.admission-process h2{
    font-size:38px;
    color:#632383;
    margin-bottom:60px;
    font-weight:700;
}

/* Grid Layout */
.process-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:40px;
    max-width:1200px;
    margin:auto;
}

/* Card */
.process-step{
    background:#fff;
    padding:35px 30px;
    border-radius:15px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    transition:0.4s;
    position:relative;
}

.process-step:hover{
    transform:translateY(-8px);
}

/* Step Number Circle */
.step-number{
    width:60px;
    height:60px;
    background:#632383;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:bold;
    margin:0 auto 20px;
}

/* Title */
.process-step h3{
    font-size:20px;
    color:#333;
    margin-bottom:15px;
}

/* Paragraph */
.process-step p{
    font-size:15px;
    color:#555;
    line-height:1.7;
}

/* Responsive */
@media(max-width:768px){
    .admission-process{
        padding:70px 15px;
    }
}


/* ================= GRADE WISE ADMISSION ================= */

.grade-admission{
    padding:90px 20px;
    /*background:#faf7fb;*/
}

.grade-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;
    max-width:1200px;
    margin:auto;
}

.grade-card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    text-align:left;
    transition:0.3s;
}

.grade-card:hover{
    transform:translateY(-6px);
}

.grade-card h3{
    color:#632383;
    margin-bottom:20px;
}

.grade-card p{
    font-size:14px;
    color:#444;
    margin-bottom:12px;
    line-height:1.6;
}

.grade-card h4{
    margin-top:25px;
    color:#333;
    font-size:18px;
}

.grade-card ul{
    margin-top:15px;
    padding-left:18px;
}

.grade-card li{
    margin-bottom:8px;
    font-size:14px;
}

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


/* ================= ENQUIRY FORM ================= */

.enquiry-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.enquiry-container{
    max-width:600px;
    margin:auto;
    background:#fff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.enquiry-section h2{
    color:#632383;
    margin-bottom:15px;
}

.enquiry-section p{
    margin-bottom:30px;
    color:#555;
}

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

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea{
    width:100%;
    padding:12px 15px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:14px;
}

.enquiry-form input:focus,
.enquiry-form select:focus,
.enquiry-form textarea:focus{
    outline:none;
    border-color:#632383;
}

.submit-btn{
    background:#632383;
    color:#fff;
    padding:12px 25px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-size:15px;
    transition:0.3s;
}

.submit-btn:hover{
    background:#632383;
}


/* ================= POPUP FORM ================= */

.popup-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.popup-box{
    background:#fff;
    width:90%;
    max-width:500px;
    padding:35px;
    border-radius:12px;
    position:relative;
    text-align:center;
    animation:fadeIn 0.3s ease;
}

.popup-box h2{
    color:#632383;
    margin-bottom:20px;
}

.popup-box input,
.popup-box select,
.popup-box textarea{
    width:100%;
    margin-bottom:15px;
    padding:10px;
    border:1px solid #ddd;
    border-radius:6px;
}

.close-btn{
    position:absolute;
    top:10px;
    right:15px;
    font-size:22px;
    cursor:pointer;
    color:#333;
}

@keyframes fadeIn{
    from{ transform:scale(0.9); opacity:0; }
    to{ transform:scale(1); opacity:1; }
}



/* ================= FAQ SECTION ================= */

.faq-section{
    padding:90px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.faq-section h2{
    font-size:36px;
    color:#632383;
    margin-bottom:40px;
    font-weight:bold;
}

.faq-container{
    max-width:900px;
    margin:auto;
    text-align:left;
}

/* Single FAQ */
.faq-item{
    border-bottom:1px solid #ddd;
    margin-bottom:15px;
}

.faq-question{
    font-size:18px;
    padding:15px 20px;
    cursor:pointer;
    position:relative;
    color:#333;
    font-weight:600;
}

.faq-question:hover{
    color:#632383;
}

.faq-icon{
    position:absolute;
    right:20px;
    font-size:22px;
    color:#632383;
}

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

/* When active */
.faq-active .faq-answer{
    max-height:200px;
    padding-top:12px;
    padding-bottom:15px;
}


/* ================= CAMPUS FACILITIES ================= */

.facilities-section{
    padding:90px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.facilities-section h2{
    font-size:36px;
    color:#632383;
    margin-bottom:10px;
}

.facilities-subtext{
    font-size:16px;
    color:#555;
    margin-bottom:40px;
}

.facilities-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:35px;
    max-width:1200px;
    margin:auto;
}

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

.facility-card:hover{
    transform:translateY(-8px);
}

.facility-icon{
width:70px;
height:70px;
margin:0 auto 15px;
border-radius:50%;
background:#f4edf7;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#632383;
}

.facility-card h3{
    font-size:20px;
    color:#333;
    margin-bottom:12px;
}

.facility-card p{
    font-size:15px;
    color:#555;
    line-height:1.7;
}

/* Responsive */
@media(max-width:768px){
    .facilities-section{
        padding:70px 15px;
    }
}


/* ================= CAREER COUNSELLING ================= */

.career-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
}

.career-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
}

.career-content{
    flex:1;
}

.career-content h2{
    font-size:36px;
    color:#632383;
    margin-bottom:20px;
}

.career-content p{
    font-size:16px;
    color:#555;
    line-height:1.8;
    margin-bottom:20px;
}

.career-points{
    list-style:none;
    padding:0;
    margin-bottom:25px;
}

.career-points li{
    margin-bottom:12px;
    font-size:15px;
    color:#444;
}

.career-btn{
    display:inline-block;
    background:#632383;
    color:#fff;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
    transition:0.3s;
}

.career-btn:hover{
    background:#632383;
}

/* Right Image */
.career-image{
    flex:1;
}

.career-image img{
    width:100%;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

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

    .career-container{
        flex-direction:column;
        text-align:center;
    }

    .career-points{
        text-align:left;
        display:inline-block;
    }
}



/* ================= TRANSPORT SECTION ================= */

.transport-section{
    padding:100px 20px;
    /*background:#ffffff;*/
}

.transport-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
}

/* Image */
.transport-image{
    flex:1;
}

.transport-image img{
    width:100%;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* Content */
.transport-content{
    flex:1;
}

.transport-content h2{
    font-size:36px;
    color:#632383;
    margin-bottom:20px;
}

.transport-content p{
    font-size:16px;
    color:#555;
    line-height:1.8;
    margin-bottom:20px;
}

.transport-points{
    list-style:none;
    padding:0;
    margin-bottom:25px;
}

.transport-points li{
    margin-bottom:12px;
    font-size:15px;
    color:#444;
}

.transport-btn{
    display:inline-block;
    background:#632383;
    color:#fff;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
    transition:0.3s;
}

.transport-btn:hover{
    background:#632383;
}

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

    .transport-container{
        flex-direction:column;
        text-align:center;
    }

    .transport-points{
        text-align:left;
        display:inline-block;
    }
}



/* ================= SAFETY SECTION ================= */

.safety-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.safety-section h2{
    font-size:38px;
    color:#632383;
    margin-bottom:20px;
}

.section-intro{
    max-width:800px;
    margin:0 auto 60px;
    color:#555;
    font-size:16px;
    line-height:1.8;
}

.safety-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:35px;
    max-width:1200px;
    margin:auto;
}

/* Card */
.safety-card{
    background:#fff;
    padding:30px 25px;
    border-radius:15px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    transition:0.4s;
}

.safety-card:hover .safety-icon{
background:#632383;
color:#fff;
transition:0.3s;
}

.safety-icon{
width:70px;
height:70px;
margin:0 auto 18px;
border-radius:50%;
background:#f4edf7;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#632383;
}

.safety-card h3{
    font-size:20px;
    margin-bottom:12px;
    color:#333;
}

.safety-card p{
    font-size:15px;
    color:#555;
    line-height:1.7;
}

/* Responsive */
@media(max-width:768px){
    .safety-section{
        padding:70px 15px;
    }
}


/* ================= CAFETERIA SECTION ================= */

.cafeteria-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
}

.cafeteria-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
}

/* Image */
.cafeteria-image{
    flex:1;
}

.cafeteria-image img{
    width:100%;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* Content */
.cafeteria-content{
    flex:1;
}

.cafeteria-content h2{
    font-size:36px;
    color:#632383;
    margin-bottom:20px;
}

.cafeteria-content p{
    font-size:16px;
    color:#555;
    line-height:1.8;
    margin-bottom:15px;
}

.cafeteria-points{
    list-style:none;
    padding:0;
    margin:20px 0;
}

.cafeteria-points li{
    margin-bottom:12px;
    font-size:15px;
    color:#444;
}

.cafeteria-btn{
    display:inline-block;
    background:#632383;
    color:#fff;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
    transition:0.3s;
}

.cafeteria-btn:hover{
    background:#632383;
}

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

    .cafeteria-container{
        flex-direction:column;
        text-align:center;
    }

    .cafeteria-points{
        text-align:left;
        display:inline-block;
    }
}



/* ================= ACADEMIC CALENDAR ================= */

.academic-calendar-section{
    padding:40px 20px;
    /*background:#f7f7f7;*/
    text-align:center;
}

.academic-calendar-section h2{
    font-size:34px;
    color:#632383;
    margin-bottom:40px;
}

/* Calendar Image */
.calendar-image{
    max-width:900px;
    margin:0 auto 40px;
}

.calendar-image img{
    width:100%;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.3s;
}

.calendar-image img:hover{
    transform:scale(1.02);
}

/* Download Button */
.calendar-download-btn{
    display:inline-block;
    background:#632383;
    color:#fff;
    padding:12px 30px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.calendar-download-btn:hover{
    background:#632383;
}

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

    .academic-calendar-section{
        padding:70px 15px;
    }

    .academic-calendar-section h2{
        font-size:24px;
    }

}



/* ================= EVENTS SECTION ================= */

.events-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

.events-section h2{
    font-size:38px;
    color:#632383;
    margin-bottom:60px;
}

/* Grid */
.events-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:40px;
    max-width:1200px;
    margin:auto;
}

/* Card */
.event-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    transition:0.4s;
}

.event-card:hover{
    transform:translateY(-8px);
}

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

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

/* Date Badge */
.event-date{
    position:absolute;
    top:15px;
    left:15px;
    background:#632383;
    color:#fff;
    padding:8px 10px;
    border-radius:8px;
    text-align:center;
}

.event-date span{
    font-size:18px;
    font-weight:bold;
    display:block;
}

.event-date small{
    font-size:12px;
}

/* Category Tag */
.event-category{
    position:absolute;
    bottom:15px;
    right:15px;
    background:#d4af37;
    color:#000;
    padding:6px 10px;
    font-size:12px;
    border-radius:20px;
    font-weight:600;
}

/* Content */
.event-content{
    padding:25px;
    text-align:left;
}

.event-content h3{
    font-size:20px;
    color:#333;
    margin-bottom:12px;
}

.event-content p{
    font-size:15px;
    color:#555;
    line-height:1.7;
}

/* Responsive */
@media(max-width:768px){
    .events-section{
        padding:70px 15px;
    }
}



/* ================= PYP SECTION ================= */

.pyp-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

/* HEADER */
.pyp-header h2{
    font-size:36px;
    color:#632383;
    margin-bottom:10px;
}

.pyp-header p{
    font-size:16px;
    color:#555;
    margin-bottom:50px;
}

/* WHAT IS PYP */
.pyp-what{
    display:flex;
    align-items:center;
    gap:60px;
    margin-bottom:70px;
    max-width:1100px;
    margin:auto;
}

.pyp-image img{
    width:100%;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.pyp-content{
    flex:1;
    text-align:left;
}

.pyp-content h3{
    font-size:26px;
    margin-bottom:15px;
    color:#333;
}

.pyp-content p{
    color:#555;
    line-height:1.8;
}

/* FEATURES GRID */
.pyp-features h3{
    font-size:28px;
    color:#632383;
    margin-bottom:30px;
}

.features-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:30px;
    max-width:1100px;
    margin:auto;
}

.feature-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.feature-card:hover{
    transform:translateY(-6px);
}

.feature-card .icon{
    font-size:40px;
    color:#632383;
    margin-bottom:12px;
}

.feature-card h4{
    font-size:18px;
    margin-bottom:8px;
    color:#333;
}

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

/* BENEFITS */
.pyp-benefits{
    margin:60px auto;
    max-width:900px;
    text-align:left;
}

.pyp-benefits h3{
    font-size:28px;
    color:#632383;
    margin-bottom:20px;
}

.pyp-benefits ul{
    list-style:disc inside;
    font-size:15px;
    color:#555;
    line-height:1.8;
}

/* LEARNER PROFILE */
.pyp-profile{
    margin:60px auto;
    text-align:center;
}

.pyp-profile h3{
    font-size:28px;
    color:#632383;
    margin-bottom:30px;
}

.profile-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(140px,1fr));
    gap:20px;
    max-width:900px;
    margin:auto;
}

.profile-card{
    background:#fff;
    padding:18px;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.07);
    font-size:15px;
    font-weight:600;
    color:#333;
}

/* CTA BUTTON */
.pyp-cta{
    margin-top:50px;
    text-align:center;
}

.pyp-button{
    background:#632383;
    color:#fff;
    padding:12px 28px;
    border-radius:8px;
    text-decoration:none;
    font-size:16px;
    transition:0.3s;
}

.pyp-button:hover{
    background:#632383;
}

/* Responsive */
@media(max-width:992px){
    .pyp-what{
        flex-direction:column;
        text-align:center;
    }
    .pyp-content{
        text-align:center;
    }
}

/* ================= ADP LEAGUE SECTION ================= */

.adp-league-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
    text-align:center;
}

/* INTRO */
.adp-intro h2{
    font-size:40px;
    color:#632383;
    margin-bottom:10px;
}

.subtitle{
    font-size:18px;
    color:#632383;
    margin-bottom:15px;
    font-weight:600;
}

.description{
    max-width:750px;
    margin:0 auto 70px;
    color:#555;
    line-height:1.8;
}

/* ABOUT */
/* ================= ADP ABOUT SECTION ================= */

.adp-about-section{
    padding:100px 20px;
    /*background:#faf7fb;*/
}

.adp-about-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
}

/* IMAGE */
.adp-about-image{
    flex:1;
}

.adp-about-image img{
    width:100%;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* CONTENT */
.adp-about-content{
    flex:1;
}

.adp-about-content h2{
    font-size:34px;
    color:#632383;
    margin-bottom:20px;
}

.adp-about-content p{
    font-size:16px;
    color:#555;
    line-height:1.8;
    margin-bottom:15px;
}

/* RESPONSIVE */
@media(max-width:992px){
    .adp-about-container{
        flex-direction:column;
        text-align:center;
    }
}

/* FOCUS */
.adp-focus h3{
    font-size:30px;
    color:#632383;
    margin-bottom:40px;
}

.focus-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
    gap:30px;
    max-width:1100px;
    margin:auto;
}

.focus-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.focus-card:hover{
    transform:translateY(-8px);
}

.focus-card .icon{
    font-size:40px;
    color:#632383;
    margin-bottom:15px;
}

/* BENEFITS */
.adp-benefits{
    margin:80px auto;
    max-width:400px;
    text-align:left;
}

.adp-benefits h3{
    color:#632383;
    margin-bottom:20px;
}

.adp-benefits ul{
    list-style:none;
    padding:0;
}

.adp-benefits li{
    margin-bottom:12px;
    font-size:16px;
}

/* HIGHLIGHT */
.adp-highlight{
    background:#f4e7a3;
    padding:60px 30px;
    border-radius:15px;
    max-width:900px;
    margin:0 auto 60px;
}

.adp-highlight h3{
    margin-bottom:15px;
}

/* CTA */
.adp-btn{
    background:#632383;
    color:#fff;
    padding:14px 30px;
    border-radius:8px;
    text-decoration:none;
    transition:0.3s;
}

.adp-btn:hover{
    background:#632383;
}

/* Responsive */
@media(max-width:992px){
    .adp-about{
        flex-direction:column;
        text-align:center;
    }

    .adp-content{
        text-align:center;
    }

    .adp-benefits{
        text-align:center;
    }
}



/* ================= ULTRA PREMIUM KG SECTION ================= */

.kg-section-premium{
    position:relative;
    padding:120px 20px;
    /*background:linear-gradient(to bottom,#faf7fb,#f3e9f7);*/
    overflow:hidden;
}

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

/* Decorative Shapes */
.kg-shape{
    position:absolute;
    border-radius:50%;
    opacity:0.08;
}

.shape1{
    width:300px;
    height:300px;
    background:#632383;
    top:-80px;
    left:-80px;
}

.shape2{
    width:250px;
    height:250px;
    background:#d4af37;
    bottom:-80px;
    right:-80px;
}

/* Heading */
.kg-heading{
    text-align:center;
    margin-bottom:70px;
}

.kg-heading h2{
    font-size:42px;
    color:#632383;
    margin-bottom:15px;
}

.kg-heading p{
    max-width:700px;
    margin:auto;
    color:#555;
}

/* Hero Layout */
.kg-hero{
    display:flex;
    align-items:center;
    gap:60px;
    margin-bottom:80px;
}

.kg-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.kg-content h3{
    color:#632383;
    margin-bottom:15px;
}

.kg-content p{
    color:#444;
    line-height:1.7;
    margin-bottom:15px;
}

/* Age Highlight */
.kg-age-highlight{
    display:flex;
    gap:15px;
    margin-top:20px;
}

.kg-age-highlight span{
    background:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
}

/* Learning Cards */
.kg-learning-premium{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-bottom:70px;
}

.kg-card-premium{
    background:linear-gradient(135deg,#ffffff,#f9f0fb);
    padding:30px;
    border-radius:20px;
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    transition:0.3s;
}

.kg-card-premium:hover{
    transform:translateY(-8px);
}

.kg-card-premium h4{
    color:#632383;
    margin-bottom:10px;
}

/* CTA */
.kg-cta{
    text-align:center;
}

.kg-btn-premium{
    background:#632383;
    color:#fff;
    padding:16px 40px;
    border-radius:40px;
    text-decoration:none;
    font-weight:bold;
    transition:0.3s;
}

.kg-btn-premium:hover{
    background:#632383;
}

/* Bottom Wave */
.kg-wave{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:80px;
    background:linear-gradient(90deg,#632383,#b03aa8);
    border-top-left-radius:100% 60px;
    border-top-right-radius:100% 60px;
}

/* Responsive */
@media(max-width:900px){
    .kg-hero{
        flex-direction:column;
    }
}



/* ================= PRIMARY YEARS UPGRADED ================= */

.primary-section{
    padding:120px 20px;
    background:linear-gradient(to bottom,#ffffff,#f3e9f7);
}

.primary-container{
    max-width:1200px;
    margin:auto;
}

/* Heading */
.primary-heading{
    text-align:center;
    margin-bottom:80px;
}

.primary-heading h2{
    font-size:42px;
    color:#632383;
    margin-bottom:15px;
}

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

    .primary-heading h2{
    font-size:34px;
    color:#632383;
    margin-bottom:15px;
}

}
.primary-heading p{
    max-width:750px;
    margin:auto;
    color:#555;
    font-size:16px;
}

/* Intro Layout */
.primary-intro{
    display:flex;
    gap:60px;
    align-items:center;
    margin-bottom:100px;
}

/* Image */
.primary-image{
    flex:1;
}

.primary-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

/* Right Content Wrapper */
.primary-content{
    flex:1.2;
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* Text */
.primary-text h3{
    color:#632383;
    font-size:26px;
    margin-bottom:15px;
}

.primary-text p{
    line-height:1.8;
    color:#444;
    margin-bottom:10px;
}

/* Highlights Box */
.primary-highlights{
    background:linear-gradient(135deg,#ffffff,#faf2fc);
    padding:30px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    border-left:6px solid #632383;
}

.primary-highlights h4{
    margin-bottom:15px;
    color:#632383;
    font-size:20px;
}

.primary-highlights ul{
    list-style:none;
    padding:0;
}

.primary-highlights li{
    margin-bottom:12px;
    font-size:15px;
}

.primary-section{
background:#f6f3f8;
padding:80px 0;
font-family:'Poppins',sans-serif;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* Section Titles */

.section-title{
text-align:center;
font-size:32px;
color:#632383;
margin-bottom:50px;
font-weight:700;
}


/* ================= SUBJECT CARDS ================= */

.subjects-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-bottom:80px;
}

.subject-card{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.07);
text-align:center;
transition:0.35s;
}

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

.subject-icon{
font-size:35px;
margin-bottom:15px;
}

.subject-card h4{
color:#632383;
margin-bottom:10px;
font-size:18px;
}

.subject-card p{
font-size:14px;
color:#555;
}


/* ================= CO CURRICULAR ================= */

.primary-cocurricular{
margin-bottom:80px;
}

.cocurricular-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.07);
}

.activity{
font-size:16px;
padding:10px;
}


/* ================= ASSESSMENT ================= */

.primary-assessment{
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.07);
margin-bottom:60px;
}

.primary-assessment h2{
color:#632383;
margin-bottom:15px;
}


/* ================= FACILITIES ================= */

.primary-facilities h3{
color:#632383;
margin-bottom:25px;
}

.facility-list{
list-style:none;
padding:0;
}

.facility-list li{
display:flex;
align-items:center;
gap:15px;
margin-bottom:18px;
font-size:16px;
}

.facility-icon{
width:40px;
height:40px;
background:#632383;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.facility-icon i{
color:#fff;
font-size:16px;
}
/* ================= BUTTON ================= */

.primary-cta{
text-align:center;
margin-top:50px;
}

.primary-btn{
background:linear-gradient(135deg,#632383,#8a3ab9);
color:#fff;
padding:18px 45px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.primary-btn:hover{
transform:scale(1.07);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.subject-card i,
.cocurricular-grid i,
.primary-facilities i{
color:#632383;
margin-right:8px;
}
/* Responsive */
@media(max-width:900px){

    .primary-intro{
        flex-direction:column;
    }

    .primary-content{
        text-align:center;
    }

    .primary-highlights{
        text-align:left;
    }
}


/* ================= CONTACT SECTION ================= */

.contact-section{
    padding:60px 20px;
    background:linear-gradient(to bottom,#faf7fb,#f3e9f7);
}

.contact-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:60px;
}

/* LEFT SIDE */
.contact-info{
    flex:1;
}

.contact-info h2{
    font-size:38px;
    color:#632383;
    margin-bottom:25px;
    text-align: centre;
}

.contact-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    margin-bottom:30px;
}

.contact-card h3{
    color:#632383;
    margin-bottom:15px;
}

.contact-info p{
margin-bottom:14px;
font-size:16px;
display:flex;
align-items:center;
gap:12px;
}

/* Icon Style */

.contact-info i{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
color:#fff;
font-size:16px;
}

/* Individual Colors */

.phone-icon{
background:#007bff;
}

.whatsapp-icon{
background:#25D366;
}

.email-icon{
background:#ff4d4d;
}

/* Link Style */

.contact-info a{
color:#333;
text-decoration:none;
font-weight:500;
}

.contact-info a:hover{
color:#8e2a8c;
}

/* MAP */
.contact-map iframe{
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* RIGHT SIDE */
.contact-form{
    flex:1;
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.contact-form h3{
    color:#632383;
    margin-bottom:25px;
}

.contact-form form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    padding:14px 18px;
    border-radius:12px;
    border:1px solid #ddd;
    font-size:14px;
    outline:none;
    transition:0.3s;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
    border-color:#632383;
    box-shadow:0 0 8px rgba(142,42,140,0.2);
}

.contact-form button{
    background:#632383;
    color:#fff;
    padding:16px;
    border:none;
    border-radius:40px;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
}

.contact-form button:hover{
    background:#632383;
}

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

    .contact-container{
        flex-direction:column;
    }

    .contact-form{
        margin-top:40px;
    }
}


.whatsapp-float{
    position:fixed;
    z-index: 9999;
    bottom:20px;
    right:20px;
    background:#25D366;
    color:#fff;
    font-size:28px;
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:50%;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.call-float{
    position:fixed;
    z-index: 9999;
    bottom:90px;
    right:20px;
    background:#632383;
    color:#fff;
    font-size:26px;
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:50%;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}