@font-face{font-family:"Roboto";src:url(../fonts/roboto-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url(../fonts/roboto-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* =================== 1. MODERN CSS RESET & BOX-SIZING =================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{min-height:100vh;min-height:100dvh;font-family:var(--font-main);font-size:clamp(1.4rem,1rem + 0.4vw,1.6rem); font-weight:400; color:#000; line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;}

/* =================== 2. GLOBAL CSS VARIABLES =================== */
:root{
--primary:#d74222;--secondary:#f1bb63;--dark:#111;--white:#fff;--shadow:0 0.25rem 0.5rem rgba(0,0,0,0.1);
--font-main:'Roboto', system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Ubuntu,Cantarell,sans-serif;
--font-heading:var(--font-main);
--container-padd:0 2rem;
--container-max-width:1400px;
}

@media (min-width:768px){:root{--container-padd:0 2.5rem;}}
@media (min-width:1024px){:root{--container-padd:0 3.2rem;}}
@media (min-width:1200px){:root{--container-padd:0 4.8rem;}}
@media (min-width:1440px){:root{--container-padd:0 5%;}}
@media (min-width:1800px){:root{--container-padd:0 8.33%;}}

/* =================== 3. TYPOGRAPHY & LAYOUT =================== */
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-block-end:0.8em;text-wrap:balance;}
h1{font-size:clamp(2.8rem,1.8rem + 1.67vw, 3.6rem);}
h2{font-size:clamp(2.2rem,1.48rem + 1.19vw,2.8rem);}
h3{font-size:clamp(1.8rem,1.37rem + 0.71vw,2.2rem);}
h4{font-size:1.7rem;}
h5{font-size:1.6rem;}
h6{font-size:1.5rem;}
p{margin-block-end:1.6rem;text-wrap:pretty;}
.container,.container-fluid{width:100%; padding:var(--container-padd)}
img,picture,video,canvas,svg{width:100%;display:block;max-width:100%;height:auto;}
button,input,select,textarea{font:inherit;color:inherit;}
button,label,select,summary,[type=radio],[type=checkbox]{cursor:pointer;}
a{color:inherit;text-decoration:none;text-decoration-skip-ink:auto;}
ul,ol{list-style:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}}

/* =================== 4. SMART STICKY HEADER =================== */
header{position:sticky;top:0;left:0;width:100%;background:var(--white);z-index:9999;transition:top 0.3s cubic-bezier(0.4,0,0.2,1);}
.top-bar{background:var(--primary);color:var(--white);}
.top-bar-inner{display:flex;flex-direction:column;align-items:center;padding-block:0.8rem;}
.top-left{font-size:1.6rem;font-weight:600;padding-block:0.8rem;}
.top-right{display:flex;flex-direction:column;width:100%;gap:0.8rem;}
.btn-student-login,.btn-apply-now{background:var(--primary);color:var(--white);min-height:3rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:0.4rem;padding:0.8rem; border:0.2rem solid var(--white);border-radius:3rem;}
.btn-student-login{gap:0.8rem;font-size:1.4rem;font-weight:600;}
.btn-student-login svg{border:0.2rem solid var(--white);border-radius:50%;padding:0.2rem; width:2.4rem;}
.btn-student-login:hover{background:#8d1d09;}
.btn-apply-now{flex-direction:column;font-weight:600;line-height:1.2;gap:0.2rem;animation:bgHighlight 1.5s infinite alternate ease-in-out;}
.apply-line1{font-size:1.4rem;}
.apply-line2{font-size:1.2rem;font-weight:600;}
@keyframes bgHighlight{0%{background:var(--primary);color:var(--white);}100%{background:#fcf1a1;color:#222;border-color:#fcf1a1;}}
.admission-banner{display:none;}

/* =================== 5. MAIN NAVIGATION =================== */
.header-main{background:var(--white);border-bottom:0.0625rem solid #e5e5e5;}
.header-main-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:1.2rem;}
.logo img{width:180px;height:auto;}
.menu-button{width:100%;background:var(--primary);color:var(--white);padding:1.2rem;margin-top:1.2rem;text-align:center;font-size:1.6rem;font-weight:600;border-radius:0.4rem;border:none;}
.main-nav{width:100%;}
.flexnav{display:none;flex-direction:column;background:var(--white);margin-top:0.8rem;border:0.1rem solid #eee;}
.flexnav.active{display:flex;}
.flexnav li{border-bottom:0.1rem solid #f1f1f1;position:relative;}
.flexnav li a{display:block;padding:1.2rem 1.6rem;font-size:1.6rem;font-weight:600;}
.has-child > a{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 1.6rem center;}
.has-child.active > a{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7 14l5-5 5 5z"/></svg>') no-repeat right 1.6rem center;}
.submenu,.submenu-level3{display:none;background:#fafafa;}
.has-child.active > .submenu,.has-child.active > .submenu-level3{display:block;}
.submenu li a{padding-left:2.4rem;font-size:1.5rem;}
.submenu-level3 li a{padding-left:3.2rem;font-size:1.4rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="2" cy="2" r="2" fill="%23d74222"/></svg>') no-repeat 2rem center;}

.hero{width:100%;}

@media (min-width:768px){
	.btn-student-login,.btn-apply-now{max-width:40rem;margin:auto;width:100%;}
}

@media (min-width:1024px){
	.top-bar-inner{flex-direction:row;justify-content:space-between;padding-block:0;height:5.6rem;}
	.top-left{padding-block:0;}
	.top-right{flex-direction:row;width:auto;gap:0;white-space:nowrap;}
	.btn-student-login,.btn-apply-now{padding:0 1.6rem;margin:0.8rem;height:4rem;max-width:100%;}
	.btn-student-login{font-size:1.5rem;gap:0.5rem;}
	.btn-apply-now{padding:0.4rem 2rem;}
	.admission-banner{display:flex; align-items:center;background:#f3dfc4;color:#45180d;padding:0 1rem;font-size:1.2rem;font-weight:600;white-space:nowrap;margin:0 0 0 0.5rem;height:5.6rem;}
	.header-main-inner{flex-wrap:wrap;}
	.logo{display:flex; justify-content:center;margin:auto;}
	.menu-button{display:none;}
	.main-nav{flex:1; }
	.flexnav{display:flex;flex-direction:row;justify-content:center;gap:2.4rem;border:none;margin-top:0;background:transparent;}
	.flexnav li{border:none;}
	.flexnav > li > a{padding:1.6rem 1.6rem 1.6rem 0; font-weight:400; font-size:1.5rem; white-space:nowrap;}
	.flexnav > li > a:hover{color:var(--primary);}
	.flexnav li:hover > .submenu,.flexnav li:hover > .submenu-level3{display:block;opacity:1;visibility:visible;transform:translate(0, 0);}
	.submenu{display:block;position:absolute;top:100%;left:0;min-width:26rem;background:var(--white);padding:0;opacity:0;visibility:hidden;transition:all 0.3s ease;border:1px solid var(--primary);}
	.submenu-level3{display:block;position:absolute;top:0;margin-top:-1px;left:100%;min-width:26rem;background:var(--white);padding:0;opacity:0;visibility:hidden;transition:all 0.3s ease;border:1px solid var(--primary);}
	.submenu-level3.drop-left{left:auto;right:100%;margin-left:0;margin-right:-1px;transform:translateX(-8px);}
	.has-child > a{padding-right:2rem; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 0 center;}
	.submenu > .has-child > a{padding-right:2.4rem; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M10 7l5 5-5 5z"/></svg>') no-repeat right 8px center;}	
	.submenu li,.submenu-level3 li{border-bottom:1px solid var(--primary);}
	.submenu li:last-child,.submenu-level3 li:last-child{border-bottom:none;}
	.submenu li a,.submenu-level3 li a{padding:0.5rem 1.6rem;background:none;transition:background 0.2s; font-weight:400; font-size:1.4rem;}
	.submenu li a:hover,.submenu-level3 li a:hover{background:#f7f7f7;color:var(--primary);}
}

@media (min-width:1200px){
	.admission-banner{font-size:1.4rem;margin:0 0 0 0.8rem;}
	.logo{display:flex; justify-content:start;margin:0;}
	.logo img{width:120px;}
	.flexnav{justify-content:flex-end;}
	.flexnav > li > a{font-size:1.4rem;}
	.flexnav > li:last-child > a{padding:1.6rem 0;}
	.submenu li a,.submenu-level3 li a{font-size:1.3rem;}
}

@media (min-width:1280px){
	.logo img{width:180px;}
}

@media (min-width:1360px){	
	.logo img{width:180px;}
	.flexnav > li > a{font-size:1.6rem;}	
	.submenu li a,.submenu-level3 li a{font-size:1.4rem;}
}
@media (min-width:1440px){
	.container-fluid{padding:0 2%;}
}

@media (min-width:1800px){
	.flexnav > li > a{font-size:1.8rem;}	
}