:root{
 --purple:#28166f;--purple2:#39238d;--purple3:#4b35a1;--orange:#ff9718;--orange2:#f67e0d;--yellow:#ffbd27;
 --ink:#1f2340;--muted:#68718b;--white:#fff;--soft:#f7f5ff;--line:#e9e6f3;--green:#66c934;--shadow:0 18px 45px rgba(26,14,87,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%}a{text-decoration:none;color:inherit}.ref-wrap,.wrap{width:min(1440px,calc(100% - 54px));margin:auto}
.ref-topbar{background:var(--purple);color:#fff;position:relative;z-index:90}.ref-topbar-inner{height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ref-contact,.ref-quick-actions{display:flex;align-items:center;gap:18px}.ref-contact a,.ref-contact span{font-size:13px;font-weight:700}.ref-contact a span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:6px;border-radius:50%;background:var(--orange);font-size:11px}.ref-quick-actions{gap:10px}.ref-quick-actions a{background:var(--orange);color:#fff;border-radius:8px;padding:7px 15px;font-weight:800;font-size:12px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}.ref-quick-actions a:hover{background:#ffad39}
.ref-nav-shell{background:linear-gradient(180deg,var(--purple) 0,var(--purple) 62%,transparent 62%);position:relative;z-index:80;padding:0 0 12px}.ref-header{height:92px;background:#fff;border-radius:0 0 14px 14px;display:flex;align-items:center;padding:0 26px;box-shadow:0 9px 25px rgba(18,8,72,.2);position:relative}.ref-brand{display:flex;align-items:center;gap:12px;min-width:410px}.ref-brand img{width:72px;height:72px;object-fit:contain}.ref-brand span{display:flex;flex-direction:column;line-height:1.06}.ref-brand b{font-family:Georgia,"Times New Roman",serif;color:#79161d;font-size:22px;white-space:nowrap}.ref-brand strong{color:#f07812;font-size:13px;letter-spacing:4.5px;margin-top:5px}.ref-brand small{color:#b01c21;font-size:9px;font-weight:800;margin-top:6px}.ref-nav{margin-left:auto;display:flex;align-items:center;gap:4px;height:100%}.ref-nav>a,.ref-drop>button{border:0;background:transparent;padding:11px 9px;color:#2d275c;font:700 13px/1 Inter,"Segoe UI",Arial;cursor:pointer;white-space:nowrap}.ref-nav>a:hover,.ref-drop>button:hover{color:var(--orange2)}.ref-drop{position:relative;height:100%;display:flex;align-items:center}.ref-drop-menu{display:none;position:absolute;top:72px;left:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(30,18,87,.18);border-top:4px solid var(--orange);padding:8px;z-index:150}.ref-drop:hover .ref-drop-menu{display:block}.ref-drop-menu a{display:block;padding:10px 12px;border-radius:7px;color:#393360;font-size:12px;font-weight:700}.ref-drop-menu a:hover{background:#fff3e4;color:#c95d00}.ref-menu-btn{display:none;margin-left:auto;border:0;background:var(--purple);color:#fff;width:42px;height:42px;border-radius:9px;font-size:20px}.floating-enquiry{position:fixed;right:0;top:46%;z-index:140;background:var(--orange);color:#fff;font-weight:800;font-size:13px;padding:16px 10px;writing-mode:vertical-rl;border-radius:9px 0 0 9px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
/* Home hero */
.pdf-hero{background:radial-gradient(circle at 75% 30%,#6d5bc0 0,transparent 28%),linear-gradient(118deg,#1e1260 0,#2c1977 55%,#49359b 100%);color:#fff;padding:50px 0 42px;overflow:hidden;position:relative}.pdf-hero:before{content:"";position:absolute;inset:auto -6% -160px auto;width:620px;height:620px;border-radius:50%;background:linear-gradient(135deg,#ff8e1714,#fff0);border:80px solid #ffffff08}.pdf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.pdf-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffad24;font-weight:900;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.pdf-hero h1{font-size:57px;line-height:1.02;margin:14px 0 18px;font-weight:900;letter-spacing:-2px}.pdf-hero h1 span{color:var(--orange)}.pdf-hero p{font-size:17px;color:#ded9ff;max-width:730px;margin:0 0 22px}.pdf-actions{display:flex;gap:12px;flex-wrap:wrap}.pdf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 21px;border-radius:9px;font-size:13px;font-weight:900}.pdf-btn.orange{background:var(--orange);color:#fff}.pdf-btn.green{background:var(--green);color:#fff}.pdf-btn.ghost{border:1px solid #ffffff55;color:#fff;background:#ffffff0d}.pdf-course-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.pdf-chip{background:linear-gradient(#ffbf2d,#f79a13);color:#2b176d;border-radius:12px;padding:15px 10px;text-align:center;font-weight:900;box-shadow:0 8px 18px #15095555;border:1px solid #ffc94d}.pdf-chip small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:3px;color:#5c3869}.pdf-hero-media{position:relative;min-height:440px;display:flex;justify-content:center;align-items:flex-end}.pdf-hero-media:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#ff9a1b20;top:25px;right:12%;border:2px dashed #ffb43855}.pdf-hero-media img{position:relative;width:min(410px,90%);height:440px;object-fit:cover;object-position:center top;border-radius:20px 20px 5px 5px;box-shadow:0 30px 70px rgba(0,0,0,.32);border:4px solid #fff}.pdf-media-label{position:absolute;left:15px;bottom:24px;background:#fff;color:#2d176f;border-radius:13px;padding:13px 16px;box-shadow:var(--shadow);font-size:11px;font-weight:900}.pdf-media-label b{display:block;color:#e5730c;font-size:14px}
.notice-bar{background:#7b150f;color:#fff;border-top:5px solid #f6a11a}.notice-inner{display:grid;grid-template-columns:180px 1fr auto;align-items:center;min-height:47px;gap:16px}.notice-title{font-weight:900;color:#ffc533}.notice-text{font-size:12px}.notice-qr{font-size:11px;font-weight:800;background:#fff;color:#7b150f;padding:6px 10px;border-radius:6px}
.section,.pdf-section{padding:68px 0}.white{background:#fff}.soft{background:#f8f7fc}.pdf-section-head{text-align:center;max-width:850px;margin:0 auto 34px}.pdf-section-head .mini{font-size:11px;letter-spacing:2px;color:var(--orange2);font-weight:900;text-transform:uppercase}.pdf-section-head h2{font-size:36px;line-height:1.1;color:#29196f;margin:8px 0 10px;font-weight:900}.pdf-section-head p{margin:0;color:var(--muted)}
.pdf-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pdf-category{background:#fff;border:1px solid #eeeaf8;border-radius:12px;min-height:132px;padding:20px;text-align:center;box-shadow:0 8px 20px rgba(35,20,101,.06);transition:.25s}.pdf-category:hover{transform:translateY(-4px);border-color:#f0a337}.pdf-category .icon{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#fff1dc;color:#e66b07;font-size:23px}.pdf-category h3{font-size:14px;margin:0;color:#2f236f}.pdf-category p{font-size:11px;color:#777f96;margin:5px 0 0}
.pdf-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pdf-course-card{background:#fff;border:1px solid #ebe7f3;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(28,17,80,.07);display:flex;flex-direction:column;transition:.25s}.pdf-course-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(28,17,80,.13)}.pdf-course-poster{height:245px;background:#eee;overflow:hidden;position:relative}.pdf-course-poster img{width:100%;height:100%;object-fit:cover;object-position:top}.pdf-course-code{position:absolute;top:10px;left:10px;background:var(--orange);color:#fff;padding:5px 9px;border-radius:6px;font-weight:900;font-size:10px}.pdf-course-body{padding:16px;display:flex;flex-direction:column;flex:1}.pdf-course-cat{font-size:9px;color:#e36a08;text-transform:uppercase;font-weight:900;letter-spacing:.8px}.pdf-course-body h3{font-size:16px;line-height:1.3;margin:6px 0;color:#2c2167}.pdf-course-body p{font-size:11px;color:#6d748a;margin:0}.pdf-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:13px;font-size:10px;color:#6a7186}.pdf-course-price{color:#7a160e;font-size:14px;font-weight:900;margin-left:auto}.pdf-course-link{display:block;margin-top:12px;color:#e46e09;font-size:11px;font-weight:900}
.pdf-feature-band{background:linear-gradient(100deg,#211367,#39238b 62%,#4c369e);color:#fff;padding:62px 0}.pdf-feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.pdf-feature-title h2{font-size:42px;margin:0 0 20px;line-height:1.05}.pdf-feature-title h2 span{color:var(--orange)}.pdf-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.pdf-benefit{padding:14px 20px 22px;border-right:1px solid #ffffff35;border-bottom:1px solid #ffffff2a}.pdf-benefit:nth-child(3n){border-right:0}.pdf-benefit:nth-child(n+4){border-bottom:0}.pdf-benefit .icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:20px}.pdf-benefit h3{color:#ffae28;font-size:15px;margin:9px 0 4px}.pdf-benefit p{font-size:11px;color:#e2ddff;margin:0;line-height:1.55}.pdf-campus-image{background:#fff;border:4px solid #fff;border-radius:28px;padding:5px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.pdf-campus-image img{width:100%;height:430px;object-fit:cover;border-radius:20px}.pdf-campus-image .caption{text-align:center;color:#2e1d77;font-weight:900;padding:8px 0 3px}
.pdf-admission-title{text-align:center;color:#2e1d77;font-size:34px;font-weight:900}.pdf-process{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:28px}.pdf-process .node{text-align:center;position:relative}.pdf-process .node:not(:last-child):after{content:"";position:absolute;height:2px;background:#e7b77b;top:26px;left:63%;width:75%}.pdf-process .round{width:54px;height:54px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#fff;border:3px solid #f29a1e;color:#2c1c72;font-weight:900;box-shadow:0 5px 15px #2a176b12;position:relative;z-index:2}.pdf-process b{display:block;font-size:10px;color:#34266d;margin-top:8px}.pdf-process small{font-size:8px;color:#82889a}
.pdf-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pdf-highlight{background:#fff;border:1px solid #ece8f3;border-radius:12px;padding:23px;box-shadow:0 8px 24px rgba(32,20,89,.05)}.pdf-highlight .icon{color:var(--orange);font-size:29px}.pdf-highlight h3{color:#2d206f;margin:9px 0 5px;font-size:15px}.pdf-highlight p{color:#697187;font-size:11px;margin:0}
.pdf-support{background:#f7f4ff}.pdf-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.pdf-support h2{font-size:38px;color:#2e1d75;margin:0 0 10px}.pdf-support h2 span{color:var(--orange)}.pdf-support p{color:#6d7488}.pdf-support-form{background:var(--orange);padding:25px;border-radius:14px}.pdf-support-form input,.pdf-support-form textarea,.pdf-support-form select{width:100%;padding:12px 13px;border:0;border-radius:7px;margin:6px 0;background:#fff;font:inherit;font-size:12px}.pdf-support-form button{width:100%;border:0;padding:12px;border-radius:7px;background:var(--purple);color:#fff;font-weight:900;margin-top:7px}
.pdf-testimonials{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pdf-testimonial{background:#fff;border:1px solid #ece7f5;border-radius:14px;padding:20px;box-shadow:0 7px 20px rgba(32,20,89,.05)}.pdf-testimonial .quote{color:var(--orange);font-size:28px;line-height:1}.pdf-testimonial p{font-size:11px;color:#676e83}.pdf-testimonial b{color:#2f206f;font-size:12px}
/* Inner page hero and form system */
.page-hero{background:linear-gradient(110deg,#211467,#3b268a);color:#fff;padding:58px 0}.page-hero h1{font-size:42px;line-height:1.08;margin:8px 0}.page-hero p{max-width:800px;color:#dcd7ff}.eyebrow{display:inline-block;color:#ffad24;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:1.4px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 18px;font-weight:900;font-size:12px;border:1px solid transparent}.btn-orange,.btn-primary{background:var(--orange);color:#fff}.btn-light{background:#fff;color:#2b1b72}.btn-outline{border-color:#2d1e75;color:#2d1e75;background:#fff}.section-head{max-width:820px;margin:0 auto 32px;text-align:center}.section-head span{font-size:10px;color:var(--orange2);font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.section-head h2{font-size:34px;line-height:1.15;color:#2d1e75;margin:7px 0}.section-head p{color:var(--muted);margin:0}.form-shell{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.form-card,.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(29,17,78,.08)}.form-card{padding:26px}.info-card{padding:22px;position:sticky;top:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:11px;color:#3d3b55}.field input,.field select,.field textarea{border:1px solid #dedbe8;border-radius:8px;padding:11px;background:#fff;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f19a23;box-shadow:0 0 0 3px #ff9d1a17}.field textarea{min-height:100px}.checklist{padding:0;list-style:none}.checklist li{padding:8px 0;border-bottom:1px dashed #ebe7f2;font-size:12px;color:#5d6377}.checklist li:before{content:"✓";color:#e4740a;font-weight:900;margin-right:7px}.table-wrap{overflow:auto;border:1px solid #eae7f1;border-radius:12px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid #eeeaf4;text-align:left;font-size:11px}.data-table th{background:#f7f4ff;color:#382779}.alert{padding:11px 13px;border-radius:8px;margin-bottom:12px}.alert-error{background:#fff0f0;color:#9b1e22}.alert-ok{background:#eaf9f1;color:#087155}.empty{padding:35px;text-align:center;color:#7a8192}
/* Course detail */
.course-detail-grid{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.course-detail-poster{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:120px}.course-detail-poster img{width:100%;display:block}.course-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.course-summary div{background:#f7f4ff;border-radius:10px;padding:14px}.course-summary small{display:block;color:#777d91;font-size:9px}.course-summary b{color:#2e2072;font-size:13px}
/* Footer */
.ref-footer{background:#25166e;color:#ddd8f7;margin-top:0;border-top:5px solid var(--orange)}.ref-footer-top{padding:48px 0}.ref-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:35px}.ref-footer h4{margin:0 0 12px;color:#fff;font-size:14px}.ref-footer a{display:block;color:#ddd8f7;font-size:11px;margin:7px 0}.ref-footer a:hover{color:#ffad28}.ref-footer p{font-size:11px;color:#c9c3eb}.ref-footer-logo{display:flex;align-items:center;gap:12px}.ref-footer-logo img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:50%}.ref-footer-logo b{display:block;color:#fff;font-size:13px}.ref-footer-logo span{display:block;color:#ff9d1c;font-size:9px}.ref-iso{display:inline-block;border:1px solid #ffffff25;border-radius:7px;padding:6px 9px;font-size:9px}.ref-copyright{text-align:center;padding:14px;border-top:1px solid #ffffff15;font-size:10px;background:#1e105d}
/* legacy class fallback */
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{background:#fff;border:1px solid #eae6f3;border-radius:14px;padding:20px}.course-card h3{color:#2d1e75}.course-card p{color:var(--muted);font-size:12px}.course-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:10px}.course-link{color:#df6d09;font-weight:900;font-size:11px}.category-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card,.feature{background:#fff;border:1px solid #ece8f4;border-radius:12px;padding:20px}.digital-band{background:linear-gradient(110deg,#25166e,#3b278c);color:#fff;border-radius:16px;padding:30px;display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.portal-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-pills a{background:#fff1;border:1px solid #fff3;padding:11px;border-radius:8px;text-align:center;font-size:11px}
@media(max-width:1200px){.ref-brand{min-width:340px}.ref-brand b{font-size:18px}.ref-nav>a,.ref-drop>button{font-size:11px;padding:10px 6px}.pdf-course-grid{grid-template-columns:repeat(3,1fr)}.pdf-process{grid-template-columns:repeat(4,1fr);row-gap:25px}.pdf-process .node:nth-child(4):after{display:none}}
@media(max-width:1050px){.ref-topbar-inner{height:auto;min-height:42px}.ref-quick-actions a:nth-child(3){display:none}.ref-header{height:78px}.ref-brand{min-width:0}.ref-brand img{width:58px;height:58px}.ref-brand b{font-size:16px}.ref-brand strong{font-size:10px}.ref-menu-btn{display:block}.ref-nav{display:none;position:absolute;top:80px;left:10px;right:10px;height:auto;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:8px;flex-direction:column;align-items:stretch}.ref-nav.open{display:flex}.ref-nav>a,.ref-drop>button{width:100%;text-align:left;padding:12px}.ref-drop{height:auto;display:block}.ref-drop:hover .ref-drop-menu{display:none}.ref-drop.open .ref-drop-menu{display:block}.ref-drop-menu{position:static;box-shadow:none;border-top:0;margin:0 5px 6px;background:#f8f6ff}.pdf-hero-grid,.pdf-feature-grid,.pdf-support-grid{grid-template-columns:1fr}.pdf-hero-media{min-height:380px}.pdf-hero-media img{height:380px}.pdf-category-grid{grid-template-columns:repeat(2,1fr)}.pdf-highlights{grid-template-columns:repeat(2,1fr)}.pdf-benefits{grid-template-columns:repeat(2,1fr)}.pdf-benefit:nth-child(3n){border-right:1px solid #ffffff35}.pdf-benefit:nth-child(2n){border-right:0}.pdf-testimonials{grid-template-columns:repeat(2,1fr)}.form-shell,.course-detail-grid{grid-template-columns:1fr}.info-card,.course-detail-poster{position:static}.ref-footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:700px){.ref-wrap,.wrap{width:min(100% - 24px,1440px)}.ref-contact a:nth-child(2){display:none}.ref-quick-actions a{padding:6px 9px;font-size:10px}.ref-quick-actions a:nth-child(3),.ref-quick-actions a:nth-child(4){display:none}.ref-nav-shell{padding-bottom:7px}.ref-header{padding:0 12px}.ref-brand img{width:50px;height:50px}.ref-brand b{font-size:12px}.ref-brand strong{font-size:8px;letter-spacing:2px}.ref-brand small{display:none}.floating-enquiry{font-size:10px;padding:10px 7px}.pdf-hero{padding:38px 0}.pdf-hero h1{font-size:39px}.pdf-hero p{font-size:14px}.pdf-course-chips{grid-template-columns:1fr 1fr}.pdf-hero-media{min-height:330px}.pdf-hero-media img{height:330px;width:90%}.notice-inner{grid-template-columns:1fr}.notice-bar{padding:9px 0}.notice-qr{display:none}.pdf-section,.section{padding:48px 0}.pdf-section-head h2,.section-head h2{font-size:29px}.pdf-category-grid,.pdf-course-grid,.pdf-highlights,.pdf-testimonials{grid-template-columns:1fr}.pdf-course-poster{height:320px}.pdf-benefits{grid-template-columns:1fr}.pdf-benefit{border-right:0!important;border-bottom:1px solid #ffffff2a!important}.pdf-benefit:last-child{border-bottom:0!important}.pdf-feature-title h2{font-size:32px}.pdf-campus-image img{height:300px}.pdf-process{grid-template-columns:repeat(2,1fr)}.pdf-process .node:after{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.course-summary{grid-template-columns:1fr}.ref-footer-grid{grid-template-columns:1fr 1fr}.ref-footer-brand{grid-column:1/-1}.page-hero h1{font-size:34px}.digital-band{grid-template-columns:1fr}.portal-pills{grid-template-columns:1fr}}
@media(max-width:430px){.ref-contact{display:none}.ref-topbar-inner{justify-content:center}.ref-quick-actions a:nth-child(2){display:inline-block}.pdf-course-chips{grid-template-columns:1fr}.pdf-course-poster{height:270px}.ref-footer-grid{grid-template-columns:1fr}.ref-footer-brand{grid-column:auto}}
/* ===== Franchise / FAQ / Payment upgrade ===== */
.terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.terms-card{background:#fff;border:1px solid #ebe7e3;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(30,20,70,.05)}.terms-card>b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2e1d75;color:#fff;margin-bottom:14px}.terms-card h3{margin:0 0 8px;color:#2e1d75;font-size:17px}.terms-card p{margin:0;color:#6b7284;font-size:13px;line-height:1.7}.faq-list{max-width:1050px;margin:auto;display:grid;gap:11px}.faq-item{background:#fff;border:1px solid #e7e3ed;border-radius:15px;box-shadow:0 8px 22px rgba(31,21,75,.04);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:800;color:#2e1d75;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff2df;color:#e67808}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 20px 19px;margin:0;color:#68718b;line-height:1.7;font-size:13px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-label{display:flex;flex-direction:column;gap:6px;color:#4d4372;font-size:11px;font-weight:800}.upload-label input{background:#fff}.terms-check{display:flex;gap:8px;align-items:flex-start;color:#544e67;font-size:11px;line-height:1.5}.terms-check input{width:auto;margin-top:2px}.terms-check a{color:#e7790d;font-weight:800}.payment-public-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.pay-card{border-radius:18px}.pay-due{padding:6px 0 20px;border-bottom:1px solid #eee;margin-bottom:20px}.pay-due span,.pay-due small{display:block;color:#7b8090;font-size:11px}.pay-due strong{display:block;color:#2e1d75;font-size:34px;margin:4px 0}.gateway-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gateway-btn{display:flex;flex-direction:column;padding:14px;border:1px solid #e5dff0;border-radius:12px;background:#faf8ff}.gateway-btn b{color:#2e1d75}.gateway-btn span{font-size:10px;color:#77738b;margin-top:4px}.qr-pay{text-align:center;padding:15px;background:#faf8ff;border:1px solid #ece6f5;border-radius:14px;margin:14px 0}.qr-pay img{width:min(220px,100%);aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px}.qr-pay small{display:block;margin-top:8px;color:#777}.payment-details p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:9px 0;border-bottom:1px dashed #e5e3ea;font-size:12px}.payment-details b{color:#2e1d75}.payment-details span{text-align:right;color:#555d70}@media(max-width:900px){.terms-grid{grid-template-columns:1fr 1fr}.payment-public-grid{grid-template-columns:1fr}}@media(max-width:600px){.terms-grid{grid-template-columns:1fr}.form-row-2,.gateway-buttons{grid-template-columns:1fr}}
@media(max-width:700px){.ref-quick-actions a:nth-child(1),.ref-quick-actions a:nth-child(3),.ref-quick-actions a:nth-child(4),.ref-quick-actions a:nth-child(6){display:none}.ref-quick-actions a:nth-child(2),.ref-quick-actions a:nth-child(5){display:inline-block}}

/* ===== DYNAMIC WEBSITE / STICKY NAVIGATION UPGRADE 2026-08 ===== */
html{scroll-padding-top:155px}
.site-sticky-stack{position:sticky;top:0;z-index:500;background:var(--purple);box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow .2s ease}
.site-sticky-stack.is-scrolled{box-shadow:0 8px 28px rgba(23,11,70,.22)}
.site-sticky-stack .ref-topbar,.site-sticky-stack .ref-nav-shell{position:relative;z-index:auto}
.ref-nav-shell{padding-bottom:12px}
.ref-header{border-radius:0 0 16px 16px}
.ref-nav{gap:2px}
.ref-nav>a,.ref-drop>button{font-size:12px;padding:11px 8px}
.ref-drop>button{display:flex;align-items:center;gap:3px}
.nav-caret{font-size:10px;opacity:.7}
.franchise-menu>button{background:#fff2e3;color:#b84e00;border-radius:9px;padding-inline:11px!important}
.franchise-menu>button:hover{background:var(--orange);color:#fff}
.franchise-menu .ref-drop-menu{min-width:255px;border-top-color:#ff8c14}
.ref-drop-menu a{display:flex;align-items:center;gap:8px}

/* Better dynamic category cards */
.pdf-category{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pdf-category:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(43,23,111,.11);border-color:#f6c38d}
.pdf-category small{display:block;margin-top:10px;color:#e16c09;font-size:9px;letter-spacing:.7px;font-weight:900}

/* Premium College Highlights */
.pro-highlight-section{background:linear-gradient(180deg,#faf9ff,#f5f2ff)}
.pro-highlight-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}
.pro-highlight-head>div{max-width:850px}.pro-highlight-head h2{font-size:40px;line-height:1.08;color:#2b176f;margin:7px 0 8px;font-weight:900}.pro-highlight-head p{margin:0;color:#70778e;font-size:14px}
.pro-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pro-highlight-card{min-height:215px;background:#fff;border:1px solid #e9e5f4;border-radius:18px;padding:20px;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(32,18,90,.055);overflow:hidden;transition:.22s ease}
.pro-highlight-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#fff2df,#f3ecff);right:-42px;top:-48px}
.pro-highlight-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(39,22,104,.12);border-color:#f0bd83}
.pro-highlight-number{position:absolute;right:16px;top:14px;color:#e8e1f7;font-size:30px;font-weight:900;line-height:1}
.pro-highlight-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#ff9818,#ffb22c);display:grid;place-items:center;font-size:25px;box-shadow:0 10px 22px #f58a182a;overflow:hidden;position:relative;z-index:1}.pro-highlight-icon img{width:100%;height:100%;object-fit:cover}
.pro-highlight-copy{margin-top:18px;position:relative;z-index:1}.pro-highlight-copy h3{margin:0 0 7px;color:#27176b;font-size:16px}.pro-highlight-copy p{margin:0;color:#71798c;font-size:11px;line-height:1.7}.pro-highlight-copy span{display:inline-block;margin-top:15px;color:#e36d08;font-size:10px;font-weight:900}

/* Payment policy UI */
.payment-safety-strip{background:#fff8e9;border-bottom:1px solid #f6dfb9}.payment-safety-strip .ref-wrap{min-height:50px;display:flex;align-items:center;gap:10px}.payment-safety-strip span{font-size:20px}.payment-safety-strip b{color:#59226a;font-size:12px;white-space:nowrap}.payment-safety-strip p{margin:0;color:#7a6e62;font-size:11px}
.gateway-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gateway-policy-card{border:1px solid #e8e4ef;border-radius:14px;padding:14px;background:#fff}.gateway-policy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.gateway-policy-head b{color:#291770}.gateway-policy-head span{font-size:12px;font-weight:900;color:#981a1f}.payment-policy-box{border:1px solid #eee8f7;border-radius:10px;background:#faf8ff;margin:10px 0;overflow:hidden}.payment-policy-box summary{cursor:pointer;padding:10px 12px;color:#3d287e;font-size:10px;font-weight:900}.payment-policy-copy{border-top:1px solid #eee8f7;padding:11px 13px;font-size:10px;color:#687086;line-height:1.7}.payment-policy-copy p{margin:0 0 8px}.payment-policy-copy h4{color:#3b2879;margin:10px 0 4px;font-size:10px}.payment-consent{display:flex;gap:8px;align-items:flex-start;padding:9px 0;font-size:10px;color:#5e6372;line-height:1.55}.payment-consent input{margin-top:3px}.gateway-submit{width:100%;border:0;cursor:pointer;text-align:left}.policy-public-link{display:block;margin-top:14px;color:#e16c08;font-size:10px;font-weight:900}.sticky-payment-aside{position:sticky;top:160px}.payment-policy-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment-policy-public-card{border:1px solid #e8e4f0;border-radius:18px;padding:25px;background:#fff;box-shadow:0 9px 28px rgba(35,21,90,.06)}.payment-policy-public-card h2{margin:8px 0 15px;color:#2e1a73;font-size:23px}.legal-copy h3{font-size:12px;color:#7d1a1e;margin:16px 0 6px}.legal-copy p{font-size:11px;color:#697187}.consent-preview{margin-top:15px;padding:11px;background:#fff4e6;border-radius:9px;color:#834100;font-size:10px;font-weight:800}

/* Admin CMS additions */
.cms-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.cms-tabs button{border:1px solid #e1ddef;background:#fff;color:#4f4380;padding:9px 14px;border-radius:9px;font-weight:800;font-size:10px;cursor:pointer}.cms-tabs button.active{background:#2d176f;color:#fff;border-color:#2d176f}.cms-pane{display:none}.cms-pane.active{display:block}.cms-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.cms-mini-card{display:flex;gap:12px;padding:14px;border:1px solid #ece9f2;border-radius:13px;background:#fff}.cms-mini-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#fff1e1;font-size:21px;flex:none}.cms-mini-card small{font-size:8px;color:#978ba9;font-weight:800}.cms-mini-card h4{font-size:12px;color:#2d176f;margin:4px 0}.cms-mini-card p{font-size:9px;color:#768094;margin:0 0 10px;line-height:1.5}.cms-mini-actions{display:flex;gap:6px}.policy-scope-note{padding:11px 13px;border-radius:11px;background:#f5f2ff;color:#584a7e;font-size:10px;margin-bottom:14px}.payment-term-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.payment-term-admin-card{background:#fff;border:1px solid #e8e5ef;border-radius:15px;padding:17px;box-shadow:0 8px 25px rgba(41,24,103,.04)}.payment-term-admin-card .gateway-logo-text{font-size:15px;font-weight:900;color:#2c176d;margin-bottom:8px}.payment-term-admin-card h3{font-size:12px;margin:12px 0 5px;color:#4a1c57}.payment-term-admin-card p{font-size:9px;color:#7a8290;min-height:30px}

@media(max-width:1250px){.pro-highlights{grid-template-columns:repeat(3,1fr)}.ref-brand{min-width:330px}.ref-nav>a,.ref-drop>button{font-size:10px;padding-inline:6px}}
@media(max-width:1050px){html{scroll-padding-top:128px}.site-sticky-stack{position:sticky}.ref-topbar-inner{flex-wrap:wrap}.pro-highlights{grid-template-columns:repeat(2,1fr)}.gateway-policy-grid,.payment-policy-public-grid{grid-template-columns:1fr}.sticky-payment-aside{position:static}.cms-card-grid,.payment-term-admin-grid{grid-template-columns:1fr 1fr}.franchise-menu>button{background:transparent;color:#2d275c;border-radius:0}}
@media(max-width:700px){html{scroll-padding-top:115px}.site-sticky-stack{top:0}.ref-topbar{overflow:hidden}.ref-topbar-inner{flex-wrap:nowrap}.pro-highlight-head{align-items:flex-start;flex-direction:column}.pro-highlight-head h2{font-size:31px}.pro-highlights{grid-template-columns:1fr}.pro-highlight-card{min-height:180px}.payment-safety-strip .ref-wrap{align-items:flex-start;padding-block:10px;flex-wrap:wrap}.payment-safety-strip p{width:100%}.cms-card-grid,.payment-term-admin-grid{grid-template-columns:1fr}}
.faq-category-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.faq-category-bar a{background:#fff;border:1px solid #e7e2f2;border-radius:100px;padding:7px 12px;color:#3d287b;font-size:10px;font-weight:900}.faq-category-bar a:hover{background:#ff9718;color:#fff;border-color:#ff9718}.faq-group-title{color:#2d176f;font-size:20px;margin:28px 0 10px}.faq-group-title:first-of-type{margin-top:0}.empty-state-public{grid-column:1/-1;padding:35px;text-align:center;background:#f8f6ff;border:1px dashed #d9d0ef;border-radius:14px;color:#72678c}

/* ===== FINAL WEBSITE POLISH 2026-08-31 ===== */
/* Header brand typography: clean, readable and proportional beside the logo. */
.ref-brand{min-width:360px;gap:11px}
.ref-brand .brand-copy{min-width:0;line-height:1.08}
.ref-brand .brand-copy b{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.15px;color:#80141c;white-space:nowrap}
.ref-brand .brand-copy strong{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:2.45px;color:#ef790d;margin-top:4px;white-space:nowrap}
.ref-brand .brand-copy small{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:8.5px;font-weight:800;letter-spacing:.2px;color:#9d2530;margin-top:5px;white-space:nowrap}
.top-wa-link span{font-size:8px!important;font-weight:900}

/* Latest update stays above navigation and continuously scrolls. */
.top-latest-ticker{background:#f5f9ff;border-bottom:1px solid #dbe9f8;color:#183b68;overflow:hidden}
.ticker-shell{height:36px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;overflow:hidden}
.ticker-label{height:100%;display:flex;align-items:center;padding:0 15px;background:#0e86c6;color:#fff;font-size:10px;letter-spacing:.6px;white-space:nowrap;position:relative}
.ticker-label:after{content:"";position:absolute;right:-11px;border-left:11px solid #0e86c6;border-top:18px solid transparent;border-bottom:18px solid transparent}
.ticker-window{overflow:hidden;min-width:0;white-space:nowrap}
.ticker-track{display:inline-flex;align-items:center;gap:52px;width:max-content;animation:latestTicker 38s linear infinite;will-change:transform}
.ticker-window:hover .ticker-track{animation-play-state:paused}
.ticker-item{font-size:11px;color:#234f79}
.ticker-item strong{color:#062e58}
.ticker-item:before{content:"●";color:#ef8216;margin-right:8px}
.ticker-register{background:#ef8216;color:#fff;padding:6px 11px;border-radius:7px;font-size:9px;font-weight:900;white-space:nowrap}
@keyframes latestTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Dynamic home banner slider. */
.home-banner-slider{position:relative;background:#160d50;overflow:hidden;min-height:500px}
.home-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;display:flex;align-items:center;isolation:isolate}
.home-banner-slide.active{opacity:1;visibility:visible;position:relative}
.home-banner-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,10,68,.94) 0%,rgba(36,19,105,.79) 45%,rgba(20,10,55,.22) 78%,rgba(20,10,55,.06));z-index:-1}
.home-banner-slide img.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.home-banner-content{padding:70px 0 74px;max-width:760px;color:#fff}
.home-banner-content .banner-kicker{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid #ffffff26;border-radius:999px;padding:7px 11px;color:#ffd18e;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.home-banner-content h1{margin:14px 0 14px;font-size:52px;line-height:1.04;font-weight:900;letter-spacing:-1.4px;text-shadow:0 3px 22px #0004}
.home-banner-content p{max-width:690px;color:#eeeaff;font-size:15px;line-height:1.75;margin:0 0 24px}
.home-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
.home-banner-actions a{min-height:44px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}
.home-banner-actions .primary{background:#ef8216;color:#fff}.home-banner-actions .secondary{background:#fff;color:#2b176f}
.home-banner-nav{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:5}
.home-banner-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:#ffffff55;cursor:pointer;padding:0}.home-banner-dot.active{width:28px;border-radius:20px;background:#ef8216;border-color:#ef8216}
.home-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:1px solid #ffffff42;border-radius:50%;background:#10083b66;color:#fff;font-size:20px;cursor:pointer}.home-banner-prev{left:16px}.home-banner-next{right:16px}

/* Course card now has Learn + Register actions. */
.pdf-course-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}
.pdf-course-actions .pdf-course-link{margin-top:0;flex:1;min-width:105px;text-align:center;padding:9px 10px;border:1px solid #e6e1ef;border-radius:8px}
.pdf-course-register{flex:1;min-width:115px;text-align:center;padding:9px 10px;border-radius:8px;background:#ef8216;color:#fff!important;font-size:10px;font-weight:900}

/* Front video gallery */
.video-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-gallery-card{background:#fff;border:1px solid #e6e2ef;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(32,18,90,.07)}
.video-gallery-media{aspect-ratio:16/9;background:linear-gradient(135deg,#25146f,#562d92);position:relative;overflow:hidden}
.video-gallery-media iframe{width:100%;height:100%;border:0}
.video-gallery-fallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#fff;padding:20px;background:radial-gradient(circle at 75% 20%,#ff971833,transparent 32%),linear-gradient(135deg,#25146f,#421d81)}
.video-gallery-fallback .play{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ef8216;margin:0 auto 10px;font-size:22px;box-shadow:0 10px 25px #0003}
.video-gallery-body{padding:16px}.video-gallery-body small{color:#ef8216;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.video-gallery-body h3{font-size:14px;color:#28166f;margin:5px 0 6px}.video-gallery-body p{font-size:10px;color:#747b8d;margin:0 0 12px;line-height:1.6}.video-gallery-watch{display:inline-flex;padding:8px 11px;border-radius:8px;background:#f3effc;color:#331a79;font-size:9px;font-weight:900}

/* Phone actions used for student and branch contact rows. */
.phone-actions{display:inline-flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.phone-actions a,.phone-call-link,.phone-wa-link{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:900;text-decoration:none}
.phone-call-link{background:#eaf4ff;color:#155a9d}.phone-wa-link{background:#e9fbf0;color:#08723a}

/* DOB three-select group */
.dob-select-grid{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:8px}
.dob-select-grid select{min-width:0}

@media(max-width:1300px){
 .ref-brand{min-width:315px}.ref-brand .brand-copy b{font-size:15px}.ref-brand .brand-copy strong{font-size:9px;letter-spacing:2px}.ref-brand .brand-copy small{font-size:7.5px}
 .ref-nav>a,.ref-drop>button{font-size:9.5px;padding-inline:5px}
}
@media(max-width:1050px){
 .ticker-shell{grid-template-columns:auto 1fr}.ticker-register{display:none}
 .ref-brand{min-width:0}.ref-brand .brand-copy b{font-size:14px}.ref-brand .brand-copy strong{font-size:8px;letter-spacing:1.7px}
 .home-banner-slider{min-height:430px}.home-banner-content{padding:58px 25px 70px}.home-banner-content h1{font-size:43px}.home-banner-arrow{display:none}
 .video-gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .ref-contact .top-wa-link{display:none}.ticker-shell{height:32px;gap:8px}.ticker-label{padding:0 10px;font-size:8px}.ticker-item{font-size:9px}.ticker-track{gap:34px;animation-duration:30s}
 .ref-brand{gap:7px}.ref-brand img{width:48px;height:48px}.ref-brand .brand-copy b{font-size:10.5px}.ref-brand .brand-copy strong{font-size:7px;letter-spacing:1.1px;margin-top:3px}.ref-brand .brand-copy small{display:none}
 .home-banner-slider{min-height:390px}.home-banner-content{padding:50px 16px 64px}.home-banner-content h1{font-size:34px;letter-spacing:-.6px}.home-banner-content p{font-size:12px}.home-banner-actions a{min-height:40px;padding:0 14px;font-size:10px}
 .video-gallery-grid{grid-template-columns:1fr}.dob-select-grid{grid-template-columns:1fr 1.2fr 1fr;gap:5px}
}

/* Placement dropdown follows the supplied clean blue/white reference. */
.placement-menu .ref-drop-menu{min-width:245px;border-top-color:#188dcc;padding:0;overflow:hidden;border-radius:0 0 10px 10px}.placement-menu .ref-drop-menu a{padding:15px 18px;border-radius:0;font-size:14px;font-weight:800;color:#062a5c;border-bottom:1px solid #e4edf6}.placement-menu .ref-drop-menu a:nth-child(-n+2){background:#eef7ff;color:#0b86c8}.placement-menu .ref-drop-menu a:hover{background:#e4f3ff;color:#006eae}.placement-menu .ref-drop-menu a:last-child{border-bottom:0}
@media(max-width:1050px){.placement-menu .ref-drop-menu{min-width:0;border-radius:0;padding:4px}.placement-menu .ref-drop-menu a{font-size:12px;padding:12px}.placement-menu .ref-drop-menu a:nth-child(-n+2){background:#eef7ff}}

/* ===== MENU + UNCROPPED BANNER + VIDEO POPUP + MAP FIX 2026-08-31 ===== */
/* Desktop navigation must stay visible and fit beside the institute logo. */
.ref-header{height:96px;padding:0 18px;gap:10px;overflow:visible}
.ref-brand{flex:0 0 auto;min-width:305px;max-width:330px}
.ref-brand img{width:68px;height:68px;flex:0 0 auto}
.ref-brand .brand-copy b{font-size:17px;letter-spacing:.1px}
.ref-brand .brand-copy strong{font-size:10px;letter-spacing:2.1px}
.ref-brand .brand-copy small{font-size:8px}
.ref-nav{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:0;overflow:visible}
.ref-nav>a,.ref-drop>button{font-size:10.5px;padding:11px 6px;font-weight:800}
.nav-caret{margin-left:3px;font-size:10px}
.ref-drop-menu{top:73px}

/* Show every banner image in full: no crop. Purple fills any spare letterbox area. */
.home-banner-slider{min-height:clamp(440px,34vw,560px);background:#160d50}
.home-banner-slide{min-height:inherit;background:#160d50}
.home-banner-slide.active{min-height:inherit}
.home-banner-slide img.banner-bg{object-fit:contain!important;object-position:right center!important;background:#160d50}
.home-banner-slide:before{background:linear-gradient(90deg,rgba(19,10,68,.97) 0%,rgba(36,19,105,.86) 39%,rgba(24,12,72,.43) 61%,rgba(20,10,55,.08) 82%,rgba(20,10,55,0) 100%)}
.home-banner-content{padding:64px 0 76px;max-width:700px}
.home-banner-content h1{font-size:clamp(40px,3.2vw,54px)}

/* Video gallery cards open an in-site player instead of navigating to YouTube. */
.video-gallery-media{border:0;padding:0;width:100%;cursor:pointer;text-align:left;color:inherit;display:block}
.video-gallery-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-gallery-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,5,42,.42));pointer-events:none}
.video-gallery-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ef8216;color:#fff;font-size:23px;box-shadow:0 12px 28px rgba(0,0,0,.28);transition:.2s ease}
.video-gallery-media:hover .video-gallery-play{transform:translate(-50%,-50%) scale(1.08)}
.video-gallery-inline-note{position:absolute;left:12px;bottom:9px;z-index:2;color:#fff;font-size:9px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}
.site-video-modal[hidden]{display:none!important}
.site-video-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:22px;background:rgba(8,5,29,.82);backdrop-filter:blur(4px)}
.site-video-dialog{width:min(980px,96vw);background:#0e0a28;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.15)}
.site-video-head{height:54px;padding:0 14px 0 18px;display:flex;align-items:center;gap:12px;justify-content:space-between;color:#fff;background:#241267}
.site-video-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-video-close{width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#241267;font-size:22px;line-height:1;cursor:pointer;font-weight:900;flex:0 0 auto}
.site-video-stage{aspect-ratio:16/9;background:#000;position:relative}
.site-video-stage iframe,.site-video-stage video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.site-video-unavailable{height:100%;display:grid;place-items:center;text-align:center;color:#fff;padding:30px;font-weight:800}
body.video-modal-open{overflow:hidden}

/* Google Map section. */
.location-map-section{background:#f7f8fc}
.location-map-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:22px;align-items:stretch}
.location-map-frame{min-height:430px;border-radius:18px;overflow:hidden;background:#eaeaf2;box-shadow:0 14px 34px rgba(31,18,87,.1);border:1px solid #e4e1ed}
.location-map-frame iframe{width:100%;height:100%;min-height:430px;border:0;display:block}
.location-map-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 14px 34px rgba(31,18,87,.08);border:1px solid #e7e3ef;display:flex;flex-direction:column;justify-content:center}
.location-map-card .pin{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff1df;font-size:28px;margin-bottom:16px}
.location-map-card h2{margin:0 0 8px;color:#28166f;font-size:28px;line-height:1.1}
.location-map-card p{color:#667089;font-size:13px;margin:0 0 18px}
.location-map-card .coords{display:block;color:#8a1a22;font-weight:900;font-size:12px;margin-bottom:16px}
.map-open-btn,.footer-map-link{display:inline-flex;align-items:center;gap:7px;font-weight:900}
.map-open-btn{align-self:flex-start;background:#ef8216;color:#fff;padding:11px 15px;border-radius:9px;font-size:11px}
.footer-map-link{color:#ffd08f!important}

@media(max-width:1350px){
 .ref-brand{min-width:285px;max-width:300px}.ref-brand img{width:62px;height:62px}.ref-brand .brand-copy b{font-size:15px}.ref-brand .brand-copy strong{font-size:8.5px;letter-spacing:1.7px}.ref-brand .brand-copy small{font-size:7px}
 .ref-nav>a,.ref-drop>button{font-size:9.4px;padding-inline:4.5px}
 .ref-quick-actions a{padding:6px 9px;font-size:9px}
}
@media(max-width:1180px){
 .ref-header{height:80px}.ref-brand{min-width:0;max-width:none}.ref-menu-btn{display:block}
 .ref-nav{display:none;position:absolute;top:82px;left:10px;right:10px;height:auto;max-height:calc(100vh - 150px);overflow:auto;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:8px;flex-direction:column;align-items:stretch;z-index:190}
 .ref-nav.open{display:flex}.ref-nav>a,.ref-drop>button{width:100%;text-align:left;padding:12px;font-size:12px}.ref-drop{height:auto;display:block}.ref-drop:hover .ref-drop-menu{display:none}.ref-drop.open .ref-drop-menu{display:block}.ref-drop-menu{position:static;box-shadow:none;border-top:0;margin:0 5px 6px;background:#f8f6ff;min-width:0}
 .ref-quick-actions a:not(:last-child){display:none}
 .home-banner-content{padding-inline:20px}
 .location-map-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .ref-brand img{width:50px;height:50px}.ref-brand .brand-copy b{font-size:11px}.ref-brand .brand-copy strong{font-size:7px;letter-spacing:1.1px}.ref-brand .brand-copy small{display:none}
 .home-banner-slider{min-height:430px}.home-banner-slide img.banner-bg{object-position:center center!important;opacity:.74}.home-banner-slide:before{background:linear-gradient(90deg,rgba(19,10,68,.92),rgba(28,14,78,.64))}.home-banner-content{padding:46px 14px 66px}.home-banner-content h1{font-size:34px}
 .site-video-modal{padding:10px}.site-video-dialog{width:100%}.site-video-head{height:48px}.site-video-stage{aspect-ratio:16/9}
 .location-map-frame,.location-map-frame iframe{min-height:330px}.location-map-card{padding:22px}
}

.video-gallery-watch{border:0;cursor:pointer;font-family:inherit}


/* ===== Video Hero + Student Stories 2026-09-29 ===== */
.home-banner-slide video.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.banner-youtube{position:absolute;inset:-12% -5%;z-index:-2;overflow:hidden;pointer-events:none}.banner-youtube iframe{width:110%;height:124%;border:0;pointer-events:none}.stories-head{position:relative}.story-arrows{position:absolute;right:0;top:18px;display:flex;gap:8px}.story-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:18px;cursor:pointer;box-shadow:0 7px 20px #24145d13}.story-scroll{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 3px 24px}.story-scroll::-webkit-scrollbar{display:none}.story-card{flex:0 0 min(340px,86vw);scroll-snap-align:start;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 15px 45px #20155e14;border:1px solid #f0edf5}.story-media{height:225px;display:block;position:relative;background:#111;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover}.story-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:50px;border-radius:15px;background:#f20d2d;color:#fff;display:grid;place-items:center;font-size:22px;padding-left:4px;box-shadow:0 10px 25px #0004}.story-body{padding:17px}.story-body small{color:#7b6c88;font-weight:900}.story-body h3{margin:7px 0 10px;font-size:17px}.story-body b{color:#7d1015}.ref-brand .brand-copy b{white-space:nowrap}@media(max-width:1100px){.ref-brand .brand-copy b{font-size:24px!important}.ref-brand .brand-copy strong{font-size:15px!important}}@media(max-width:700px){.ref-brand .brand-copy b{font-size:19px!important;white-space:normal}.ref-brand .brand-copy strong{font-size:12px!important}.story-arrows{position:static;margin-top:12px}.banner-youtube{display:none}}

.story-media{border:0;padding:0;width:100%;cursor:pointer;text-align:left}


/* =========================================================
   AFSEI PREMIUM HEADER BRAND — 2026-09-30
   ========================================================= */
.ref-header{
    min-height:96px;
    height:96px;
    padding-left:22px;
    padding-right:22px;
}

.ref-brand{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:440px;
    max-width:470px;
    flex:0 0 auto;
    text-decoration:none;
}

.ref-brand img{
    width:76px;
    height:76px;
    flex:0 0 76px;
    object-fit:contain;
    filter:drop-shadow(0 3px 6px rgba(84,14,19,.12));
}

.ref-brand .brand-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    line-height:1;
}

.ref-brand .brand-copy b{
    margin:0;
    color:#8c171d;
    font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;
    font-size:25px;
    line-height:.98;
    font-weight:950;
    letter-spacing:-.45px;
    white-space:nowrap;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.75);
}

.ref-brand .brand-copy strong{
    display:block;
    margin-top:5px;
    color:#f08212;
    font-family:"Trebuchet MS",Arial,sans-serif;
    font-size:16px;
    line-height:1;
    font-weight:950;
    letter-spacing:2.6px;
    white-space:nowrap;
    text-transform:uppercase;
}

.ref-brand .brand-copy small{
    display:block;
    margin-top:6px;
    color:#a21b23;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:8.7px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.18px;
    white-space:nowrap;
}

/* Give navigation enough breathing space without reducing readability. */
.ref-nav{
    gap:2px;
}
.ref-nav>a,
.ref-drop>button{
    padding-left:8px;
    padding-right:8px;
}

/* Medium desktop / small laptop */
@media (max-width:1280px){
    .ref-brand{
        min-width:395px;
        max-width:415px;
        gap:10px;
    }
    .ref-brand img{
        width:68px;
        height:68px;
        flex-basis:68px;
    }
    .ref-brand .brand-copy b{
        font-size:21px;
        letter-spacing:-.4px;
    }
    .ref-brand .brand-copy strong{
        font-size:13.2px;
        letter-spacing:2.1px;
    }
    .ref-brand .brand-copy small{
        font-size:7.7px;
    }
    .ref-nav>a,
    .ref-drop>button{
        font-size:11.5px;
        padding-left:6px;
        padding-right:6px;
    }
}

/* Tablet/mobile */
@media (max-width:991px){
    .ref-header{
        min-height:84px;
        height:84px;
        padding:0 14px;
    }
    .ref-brand{
        min-width:0;
        max-width:calc(100% - 56px);
        gap:9px;
    }
    .ref-brand img{
        width:60px;
        height:60px;
        flex-basis:60px;
    }
    .ref-brand .brand-copy b{
        font-size:19px;
        letter-spacing:-.35px;
    }
    .ref-brand .brand-copy strong{
        margin-top:4px;
        font-size:11.6px;
        letter-spacing:1.7px;
    }
    .ref-brand .brand-copy small{
        margin-top:4px;
        font-size:7.2px;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}

@media (max-width:575px){
    .ref-header{
        min-height:78px;
        height:78px;
        padding:0 10px;
    }
    .ref-brand{
        gap:7px;
        max-width:calc(100% - 50px);
    }
    .ref-brand img{
        width:54px;
        height:54px;
        flex-basis:54px;
    }
    .ref-brand .brand-copy b{
        font-size:15px;
        line-height:1;
        letter-spacing:-.25px;
    }
    .ref-brand .brand-copy strong{
        font-size:9.4px;
        letter-spacing:1.25px;
    }
    .ref-brand .brand-copy small{
        display:none;
    }
}


/* =========================================================
   AFSEI HEADER FINAL RESPONSIVE OVERRIDES — 2026-09-30
   Fixes desktop menu spacing + tagline + mobile brand/menu
   ========================================================= */

/* Desktop: keep brand strong but leave enough space for all menu items */
.ref-header{
    min-height:92px!important;
    height:92px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:12px;
}

.ref-brand{
    min-width:0!important;
    width:420px!important;
    max-width:420px!important;
    flex:0 0 420px!important;
    gap:11px!important;
}

.ref-brand img{
    width:70px!important;
    height:70px!important;
    flex:0 0 70px!important;
}

.ref-brand .brand-copy{
    min-width:0!important;
    width:335px!important;
}

.ref-brand .brand-copy b{
    font-family:"Trebuchet MS","Arial Black",Arial,sans-serif!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.7px!important;
    color:#921d22!important;
    white-space:nowrap!important;
}

.ref-brand .brand-copy strong{
    margin-top:4px!important;
    font-family:"Trebuchet MS",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:2.35px!important;
    color:#ef7d0a!important;
    white-space:nowrap!important;
}

.ref-brand .brand-copy small{
    margin-top:5px!important;
    display:block!important;
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:.05px!important;
    color:#a41e23!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Navigation: readable but not cramped */
.ref-nav{
    flex:1 1 auto!important;
    min-width:0!important;
    justify-content:flex-end!important;
    gap:0!important;
}

.ref-nav>a,
.ref-drop>button{
    font-size:11.2px!important;
    padding:10px 6px!important;
    font-weight:800!important;
}

/* 1280–1150: slightly reduce brand before switching to hamburger */
@media (max-width:1280px) and (min-width:1051px){
    .ref-brand{
        width:365px!important;
        max-width:365px!important;
        flex-basis:365px!important;
        gap:9px!important;
    }
    .ref-brand img{
        width:62px!important;
        height:62px!important;
        flex-basis:62px!important;
    }
    .ref-brand .brand-copy{
        width:294px!important;
    }
    .ref-brand .brand-copy b{
        font-size:19px!important;
        letter-spacing:-.55px!important;
    }
    .ref-brand .brand-copy strong{
        font-size:11.6px!important;
        letter-spacing:1.8px!important;
    }
    .ref-brand .brand-copy small{
        font-size:7.2px!important;
    }
    .ref-nav>a,
    .ref-drop>button{
        font-size:10.4px!important;
        padding-left:5px!important;
        padding-right:5px!important;
    }
}

/* Tablet and mobile: clean brand block + hamburger on right */
@media (max-width:1050px){
    .ref-nav-shell{
        padding-bottom:7px!important;
    }

    .ref-header{
        min-height:76px!important;
        height:76px!important;
        padding:0 10px!important;
        border-radius:0 0 12px 12px!important;
    }

    .ref-brand{
        width:auto!important;
        max-width:calc(100% - 52px)!important;
        flex:1 1 auto!important;
        gap:8px!important;
        overflow:hidden!important;
    }

    .ref-brand img{
        width:52px!important;
        height:52px!important;
        flex:0 0 52px!important;
    }

    .ref-brand .brand-copy{
        width:auto!important;
        flex:1 1 auto!important;
        overflow:hidden!important;
    }

    .ref-brand .brand-copy b{
        font-size:16px!important;
        letter-spacing:-.35px!important;
        line-height:1.02!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .ref-brand .brand-copy strong{
        margin-top:3px!important;
        font-size:9.4px!important;
        letter-spacing:1.5px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .ref-brand .brand-copy small{
        margin-top:3px!important;
        font-size:6.7px!important;
        line-height:1!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .ref-menu-btn{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 40px!important;
        width:40px!important;
        height:40px!important;
        margin-left:6px!important;
        border-radius:10px!important;
        font-size:20px!important;
    }

    .ref-nav{
        top:78px!important;
        left:8px!important;
        right:8px!important;
        max-height:calc(100vh - 100px)!important;
        overflow-y:auto!important;
        padding:8px!important;
        border-radius:12px!important;
        z-index:999!important;
    }

    .ref-nav>a,
    .ref-drop>button{
        width:100%!important;
        text-align:left!important;
        padding:12px 13px!important;
        font-size:12px!important;
        border-radius:8px!important;
    }

    .ref-drop-menu{
        margin:2px 4px 7px!important;
        padding:5px!important;
    }

    .ref-drop-menu a{
        padding:10px!important;
        font-size:11px!important;
    }
}

/* Typical mobile 360–575px */
@media (max-width:575px){
    .ref-header{
        min-height:72px!important;
        height:72px!important;
        padding:0 8px!important;
    }

    .ref-brand{
        gap:7px!important;
        max-width:calc(100% - 48px)!important;
    }

    .ref-brand img{
        width:48px!important;
        height:48px!important;
        flex-basis:48px!important;
    }

    .ref-brand .brand-copy b{
        font-size:13.7px!important;
        letter-spacing:-.3px!important;
    }

    .ref-brand .brand-copy strong{
        font-size:8.1px!important;
        letter-spacing:1.05px!important;
    }

    .ref-brand .brand-copy small{
        display:block!important;
        font-size:5.8px!important;
        margin-top:3px!important;
    }

    .ref-menu-btn{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
        font-size:18px!important;
    }

    .ref-nav{
        top:74px!important;
    }
}

/* Very narrow phones: keep name readable and prevent overflow */
@media (max-width:390px){
    .ref-brand img{
        width:44px!important;
        height:44px!important;
        flex-basis:44px!important;
    }

    .ref-brand .brand-copy b{
        font-size:12.2px!important;
    }

    .ref-brand .brand-copy strong{
        font-size:7.2px!important;
        letter-spacing:.8px!important;
    }

    .ref-brand .brand-copy small{
        font-size:5.3px!important;
    }
}


/* =========================================================
   AFSEI BRAND BOLD V2 — stronger institute name
   ========================================================= */

/* Desktop */
@media (min-width:1281px){
    .ref-header{
        min-height:96px!important;
        height:96px!important;
    }

    .ref-brand{
        width:438px!important;
        max-width:438px!important;
        flex-basis:438px!important;
        gap:12px!important;
    }

    .ref-brand img{
        width:72px!important;
        height:72px!important;
        flex-basis:72px!important;
    }

    .ref-brand .brand-copy{
        width:350px!important;
    }

    .ref-brand .brand-copy b{
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-size:25px!important;
        line-height:.98!important;
        font-weight:1000!important;
        letter-spacing:-1px!important;
        color:#8f1b20!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
        text-shadow:
            0 1px 0 #fff,
            0 1.5px 1px rgba(95,15,18,.10)!important;
    }

    .ref-brand .brand-copy strong{
        margin-top:5px!important;
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-size:14.4px!important;
        line-height:1!important;
        font-weight:1000!important;
        letter-spacing:2.45px!important;
        color:#f07d08!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
    }

    .ref-brand .brand-copy small{
        margin-top:6px!important;
        color:#a51d22!important;
        font-size:8px!important;
        font-weight:900!important;
        letter-spacing:.02px!important;
    }
}

/* Laptop */
@media (max-width:1280px) and (min-width:1051px){
    .ref-brand{
        width:385px!important;
        max-width:385px!important;
        flex-basis:385px!important;
    }

    .ref-brand .brand-copy b{
        font-size:20.5px!important;
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-weight:1000!important;
        letter-spacing:-.7px!important;
    }

    .ref-brand .brand-copy strong{
        font-size:12px!important;
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-weight:1000!important;
        letter-spacing:1.85px!important;
    }
}

/* Tablet/mobile: make name stronger without wrapping */
@media (max-width:1050px){
    .ref-brand .brand-copy b{
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-weight:1000!important;
        color:#8f1b20!important;
        text-shadow:0 1px 0 #fff!important;
    }

    .ref-brand .brand-copy strong{
        font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
        font-weight:1000!important;
        color:#f07d08!important;
    }
}

@media (max-width:575px){
    .ref-brand .brand-copy b{
        font-size:14.4px!important;
        letter-spacing:-.45px!important;
    }

    .ref-brand .brand-copy strong{
        font-size:8.4px!important;
        letter-spacing:1.05px!important;
    }

    .ref-brand .brand-copy small{
        font-size:5.9px!important;
        font-weight:900!important;
    }
}

@media (max-width:390px){
    .ref-brand .brand-copy b{
        font-size:12.7px!important;
    }

    .ref-brand .brand-copy strong{
        font-size:7.4px!important;
        letter-spacing:.85px!important;
    }
}