*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#102a43;--blue:#1769aa;--sky:#eaf6ff;--gold:#f4b942;--text:#334e68;--light:#f7fafc;--white:#fff;--shadow:0 15px 40px rgba(16,42,67,.10)}
html{scroll-behavior:smooth}
.school-logo {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
}
.school-logo2 {
    width: 350px;
    height: 100px;
    object-fit: contain;
    display: block;
}
.school-logofooter {
    width: 350px;
    height: 100px;
    object-fit: contain;
    display: block;
}
.footer-logo {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  margin-right: 12px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


:root {

    --navy: #102a43;
    --blue: #1769aa;
    --gold: #f4b942;

    --text: #334e68;

    --light: #f5f9fc;

    --white: #ffffff;

}


html {
    scroll-behavior: smooth;
}


body {

    font-family: Poppins, Arial, sans-serif;

    color: var(--text);

    line-height: 1.7;

    background: white;

}


h1,
h2,
h3,
h4,
strong,
b,
.brand {

    font-family: Montserrat, Arial, sans-serif;

    color: var(--navy);

}


h1 {

    font-size: clamp(2.5rem, 6vw, 4.8rem);

    line-height: 1.08;

}


h2 {

    font-size: clamp(2rem, 4vw, 3rem);

    line-height: 1.15;

    margin: 10px 0 18px;

}


h3 {

    margin: 8px 0;

}


p {

    margin-bottom: 15px;

}


.container {

    width: min(1120px, 92%);

    margin: auto;

}


/* TOP BAR */

.topbar {

    background: var(--navy);

    color: white;

    font-size: .82rem;

    padding: 7px;

}


.topbar-inner {

    display: flex;

    gap: 25px;

    justify-content: flex-end;

}


/* NAVIGATION */

.header {

    position: sticky;

    top: 0;

    z-index: 1000;

    background: white;

    box-shadow: 0 4px 20px #00000012;

}


.nav-wrap {

    min-height: 78px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.brand {

    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

}


.brand strong {

    display: block;

    font-size: 1.05rem;

}


.brand small {

    display: block;

    font: 500 .68rem Poppins;

    color: #78909c;

    letter-spacing: 1px;

}


.logo-mark {

    width: 48px;

    height: 48px;

    border-radius: 12px;

    background: linear-gradient(
        135deg,
        var(--blue),
        var(--navy)
    );

    color: white;

    display: grid;

    place-items: center;

    font: 800 1rem Montserrat;

}


nav {

    display: flex;

    gap: 23px;

}


nav a {

    color: var(--navy);

    text-decoration: none;

    font-weight: 600;

    font-size: .85rem;

}


nav a:hover,
nav a.active {

    color: var(--blue);

}


.menu-btn {

    display: none;

    border: 0;

    background: none;

    font-size: 1.7rem;

    cursor: pointer;

}


/* HERO */

.hero {

    min-height: 680px;

    display: flex;

    align-items: center;

    position: relative;

    background:

        url(
            'https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1900&q=90'
        )

        center / cover;

}


.hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            #081f34e8,
            #081f3480,
            #081f3415
        );

}


.hero-content {

    position: relative;

    color: white;

}


.eyebrow,
.page-hero span,
.label {

    font:

        700 .76rem Montserrat;

    letter-spacing: 2px;

    color: var(--gold);

}


.hero h1 {

    color: white;

    max-width: 800px;

    margin-top: 10px;

}


.hero h1 span {

    color: var(--gold);

}


.hero p {

    max-width: 680px;

    color: #eef6fb;

    font-size: 1.1rem;

    margin: 20px 0;

}


.buttons {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

}


.btn {

    display: inline-block;

    padding: 13px 24px;

    border-radius: 7px;

    text-decoration: none;

    font-weight: 700;

    border: none;

    cursor: pointer;

}


.primary {

    background: var(--gold);

    color: #172b3a;

}


.light {

    background: white;

    color: var(--navy);

}


.btn:hover {

    transform: translateY(-2px);

}


/* STATS */

.stats {

    display: flex;

    gap: 45px;

    margin-top: 50px;

    color: #dceaf2;

    font-size: .8rem;

}


.stats b {

    display: block;

    color: white;

    font-size: 1.6rem;

}


/* PAGE HERO */

.page-hero {

    padding: 90px 0;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            #1d5c8d
        );

}


.page-hero h1 {

    color: white;

    margin: 10px 0;

}


.page-hero p {

    color: #dceaf4;

}


/* SECTIONS */

.section {

    padding: 85px 0;

}


.gray {

    background: var(--light);

}


.two-col {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 65px;

    align-items: center;

}


.rounded {

    width: 100%;

    border-radius: 20px;

    display: block;

}


.text-link {

    color: var(--blue);

    font-weight: 700;

    text-decoration: none;

}


/* SECTION HEADING */

.section-heading {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 45px;

}


/* CARDS */

.cards {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 22px;

}


.cards article {

    background: white;

    padding: 32px;

    border-radius: 16px;

    box-shadow:
        0 12px 35px #102a4312;

    border: 1px solid #e5edf3;

}


.card-icon {

    font-size: 2rem;

    margin-bottom: 10px;

}


/* FACILITIES */

.facility-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;

}


.facility {

    height: 290px;

    border-radius: 16px;

    background-size: cover;

    background-position: center;

    position: relative;

    overflow: hidden;

}


.facility::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            transparent,
            #000b
        );

}


.facility b {

    position: absolute;

    z-index: 2;

    bottom: 18px;

    left: 18px;

    color: white;

    font-size: 1rem;

}


/* ADMISSION */

.admission {

    background: #eaf6ff;

}


.admission-box {

    padding: 45px;

    border-radius: 20px;

    box-shadow:
        0 15px 40px #102a4318;

    background: white;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

}


/* CONTACT */

.contact-grid {

    display: grid;

    grid-template-columns: 1fr 1.3fr;

    gap: 55px;

}


.contact-item {

    display: flex;

    gap: 15px;

    margin-bottom: 25px;

}


.contact-icon {

    font-size: 1.6rem;

}


.contact-item a {

    color: var(--blue);

}


form {

    display: grid;

    gap: 14px;

}


input,
select,
textarea {

    padding: 13px;

    border: 1px solid #ccd6e0;

    border-radius: 8px;

    font: inherit;

    width: 100%;

}


textarea {

    resize: vertical;

}


/* FOOTER */

footer {

    background: #081f34;

    color: #b7c9d8;

    padding: 45px 0;

    text-align: center;

}


.footer-brand {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

}


.footer-brand h3 {

    color: white;

}


.footer-brand p {

    color: #b7c9d8;

}


/* MOBILE */

@media (max-width: 850px) {

    nav {

        gap: 12px;

    }


    .cards {

        grid-template-columns: 1fr 1fr;

    }


    .facility-grid {

        grid-template-columns: 1fr 1fr;

    }

}


@media (max-width: 700px) {

    .topbar {

        display: none;

    }


    .menu-btn {

        display: block;

    }


    nav {

        display: none;

        position: absolute;

        top: 78px;

        left: 0;

        right: 0;

        background: white;

        padding: 20px 4%;

        flex-direction: column;

        box-shadow:
            0 10px 20px #00000012;

    }


    nav.open {

        display: flex;

    }


    .hero {

        min-height: 620px;

    }


    .stats {

        gap: 20px;

        flex-wrap: wrap;

    }


    .two-col {

        grid-template-columns: 1fr;

    }


    .cards {

        grid-template-columns: 1fr;

    }


    .facility-grid {

        grid-template-columns: 1fr;

    }


    .admission-box {

        display: block;

    }


    .admission-box .btn {

        margin-top: 15px;

    }


    .contact-grid {

        grid-template-columns: 1fr;

    }


    .page-hero {

        padding: 65px 0;

    }

}


@media (max-width: 480px) {

    .brand strong {

        font-size: .88rem;

    }


    .brand small {

        font-size: .58rem;

    }

}
body{font-family:Poppins,Arial,sans-serif;color:var(--text);line-height:1.7;background:#fff}
h1,h2,h3,h4,strong,.brand{font-family:Montserrat,Arial,sans-serif;color:var(--navy)}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.08}
h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:.55rem 0 1.1rem}
h3{font-size:1.3rem;margin:.5rem 0}
p{margin-bottom:1rem}.container{width:min(1120px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:.82rem}.topbar-inner{display:flex;gap:28px;justify-content:flex-end;padding:7px 0}
.header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.06)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;color:#78909c;font:500 .68rem Poppins;letter-spacing:1.5px}
.logo-mark{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;font:800 1rem Montserrat;box-shadow:0 7px 18px rgba(23,105,170,.25)}
nav{display:flex;gap:25px;align-items:center}nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:.86rem}nav a:hover{color:var(--blue)}
.menu-btn{display:none;border:0;background:transparent;font-size:1.8rem;color:var(--navy)}
.hero{min-height:690px;display:flex;align-items:center;position:relative;background:url('images/sameer\ \(1\).jpeg') center/cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,52,.9),rgba(8,31,52,.55),rgba(8,31,52,.12))}
.hero-content{position:relative;color:#fff;padding:90px 0}.hero h1{color:#fff;max-width:800px}.hero h1 span{color:var(--gold)}.hero p{max-width:680px;font-size:1.12rem;color:#eef6fb;margin:22px 0 30px}.eyebrow,.section-label{font:700 .76rem Montserrat;letter-spacing:2px;color:var(--gold)}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 24px;border-radius:7px;text-decoration:none;border:2px solid transparent;font-weight:700;cursor:pointer;font-family:Poppins}.btn.primary{background:var(--gold);color:#172b3a}.btn.light{background:#fff;color:var(--navy)}.btn.outline{border-color:var(--blue);color:var(--blue);background:#fff}.btn:hover{transform:translateY(-2px)}
.hero-stats{display:flex;gap:45px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.6rem;color:#fff}.hero-stats span{font-size:.78rem;color:#dceaf2}
.section{padding:95px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.image-card{position:relative}.image-card img,.rounded-img{width:100%;display:block;border-radius:20px}.experience-badge{position:absolute;bottom:-25px;right:-20px;background:var(--gold);padding:18px 24px;border-radius:14px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.experience-badge strong{font-size:2rem}.experience-badge span{font-size:.75rem;font-weight:600;line-height:1.3}
.section-label{color:var(--blue)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0;font-size:.9rem}.check-grid div{font-weight:600;color:#486581}.text-link{font-weight:700;color:var(--blue);text-decoration:none}
.cards-section{background:var(--light)}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading p{color:#627d98}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fff;padding:35px;border-radius:16px;box-shadow:var(--shadow);border:1px solid #e7eef4}.feature-card.featured{transform:translateY(-10px);border-top:4px solid var(--gold)}.icon{font-size:2.1rem}
.facilities{background:var(--navy);color:#fff}.facilities h2{color:#fff}.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.facility{min-height:290px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden}.facility:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.facility span{position:absolute;z-index:2;bottom:18px;left:18px;font:700 1rem Montserrat;color:#fff}
.activity-list{display:grid;gap:15px;margin-top:25px}.activity-list div{padding:15px 18px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;display:flex;flex-direction:column}.activity-list span{font-size:.82rem;color:#627d98}
.admission{background:var(--sky)}.admission-box{background:#fff;padding:48px;border-radius:20px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:30px}.admission-actions{display:flex;gap:10px;flex-shrink:0}
.notice{background:#fff}.notice-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.notice-card,.quote-card{padding:38px;border-radius:18px;background:var(--light)}.notice-card ul{list-style:none;display:grid;gap:12px;margin-top:20px}.notice-card li{display:flex;gap:15px;align-items:center;background:#fff;padding:13px;border-radius:10px}.notice-card li>span{background:var(--blue);color:#fff;border-radius:8px;padding:6px 10px;font-weight:700}.notice-card small{display:block;color:#78909c}.quote-card{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center}.quote-card p{color:#e5eef5;font-size:1.2rem}.quote-card strong{color:var(--gold)}.quote{font-size:4rem;line-height:.7;color:var(--gold)}
.contact{background:var(--light)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-info{display:grid;gap:20px}.contact-item{display:flex;gap:15px}.contact-item>div:first-child{font-size:1.5rem}.contact-item p{margin:.2rem 0;color:#627d98;font-size:.9rem}.contact-item a{color:var(--blue);text-decoration:none}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #ccd6e0;border-radius:8px;font:inherit;background:#fff}.contact-form textarea,.contact-form button,.form-message{grid-column:1/-1}.form-message{margin:0;font-size:.85rem;font-weight:600}
footer{background:black;color:#b7c9d8;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-brand strong{color:#fff}.footer-grid h4{color:#fff;margin-bottom:15px}.footer-grid a{display:block;color:#b7c9d8;text-decoration:none;margin:5px 0;font-size:.9rem}.copyright{border-top:1px solid rgba(255,255,255,.1);padding:16px;text-align:center;font-size:.78rem}
.top-btn{position:fixed;right:22px;bottom:22px;width:45px;height:45px;border:0;border-radius:50%;background:var(--gold);color:#102a43;font-size:1.2rem;font-weight:bold;display:none;cursor:pointer;z-index:999}
@media(max-width:900px){nav{gap:12px}.two-col{gap:40px}.facility-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.feature-card.featured{transform:none}}
@media(max-width:720px){.topbar{display:none}.nav-wrap{min-height:68px}.menu-btn{display:block}nav{position:absolute;top:68px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:20px 4%;box-shadow:0 12px 20px rgba(0,0,0,.08)}nav.open{display:flex}.hero{min-height:620px}.hero-content{padding:70px 0}.hero-stats{gap:20px;flex-wrap:wrap;margin-top:40px}.section{padding:70px 0}.two-col,.contact-grid,.notice-grid{grid-template-columns:1fr}.image-card{margin-bottom:25px}.cards,.facility-grid{grid-template-columns:1fr}.admission-box{padding:30px;display:block}.admission-actions{margin-top:20px}.contact-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.experience-badge{right:10px}.hero h1{font-size:2.8rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.brand strong{font-size:.88rem}.brand small{font-size:.58rem}}