/* WINMINDS A–Z VISUAL REDESIGN
   Visual layer only. No data, URLs, JS actions or backend rules changed. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--wm-ink:#0b1726;--wm-navy:#102a43;--wm-blue:#1769aa;--wm-cyan:#28b6c7;--wm-orange:#ff6b00;--wm-cream:#fff9f3;--wm-sand:#f5eee6;--wm-surface:#fff;--wm-muted:#667589;--wm-line:#e7edf3;--wm-shadow:0 24px 70px rgba(11,23,38,.10)}
html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;color:var(--wm-ink);background:#fff}h1,h2,h3,h4,h5{font-family:'Manrope',Arial,sans-serif}a{transition:color .2s,background .2s,border-color .2s,transform .2s}
.win-container{width:min(1320px,calc(100% - 48px))}
/* premium top/header */
.win-topbar{background:#081321!important;color:#b9c7d5!important;border:0!important}.win-topbar-inner{min-height:38px!important}.win-top-message{color:#ffb36f!important;text-transform:uppercase;letter-spacing:.11em;font-size:10px!important}.win-navbar{height:88px!important;background:rgba(255,255,255,.94)!important;border:0!important;box-shadow:0 12px 35px rgba(11,23,38,.06);backdrop-filter:blur(18px)}.win-navbar-inner{gap:36px}.win-logo{font-family:'Manrope',sans-serif;font-size:18px!important;letter-spacing:-.04em!important}.win-logo-image{height:58px!important;max-width:190px!important}.win-nav-list{gap:7px!important}.win-nav-list a{padding:11px 13px;border-radius:10px;font-size:13px!important;color:#33465a!important}.win-nav-list a:hover{background:#fff3e9!important;color:var(--wm-orange)!important}.win-nav-list .win-nav-cta{background:var(--wm-orange)!important;color:#fff!important;padding:13px 19px!important;border-radius:11px!important;box-shadow:0 9px 22px rgba(255,107,0,.20)}

/* Home hero — WINMINDS logo watermark (admin-controlled) */
.glx-hero-logo-watermark{position:absolute!important;z-index:1!important;right:5%!important;top:50%!important;transform:translateY(-50%)!important;width:min(var(--wm-hero-logo-size,440px),34vw)!important;opacity:var(--wm-hero-logo-opacity,.12)!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.glx-hero-logo-watermark img{width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 18px 35px rgba(0,0,0,.28))!important}
.glx-hero .inner{position:relative!important;z-index:2!important}
@media(max-width:850px){.glx-hero-logo-watermark{width:min(340px,42vw)!important;right:2%!important;opacity:var(--wm-hero-logo-opacity,.08)!important}}
@media(max-width:600px){.glx-hero-logo-watermark{width:280px!important;right:-50px!important;top:48%!important;opacity:var(--wm-hero-logo-opacity,.06)!important}.glx-hero-logo-watermark img{max-height:280px!important}}

/* homepage */
.glx-hero{min-height:680px!important;background:radial-gradient(circle at 78% 25%,rgba(244,181,27,.14),transparent 24%),linear-gradient(110deg,#061a2b 0%,#0c304a 54%,#09243a 100%)!important;position:relative;overflow:hidden}.glx-hero .inner{max-width:1320px!important;padding:100px 24px!important}.glx-kicker{color:#ffad66!important;letter-spacing:.18em!important;font-size:11px!important}.glx-hero h1{font-family:'Manrope',sans-serif!important;font-size:clamp(44px,6vw,78px)!important;letter-spacing:-.055em!important;max-width:850px!important}.glx-hero p{font-size:18px!important;max-width:650px!important;color:#dce8f0!important}.glx-btn{background:var(--wm-orange)!important;color:#fff!important;border-radius:12px!important;padding:14px 21px!important;box-shadow:0 12px 25px rgba(255,107,0,.20);transition:.2s!important}.glx-btn:hover{transform:translateY(-2px);background:#e95f00!important}.glx-btn.alt{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(8px)}
.glx-strip{background:#fff!important;position:relative;margin:-38px auto 0!important;max-width:1240px;border-radius:20px;box-shadow:0 20px 60px rgba(8,30,48,.14);z-index:5}.glx-strip .inner{padding:0!important;grid-template-columns:repeat(3,1fr)!important}.glx-feature{padding:25px 28px!important;border-right:1px solid #edf1f4!important}.glx-feature b{color:var(--wm-ink)!important}.glx-feature span{color:var(--wm-muted)!important}
.glx-section{padding:100px 24px!important}.glx-section.altbg{background:linear-gradient(180deg,#f7f9fb,#f3f6f9)!important}.glx-head{max-width:760px!important}.glx-head small{color:var(--wm-orange)!important;font-size:10px!important;letter-spacing:.18em!important}.glx-head h2{font-family:'Manrope',sans-serif!important;font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.05em!important;color:var(--wm-ink)!important}.glx-head p{font-size:15px!important}.glx-about{grid-template-columns:1.05fr .95fr!important;gap:70px!important}.glx-about img{height:470px!important;border-radius:28px!important;box-shadow:var(--wm-shadow);object-fit:cover}.glx-about h2{font-family:'Manrope',sans-serif!important;font-size:clamp(35px,4vw,54px)!important;letter-spacing:-.05em!important;color:var(--wm-ink)!important}.glx-about p{font-size:15px!important}
.glx-courses{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}.glx-card{border:1px solid #e5ebf1!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 45px rgba(11,23,38,.06)!important;transition:transform .22s,box-shadow .22s,border-color .22s!important}.glx-card:hover{transform:translateY(-7px)!important;box-shadow:0 25px 60px rgba(11,23,38,.13)!important;border-color:#d6e2eb!important}.glx-card img{height:220px!important}.glx-card-body{padding:25px!important}.glx-card-body small{color:var(--wm-orange)!important;letter-spacing:.09em}.glx-card h3{font-size:21px!important;letter-spacing:-.03em}.glx-card p{font-size:14px!important}.glx-stats{grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.glx-stat{border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 38px rgba(11,23,38,.06)!important;padding:30px!important}.glx-stat strong{font-family:'Manrope';font-size:42px!important;color:var(--wm-orange)!important}.glx-blog{grid-template-columns:repeat(3,1fr)!important;gap:26px!important}.glx-cta{margin:0!important;background:radial-gradient(circle at 80% 30%,#17698f 0,#102a43 45%,#081321 100%)!important;padding:95px 24px!important}.glx-cta h2{font-family:'Manrope';font-size:clamp(35px,4vw,56px)!important;letter-spacing:-.05em}
/* common inner pages */
.win-page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 25%,rgba(40,182,199,.18),transparent 25%),linear-gradient(135deg,#081321,#123a59)!important;color:#fff!important;padding:105px 0 92px!important;text-align:left!important}.win-page-hero:after{content:"";position:absolute;right:-120px;bottom:-180px;width:440px;height:440px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}.win-page-hero h1{color:#fff!important;margin-left:0!important;max-width:900px!important;font-family:'Manrope'!important;letter-spacing:-.055em!important}.win-page-hero p{color:#c8d8e5!important;margin-left:0!important}.win-kicker{color:#ffae68!important;letter-spacing:.18em!important}
.win-section{padding:100px 0!important}.win-section-light{background:#f5f8fa!important}.win-heading h2{font-family:'Manrope';letter-spacing:-.055em!important}.win-card{border:1px solid #e4ebf1!important;border-radius:22px!important;padding:28px!important;box-shadow:0 15px 45px rgba(11,23,38,.055)!important}.win-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(11,23,38,.10)!important}.win-icon{border-radius:14px!important;background:#fff1e7!important;color:var(--wm-orange)!important}.win-btn{background:var(--wm-orange)!important;border-radius:11px!important;box-shadow:0 10px 22px rgba(255,107,0,.18)}.win-btn-alt{background:#fff!important;color:var(--wm-ink)!important;border-color:#dce5ed!important}.win-form{border:1px solid #e1e8ee!important;border-radius:24px!important;box-shadow:var(--wm-shadow)!important}.win-field input,.win-field select,.win-field textarea{border-radius:11px!important;border-color:#dce5ed!important}.win-field input:focus,.win-field select:focus,.win-field textarea:focus{outline:0;border-color:#28a4b4!important;box-shadow:0 0 0 4px rgba(40,164,180,.10)!important}
/* catalogue / course detail */
.course-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}.course-catalog-card,.course-detail-card,.course-detail-side{border:1px solid #e2e9ef!important;border-radius:22px!important;box-shadow:0 16px 48px rgba(11,23,38,.07)!important;overflow:hidden}.course-catalog-card{background:#fff!important;transition:.22s}.course-catalog-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(11,23,38,.12)!important}.course-catalog-image{height:225px!important;object-fit:cover}.course-catalog-body{padding:24px!important}.course-catalog-meta,.course-meta{color:var(--wm-orange)!important}.course-layout{gap:30px!important}.course-detail-body{padding:32px!important}.course-detail-side{padding:25px!important;background:#fff!important}.course-section{border-top:1px solid var(--wm-line)!important;padding:28px 0!important}.course-topics{background:#f7f9fb!important;border-radius:16px!important;padding:20px!important}
/* blog/gallery/events */
.blog-content,.gallery-section,.facility-section,.offer-section,.commitment-section,.testimonial-section,.social-section,.hybrid-section,.promo-section{max-width:1320px;margin:auto}.blog-content img,.gallery-section img{border-radius:18px}.section-title,.section-heading{font-family:'Manrope';letter-spacing:-.04em}
/* footer */
.win-footer{background:#07111d!important;padding:78px 0 24px!important}.win-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr!important}.win-footer h4{font-family:'Manrope';color:#fff!important}.win-footer p,.win-footer a{color:#9eb0bf!important}.win-footer a:hover{color:#ffae68!important}.win-footer-bottom{border-color:#1d2b38!important}
/* mobile */
@media(max-width:900px){.win-container{width:calc(100% - 32px)}.win-navbar{height:78px!important}.win-nav-list{top:78px!important;background:#fff!important}.glx-hero{min-height:610px!important}.glx-strip{margin:-25px 16px 0!important}.glx-strip .inner{grid-template-columns:1fr!important}.glx-feature{border-right:0!important;border-bottom:1px solid #edf1f4!important}.glx-about,.course-layout{grid-template-columns:1fr!important}.glx-courses,.course-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glx-stats{grid-template-columns:repeat(2,1fr)!important}.glx-blog{grid-template-columns:1fr 1fr!important}.win-page-hero{padding:78px 0 70px!important}.win-footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.win-container{width:calc(100% - 24px)}.win-logo-image{height:46px!important;max-width:145px!important}.glx-hero .inner{padding:72px 20px!important}.glx-hero h1{font-size:clamp(40px,12vw,58px)!important}.glx-hero p{font-size:15px!important}.glx-courses,.course-catalog-grid,.glx-blog,.glx-stats{grid-template-columns:1fr!important}.glx-section,.win-section{padding:68px 0!important}.glx-about img{height:330px!important}.glx-cta{padding:70px 20px!important}.win-page-hero{padding:65px 0 58px!important}.win-page-hero h1{font-size:clamp(35px,11vw,50px)!important}.win-footer-grid{grid-template-columns:1fr!important}.course-detail-body{padding:22px!important}}


/* WINMINDS LIGHT PREMIUM OVERRIDE — visual only */
:root{--wm-ink:#163044;--wm-navy:#24556a;--wm-blue:#4d91aa;--wm-cyan:#67c6cf;--wm-orange:#f47b20;--wm-cream:#fbfdfe;--wm-sand:#edf7f8;--wm-surface:#fff;--wm-muted:#6c7f8d;--wm-line:#e1edf1;--wm-shadow:0 20px 55px rgba(38,82,101,.09)}
body{background:#fbfdfe!important;color:#183446!important}
.win-topbar{background:#eef8fa!important;color:#57717f!important;border-bottom:1px solid #deedf1!important}
.win-top-message{color:#de6a16!important}
.win-navbar{background:rgba(255,255,255,.97)!important;box-shadow:0 8px 28px rgba(36,85,106,.07)!important;border-bottom:1px solid #e5eff2!important}
.win-logo{color:#17384a!important}
.win-logo-image{height:56px!important;max-width:205px!important;object-fit:contain!important;object-position:left center!important}
.win-logo span{color:#17384a!important}
.win-nav-list a{color:#476575!important}
.win-nav-list a:hover{background:#edf8f9!important;color:#287d8c!important}
.win-nav-list .win-nav-cta{background:#f47b20!important;box-shadow:0 8px 20px rgba(244,123,32,.18)!important}
.glx-hero{min-height:650px!important;background:radial-gradient(circle at 82% 20%,rgba(103,198,207,.28),transparent 27%),linear-gradient(115deg,rgba(246,252,253,.97) 0%,rgba(232,246,248,.94) 52%,rgba(247,251,252,.80) 100%)!important}
.glx-hero .inner{padding:105px 24px!important}
.glx-kicker{color:#e56e19!important}
.glx-hero h1{color:#16384b!important;text-shadow:none!important}
.glx-hero p{color:#607785!important}
.glx-btn{background:#f47b20!important;box-shadow:0 10px 22px rgba(244,123,32,.17)!important}
.glx-btn.alt{background:#fff!important;color:#25596d!important;border:1px solid #d7e9ed!important;box-shadow:0 8px 22px rgba(38,82,101,.07)!important}
.glx-strip{box-shadow:0 18px 50px rgba(38,82,101,.10)!important;border:1px solid #e1edf1}
.glx-feature{border-color:#e5eff2!important}
.glx-feature b{color:#17384a!important}.glx-feature span{color:#71838f!important}
.glx-section.altbg{background:linear-gradient(180deg,#f5fafb,#edf7f8)!important}
.glx-head h2,.glx-about h2{color:#17384a!important}
.glx-head small,.glx-card-body small{color:#e76f19!important}
.glx-card{background:#fff!important;border-color:#e0ecef!important;box-shadow:0 12px 38px rgba(38,82,101,.07)!important}
.glx-card:hover{border-color:#b9dfe4!important;box-shadow:0 22px 55px rgba(38,82,101,.12)!important}
.glx-stat{background:#fff!important;border:1px solid #e0ecef!important}

@media(max-width:800px){.win-logo-image{max-width:165px!important;height:48px!important}.win-navbar{height:76px!important}.glx-hero{min-height:570px!important}.glx-hero .inner{padding:80px 20px!important}}

/* Footer logo visibility fix */
.win-footer .win-logo{display:flex!important;align-items:center!important;gap:14px!important;color:#fff!important}
.win-footer .win-logo-image{width:auto!important;height:64px!important;max-width:78px!important;object-fit:contain!important;object-position:center!important;display:block!important;flex:0 0 auto!important}
.win-footer .win-logo span{color:#fff!important;font-weight:800!important}
.win-footer .win-logo + p{max-width:410px}
@media(max-width:620px){.win-footer .win-logo-image{height:58px!important;max-width:72px!important}}

/* FINAL FOOTER BRAND VISIBILITY / BALANCED PALETTE */
.win-footer{
  background:linear-gradient(135deg,#102a43 0%,#173f56 58%,#1f5c70 100%) !important;
  color:#dceaf0 !important;
  padding:72px 0 24px !important;
}
.win-footer .win-logo{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  width:max-content !important;
  max-width:100% !important;
  padding:10px 14px !important;
  background:#ffffff !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.16) !important;
  margin-bottom:20px !important;
}
.win-footer .win-logo-image{
  width:155px !important;
  height:128px !important;
  max-width:155px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  flex:0 0 auto !important;
}
.win-footer .win-logo span{display:none !important}
.win-footer .win-logo + p{
  max-width:420px !important;
  color:#c5d9e2 !important;
  line-height:1.8 !important;
}
.win-footer h4{color:#ffffff !important}
.win-footer p,.win-footer a{color:#c5d9e2 !important}
.win-footer a:hover{color:#ffad68 !important}
.win-footer-bottom{border-color:rgba(255,255,255,.14) !important;color:#c5d9e2 !important}
@media(max-width:620px){
  .win-footer .win-logo{padding:8px 12px !important;border-radius:14px !important}
  .win-footer .win-logo-image{width:130px !important;height:108px !important;max-width:130px !important}
}

/* FINAL WARM CHARCOAL + GOLD PALETTE — visual only */
:root{
 --wm-ink:#24251f;--wm-navy:#252a2a;--wm-blue:#58615e;--wm-cyan:#8d9a8c;
 --wm-orange:#c89a3d;--wm-cream:#f7f3e8;--wm-sand:#ebe5d6;--wm-surface:#fffdf8;
 --wm-muted:#6f746d;--wm-line:#ddd8ca;--wm-shadow:0 20px 60px rgba(35,34,28,.10)
}
body{background:#f3f0e7!important;color:#25251f!important}
.win-topbar{background:#252a2a!important;color:#d9d5c8!important;border-bottom:1px solid #343a38!important}
.win-top-message{color:#d9b15b!important}
.win-navbar{background:rgba(250,248,242,.97)!important;border-bottom:1px solid #e4dfd3!important;box-shadow:0 8px 30px rgba(39,38,31,.08)!important}
.win-logo,.win-logo span{color:#292a24!important}
.win-nav-list a{color:#4d514a!important}.win-nav-list a:hover{background:#eee7d6!important;color:#8f6b22!important}
.win-nav-list .win-nav-cta{background:#b98a31!important;color:#fff!important;box-shadow:0 9px 22px rgba(145,105,31,.20)!important}
.glx-hero{min-height:650px!important;background:radial-gradient(circle at 80% 18%,rgba(200,154,61,.22),transparent 25%),linear-gradient(115deg,rgba(29,35,35,.96),rgba(48,53,48,.90) 55%,rgba(61,62,52,.72))!important}
.glx-kicker{color:#e0b95d!important}.glx-hero h1{color:#fffdf7!important}.glx-hero p{color:#d8d8cf!important}
.glx-btn{background:#c89a3d!important;box-shadow:0 12px 25px rgba(139,101,26,.24)!important}.glx-btn:hover{background:#ad812b!important}.glx-btn.alt{background:rgba(255,253,247,.10)!important;color:#fffdf7!important;border-color:rgba(255,255,255,.25)!important}
.glx-strip{background:#fffdf8!important;border-color:#e2dccd!important}.glx-feature{border-color:#e7e1d5!important}.glx-feature b{color:#292a24!important}.glx-feature span{color:#74776e!important}
.glx-section{background:#f3f0e7!important}.glx-section.altbg{background:linear-gradient(180deg,#ebe7dc,#f3f0e7)!important}.glx-head h2,.glx-about h2{color:#282922!important}.glx-head small,.glx-card-body small{color:#9b7428!important}
.glx-card{background:#fffdf8!important;border-color:#dfd9cb!important;box-shadow:0 14px 45px rgba(38,37,31,.08)!important}.glx-card:hover{border-color:#cdb777!important;box-shadow:0 25px 60px rgba(38,37,31,.14)!important}
.glx-stat{background:#fffdf8!important;border-color:#dfd9cb!important}.glx-stat strong{color:#a57a28!important}
.glx-cta{background:radial-gradient(circle at 80% 25%,#5c5b48 0,#343a36 42%,#252a2a 100%)!important}.glx-cta h2{color:#fffdf7!important}
.win-page-hero{background:radial-gradient(circle at 85% 20%,rgba(200,154,61,.22),transparent 25%),linear-gradient(135deg,#252a2a,#3a403b)!important}.win-kicker{color:#dfb65a!important}.win-page-hero p{color:#d6d7cf!important}
.win-section{background:#f3f0e7!important}.win-section-light{background:#ebe7dc!important}.win-card{background:#fffdf8!important;border-color:#dfd9cb!important}.win-icon{background:#f0e8d5!important;color:#9a742b!important}.win-btn{background:#c89a3d!important}.win-btn-alt{background:#fffdf8!important;color:#30332d!important;border-color:#d9d2c3!important}
.win-form{background:#fffdf8!important;border-color:#ded8ca!important}.win-field input,.win-field select,.win-field textarea{background:#fcfaf4!important;border-color:#d9d3c6!important}.win-field input:focus,.win-field select:focus,.win-field textarea:focus{border-color:#b99035!important;box-shadow:0 0 0 4px rgba(185,144,53,.11)!important}
.course-catalog-card,.course-detail-card,.course-detail-side{background:#fffdf8!important;border-color:#dfd9cb!important;box-shadow:0 16px 48px rgba(38,37,31,.08)!important}.course-catalog-meta,.course-meta{color:#9a742b!important}.course-topics{background:#eee9de!important}

.win-footer{background:linear-gradient(135deg,#242622 0%,#2d302a 55%,#38372b 100%)!important;color:#e5e1d5!important;padding:76px 0 24px!important}
.win-footer .win-logo{background:#f5f0e2!important;border:1px solid #d8c99e!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important;padding:9px 14px!important}
.win-footer .win-logo-image{width:148px!important;height:122px!important;max-width:148px!important}
.win-footer h4{color:#f7f2e5!important}.win-footer p,.win-footer a{color:#c9c7bd!important}.win-footer a:hover{color:#dfb65a!important}.win-footer-bottom{border-color:rgba(221,194,123,.22)!important;color:#bcbab0!important}

@media(max-width:620px){.win-footer .win-logo-image{width:128px!important;height:106px!important;max-width:128px!important}}

/* =========================================================
   WINMINDS FINAL BLUE BRAND PASS + SUBTLE LOGO WATERMARK
   Visual-only override. Existing functionality untouched.
   ========================================================= */
:root{
  --wm-ink:#183746;
  --wm-navy:#214e63;
  --wm-blue:#2f7f9d;
  --wm-blue-2:#4c9bb5;
  --wm-cyan:#78c5d2;
  --wm-orange:#d79a3d;
  --wm-gold:#c99a43;
  --wm-bg:#edf5f7;
  --wm-surface:#ffffff;
  --wm-soft:#e5f0f3;
  --wm-muted:#627984;
  --wm-line:#d6e4e9;
  --wm-shadow:0 18px 50px rgba(31,79,98,.10)
}

html,body{background:#edf5f7!important}
body{
  color:var(--wm-ink)!important;
  position:relative;
}
.win-topbar{
  background:#e2eef2!important;
  color:#52717d!important;
  border-bottom:1px solid #d1e2e8!important
}
.win-top-message{color:#9b702c!important}
.win-navbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #d8e6ea!important;
  box-shadow:0 8px 28px rgba(31,79,98,.08)!important
}
.win-logo,.win-logo span{color:#214e63!important}
.win-logo-image{filter:none!important}
.win-nav-list a{color:#3e6372!important}
.win-nav-list a:hover{background:#e7f2f5!important;color:#236d86!important}
.win-nav-list .win-nav-cta{
  background:linear-gradient(135deg,#347f99,#286d85)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(42,111,137,.18)!important
}

.glx-hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(94,180,199,.28),transparent 26%),
    linear-gradient(115deg,rgba(27,70,88,.94),rgba(45,112,137,.90) 55%,rgba(65,132,151,.78)),

}
.glx-kicker{color:#e0b15a!important}
.glx-hero p{color:#e1edf1!important}
.glx-btn{
  background:#c9973f!important;
  box-shadow:0 11px 24px rgba(144,101,30,.20)!important
}
.glx-btn:hover{background:#b88632!important}
.glx-btn.alt{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.30)!important}
.glx-strip{background:#fff!important;border:1px solid #dbe8ec!important}
.glx-section{background:#edf5f7!important}
.glx-section.altbg{background:linear-gradient(180deg,#e4eff2,#edf5f7)!important}
.glx-head h2,.glx-about h2{color:#1e4557!important}
.glx-head small,.glx-card-body small{color:#9b712b!important}
.glx-card,.glx-stat{
  background:#fff!important;
  border-color:#d9e6ea!important;
  box-shadow:0 14px 42px rgba(31,79,98,.08)!important
}
.glx-card:hover{border-color:#b9d2da!important;box-shadow:0 24px 58px rgba(31,79,98,.13)!important}
.glx-stat strong{color:#2f7f9d!important}
.glx-cta{
  background:linear-gradient(135deg,#245d73 0%,#327f98 58%,#3e8ea6 100%)!important
}

.win-page-hero{
  background:
    radial-gradient(circle at 86% 20%,rgba(113,196,211,.22),transparent 26%),
    linear-gradient(135deg,#23576d,#337f98)!important
}
.win-kicker{color:#e0b15a!important}
.win-page-hero p{color:#deebef!important}
.win-section{background:#edf5f7!important}
.win-section-light{background:#e4eff2!important}
.win-card,.win-form,
.course-catalog-card,.course-detail-card,.course-detail-side{
  background:#fff!important;
  border-color:#d9e6ea!important;
  box-shadow:0 16px 48px rgba(31,79,98,.08)!important
}
.win-icon{background:#e7f2f5!important;color:#2f7f9d!important}
.win-btn{background:#2f7f9d!important}
.win-btn-alt{background:#fff!important;color:#315d6d!important;border-color:#d3e2e7!important}
.win-field input,.win-field select,.win-field textarea{
  background:#fbfdfe!important;border-color:#d3e2e7!important
}
.win-field input:focus,.win-field select:focus,.win-field textarea:focus{
  border-color:#4d9ab3!important;box-shadow:0 0 0 4px rgba(47,127,157,.10)!important
}
.course-catalog-meta,.course-meta{color:#9b712b!important}
.course-topics{background:#e8f1f3!important}

/* Footer: blue, but not navy/dark-blue */
.win-footer{
  background:linear-gradient(135deg,#24566b 0%,#2e7189 55%,#3c849b 100%)!important;
  color:#eaf4f6!important;
  border-top:1px solid rgba(255,255,255,.10)!important
}
.win-footer .win-logo{
  background:#f9f5e9!important;
  border:1px solid #d8c995!important;
  box-shadow:0 12px 30px rgba(10,49,63,.18)!important
}
.win-footer h4{color:#fff!important}
.win-footer p,.win-footer a{color:#d6e8ed!important}
.win-footer a:hover{color:#f0c76b!important}
.win-footer-bottom{border-color:rgba(255,255,255,.18)!important;color:#d6e8ed!important}

/* Admin-controlled WINMINDS brand watermark */
.wm-site-watermark{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;display:grid!important;place-items:center!important;overflow:hidden!important;opacity:var(--wm-brand-watermark-opacity,.055)!important}
.wm-site-watermark-inner{width:min(var(--wm-brand-watermark-size,360px),55vw);max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;transform:rotate(-8deg);filter:grayscale(.15)}
.wm-site-watermark-inner img{width:min(100%,260px);max-height:220px;object-fit:contain;display:block!important}
.wm-site-watermark-inner span{font-size:clamp(18px,2.3vw,32px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#24566b;line-height:1.15}
@media(max-width:620px){.wm-site-watermark{opacity:calc(var(--wm-brand-watermark-opacity,.055)*.82)!important}.wm-site-watermark-inner{width:min(var(--wm-brand-watermark-size,360px),62vw);gap:7px}.wm-site-watermark-inner img{max-height:150px}.wm-site-watermark-inner span{font-size:16px}}
@media print{.wm-site-watermark{display:none!important}}

/* Keep the watermark behind the site's normal content */
.win-site-header,.win-footer,
.glx-hero,.glx-strip,.glx-section,.glx-cta,
.win-page-hero,.win-section,.course-layout,
.blog-content,.gallery-section,.facility-section,.offer-section,
.commitment-section,.testimonial-section,.social-section,.hybrid-section,.promo-section{
  position:relative;
}

@media(max-width:620px){
  body::before{width:250px;height:250px;top:50%;opacity:.035}
}

.win-site-header,.win-footer,.glx-hero,.glx-strip,.glx-section,.glx-cta,
.win-page-hero,.win-section,.course-layout,.blog-content,.gallery-section,
.facility-section,.offer-section,.commitment-section,.testimonial-section,
.social-section,.hybrid-section,.promo-section{z-index:2!important}

/* =========================================================
   WINMINDS — FINAL EDUCATION WEBSITE BLUE SYSTEM
   Reference direction: modern education/course platform UX.
   Original WINMINDS styling only; no source content copied.
   Visual-only override — functionality untouched.
   ========================================================= */
:root{
  --wm-ink:#173d55!important;
  --wm-navy:#246c99!important;
  --wm-blue:#2f86b7!important;
  --wm-blue-2:#4aa3d1!important;
  --wm-cyan:#79c5e2!important;
  --wm-orange:#efb83f!important;
  --wm-gold:#d99b25!important;
  --wm-bg:#f4f9fc!important;
  --wm-surface:#ffffff!important;
  --wm-muted:#647c8c!important;
  --wm-line:#dbeaf2!important;
  --wm-shadow:0 18px 50px rgba(38,106,145,.10)!important;
}

html,body{background:#f4f9fc!important;color:#173d55!important}
body{overflow-x:hidden}
body::before{
  content:""!important;
  position:fixed!important;
  z-index:1!important;
  pointer-events:none!important;
  width:min(560px,52vw)!important;
  height:min(560px,52vw)!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
  background:url('../../img/logo-footer.png') center/contain no-repeat!important;
  opacity:.026!important;
  filter:saturate(.85)!important;
}

/* Header */
.win-site-header{position:relative!important;z-index:20!important}
.win-topbar{background:#2f86b7!important;color:#fff!important;border:0!important}
.win-topbar-inner{min-height:36px!important}
.win-contact span,.win-top-message{color:#eaf7fd!important}
.win-top-message{font-weight:800!important;letter-spacing:.10em!important}
.win-navbar{
  height:82px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dcebf2!important;
  box-shadow:0 8px 28px rgba(40,104,140,.08)!important;
  backdrop-filter:blur(16px)!important
}
.win-navbar-inner{gap:28px!important}
.win-logo{color:#174563!important}
.win-logo-image{height:56px!important;max-width:190px!important;object-fit:contain!important}
.win-nav-list{gap:3px!important}
.win-nav-list a{color:#365d73!important;border-radius:9px!important;padding:11px 12px!important;font-weight:700!important}
.win-nav-list a:hover{background:#edf7fc!important;color:#277aaa!important}
.win-nav-list .win-nav-cta{
  background:#efb83f!important;color:#173d55!important;
  box-shadow:0 9px 22px rgba(210,153,38,.20)!important;
  border-radius:10px!important
}
.win-menu-btn{color:#236e9c!important;border-color:#d7e9f1!important}

/* Homepage hero */
.glx-hero{
  min-height:600px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(119,204,234,.40),transparent 25%),
    radial-gradient(circle at 10% 85%,rgba(239,184,63,.15),transparent 22%),
    linear-gradient(118deg,rgba(39,121,167,.96),rgba(53,151,198,.90) 55%,rgba(89,176,213,.80)),
;
}
.glx-hero .inner{max-width:1240px!important;padding:92px 28px!important}
.glx-kicker{color:#ffe08a!important;font-weight:900!important;letter-spacing:.16em!important}
.glx-hero h1{color:#fff!important;font-size:clamp(42px,5.7vw,72px)!important;max-width:820px!important;letter-spacing:-.045em!important}
.glx-hero p{color:#edf9ff!important;max-width:690px!important}
.glx-btn{
  background:#efb83f!important;color:#173d55!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  box-shadow:0 12px 25px rgba(30,99,137,.18)!important;
  font-weight:800!important
}
.glx-btn:hover{background:#f5c85c!important;transform:translateY(-2px)!important}
.glx-btn.alt{background:#fff!important;color:#246b95!important;border-color:#fff!important}

/* Feature ribbon */
.glx-strip{
  background:#fff!important;
  max-width:1240px!important;
  border:1px solid #dbeaf2!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(37,105,143,.12)!important;
}
.glx-feature{padding:25px 28px!important;border-right:1px solid #e4eef4!important}
.glx-feature b{color:#1c5270!important}
.glx-feature span{color:#6a8190!important}

/* Sections */
.glx-section{background:#fff!important;padding:92px 24px!important}
.glx-section.altbg{background:#f2f8fb!important}
.glx-head small{color:#2c83b5!important;font-weight:900!important;letter-spacing:.13em!important}
.glx-head h2,.glx-about h2{color:#173f58!important;letter-spacing:-.045em!important}
.glx-head p,.glx-about p{color:#667d8d!important}
.glx-about img{border-radius:20px!important;box-shadow:0 20px 50px rgba(36,105,143,.12)!important}

/* Course cards */
.glx-courses,.glx-blog{gap:24px!important}
.glx-card{
  background:#fff!important;
  border:1px solid #dcebf2!important;
  border-radius:16px!important;
  box-shadow:0 12px 35px rgba(35,104,142,.075)!important;
  overflow:hidden!important
}
.glx-card:hover{transform:translateY(-6px)!important;border-color:#b8d8e8!important;box-shadow:0 22px 50px rgba(35,104,142,.13)!important}
.glx-card img{height:205px!important}
.glx-card-body{padding:24px!important}
.glx-card-body small{color:#2d82b1!important}
.glx-card h3{color:#194861!important}
.glx-card p{color:#6b8190!important}
.glx-card .glx-btn{font-size:13px!important;padding:11px 16px!important}

/* Stats / learning impact */
.glx-stats{gap:18px!important}
.glx-stat{
  background:#fff!important;border:1px solid #dcebf2!important;
  border-radius:15px!important;padding:28px!important;
  box-shadow:0 12px 32px rgba(35,104,142,.07)!important
}
.glx-stat strong{color:#2a7eae!important;font-size:40px!important}
.glx-stat span{color:#708694!important}

/* CTA */
.glx-cta{
  background:
    radial-gradient(circle at 84% 25%,rgba(119,204,234,.28),transparent 24%),
    linear-gradient(120deg,#287eac,#399ac9)!important;
  padding:82px 24px!important
}
.glx-cta h2{color:#fff!important}
.glx-cta p{color:#e9f8fe!important}

/* Inner page heroes / catalogue / course details */
.win-page-hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(121,197,226,.35),transparent 24%),
    linear-gradient(120deg,#2a7ead,#45a1ce)!important;
  color:#fff!important
}
.win-kicker{color:#ffe08a!important}
.win-page-hero h1{color:#fff!important}
.win-page-hero p{color:#edf9ff!important}
.win-section{background:#fff!important}
.win-section-light{background:#f2f8fb!important}
.win-card,.win-form,.course-catalog-card,.course-detail-card,.course-detail-side{
  background:#fff!important;border:1px solid #dcebf2!important;
  border-radius:16px!important;box-shadow:0 14px 42px rgba(35,104,142,.075)!important
}
.win-icon{background:#eaf6fc!important;color:#2c83b5!important}
.win-btn{background:#2f86b7!important;color:#fff!important;border-radius:10px!important}
.win-btn:hover{background:#2676a3!important}
.win-btn-alt{background:#fff!important;color:#286f98!important;border-color:#cfe3ed!important}
.course-catalog-meta,.course-meta{color:#2c83b5!important}
.course-topics{background:#f1f8fb!important;border:1px solid #e0edf3!important}

/* Footer — medium blue, never dark navy */
.win-footer{
  background:linear-gradient(125deg,#2675a1 0%,#2f86b7 58%,#439ac5 100%)!important;
  color:#eaf7fd!important;
  border-top:1px solid rgba(255,255,255,.18)!important
}
.win-footer .win-logo{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:12px!important;
  padding:9px 13px!important;
  width:max-content!important;
  box-shadow:0 10px 24px rgba(21,82,116,.16)!important
}
.win-footer .win-logo-image{height:72px!important;max-width:210px!important}
.win-footer .win-logo span{display:none!important}
.win-footer h4{color:#fff!important}
.win-footer p,.win-footer a{color:#e5f4fb!important}
.win-footer a:hover{color:#ffe08a!important}
.win-footer-bottom{border-color:rgba(255,255,255,.22)!important;color:#dceff7!important}

/* Generic pages: keep the watermark subtle and content readable */
main,.win-section,.glx-section,.course-layout,.blog-content,.gallery-section,
.facility-section,.offer-section,.commitment-section,.testimonial-section,
.social-section,.hybrid-section,.promo-section{position:relative!important;z-index:2!important}

@media(max-width:850px){
  .win-navbar{height:74px!important}
  .win-logo-image{height:50px!important}
  .glx-hero{min-height:540px!important}
  .glx-hero .inner{padding:72px 20px!important}
  .glx-section{padding:72px 20px!important}
  .glx-strip{margin-left:14px!important;margin-right:14px!important}
}
@media(max-width:600px){
  body::before{width:300px!important;height:300px!important;opacity:.022!important}
  .win-logo-image{height:46px!important;max-width:160px!important}
  .win-top-message{display:none!important}
  .glx-hero h1{font-size:40px!important}
  .glx-hero p{font-size:16px!important}
  .glx-strip{border-radius:12px!important}
  .win-footer .win-logo-image{height:62px!important}
}

/* FINAL CTA COLOR OVERRIDE — medium WINMINDS blue, never dark navy */
.glx-cta{
  background:linear-gradient(135deg,#2b7eaa 0%,#3d98c0 52%,#55a8cf 100%) !important;
  color:#ffffff !important;
  padding:82px 24px !important;
  box-shadow:none !important;
}
.glx-cta::before,.glx-cta::after{display:none !important;}
.glx-cta h2{color:#ffffff !important;}
.glx-cta p{color:#eaf7fc !important;}
.glx-cta .glx-btn{background:#f0b93e !important;color:#163f56 !important;border-color:#f0b93e !important;}
.glx-cta .glx-btn:hover{background:#dca72f !important;}
.glx-cta .glx-btn.alt{background:#ffffff !important;color:#28617d !important;border-color:#ffffff !important;}


/* FINAL PUBLIC WATERMARK OVERRIDE — subtle and responsive */
.wm-site-watermark{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  opacity:var(--wm-brand-watermark-opacity,.028)!important;
}
.wm-site-watermark-inner{
  width:min(230px,34vw)!important;
  max-width:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:center!important;
  transform:none!important;
  filter:none!important;
}
.wm-site-watermark-inner img{
  width:min(150px,100%)!important;
  max-width:150px!important;
  max-height:150px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.wm-site-watermark-inner span{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  color:#24566b!important;
  line-height:1.15!important;
}
body>.wm-site-watermark{z-index:0!important}
@media(max-width:620px){
  .wm-site-watermark-inner{width:180px!important;max-width:180px!important}
  .wm-site-watermark-inner img{max-width:105px!important;max-height:105px!important}
  .wm-site-watermark-inner span{font-size:12px!important}
}
@media print{.wm-site-watermark{display:none!important}}


/* WINMINDS CANONICAL PDF LOGO — FINAL LOCK */
.win-logo{display:flex!important;align-items:center!important;gap:0!important;min-width:0!important}
.win-logo-image{width:min(230px,22vw)!important;height:auto!important;max-width:230px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:none!important}
.win-footer .win-logo{background:#fff!important;border-radius:10px!important;padding:7px 12px!important;display:inline-flex!important;box-shadow:0 8px 24px rgba(0,0,0,.10)!important}
.win-footer .win-logo-image{width:min(250px,30vw)!important;height:auto!important;max-width:250px!important;max-height:62px!important}
.glx-hero{background-image:radial-gradient(circle at 78% 25%,rgba(244,181,27,.13),transparent 24%),linear-gradient(115deg,#061a2b 0%,#0b3551 55%,#0a2a42 100%)!important}
.glx-hero-logo-watermark{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(var(--wm-hero-logo-size,620px),76vw)!important;max-width:900px!important;z-index:1!important;opacity:var(--wm-hero-logo-opacity,.08)!important;pointer-events:none!important;display:block!important}
.glx-hero-logo-watermark img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;filter:none!important}
.glx-hero .inner{position:relative!important;z-index:2!important}
@media(max-width:900px){.win-logo-image{width:min(205px,32vw)!important;max-width:205px!important;max-height:50px!important}.win-footer .win-logo-image{width:min(240px,72vw)!important;max-width:240px!important}.glx-hero-logo-watermark{width:86vw!important;opacity:calc(var(--wm-hero-logo-opacity,.08)*.78)!important}}
@media(max-width:600px){.win-logo-image{width:185px!important;max-width:185px!important;max-height:46px!important}.win-footer .win-logo-image{width:220px!important;max-width:220px!important;max-height:54px!important}.glx-hero-logo-watermark{width:94vw!important;top:52%!important;opacity:calc(var(--wm-hero-logo-opacity,.08)*.70)!important}}


/* WINMINDS FULL RESPONSIVE SAFETY LAYER */
*,*::before,*::after{box-sizing:border-box}
img,video,iframe{max-width:100%;height:auto}
body{overflow-x:hidden}
.win-container{width:min(1180px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.win-navbar-inner{min-width:0}.win-logo{min-width:0}.win-logo-image{max-width:100%;object-fit:contain}
.win-nav-list{align-items:center}.win-nav-list li{max-width:100%}
@media(max-width:1100px){.win-navbar-inner{gap:14px}.win-nav-list{gap:4px}.win-nav-list a{padding:9px 8px!important;font-size:13px!important}.glx-hero h1{font-size:clamp(36px,6vw,58px)!important}.glx-courses,.glx-blog{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.win-topbar-inner{flex-direction:column;align-items:flex-start;gap:5px}.win-navbar-inner{min-height:70px}.win-menu-btn{display:inline-flex!important;align-items:center;justify-content:center}.win-navbar-inner>nav{width:100%}.win-nav-list{display:none!important;position:absolute;left:16px;right:16px;top:calc(100% - 2px);background:#fff!important;padding:12px!important;border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(20,55,70,.15);z-index:9999;flex-direction:column!important;align-items:stretch!important;gap:3px!important}.win-nav-list.show{display:flex!important}.win-nav-list li,.win-nav-list a{width:100%}.win-nav-list a{display:block!important}.win-nav-list .win-nav-cta{text-align:center;margin-top:4px}.win-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glx-strip .inner,.glx-about,.glx-courses,.glx-blog,.glx-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glx-about{gap:28px}.glx-section{padding:58px 18px!important}}
@media(max-width:560px){.win-container{width:calc(100% - 28px)}.win-topbar{display:none}.win-navbar-inner{min-height:64px}.win-logo-image{max-height:58px;width:auto!important}.win-footer-grid{grid-template-columns:1fr!important}.win-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:10px}.glx-hero{min-height:500px!important}.glx-hero .inner{padding:54px 16px!important}.glx-hero h1{font-size:clamp(32px,10vw,46px)!important}.glx-hero p{font-size:16px!important}.glx-strip .inner,.glx-about,.glx-courses,.glx-blog,.glx-stats{grid-template-columns:1fr!important}.glx-feature{border-right:0!important;border-bottom:1px solid #dbe6ea}.glx-feature:last-child{border-bottom:0}.glx-about img{height:260px!important}.glx-head h2,.glx-about h2{font-size:32px!important}.glx-cta h2{font-size:32px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-header{padding:45px 0!important}.page-header h1{font-size:30px!important}}

/* FINAL NAVIGATION STRUCTURE FIX — keep desktop menu inside header without clipping */
@media (min-width: 821px){
  .win-navbar-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    min-width:0!important;
  }
  .win-navbar-inner > .win-logo{
    flex:0 0 205px!important;
    width:205px!important;
    min-width:205px!important;
  }
  .win-navbar-inner > nav{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
  .win-nav-list{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
    flex-wrap:nowrap!important;
  }
  .win-nav-list li{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .win-nav-list a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.25!important;
    padding:9px 8px!important;
    font-size:12px!important;
    min-height:40px!important;
  }
  .win-nav-list a[href*="certificate-verification"]{max-width:92px!important}
  .win-nav-list a[href*="our-legal-documents"]{max-width:112px!important}
  .win-nav-list a[href*="certified-recognized-by"]{max-width:142px!important}
  .win-nav-list a[href*="dmc"]{max-width:68px!important}
  .win-nav-list .win-nav-cta{
    white-space:nowrap!important;
    max-width:none!important;
    min-width:88px!important;
    padding:11px 13px!important;
    margin-left:3px!important;
  }
}

/* Compact desktop breakpoints before the mobile menu activates */
@media (min-width:821px) and (max-width:1180px){
  .win-navbar-inner{gap:10px!important}
  .win-navbar-inner > .win-logo{flex-basis:185px!important;width:185px!important;min-width:185px!important}
  .win-logo-image{max-width:185px!important;max-height:54px!important}
  .win-nav-list a{font-size:11px!important;padding:8px 6px!important}
  .win-nav-list a[href*="certificate-verification"]{max-width:78px!important}
  .win-nav-list a[href*="our-legal-documents"]{max-width:94px!important}
  .win-nav-list a[href*="certified-recognized-by"]{max-width:118px!important}
  .win-nav-list a[href*="dmc"]{max-width:58px!important}
  .win-nav-list .win-nav-cta{min-width:78px!important;padding:10px 9px!important}
}

@media (max-width:820px){
  .win-navbar-inner > nav{flex:1 1 auto!important;min-width:0!important}
  .win-nav-list a{white-space:normal!important;line-height:1.3!important}
}


/* ================================================================
   WINMINDS A-Z RESPONSIVE PASS — PUBLIC SITE
   Mobile-first safety layer. Keeps existing PHP/JS functionality.
   ================================================================ */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
body{width:100%;max-width:100%;overflow-x:hidden;min-width:0;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe{max-width:100%;}
img{height:auto;}
iframe{border:0;}
button,input,select,textarea{max-width:100%;font:inherit;}
pre,code{max-width:100%;overflow:auto;}
.table-responsive,.table-wrap,.responsive-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* containers */
.win-container,.glx-inner{width:min(1240px,calc(100% - 40px));max-width:100%;margin-left:auto;margin-right:auto;}
.win-section,.glx-section{overflow:hidden;}

/* ---------- HEADER / MOBILE MENU ---------- */
.win-site-header{width:100%;max-width:100vw;position:relative;z-index:5000;}
.win-navbar{width:100%;}
.win-navbar-inner{width:min(1240px,calc(100% - 40px));max-width:100%;min-width:0;margin:0 auto;display:flex;align-items:center;gap:20px;position:relative;}
.win-logo{min-width:0;flex:0 1 auto;display:flex;align-items:center;}
.win-logo-image{display:block;width:auto;max-width:190px;height:56px;object-fit:contain;}
.win-navbar-inner>nav{min-width:0;flex:1 1 auto;}
.win-nav-list{min-width:0;}
.win-nav-list li{min-width:0;}
.win-nav-list a{max-width:100%;overflow-wrap:anywhere;word-break:normal;}
.win-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;line-height:1;border:1px solid #d7e9f1;background:#f4f9fc;border-radius:10px;cursor:pointer;z-index:20;}

@media (max-width:1180px) and (min-width:901px){
  .win-navbar-inner{gap:10px;}
  .win-logo-image{max-width:170px;height:52px;}
  .win-nav-list{gap:2px!important;}
  .win-nav-list a{font-size:11px!important;padding:9px 6px!important;}
}

@media (max-width:900px){
  .win-topbar{display:none!important;}
  .win-navbar{height:68px!important;min-height:68px!important;position:sticky!important;top:0!important;z-index:5000!important;}
  .win-navbar-inner{width:100%;height:68px!important;padding:0 12px;gap:0;justify-content:space-between;}
  .win-logo{flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 58px)!important;}
  .win-logo-image{width:auto!important;height:46px!important;max-width:150px!important;max-height:52px!important;object-fit:contain!important;}
  .win-navbar-inner>nav{position:absolute!important;left:0!important;right:0!important;top:68px!important;width:100%!important;max-width:100vw!important;display:block!important;flex:none!important;}
  .win-menu-btn{display:flex!important;flex:0 0 44px!important;margin-left:auto!important;position:relative!important;}
  .win-nav-list{display:none!important;position:static!important;width:100%!important;max-width:100vw!important;height:auto!important;max-height:calc(100vh - 76px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 12px 14px!important;margin:0!important;background:#fff!important;border-top:1px solid #dbeaf2!important;border-bottom:1px solid #dbeaf2!important;box-shadow:0 16px 30px rgba(11,53,82,.16)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;}
  .win-nav-list.show{display:flex!important;}
  .win-nav-list li{display:block!important;width:100%!important;border-bottom:1px solid #edf3f6!important;}
  .win-nav-list li:last-child{border-bottom:0;margin-top:8px;}
  .win-nav-list a{display:block!important;width:100%!important;max-width:none!important;padding:13px 10px!important;font-size:15px!important;line-height:1.3!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .win-nav-list .win-nav-cta{text-align:center!important;padding:13px 16px!important;}
  body.menu-open{overflow:hidden;}
}

@media (max-width:480px){
  .win-navbar-inner{padding:0 10px;}
  .win-logo-image{height:43px!important;max-width:132px!important;}
  .win-menu-btn{width:42px;height:42px;min-width:42px;}
}

@media (max-width:360px){
  .win-logo-image{height:40px!important;max-width:122px!important;}
  .win-navbar{height:64px!important;min-height:64px!important;}
  .win-navbar-inner{height:64px!important;}
  .win-navbar-inner>nav{top:64px!important;}
}

/* ---------- GLOBAL RESPONSIVE TYPOGRAPHY / SPACING ---------- */
.glx-hero h1,.win-page-hero h1,.win-hero h1{font-size:clamp(32px,6vw,72px)!important;line-height:1.08!important;overflow-wrap:anywhere;}
.glx-head h2,.glx-about h2,.win-heading h2{font-size:clamp(26px,4vw,44px)!important;line-height:1.15!important;}
.glx-hero p,.win-page-hero p,.win-hero p{font-size:clamp(15px,1.6vw,18px);line-height:1.7;}
.glx-btn,.win-btn,.default-btn,.join-btn,.public-btn{max-width:100%;white-space:normal;}

/* ---------- FLEX / GRID SAFETY ---------- */
.win-grid,.win-grid-2,.win-grid-3,.glx-courses,.glx-blog,.glx-stats,.win-footer-grid,.course-folder-grid,.course-catalog-grid,.program-public-grid,.wm-legal-grid,.wm-cert-grid,.leadership-grid,.features-grid,.why-niilm-wrapper,.hybrid-cards{min-width:0;}
.win-card,.glx-card,.course-card,.course-detail-card,.course-detail-side,.course-catalog-card,.wm-legal-card,.wm-cert-card,.leader-card,.offer-card,.facility-card,.feature-box,.strength-box,.icon-box,.department-card{min-width:0;max-width:100%;overflow-wrap:anywhere;}

@media (max-width:900px){
  .win-container,.glx-inner{width:min(100% - 28px,1240px);}
  .glx-section,.win-section{padding-left:0!important;padding-right:0!important;}
  .glx-hero .inner{padding:64px 0!important;}
  .glx-strip{margin-left:14px!important;margin-right:14px!important;width:auto!important;}
  .glx-about,.glx-courses,.glx-blog,.glx-stats,.win-grid-3,.course-folder-grid,.course-catalog-grid,.wm-legal-grid,.wm-cert-grid,.features-grid,.hybrid-cards{grid-template-columns:1fr!important;}
  .win-grid-2,.program-public-grid,.leadership-grid{grid-template-columns:1fr!important;}
  .glx-feature{border-right:0!important;border-bottom:1px solid #e4eef4!important;}
  .glx-feature:last-child{border-bottom:0!important;}
  .win-footer-grid{grid-template-columns:1fr!important;}
  .glx-card img,.course-catalog-image{height:auto!important;max-height:none!important;aspect-ratio:16/9;object-fit:cover;}
}

@media (max-width:600px){
  .win-container,.glx-inner{width:calc(100% - 24px);}
  .glx-section,.win-section{padding-top:54px!important;padding-bottom:54px!important;}
  .glx-hero{min-height:0!important;}
  .glx-hero .inner{padding:54px 0!important;}
  .glx-hero h1,.win-page-hero h1,.win-hero h1{font-size:clamp(30px,10vw,46px)!important;}
  .glx-hero p,.win-page-hero p,.win-hero p{font-size:15px;line-height:1.65;}
  .glx-btn,.win-btn,.default-btn,.join-btn,.public-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px!important;}
  .glx-strip{margin:0 12px!important;}
  .glx-feature{padding:20px!important;}
  .glx-card-body{padding:18px!important;}
  .glx-stats{gap:12px!important;}
  .glx-stat{padding:20px!important;}
  .win-page-hero{padding:48px 0!important;}
  .win-hero-grid{padding-top:38px!important;gap:24px!important;}
  .win-section{padding-top:48px!important;padding-bottom:48px!important;}
  .win-card,.course-detail-card,.course-detail-side,.win-form,.wm-legal-card,.wm-cert-card{padding:16px!important;}
  .course-detail-body,.course-detail-side{min-width:0;}
  .course-meta{grid-template-columns:1fr 1fr!important;}
  .contact-layout,.contact-details{grid-template-columns:1fr!important;}
  .contact-form-card{padding:18px!important;}
  .leader-card{padding:18px!important;}
  .offer-card{padding:18px!important;}
}

@media (max-width:420px){
  .win-container,.glx-inner{width:calc(100% - 20px);}
  .course-meta{grid-template-columns:1fr!important;}
  .glx-btn,.win-btn,.default-btn,.join-btn,.public-btn{width:100%;}
  .glx-hero .inner{padding:44px 0!important;}
  .glx-card-body,.win-card{padding:15px!important;}
}

/* ---------- IMAGES / MEDIA / EMBEDS ---------- */
.glx-about img,.glx-card img,.win-card img,.leader-card img,.wm-cert-card img,.wm-legal-card img,.course-card img,.course-catalog-image img,.course-detail-wrap img{max-width:100%;height:auto;}
.glx-hero-banner{width:100%;max-width:100%;height:auto;object-fit:cover;}
.public-cert-sheet,.public-cert-template,.public-cert-wrap,.wm-legal-doc{max-width:100%;overflow:hidden;}
video,iframe{display:block;}

/* ---------- FORMS / TABLES ---------- */
.win-form-grid{min-width:0;}
.win-form-grid>*{min-width:0;}
input,select,textarea{width:100%;max-width:100%;}
textarea{resize:vertical;}
@media (max-width:600px){
  .win-form-grid,.contact-form-card form,.win-form form{grid-template-columns:1fr!important;}
  .win-form-grid .full,.contact-form-card .full{grid-column:1!important;}
  table{font-size:13px;}
  th,td{white-space:normal;overflow-wrap:anywhere;}
}

/* ---------- LEGAL / FRANCHISE / CERTIFIED PAGES ---------- */
.wm-fr-wrap,.wm-legal-wrap,.wm-cert-wrap{width:100%;max-width:100%;overflow:hidden;}
.wm-fr-hero,.wm-legal-hero,.wm-cert-hero{overflow:hidden;}
.wm-fr-grid,.wm-legal-grid,.wm-cert-grid{min-width:0;}
@media (max-width:700px){
  .wm-fr-hero,.wm-legal-hero,.wm-cert-hero{padding:44px 0!important;}
  .wm-fr-offer,.wm-fr-card,.wm-legal-card,.wm-cert-card{min-width:0;}
  .wm-legal-doc{display:flex;flex-direction:column;}
  .wm-legal-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px;}
  .wm-legal-actions>*{flex:1 1 120px;}
}

/* ---------- OLD TEMPLATE / BOOTSTRAP SAFETY ---------- */
.row{min-width:0;}
[class*="col-"]{min-width:0;}
.container-fluid{width:100%;max-width:100%;}
.pull-left,.pull-right{max-width:100%;}
.float-left,.float-right{max-width:100%;}

/* ---------- TOUCH TARGETS ---------- */
@media (pointer:coarse){
  a,button,input[type="button"],input[type="submit"],select{min-height:42px;}
  .win-menu-btn{min-height:44px;}
}

/* Prevent accidental horizontal overflow from long URLs / filenames */
a,p,h1,h2,h3,h4,h5,h6,li,span,small,strong,td,th{overflow-wrap:anywhere;}


/* FINAL CMS NAVIGATION: Company dropdown + Gallery + responsive menu */
.win-main-nav{min-width:0;flex:1 1 auto}
.win-nav-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}
.win-nav-list>li{position:relative;list-style:none!important;min-width:0}
.win-nav-list a,.win-nav-parent{font:inherit;text-decoration:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;white-space:normal;line-height:1.2;font-weight:700}
.win-nav-parent{color:#365d73;padding:11px 12px;border-radius:9px}
.win-nav-parent:hover,.win-nav-list>li.has-submenu.open>.win-nav-parent{background:#edf7fc;color:#277aaa}
.win-nav-caret{font-size:12px;transition:transform .18s ease}.has-submenu.open>.win-nav-parent .win-nav-caret{transform:rotate(180deg)}
.win-submenu{position:absolute;top:calc(100% + 5px);left:0;min-width:235px;background:#fff;border:1px solid #e1ebf0;border-radius:12px;padding:8px;box-shadow:0 18px 42px rgba(20,55,70,.15);display:none;z-index:10050;list-style:none!important;margin:0!important}
.win-submenu li{list-style:none!important;margin:0!important}.win-submenu a{width:100%;justify-content:flex-start!important;padding:10px 12px!important;border-radius:8px!important;color:#365d73!important}.win-submenu a:hover{background:#edf7fc!important;color:#277aaa!important}
@media (min-width:821px){.has-submenu:hover>.win-submenu,.has-submenu:focus-within>.win-submenu,.has-submenu.open>.win-submenu{display:block}.win-nav-parent{white-space:nowrap}}
@media (max-width:1100px) and (min-width:821px){.win-navbar-inner{gap:10px!important}.win-nav-list{gap:1px!important}.win-nav-list a,.win-nav-parent{font-size:12px!important;padding:9px 7px!important}.win-nav-cta{padding:10px 10px!important}.win-submenu{min-width:215px}}
@media (max-width:820px){.win-main-nav{width:100%}.win-nav-list{display:none!important;position:absolute!important;left:14px;right:14px;top:calc(100% - 1px);background:#fff!important;border:1px solid #e2edf1!important;border-radius:0 0 14px 14px!important;padding:10px!important;box-shadow:0 18px 40px rgba(20,55,70,.16)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;z-index:10050}.win-nav-list.show{display:flex!important}.win-nav-list>li,.win-nav-list>li>a,.win-nav-parent{width:100%!important}.win-nav-list>li>a,.win-nav-parent{justify-content:space-between!important;text-align:left!important;padding:12px 13px!important}.win-submenu{position:static!important;min-width:0!important;width:100%!important;display:none;border:0!important;border-radius:8px!important;box-shadow:none!important;background:#f6fafc!important;padding:4px!important;margin:2px 0 4px!important}.has-submenu.open>.win-submenu{display:block!important}.win-submenu a{padding:10px 14px 10px 22px!important}.win-nav-list .win-nav-cta{text-align:center!important;justify-content:center!important;margin-top:5px!important}.win-menu-btn{position:relative;z-index:10060!important}}
@media (max-width:560px){.win-navbar-inner{width:calc(100% - 24px)!important;gap:10px!important}.win-logo-image{max-width:185px!important;height:auto!important;max-height:58px!important}.win-nav-list{left:8px;right:8px}.win-nav-parent,.win-nav-list a{font-size:14px!important}}


/* FINAL NAVIGATION HOTFIX 2026-09-28: force the nested Company dropdown to use
   the intended custom navigation styles even when an older theme rule targets
   generic buttons/selects. */
.win-main-nav ul.win-nav-list,
.win-main-nav ul.win-submenu{list-style:none!important;margin:0!important;}
.win-main-nav .win-nav-parent{
  appearance:none!important;-webkit-appearance:none!important;
  border:0!important;background:transparent!important;
  color:#365d73!important;font-family:inherit!important;font-size:12px!important;
  font-weight:700!important;line-height:1.2!important;
  min-height:0!important;height:auto!important;width:auto!important;
  margin:0!important;padding:9px 8px!important;border-radius:9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;box-shadow:none!important;
}
.win-main-nav .win-nav-parent:hover,
.win-main-nav .has-submenu.open>.win-nav-parent{background:#edf7fc!important;color:#277aaa!important;}
.win-main-nav .win-submenu{
  position:absolute!important;top:calc(100% + 6px)!important;left:0!important;
  display:none!important;width:max-content!important;min-width:235px!important;
  padding:8px!important;background:#fff!important;
  border:1px solid #e1ebf0!important;border-radius:12px!important;
  box-shadow:0 18px 42px rgba(20,55,70,.15)!important;
  z-index:10050!important;flex-direction:column!important;
}
.win-main-nav .has-submenu:hover>.win-submenu,
.win-main-nav .has-submenu:focus-within>.win-submenu,
.win-main-nav .has-submenu.open>.win-submenu{display:flex!important;}
.win-main-nav .win-submenu li{display:block!important;width:100%!important;position:static!important;}
.win-main-nav .win-submenu a{display:flex!important;width:100%!important;min-width:210px!important;box-sizing:border-box!important;justify-content:flex-start!important;align-items:center!important;padding:10px 12px!important;margin:0!important;border-radius:8px!important;white-space:nowrap!important;line-height:1.25!important;color:#365d73!important;background:transparent!important;}
.win-main-nav .win-submenu a:hover{background:#edf7fc!important;color:#277aaa!important;}
@media(min-width:1101px){
 .win-main-nav .win-nav-list{gap:2px!important;}
 .win-main-nav .win-nav-list>li>a,.win-main-nav .win-nav-parent{font-size:12px!important;padding:9px 8px!important;}
 .win-main-nav .win-nav-list .win-nav-cta{padding:11px 14px!important;white-space:nowrap!important;}
}
@media(max-width:1100px) and (min-width:821px){
 .win-navbar-inner{gap:8px!important;}
 .win-main-nav .win-nav-list{gap:0!important;}
 .win-main-nav .win-nav-list>li>a,.win-main-nav .win-nav-parent{font-size:11px!important;padding:8px 5px!important;}
 .win-main-nav .win-nav-list .win-nav-cta{padding:10px 9px!important;}
}
@media(max-width:820px){
 .win-main-nav .win-nav-list{left:0!important;right:0!important;top:calc(100% + 1px)!important;width:100%!important;}
 .win-main-nav .win-nav-parent{width:100%!important;justify-content:space-between!important;text-align:left!important;font-size:15px!important;padding:12px 13px!important;}
 .win-main-nav .win-submenu{position:static!important;display:none!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;box-shadow:none!important;border:0!important;border-radius:8px!important;background:#f6fafc!important;padding:4px!important;margin:2px 0 4px!important;}
 .win-main-nav .has-submenu.open>.win-submenu{display:flex!important;}
 .win-main-nav .win-submenu a{min-width:0!important;white-space:normal!important;padding:10px 14px 10px 24px!important;font-size:14px!important;}
}


/* WINMINDS OFFICIAL BRAND PALETTE — FINAL SITE-WIDE OVERRIDE
   Based on supplied WINMINDS logo: deep navy + education orange + white. */
:root{
  --wm-ink:#17324d!important;
  --wm-navy:#082f67!important;
  --wm-blue:#123f78!important;
  --wm-cyan:#123f78!important;
  --wm-orange:#f36b16!important;
  --wm-cream:#fff8f1!important;
  --wm-sand:#fff1e6!important;
  --wm-surface:#ffffff!important;
  --wm-muted:#60748a!important;
  --wm-line:#dce6ef!important;
  --wm-shadow:0 20px 55px rgba(8,47,103,.10)!important;
}
body{color:#17324d!important;background:#fff!important}
.win-topbar{background:#082f67!important;color:#fff!important;border-bottom:0!important}
.win-top-message{color:#ff9a3d!important}
.win-navbar{background:#fff!important;border-bottom:2px solid #082f67!important;box-shadow:0 8px 24px rgba(8,47,103,.08)!important}
.win-nav-list a,.win-nav-parent{color:#17324d!important}
.win-nav-list a:hover,.win-nav-parent:hover,.has-submenu.open>.win-nav-parent{background:#fff1e6!important;color:#f36b16!important}
.win-nav-list .win-nav-cta,.win-nav-cta{background:#f36b16!important;color:#fff!important;box-shadow:0 9px 22px rgba(243,107,22,.20)!important}
.win-submenu{border-color:#d8e4ee!important;box-shadow:0 16px 35px rgba(8,47,103,.15)!important}
.win-submenu a:hover{background:#fff1e6!important;color:#f36b16!important}
.glx-hero{background:radial-gradient(circle at 78% 25%,rgba(243,107,22,.14),transparent 24%),linear-gradient(110deg,#061f45 0%,#082f67 55%,#123f78 100%)!important}
.glx-kicker,.glx-head small,.glx-card-body small{color:#f36b16!important}
.glx-btn,.win-btn{background:#f36b16!important;color:#fff!important;box-shadow:0 12px 25px rgba(243,107,22,.20)!important}
.glx-btn:hover,.win-btn:hover{background:#dc5b0d!important}
.glx-strip{background:#f36b16!important}
.glx-strip .inner .glx-feature{border-color:rgba(8,47,103,.18)!important}
.glx-feature b{color:#082f67!important}
.glx-head h2,.glx-about h2,.glx-card h3,.win-heading h2{color:#082f67!important}
.glx-stat strong{color:#f36b16!important}
.glx-cta{background:linear-gradient(135deg,#082f67 0%,#123f78 100%)!important}
.glx-cta .glx-btn{background:#f36b16!important;color:#fff!important}
.win-page-hero{background:radial-gradient(circle at 85% 25%,rgba(243,107,22,.14),transparent 25%),linear-gradient(135deg,#061f45,#082f67 62%,#123f78)!important}
.win-kicker{color:#ff9a3d!important}
.win-icon{background:#fff1e6!important;color:#f36b16!important}
.course-catalog-meta,.course-meta{color:#f36b16!important}
.win-footer{background:#061f45!important}
.win-footer a:hover{color:#ff9a3d!important}
