/*
Theme Name:  WeCare Education
Theme URI:   https://wecareeducation.com
Author URI:  https://wa.me/8801535771537
Author:      Md Yusuf
Description: Modern dark Elementor-compatible theme for WeCare Education. Navy Blue & Orange. Fully editable via WeCare Dashboard plugin.
Version:     2.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:     GNU General Public License v2 or later
Text Domain: wecare-education
Tags: education, dark, elementor, custom-colors, full-width-template
*/

/* ── VARIABLES ─────────────────────────────────────── */
:root{
  --navy:    #07122E;
  --navy2:   #0B1A4A;
  --navy3:   #0E2060;
  --navy4:   #152878;
  --orange:  #F4821F;
  --or2:     #FF9B42;
  --gold:    #FFD060;
  --white:   #FFFFFF;
  --t1:      rgba(255,255,255,.88);
  --t2:      rgba(255,255,255,.54);
  --t3:      rgba(255,255,255,.30);
  --bd:      rgba(255,255,255,.08);
  --card:    rgba(255,255,255,.04);
  --card2:   rgba(255,255,255,.07);
  --font:    'Poppins',sans-serif;
  --serif:   'Playfair Display',serif;
  --tr:      all .3s cubic-bezier(.16,1,.3,1);
}

/* ── RESET ─────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font);background:var(--navy);color:var(--t1);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--orange),var(--navy4));border-radius:4px}
a{text-decoration:none;color:inherit;transition:var(--tr)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* ── TYPOGRAPHY ────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:800;line-height:1.12;color:var(--white)}
h1{font-size:clamp(32px,5vw,64px)}
h2{font-size:clamp(22px,3vw,42px)}
h3{font-size:clamp(17px,2vw,26px)}
p{color:var(--t2);font-weight:300;line-height:1.75;margin-bottom:1rem}
.gt{background:linear-gradient(90deg,var(--orange) 0%,var(--or2) 45%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shine 4s linear infinite}
@keyframes shine{0%{background-position:0%}100%{background-position:200%}}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:var(--orange);margin-bottom:12px}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--orange);border-radius:2px;flex-shrink:0}
.sub{font-size:14.5px;color:var(--t2);line-height:1.82;font-weight:300}

/* ── LAYOUT ────────────────────────────────────────── */
.wc-wrap{max-width:1340px;margin:0 auto;padding:0 4%;width:100%}
.wc-sec{padding:88px 0;position:relative}
.wc-sec-sm{padding:56px 0}
.bg-n{background:var(--navy)}
.bg-n2{background:var(--navy2)}
.bg-n3{background:var(--navy3)}
.grid-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(244,130,31,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,130,31,.05) 1px,transparent 1px);background-size:65px 65px;animation:gmv 25s linear infinite;pointer-events:none;z-index:0}
@keyframes gmv{0%{transform:translateY(0)}100%{transform:translateY(65px)}}

/* ── BUTTONS ───────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:10px;font-family:var(--font);font-weight:700;font-size:13.5px;cursor:pointer;border:none;transition:var(--tr);text-decoration:none}
.btn-p{background:linear-gradient(135deg,var(--orange),var(--or2));color:#fff;box-shadow:0 0 22px rgba(244,130,31,.38);position:relative;overflow:hidden}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 0 38px rgba(244,130,31,.58);color:#fff}
.btn-g{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.18)}
.btn-g:hover{border-color:var(--orange);color:var(--orange)}
.btn-full{width:100%;justify-content:center}
.btn-sm{padding:9px 20px;font-size:12.5px}

/* ── CARDS ─────────────────────────────────────────── */
.card{background:var(--card);border:1px solid var(--bd);border-radius:15px;padding:22px;transition:var(--tr)}
.card:hover{border-color:rgba(244,130,31,.28);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.5)}
.card-line{position:relative;overflow:hidden}
.card-line::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--navy3),var(--orange));transform:scaleX(0);transition:.3s;transform-origin:left}
.card-line:hover::after{transform:scaleX(1)}

/* ── IMAGE PLACEHOLDERS ────────────────────────────── */
.ph{border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--navy2),var(--navy3));border:1px dashed rgba(244,130,31,.25);position:relative;overflow:hidden}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 50% 40%,rgba(244,130,31,.07) 0%,transparent 70%)}
.ph-icon{font-size:48px;position:relative;z-index:1;filter:drop-shadow(0 0 16px rgba(244,130,31,.3))}
.ph-label{font-size:11px;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase;position:relative;z-index:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 12px}
.ph-size{font-size:10px;color:rgba(255,255,255,.14);position:relative;z-index:1}

/* ── LOGO LANDSCAPE PLACEHOLDER ────────────────────── */
.logo-ph-wrap{width:100%;aspect-ratio:3/1;background:linear-gradient(135deg,var(--navy2),var(--navy3));border:1px dashed rgba(244,130,31,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.logo-ph-wrap .ph-label{font-size:9px}

/* ── BREADCRUMB ────────────────────────────────────── */
.wc-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.65);margin-bottom:14px;flex-wrap:wrap}
.wc-crumb a{color:rgba(255,255,255,.65);transition:color .2s}
.wc-crumb a:hover{color:var(--orange)}
.wc-crumb .sep{font-size:10px;color:rgba(255,255,255,.4)}
.wc-crumb .cur{color:var(--orange);font-weight:600}

/* ── PAGE HERO ─────────────────────────────────────── */
.page-hero{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:hidden}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--navy),var(--navy3))}
.page-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,18,46,.35) 0%,rgba(7,18,46,.9) 100%)}
.page-hero-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.page-hero-ph-hint{font-size:11px;color:rgba(255,255,255,.25);letter-spacing:1.5px;text-transform:uppercase;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 14px}
.page-hero-content{position:relative;z-index:2;padding:28px 4%;width:100%;max-width:1340px;margin:0 auto}

/* ── NAV ───────────────────────────────────────────── */
#wc-nav{position:fixed;top:0;left:0;right:0;z-index:9000;height:68px;display:flex;flex-direction:row;align-items:center;padding:0 4%;background:rgba(7,18,46,.96);backdrop-filter:blur(28px);border-bottom:1px solid rgba(244,130,31,.12);transition:background .3s;gap:0;overflow:visible}
#wc-nav.scrolled{background:rgba(7,18,46,.99)}
#wc-nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--orange) 35%,var(--navy4) 75%,transparent);opacity:.6}

/* Logo area */
.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;height:68px;overflow:hidden}
.nav-logo-img-wrap{height:44px;max-width:170px;display:flex;align-items:center;flex-shrink:0;overflow:hidden}
.nav-logo-img-wrap img{max-height:44px;max-width:170px;width:auto;object-fit:contain;display:block}
.nav-logo-img-ph{height:42px;min-width:130px;background:linear-gradient(135deg,var(--navy3),var(--navy4));border:1px dashed rgba(244,130,31,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--t3);letter-spacing:1px;text-transform:uppercase;padding:0 12px;white-space:nowrap}
.nav-logo-text-fallback{display:flex;align-items:center;height:44px}
.nav-logo-name{font-size:18px;font-weight:900;color:#fff;letter-spacing:-.3px;line-height:1;white-space:nowrap}

/* Nav menu */
.nav-menu{display:flex;gap:2px;list-style:none;justify-content:center;align-items:center}
.nav-menu>li{position:relative}
.nav-menu>li>a{color:var(--t2);font-size:12.5px;font-weight:500;padding:7px 12px;border-radius:7px;transition:all .2s;display:block;white-space:nowrap;cursor:pointer}
.nav-menu>li>a:hover,.nav-menu>li.current-menu-item>a{color:#fff;background:rgba(244,130,31,.1)}
.nav-menu>li.current-menu-item>a{color:var(--orange)}
.sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:rgba(11,26,74,.98);backdrop-filter:blur(20px);border:1px solid var(--bd);border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s;z-index:100;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.nav-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu li a{display:block;padding:9px 14px;font-size:13px;color:var(--t2);border-radius:7px;transition:all .2s}
.sub-menu li a:hover{background:rgba(244,130,31,.1);color:#fff}
.nav-cta{padding:8px 20px;background:linear-gradient(135deg,var(--orange),var(--or2));color:#fff;border:none;border-radius:8px;font-family:var(--font);font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 18px rgba(244,130,31,.38);transition:all .25s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(244,130,31,.52);color:#fff}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}

/* ── WHATSAPP ───────────────────────────────────────── */
#wc-wa{position:fixed;bottom:28px;right:28px;z-index:8000;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 25px rgba(37,211,102,.45);cursor:pointer;transition:all .3s;text-decoration:none;animation:wap 3s infinite}
#wc-wa:hover{transform:scale(1.12)}
@keyframes wap{0%,100%{box-shadow:0 6px 25px rgba(37,211,102,.45)}50%{box-shadow:0 6px 35px rgba(37,211,102,.7),0 0 0 8px rgba(37,211,102,.1)}}

/* ── HERO ───────────────────────────────────────────── */
.hero-wrap{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:68px}
.hero-left-content{opacity:1;transform:none}/* always visible — no reveal animation on hero */
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 75% 35%,rgba(244,130,31,.12) 0%,transparent 65%),radial-gradient(ellipse 55% 75% at 15% 75%,rgba(21,40,120,.5) 0%,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy2) 50%,var(--navy) 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,130,31,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,130,31,.05) 1px,transparent 1px);background-size:65px 65px;animation:gmv 22s linear infinite}
.hero-fade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,18,46,.1),transparent 30%,transparent 65%,rgba(7,18,46,.98) 100%)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1340px;margin:0 auto;padding:40px 4% 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:100px;background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.28);font-size:10.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#FFBA75;margin-bottom:20px}
.dot-pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 10px var(--orange);animation:blink 1.5s infinite;display:inline-block;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-h1{font-family:var(--serif);font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1.08;letter-spacing:-1px;margin-bottom:18px;color:#fff}
.hero-stats{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
.hs{padding:0 24px 0 0;border-right:1px solid rgba(255,255,255,.1);flex-shrink:0}
.hs:first-child{padding-left:0}
.hs:last-child{border-right:none;padding-right:0}
.hs:not(:first-child){padding-left:24px}
.hs:first-child{padding-left:0}
.hs:last-child{border:none;padding-left:24px;padding-right:0}
.hs:not(:first-child):not(:last-child){padding-left:24px}
.hs-n{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs-l{font-size:10px;color:var(--t3);margin-top:4px;text-transform:uppercase;letter-spacing:.8px}

/* Hero image slider */
.hero-slider{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(244,130,31,.18);aspect-ratio:4/3}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-slide-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--navy2),var(--navy3))}
.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.hero-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .25s}
.hero-dot.on{background:var(--orange);width:18px;border-radius:3px}
.hero-stats-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(7,18,46,.88);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);padding:13px 17px;display:flex;justify-content:space-between;align-items:center}

/* Float badges */
.fb{position:absolute;background:rgba(7,18,46,.93);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 15px;box-shadow:0 16px 48px rgba(0,0,0,.55);z-index:4}
.fb1{bottom:14px;right:-10px;animation:fl 3s ease-in-out infinite alternate}
.fb2{top:14px;left:-10px;animation:fl 3.5s 1s ease-in-out infinite alternate}
@keyframes fl{0%{transform:translateY(0)}100%{transform:translateY(-9px)}}
.fb-l{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:1px}
.fb-v{font-weight:800;font-size:13px;color:var(--orange);margin-top:3px}
.fb-s{font-size:10px;color:var(--t3);margin-top:2px}

/* ── MARQUEE ────────────────────────────────────────── */
.mq-wrap{background:linear-gradient(135deg,var(--orange),#D96A00);padding:13px 0;overflow:hidden}
.mq-track{display:flex;animation:mq 22s linear infinite;width:max-content}
.mq-item{display:flex;align-items:center;gap:16px;padding:0 28px;font-weight:700;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#fff;white-space:nowrap}
.mq-dot{width:4px;height:4px;background:rgba(255,255,255,.5);border-radius:50%}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── STATS STRIP ────────────────────────────────────── */
.stats-strip{background:var(--navy2);border-bottom:1px solid var(--bd)}
.stats-row{display:grid;grid-template-columns:repeat(6,1fr)}
.s-box{text-align:center;padding:22px 10px;border-right:1px solid var(--bd);position:relative;transition:var(--tr)}
.s-box:last-child{border-right:none}
.s-box::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:scaleX(0);transition:.3s}
.s-box:hover::after{transform:scaleX(1)}
.s-n{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.s-l{font-size:10px;color:var(--t3);margin-top:5px;text-transform:uppercase;letter-spacing:.8px}

/* ── DEST CARDS ─────────────────────────────────────── */
.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dc{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;background:var(--card);display:block;text-decoration:none}
.dc::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(7,18,46,.96) 100%);z-index:1}
.dc:hover{transform:translateY(-9px) scale(1.02);box-shadow:0 28px 65px rgba(0,0,0,.6),0 0 28px rgba(244,130,31,.1);border-color:rgba(244,130,31,.38)}
.dc-img{height:170px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy2),var(--navy3))}
.dc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dc-flag{position:relative;z-index:1;font-size:52px}
.dc-hot{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(135deg,var(--orange),var(--or2));color:#fff;font-size:9px;font-weight:700;padding:3px 9px;border-radius:5px;text-transform:uppercase}
.dc-body{padding:15px 17px;position:relative;z-index:2}
.dc-region{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px}
.dc-name{font-weight:800;font-size:16px;margin-bottom:7px;color:#fff}
.dc-tag{display:inline-block;background:rgba(244,130,31,.12);border:1px solid rgba(244,130,31,.25);color:var(--or2);font-size:9px;font-weight:600;padding:3px 9px;border-radius:100px;text-transform:uppercase}
.dc-arr{position:absolute;bottom:13px;right:13px;z-index:2;width:28px;height:28px;border-radius:50%;background:rgba(244,130,31,.12);border:1px solid rgba(244,130,31,.25);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--orange);opacity:0;transition:.3s}
.dc:hover .dc-arr{opacity:1;transform:rotate(45deg)}

/* ── SOURCE COUNTRIES ───────────────────────────────── */
.countries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.cc{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:22px 14px;text-align:center;transition:var(--tr);position:relative;overflow:hidden}
.cc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--navy3),var(--orange));transform:scaleX(0);transition:.3s}
.cc:hover{border-color:rgba(244,130,31,.28);transform:translateY(-5px)}
.cc:hover::before{transform:scaleX(1)}
.cc-flag{font-size:38px;margin-bottom:10px}
.cc-name{font-weight:700;font-size:14px;color:#fff;margin-bottom:4px}
.cc-pct{font-size:11px;color:var(--t3)}
.cc-bar{width:100%;height:3px;background:rgba(255,255,255,.07);border-radius:10px;margin-top:10px;overflow:hidden}
.cc-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--navy4),var(--orange));animation:barf 1.8s ease both}
@keyframes barf{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}

/* ── SERVICES ───────────────────────────────────────── */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc{background:var(--card);border:1px solid var(--bd);border-radius:15px;padding:22px;transition:var(--tr);cursor:pointer;position:relative;overflow:hidden}
.svc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--navy3),var(--orange));transform:scaleX(0);transition:.3s;transform-origin:left}
.svc:hover{border-color:rgba(244,130,31,.28);transform:translateY(-5px);box-shadow:0 16px 45px rgba(0,0,0,.5)}
.svc:hover::after{transform:scaleX(1)}
.svc-ic{width:46px;height:46px;border-radius:11px;background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.18);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;transition:all .3s}
.svc:hover .svc-ic{background:rgba(244,130,31,.18);box-shadow:0 0 14px rgba(244,130,31,.2)}
.svc-title{font-weight:700;font-size:13.5px;margin-bottom:5px;color:#fff}
.svc-desc{font-size:12px;color:var(--t2);line-height:1.6}
.svc-more{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--orange);font-weight:600;margin-top:10px;opacity:0;transition:opacity .2s}
.svc:hover .svc-more{opacity:1}

/* Service Modal */
.modal-ov{position:fixed;inset:0;background:rgba(4,8,15,.88);backdrop-filter:blur(12px);z-index:99000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s}
.modal-ov.open{opacity:1;visibility:visible}
.modal{background:var(--navy2);border:1px solid rgba(244,130,31,.22);border-radius:20px;padding:36px;max-width:560px;width:100%;position:relative;transform:translateY(20px) scale(.96);transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.7)}
.modal-ov.open .modal{transform:translateY(0) scale(1)}
.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:transparent;color:var(--t2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.modal-close:hover{background:rgba(244,130,31,.15);border-color:var(--orange);color:#fff}
.modal-feat{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--t2);margin-bottom:10px}
.modal-feat::before{content:'✓';color:var(--orange);font-weight:700;flex-shrink:0}

/* ── UNIVERSITY CARDS (landscape logo only) ─────────── */
.uni-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.uni-card{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;transition:var(--tr);text-decoration:none;display:block;position:relative}
.uni-card:hover{border-color:rgba(244,130,31,.28);transform:translateY(-5px);box-shadow:0 16px 42px rgba(0,0,0,.5)}
.uni-card::after{content:'→';position:absolute;bottom:10px;right:12px;font-size:14px;color:var(--orange);opacity:0;transition:.25s}
.uni-card:hover::after{opacity:1}
.uni-logo-wrap{width:100%;aspect-ratio:3/1;overflow:hidden;background:var(--navy3);display:flex;align-items:center;justify-content:center}
.uni-logo-wrap img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .3s;filter:brightness(.9) saturate(.8)}
.uni-card:hover .uni-logo-wrap img{transform:scale(1.04);filter:brightness(1.1) saturate(1)}
.uni-logo-ph{width:100%;aspect-ratio:3/1;background:linear-gradient(135deg,var(--navy3),var(--navy4));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.uni-logo-ph span{font-size:9px;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:3px 8px}

/* ── TESTIMONIALS ───────────────────────────────────── */
.t-outer{overflow:hidden}
.t-slider{display:flex;gap:20px;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.tc{flex-shrink:0;width:calc(33.33% - 14px);background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:24px;transition:var(--tr);position:relative;overflow:hidden}
.tc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:scaleX(0);transition:.3s}
.tc:hover{border-color:rgba(244,130,31,.22);transform:translateY(-4px)}
.tc:hover::before{transform:scaleX(1)}
.tq{font-family:var(--serif);font-size:40px;color:rgba(244,130,31,.14);line-height:1;margin-bottom:9px}
.t-stars{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:9px}
.t-text{font-size:13px;color:var(--t2);line-height:1.75;margin-bottom:17px;font-weight:300}
.t-auth{display:flex;align-items:center;gap:10px}
.t-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--navy3),var(--navy4));display:flex;align-items:center;justify-content:center;font-size:17px;border:2px solid rgba(244,130,31,.2);flex-shrink:0;overflow:hidden}
.t-av img{width:100%;height:100%;object-fit:cover}
.t-name{font-weight:700;font-size:13px;color:#fff}
.t-uni{font-size:10.5px;color:var(--t3);margin-top:2px}
.t-ctrl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
.t-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--bd);background:transparent;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s}
.t-btn:hover{background:var(--orange);border-color:var(--orange)}
.t-dots{display:flex;gap:7px}
.t-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);cursor:pointer;transition:all .25s}
.t-dot.on{background:var(--orange);width:20px;border-radius:3px}

/* ── BLOG ───────────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:var(--tr);display:block;text-decoration:none}
.blog-card:hover{border-color:rgba(244,130,31,.28);transform:translateY(-6px);box-shadow:0 20px 52px rgba(0,0,0,.5)}
.blog-img{height:200px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy2),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:40px}
.blog-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-img img{transform:scale(1.06)}
.blog-cat{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--orange),var(--or2));color:#fff;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:5px;text-transform:uppercase;z-index:1}
.blog-body{padding:20px 22px}
.blog-meta{font-size:10.5px;color:var(--t3);margin-bottom:8px;display:flex;align-items:center;gap:10px}
.blog-meta span{display:flex;align-items:center;gap:4px}
.blog-title{font-weight:700;font-size:15px;line-height:1.35;margin-bottom:8px;color:#fff;transition:color .2s}
.blog-card:hover .blog-title{color:var(--orange)}
.blog-ex{font-size:12.5px;color:var(--t2);line-height:1.6;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-footer{padding:14px 22px 18px;border-top:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center}
.blog-more{color:var(--orange);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;transition:gap .2s}
.blog-card:hover .blog-more{gap:10px}
.blog-tag{background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.18);color:var(--or2);font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px}

/* Single Blog */
.single-blog-wrap{max-width:820px;margin:0 auto}
.single-blog-img{width:100%;height:480px;object-fit:cover;border-radius:16px;margin-bottom:32px;border:1px solid rgba(244,130,31,.15)}
.single-blog-meta{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--bd)}
.blog-author-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy3),var(--navy4));display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid rgba(244,130,31,.2);overflow:hidden;flex-shrink:0}
.blog-author-av img{width:100%;height:100%;object-fit:cover}
.blog-content{font-size:15.5px;color:var(--t2);line-height:1.9;font-weight:300}
.blog-content h2,.blog-content h3{color:#fff;font-weight:700;margin:28px 0 14px}
.blog-content p{margin-bottom:18px}
.blog-content img{border-radius:12px;margin:24px 0;border:1px solid rgba(244,130,31,.12)}
.blog-content a{color:var(--orange)}
.blog-content blockquote{border-left:3px solid var(--orange);padding:16px 24px;background:rgba(244,130,31,.06);border-radius:0 10px 10px 0;margin:24px 0;font-style:italic}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--bd)}
.blog-tag-item{background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.2);color:var(--or2);font-size:12px;padding:4px 12px;border-radius:100px}
.blog-share{display:flex;align-items:center;gap:10px;margin-top:24px}
.share-btn{width:38px;height:38px;border-radius:50%;background:var(--card2);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none;color:var(--t2)}
.share-btn:hover{background:rgba(244,130,31,.15);border-color:var(--orange);color:#fff}

/* Blog sidebar */
.blog-sidebar .s-widget{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:22px;margin-bottom:20px}
.s-widget-title{font-weight:700;font-size:14px;color:#fff;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--bd)}
.recent-post{display:flex;gap:12px;margin-bottom:14px;text-decoration:none}
.recent-post:last-child{margin-bottom:0}
.recent-post-img{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--navy3)}
.recent-post-img img{width:100%;height:100%;object-fit:cover}
.recent-post-title{font-size:13px;color:#fff;font-weight:600;line-height:1.35;margin-bottom:4px}
.recent-post-date{font-size:11px;color:var(--t3)}

/* ── GALLERY ────────────────────────────────────────── */
.g-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.gtab{padding:8px 20px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid var(--bd);color:var(--t2);background:transparent;transition:all .25s;font-family:var(--font)}
.gtab.on,.gtab:hover{background:linear-gradient(135deg,var(--orange),var(--or2));border-color:transparent;color:#fff;box-shadow:0 5px 18px rgba(244,130,31,.3)}
.gsec{display:none}
.gsec.on{display:block}

/* Album grid */
.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.album-card{border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:var(--tr);position:relative;background:var(--card)}
.album-card:hover{border-color:rgba(244,130,31,.35);transform:scale(1.02);box-shadow:0 16px 42px rgba(0,0,0,.5)}
.album-cover{aspect-ratio:4/3;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy2),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:40px}
.album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.album-card:hover .album-cover img{transform:scale(1.06)}
.album-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,18,46,.92) 0%,transparent 50%);display:flex;align-items:flex-end;padding:14px;opacity:0;transition:opacity .3s}
.album-card:hover .album-ov{opacity:1}
.album-count{position:absolute;top:10px;right:10px;background:rgba(7,18,46,.85);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:3px 9px;font-size:11px;color:#fff;font-weight:600;display:flex;align-items:center;gap:5px}
.album-title{font-weight:700;font-size:14px;color:#fff;margin-bottom:4px}
.album-date{font-size:11px;color:var(--t3)}

/* Video gallery */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vid-card{border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:var(--tr);background:var(--card)}
.vid-card:hover{border-color:rgba(244,130,31,.35);transform:translateY(-5px)}
.vid-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy3),var(--navy4));display:flex;align-items:center;justify-content:center}
.vid-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vid-card:hover .vid-thumb img{transform:scale(1.06)}
.vid-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--navy3),var(--navy4))}
.vid-ph-icon{font-size:36px;opacity:.5}
.vid-ph-txt{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:1.5px;text-transform:uppercase}
.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.play-ic{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--or2));display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 26px rgba(244,130,31,.4);transition:all .3s}
.vid-card:hover .play-ic{transform:scale(1.1);box-shadow:0 0 42px rgba(244,130,31,.6)}
.vid-info{padding:14px 16px}
.vid-title{font-weight:600;font-size:13.5px;color:#fff;margin-bottom:4px}
.vid-meta{font-size:11px;color:var(--t3)}

/* Album lightbox */
.lightbox{position:fixed;inset:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;z-index:999999;display:none;flex-direction:column;-webkit-overflow-scrolling:touch}
.lightbox.open{display:flex}
.lightbox-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.lightbox-title{font-weight:700;font-size:16px;color:#fff}
.lightbox-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.lightbox-close:hover{background:rgba(244,130,31,.2);border-color:var(--orange)}
.lightbox-body{flex:1;overflow-y:auto;padding:12px}
.lightbox-item{border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;border:1px solid rgba(255,255,255,.06);background:var(--navy3);display:flex;align-items:center;justify-content:center}
.lightbox-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lightbox-item:hover img{transform:scale(1.05)}
.lightbox-item-ph{font-size:36px;opacity:.3}

/* ── FAQ ────────────────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:11px;max-width:820px;margin:0 auto}
.faq-item{background:var(--card);border:1px solid var(--bd);border-radius:13px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:rgba(244,130,31,.28)}
.faq-q{padding:17px 21px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px}
.faq-q span{font-weight:600;font-size:14px;color:#fff;line-height:1.4}
.faq-ico{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .3s;color:var(--t3)}
.faq-item.open .faq-ico{background:var(--orange);border-color:var(--orange);color:#fff;transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-ai{padding:0 21px 17px;font-size:13px;color:var(--t2);line-height:1.75;font-weight:300}
.faq-item.open .faq-a{max-height:280px}

/* ── CONTACT ────────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:52px;align-items:start}
.ci-item{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}
.ci-ic{width:44px;height:44px;border-radius:11px;background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.2);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.ci-lbl{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.ci-val{font-size:13.5px;color:var(--t2);line-height:1.55;font-weight:300}
.ci-val a{color:var(--t2);transition:color .2s}
.ci-val a:hover{color:var(--orange)}
.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.hour-item{background:var(--card2);border:1px solid var(--bd);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px}
.hour-day{color:var(--t2)}
.hour-time{color:var(--orange);font-weight:700}
.map-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--bd);margin-top:20px;height:260px}
.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(20%) invert(88%) hue-rotate(180deg)}
.map-ph{width:100%;height:100%;background:var(--navy3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--t3)}
.form-wrap{background:var(--card2);border:1px solid var(--bd);border-radius:20px;padding:34px;position:relative;overflow:hidden}
.form-wrap::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(244,130,31,.06) 0%,transparent 70%);pointer-events:none}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.fg{margin-bottom:14px}
.fl{display:block;font-size:10.5px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.fi{width:100%;padding:12px 15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:var(--font);font-size:13.5px;outline:none;transition:all .25s}
.fi:focus{border-color:rgba(244,130,31,.5);background:rgba(244,130,31,.05)}
.fi::placeholder{color:rgba(255,255,255,.2)}
select.fi option{background:var(--navy2);color:#fff}
textarea.fi{min-height:105px;resize:vertical}
.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--orange),var(--or2));color:#fff;border:none;border-radius:10px;font-family:var(--font);font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 24px rgba(244,130,31,.3);transition:all .3s;position:relative;overflow:hidden}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(244,130,31,.5)}

/* ── FOOTER ─────────────────────────────────────────── */
.site-footer{background:#030A1A;padding:62px 4% 28px;border-top:1px solid rgba(244,130,31,.1)}
.sf-inner{max-width:1340px;margin:0 auto}
.sf-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid var(--bd)}

/* Footer logo - bigger landscape */
.sf-logo-wrap{margin-bottom:16px}
.sf-logo-img{max-height:60px;width:auto;max-width:220px;object-fit:contain;filter:brightness(1.05)}
.sf-logo-ph{height:60px;max-width:220px;background:linear-gradient(135deg,var(--navy3),var(--navy4));border:1px dashed rgba(244,130,31,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--t3);letter-spacing:1px;text-transform:uppercase;padding:0 16px}
.sf-desc{font-size:12.5px;color:var(--t3);line-height:1.72;margin-bottom:18px;font-weight:300}
.sf-soc{display:flex;gap:8px;margin-bottom:20px}
.sf-sb{width:33px;height:33px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s;color:var(--t3);font-weight:600;text-decoration:none}
.sf-sb:hover{background:rgba(244,130,31,.14);border-color:rgba(244,130,31,.28);color:var(--orange)}

/* ICEF Badge - bigger */
.icef-badge{background:rgba(11,26,74,.6);border:1px solid rgba(244,130,31,.2);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:16px;transition:var(--tr);cursor:pointer}
.icef-badge:hover{border-color:rgba(244,130,31,.5);background:rgba(244,130,31,.07);transform:translateY(-2px)}
.icef-badge a{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;width:100%}
.icef-badge-img{width:90px;height:90px;border-radius:12px;background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.icef-badge-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.icef-badge-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%}
.icef-badge-ph span{font-size:28px}
.icef-badge-ph p{font-size:7px;color:rgba(255,255,255,.3);text-align:center;letter-spacing:.5px;text-transform:uppercase;line-height:1.3}
.icef-text strong{display:block;font-weight:800;font-size:14px;color:var(--orange);margin-bottom:4px}
.icef-text span{font-size:12px;color:var(--t3);line-height:1.6}

.sf-ch{font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;color:var(--t2)}
.sf-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.sf-links a{color:var(--t3);font-size:12.5px;transition:all .2s;font-weight:400;cursor:pointer}
.sf-links a:hover{color:var(--orange);padding-left:4px}
.sf-bot{padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--t3);flex-wrap:wrap;gap:10px}
.icef-pill{display:flex;align-items:center;gap:7px;background:rgba(21,40,120,.4);border:1px solid rgba(244,130,31,.18);border-radius:7px;padding:5px 12px;font-size:11px}
.icef-pill em{color:var(--orange);font-style:normal;font-weight:700}

/* ── CTA STRIP ──────────────────────────────────────── */
.cta-strip{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy3) 50%,var(--navy2) 100%);padding:78px 4%;position:relative;overflow:hidden;text-align:center}
.cta-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(244,130,31,.07) 0%,transparent 70%);pointer-events:none}
.cta-in{max-width:1340px;margin:0 auto;position:relative;z-index:1}

/* ── REVEAL ──────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(28px);transition:all .72s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}


/* ══════════════════════════════════════════════════════
   RESPONSIVE — Single definitive mobile CSS
   ══════════════════════════════════════════════════════ */

/* ── 1200px ──────────────────────────────────────────── */
@media(max-width:1200px){
  .dest-grid{grid-template-columns:repeat(3,1fr)}
  .svc-grid{grid-template-columns:repeat(3,1fr)}
  .uni-grid{grid-template-columns:repeat(4,1fr)}
  .sf-top{grid-template-columns:1fr 1fr}
  .stats-row{grid-template-columns:repeat(3,1fr)}
}

/* ── 1024px ──────────────────────────────────────────── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr}
  /* Hide slider on tablet (1024-768), show on mobile separately */
  .hero-inner>div:last-child{display:none}
  .countries-grid{grid-template-columns:repeat(4,1fr)}
  .wc-sec{padding:64px 0}
  .uni-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── 768px ───────────────────────────────────────────── */
@media(max-width:768px){
  /* NAV */
  #wc-nav{height:60px;padding:0 16px}
  .nav-logo-img-wrap{height:34px;max-width:140px}
  .nav-logo-name{font-size:15px}
  .nav-menu{top:60px}

  /* HERO — full visible below nav, no clipping */
  .hero-wrap{padding-top:60px;min-height:100svh;align-items:flex-start}
  .hero-inner{
    grid-template-columns:1fr;
    padding:32px 4% 40px;
    gap:24px;
    align-items:flex-start
  }
  .hero-inner>div:last-child{display:block !important}
  .hero-slider{aspect-ratio:16/9;border-radius:10px;margin-top:0}
  .hero-h1{font-size:clamp(26px,7.5vw,38px);line-height:1.1;margin-bottom:14px}
  .hero-badge{font-size:9.5px;padding:4px 10px;margin-bottom:14px}
  .hero-stats{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:24px;
    flex-wrap:unset
  }
  .hs{
    background:rgba(255,255,255,.05);
    border:1px solid var(--bd) !important;
    border-right:1px solid var(--bd) !important;
    border-radius:10px;
    padding:14px 12px;
    flex-shrink:unset;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }
  .hs:not(:first-child){padding-left:12px}
  .hs-n{font-size:22px;text-align:center}
  .hs-l{font-size:9px;text-align:center}
  /* Show hero slider on mobile */
  .hero-inner>div:last-child{display:block !important}
  .hero-slider{aspect-ratio:16/9;border-radius:10px;margin-top:16px}

  /* PAGE HERO — always show with min height */
  .page-hero{min-height:220px}
  .page-hero-content{padding:60px 4% 28px}
  .page-hero-content h1{font-size:clamp(20px,6vw,30px)}
  .page-hero-img{object-position:center}

  /* BREADCRUMBS — always show */
  .wc-crumb{
    display:flex !important;
    font-size:10px;
    margin-bottom:10px;
    flex-wrap:wrap
  }

  /* SECTIONS */
  .wc-sec{padding:40px 0}
  .wc-wrap{padding:0 4%}
  h2{font-size:clamp(20px,5.5vw,28px)}
  .sub{font-size:13px}
  .eyebrow{font-size:10px}

  /* GRIDS */
  .dest-grid{grid-template-columns:1fr 1fr;gap:10px}
  .svc-grid{grid-template-columns:1fr 1fr !important;gap:10px}
  .svc{padding:16px 14px}
  .svc-ic{width:40px;height:40px;font-size:18px;margin-bottom:8px}
  .svc-title{font-size:12.5px}
  .svc-desc{font-size:11.5px;line-height:1.5}
  .svc-more{font-size:10px}
  .uni-grid{grid-template-columns:1fr 1fr;gap:10px}
  .countries-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stats-row{grid-template-columns:1fr 1fr;gap:10px}
  .contact-grid{grid-template-columns:1fr;gap:28px}
  .sf-top{grid-template-columns:1fr;gap:28px}
  .form-row{grid-template-columns:1fr}
  .album-grid{grid-template-columns:1fr 1fr;gap:10px}
  .video-grid{grid-template-columns:1fr;gap:12px}
  .lightbox-body{grid-template-columns:1fr 1fr}

  /* BLOG */
  .blog-grid{grid-template-columns:1fr;gap:14px}
  .blog-img{height:200px}
  .blog-topbar{flex-direction:column;align-items:stretch;gap:10px}
  .blog-search-wrap{min-width:unset}
  .blog-sidebar{display:none}
  .single-blog-img{height:220px;border-radius:10px}
  .single-blog-meta{flex-wrap:wrap;gap:8px}

  /* SINGLE PAGE GRIDS */
  .uni-single-grid,.dest-single-grid{grid-template-columns:1fr;gap:20px}

  /* MODAL */
  .modal{padding:24px 20px}
  .modal-ov{padding:12px}

  /* FOOTER */
  .sf-bot{flex-direction:column;gap:10px;text-align:center;font-size:10px}
  .sf-logo-img{max-height:44px}
  .icef-badge{justify-content:flex-start}
  .sf-soc{justify-content:flex-start}

  /* CTA */
  .cta-strip{padding:40px 0}
  .cta-strip .h2{font-size:clamp(18px,5vw,24px)}

  /* GALLERY */
  .g-tabs{gap:8px;flex-wrap:wrap}
  .gtab{font-size:12px;padding:8px 14px}
  .album-cover{height:130px}

  /* MAP */
  .contact-map-full{height:280px}
  .map-wrap-full{height:280px}

  /* CONTACT */
  .contact-quick-card{padding:12px 14px}
  .cqc-icon{width:38px;height:38px;font-size:18px}
  .cqc-val{font-size:13px}

  /* BUTTONS */
  .btn{padding:12px 20px;font-size:13px}
}

/* ── 480px ───────────────────────────────────────────── */
@media(max-width:480px){
  #wc-nav{padding:0 12px}
  .nav-logo-img-wrap{max-width:120px}
  .hero-h1{font-size:clamp(22px,8vw,30px)}
  .hero-inner{padding:20px 4% 28px}
  /* Keep hero slider visible on small screens */
  .hero-inner>div:last-child{display:block !important}
  .hero-slider{aspect-ratio:4/3;border-radius:8px}
  .dest-grid{grid-template-columns:1fr 1fr;gap:8px}
  .svc-grid{grid-template-columns:1fr 1fr !important;gap:8px}
  .svc{padding:12px 10px}
  .svc-title{font-size:11.5px}
  .svc-desc{display:none}
  .uni-grid{grid-template-columns:1fr 1fr;gap:8px}
  .countries-grid{grid-template-columns:1fr 1fr;gap:8px}
  .stats-row{grid-template-columns:1fr 1fr;gap:8px}
  .wc-sec{padding:32px 0}
  .wc-wrap{padding:0 4%}
  h2{font-size:clamp(18px,6vw,24px)}
  .blog-img{height:180px}
  .page-hero{min-height:180px}
  .contact-map-full{height:220px}
  .sf-top{gap:22px}
  .album-grid{grid-template-columns:1fr 1fr;gap:8px}
  .album-cover{height:110px}
  .tc{width:100%}
}

/* ── 360px ───────────────────────────────────────────── */
@media(max-width:360px){
  .hero-h1{font-size:21px}
  .hs-n{font-size:19px}
  .dest-grid{grid-template-columns:1fr}
  .uni-grid{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:1fr 1fr !important}
  .blog-img{height:160px}
}

/* ── CONTACT PAGE NEW DESIGN ─────────────────────────── */
.contact-quick-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px 18px;text-decoration:none;transition:var(--tr)}
.contact-quick-card:hover{border-color:rgba(244,130,31,.3);background:rgba(244,130,31,.06);transform:translateX(4px)}
.cqc-icon{font-size:20px;width:44px;height:44px;background:rgba(244,130,31,.1);border:1px solid rgba(244,130,31,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cqc-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.cqc-val{font-size:14px;color:#fff;font-weight:600}
.contact-quick-wa .cqc-icon{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.2)}
.contact-map-full{width:100%;height:460px;overflow:hidden;border-top:2px solid rgba(244,130,31,.12)}
.contact-map-full iframe{width:100%;height:100%;border:0;display:block}

/* ── BLOG PAGE ───────────────────────────────────────── */
.blog-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.blog-search-wrap{display:flex;align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:10px;overflow:hidden;flex:1;min-width:220px}
.blog-search-input{flex:1;background:none;border:none;padding:11px 16px;font-size:14px;color:#fff;font-family:var(--font);outline:none}
.blog-search-input::placeholder{color:var(--t3)}
.blog-search-btn{background:var(--orange);border:none;padding:11px 16px;cursor:pointer;font-size:15px;transition:.2s;flex-shrink:0}
.blog-search-btn:hover{background:var(--or2)}
.blog-cats{display:flex;gap:8px;flex-wrap:wrap}
.blog-cat-btn{padding:7px 14px;border-radius:7px;border:1px solid var(--bd);background:var(--card);color:var(--t2);font-size:12px;font-weight:600;text-decoration:none;transition:var(--tr);white-space:nowrap}
.blog-cat-btn:hover,.blog-cat-btn.on{background:rgba(244,130,31,.15);border-color:rgba(244,130,31,.35);color:var(--orange)}
.blog-pagination{margin-top:44px;display:flex;justify-content:center}
.blog-pagination .nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.blog-pagination .page-numbers{padding:8px 14px;border:1px solid var(--bd);border-radius:8px;color:var(--t2);text-decoration:none;font-size:13px;font-weight:600;transition:var(--tr)}
.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current{background:rgba(244,130,31,.15);border-color:rgba(244,130,31,.35);color:var(--orange)}

/* ── PAGE HERO PH — admin hint hidden on frontend ───── */
.ph-size{display:none}
.page-hero-ph{opacity:.2}
.ph-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.3)}

/* ── UNIVERSITY / DESTINATION SINGLE PAGE ────────────── */
.uni-single-grid,
.dest-single-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.uni-logo-box{width:100%;aspect-ratio:3/1;background:linear-gradient(135deg,var(--navy2),var(--navy3));border:1px solid var(--bd);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px}
.uni-logo-box img{max-height:90%;max-width:90%;object-fit:contain;padding:16px}
.uni-logo-box-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--t3);font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:center}
.uni-info-list{display:flex;flex-direction:column;gap:10px}
.uni-info-card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 16px;display:flex;gap:14px;align-items:flex-start}
.uni-info-icon{font-size:20px;flex-shrink:0;line-height:1.4}
.uni-info-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.uni-info-value{font-size:13.5px;color:#fff;font-weight:600}

/* Mobile single pages */
@media(max-width:768px){
  .uni-single-grid,.dest-single-grid{grid-template-columns:1fr;gap:24px}
}

/* ── FIX: Nav menu not blocked by body overflow:hidden ── */
/* When body has overflow:hidden (for popup), nav still works */
#wc-nav,#wc-nav *{pointer-events:auto}
.nav-menu{
  /* Ensure nav menu works even when body is overflow:hidden */
  position:fixed !important
}

/* ── FIX: Mobile hero text alignment ─────────────────── */
@media(max-width:768px){
  .hero-left-content{text-align:left}
  .hero-h1{text-align:left}
  .hero-inner p{text-align:left}
  .hero-stats{text-align:left}
  .hs{text-align:left}

  /* Make sure hero content starts properly */
  .hero-wrap{
    display:flex;
    flex-direction:column;
    justify-content:flex-start
  }
}

/* ── FIX: Nav menu z-index above everything ──────────── */
@media(max-width:1024px){
  .nav-menu{
    z-index:999999 !important;
    position:fixed !important;
    top:60px !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important
  }
  .nav-menu.open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important
  }
}

/* ══════════════════════════════════════════════════════
   CSS-ONLY MOBILE NAV — Checkbox Drawer
   ══════════════════════════════════════════════════════ */

/* Hidden checkbox */
.nav-checkbox{
  position:fixed;
  top:-100px;
  left:-100px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
  z-index:-1
}

.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* Hamburger label — hidden on desktop */
.menu-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:42px;
  height:42px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  cursor:pointer;
  flex-shrink:0;
  transition:all .2s
}
.menu-toggle:hover{background:rgba(244,130,31,.15);border-color:rgba(244,130,31,.3)}
.bar{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s}

/* Animate hamburger when open */
.nav-checkbox:checked ~ header .bar1{transform:rotate(45deg) translate(5px,5px)}
.nav-checkbox:checked ~ header .bar2{opacity:0;transform:translateX(-8px)}
.nav-checkbox:checked ~ header .bar3{transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile drawer — off screen by default */
.mobile-drawer{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(5,10,28,.98);
  z-index:8998;
  transform:translateX(-100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-top:60px
}
.mobile-drawer-inner{
  padding:24px 20px 32px;
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.mobile-nav-list{list-style:none;padding:0;margin:0}
.mobile-nav-list li a{
  display:block;
  padding:14px 16px;
  font-size:16px;
  font-weight:600;
  color:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(255,255,255,.06);
  text-decoration:none;
  transition:all .2s;
  border-radius:8px;
  margin-bottom:2px
}
.mobile-nav-list li a:hover,.mobile-nav-list li a:active{
  background:rgba(244,130,31,.12);
  color:var(--orange);
  padding-left:22px
}
.mobile-nav-list .sub-menu{
  list-style:none;
  padding:0;
  background:rgba(255,255,255,.03);
  border-radius:8px;
  margin:2px 0 4px 12px
}
.mobile-nav-list .sub-menu li a{
  font-size:14px;
  font-weight:400;
  padding:10px 14px;
  color:rgba(255,255,255,.65);
  border-bottom:none
}
.mobile-drawer-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}

/* Overlay */
.mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  z-index:8997;
  display:none;
  cursor:pointer
}

/* When checkbox is checked: show drawer + overlay */
.nav-checkbox:checked ~ .mobile-drawer{transform:translateX(0)}
.nav-checkbox:checked ~ .mobile-overlay{display:block}

/* On desktop: hide mobile drawer and toggle button */
@media(min-width:1025px){
  .menu-toggle{display:none !important}
  .mobile-drawer{display:none !important}
  .mobile-overlay{display:none !important}
  .nav-menu{display:flex !important}
}

/* On mobile: show toggle, hide desktop menu */
@media(max-width:1024px){
  .menu-toggle{display:flex !important}
  .nav-menu{display:none !important}
  #wc-nav{display:flex;justify-content:space-between;align-items:center}
}

/* ── ABOUT + SCHOLARSHIP GRIDS ───────────────────────── */
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.team-card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:24px 16px;text-align:center;transition:var(--tr)}
.team-card:hover{border-color:rgba(244,130,31,.25);transform:translateY(-4px)}
.team-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--navy3),var(--navy4));display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;border:2px solid rgba(244,130,31,.2);overflow:hidden;flex-shrink:0}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-name{font-weight:700;font-size:14px;color:#fff;margin-bottom:4px}
.team-role{font-size:11px;color:var(--orange)}

/* Responsive grids for about/scholarship */
@media(max-width:1024px){
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .about-hero-grid{grid-template-columns:1fr;gap:32px}
  .about-hero-grid>div:last-child{display:none}
  .values-grid{grid-template-columns:1fr 1fr;gap:12px}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .team-avatar{width:56px;height:56px;font-size:22px}
  .team-name{font-size:13px}
}
@media(max-width:480px){
  .values-grid{grid-template-columns:1fr 1fr;gap:10px}
  .team-grid{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── PC NAV FIX — logo left, menu center, cta right ─── */
@media(min-width:1025px){
  #wc-nav{display:flex;align-items:center;gap:0}
  .nav-logo{flex-shrink:0;flex-grow:0;width:180px}
  .nav-menu{
    display:flex !important;
    flex:1;
    justify-content:center;
    align-items:center;
    gap:2px;
    list-style:none
  }
  .nav-right{flex-shrink:0;flex-grow:0;width:180px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
  .menu-toggle{display:none !important}
  .mobile-drawer{display:none !important}
  .mobile-overlay{display:none !important}
}

/* ── PAGE HERO ICON FIX ──────────────────────────────── */
.page-hero-icon{font-size:48px;line-height:1;margin-bottom:10px}
@media(max-width:768px){
  .page-hero-icon{font-size:28px;margin-bottom:6px}
  .page-hero-content{padding:80px 4% 28px}
  .wc-crumb{display:flex !important;margin-bottom:10px}
  .wc-crumb,.wc-crumb a,.wc-crumb .sep{color:rgba(255,255,255,.7) !important}
  .wc-crumb .cur{color:var(--orange) !important}
}
@media(max-width:480px){
  .page-hero-icon{font-size:22px;margin-bottom:4px}
  .page-hero-content{padding:90px 4% 22px}
  .wc-crumb{font-size:11px}
}

/* ══════════════════════════════════════════════════════
   BUG FIXES — v2.1
   ══════════════════════════════════════════════════════ */

/* ── FIX 1: DESKTOP — ICEF + LIVE badges same alignment ─ */
/* Both badges in a flex row, vertically centered */
.hero-badges-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
/* Ensure hero-badge has no bottom margin when inside row */
.hero-badges-row .hero-badge{margin-bottom:0}

/* ── FIX 2: MOBILE — Blog single page full-width ─────── */
@media(max-width:768px){
  /* Single post grid → 1 column, sidebar hidden */
  .single-post-layout,
  article.single-article + aside,
  .wc-sec .wc-wrap > div[style*="grid-template-columns:1fr 300px"],
  .wc-sec .wc-wrap > div[style*="grid-template-columns: 1fr 300px"]{
    display:block !important;
  }
  /* Force full width on blog article content */
  .wc-sec .wc-wrap .rv{
    display:block !important;
  }
  .wc-sec .wc-wrap .rv > article{
    width:100% !important;
    max-width:100% !important;
  }
  .wc-sec .wc-wrap .rv > aside.blog-sidebar{
    display:none !important;
  }
  .single-blog-wrap{
    width:100% !important;
    max-width:100% !important;
  }
  .blog-content{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden;
  }
  .blog-content img{
    max-width:100% !important;
    height:auto !important;
  }
}

/* ── FIX 3: GALLERY LIGHTBOX — single image + nav + dl ── */
/* Override old grid layout */
.lightbox-body{
  flex:1;
  overflow-y:auto;
  padding:20px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  grid-template-columns:unset !important;
}
.lightbox-footer{
  padding:16px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.6);
  flex-shrink:0;
}
.lb-nav{
  width:56px;height:56px;border-radius:50%;
  border:2px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.15);
  color:#fff;font-size:28px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;flex-shrink:0;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.lb-nav:hover,.lb-nav:active{
  background:var(--orange,#F4821F);
  border-color:var(--orange,#F4821F);
  transform:scale(1.1);
  box-shadow:0 4px 24px rgba(244,130,31,.5);
}
.lb-counter{
  font-size:13px;color:rgba(255,255,255,.6);
  font-family:Arial,sans-serif;min-width:60px;text-align:center;
}
.lightbox-dl-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border-radius:8px;
  border:1px solid rgba(37,211,102,.3);
  background:rgba(37,211,102,.1);
  color:#4CAF50;font-size:12px;font-weight:600;
  cursor:pointer;transition:all .2s;white-space:nowrap;
}
.lightbox-dl-btn:hover{background:rgba(37,211,102,.2)}

/* Album card — show view button on hover */
.album-card{cursor:pointer;position:relative}
.album-card:hover .album-ov{opacity:1}
.album-ov{
  position:absolute;inset:0;
  background:rgba(0,0,0,.55);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;
  opacity:0;transition:.25s;border-radius:inherit;
}
.album-ov-btn{
  padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;
  background:var(--orange,#F4821F);color:#fff;border:none;cursor:pointer;
}

/* Lightbox single image style */
#wcLBBody img{
  max-width:100%;
  max-height:calc(100vh - 160px);
  width:auto;height:auto;
  border-radius:8px;
  display:block;margin:0 auto;
  box-shadow:0 4px 32px rgba(0,0,0,.5);
  cursor:zoom-in;
}

@media(max-width:768px){
  .lb-nav{width:36px;height:36px;font-size:20px}
  .lightbox-dl-btn{font-size:11px;padding:6px 10px}
  #wcLBBody img{max-height:calc(100vh - 140px)}
}

/* ── FIX 2b: single-post-layout — mobile proper fix ──── */
.single-post-layout{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:40px;
  align-items:start;
}
@media(max-width:768px){
  .single-post-layout{
    grid-template-columns:1fr !important;
    gap:24px;
  }
  .single-post-layout > aside{
    display:none;
  }
  .single-post-layout > article{
    width:100%;
    min-width:0;
    overflow-x:hidden;
  }
}

/* ── Contact quick links (Complaint & Verify) ────────── */
.contact-quick-link{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;text-decoration:none;
  background:var(--card);border:1px solid var(--bd);border-radius:14px;
  padding:18px 12px;transition:all .2s;
}
.contact-quick-link:hover{
  border-color:rgba(244,130,31,.4);
  background:rgba(244,130,31,.06);
  transform:translateY(-2px);
}
@media(max-width:480px){
  .contact-quick-link{padding:14px 8px}
  .contact-quick-link>div:first-child{font-size:22px}
}

/* ── Dropdown hover gap fix ──────────────────────────── */
/* li has padding-bottom to bridge gap so hover doesn't break */
.nav-menu > li{
  padding-bottom:8px;
  margin-bottom:-8px;
}
/* Sub-menu sits right below with no gap */
.sub-menu{
  top:100% !important;
  margin-top:0 !important;
}
/* Anchor needs relative so ::after works */
.nav-menu > li > a{
  position:relative;
}

/* ── Lightbox back button ─────────────────────────────── */
.lb-back-btn{
  display:none;align-items:center;gap:5px;
  padding:6px 12px;border-radius:7px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.7);font-size:12px;
  cursor:pointer;transition:.2s;white-space:nowrap;
}
.lb-back-btn:hover{background:rgba(255,255,255,.12);color:#fff}

/* Lightbox grid mobile responsive */
@media(max-width:600px){
  #wcLBBody[style*="grid-template-columns:repeat(4"]{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* ── GALLERY LIGHTBOX MOBILE FIX ─────────────────────── */
@media(max-width:600px){
  .lightbox{z-index:999999 !important;background:#000 !important}
  .lightbox.open{display:flex !important;flex-direction:column !important}
  .lightbox-header{padding:12px 14px;flex-shrink:0}
  .lightbox-title{font-size:13px}
  .lightbox-body{
    flex:1 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    /* Grid set by JS */
  }
  /* Thumbnail items */
  .lightbox-body > div{
    aspect-ratio:1 !important;
    border-radius:4px !important;
  }
  .lightbox-body > div img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .lightbox-footer{padding:10px;flex-shrink:0}
  .lb-back-btn{font-size:12px;padding:5px 10px}
  .lightbox-dl-btn{font-size:11px;padding:5px 10px}
}

/* ── LIGHTBOX NAV COUNTER PROMINENT ──────────────────── */
.lb-counter{
  font-size:15px;
  color:#fff;
  font-family:Arial,sans-serif;
  min-width:70px;
  text-align:center;
  font-weight:600;
  background:rgba(255,255,255,.1);
  border-radius:20px;
  padding:6px 14px;
}
@media(max-width:600px){
  .lb-nav{width:52px !important;height:52px !important;font-size:26px !important}
  .lightbox-footer{gap:16px;padding:12px 16px}
  .lb-counter{font-size:13px;min-width:56px;padding:5px 10px}
}