:root{--navy:#071a52;--blue:#123d9c;--orange:#ff9d00;--green:#20c463;--red:#ef3e45;--light:#f5f8fc;--text:#182238;--muted:#667085}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.top{background:var(--navy);color:#fff;padding:7px 5%;font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;box-shadow:0 2px 15px #0001}.logo{font-size:25px;font-weight:800;color:var(--navy)}.logo span{color:var(--orange)}.navlinks{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700}.btn{display:inline-block;border:0;border-radius:7px;padding:12px 20px;font-weight:700;cursor:pointer;background:var(--orange);color:#fff}.btn.dark{background:var(--navy)}.btn.light{background:#fff;color:var(--navy);border:1px solid #d7deea}.hero{background:linear-gradient(120deg,#071a52,#22247d);color:#fff;padding:80px 5%;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:52px;line-height:1.1;margin:10px 0}.hero h1 span{color:var(--orange)}.hero p{font-size:18px;max-width:650px}.heroimg{width:100%;border-radius:18px;box-shadow:0 20px 60px #0005}.section{padding:60px 5%}.section h2{text-align:center;font-size:34px;margin:0 0 12px}.lead{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 8px 30px #0001;margin:-30px 5% 0;position:relative;border-radius:12px;overflow:hidden}.stat{text-align:center;padding:24px;border-right:1px solid #eee}.stat b{display:block;font-size:28px;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #0000000a}.card img{width:100%;height:180px;object-fit:cover}.cardbody{padding:20px}.price{font-size:23px;font-weight:800;color:var(--orange)}.old{text-decoration:line-through;color:#999;font-size:14px}.features{background:var(--light);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:35px 5%}.feature{padding:20px;background:#fff;border-radius:12px}.banner{background:var(--navy);color:#fff;text-align:center;padding:55px 5%}.footer{background:#06133d;color:#dbe5ff;padding:50px 5% 20px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:30px}.footer h3{color:#fff}.footer a{display:block;margin:7px 0;color:#dbe5ff}.copyright{border-top:1px solid #ffffff22;margin-top:30px;padding-top:18px;text-align:center}.pagehero{background:linear-gradient(90deg,#071a52dd,#071a52aa),url('assets/travel-taxes-visual.png') center/cover;color:#fff;padding:75px 5%;text-align:center}.content{max-width:1000px;margin:auto;padding:55px 5%}.content h2{color:var(--navy);margin-top:35px}.content h1{font-size:38px}.contactbox{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{padding:13px;border:1px solid #d8dee9;border-radius:7px;font:inherit}.float{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:10px}.float a{color:#fff;padding:11px 17px;border-radius:30px;font-weight:700;box-shadow:0 5px 20px #0003}.wa{background:var(--green)}.call{background:#1677ff}.mail{background:var(--red)}.notice{background:#fff6e5;border-left:5px solid var(--orange);padding:15px;margin:20px 0}.coursehero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.coursehero img{width:100%;border-radius:15px}.pill{display:inline-block;padding:5px 10px;background:#eef3ff;color:var(--blue);border-radius:20px;font-size:13px;margin:3px}.check{color:#16874b;font-weight:700}.menu{display:none}
@media(max-width:850px){.hero,.coursehero,.contactbox{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.navlinks{display:none}.menu{display:block}.hero h1{font-size:38px}}
@media(max-width:520px){.grid,.stats,.features,.footergrid{grid-template-columns:1fr}.hero{padding:55px 5%}.hero h1{font-size:34px}.top{font-size:11px}}

.currencybox{font-size:12px;font-weight:700;margin-left:8px}.currencybox select{border:1px solid #d7deea;border-radius:6px;padding:6px;background:#fff;font-weight:700;color:#182238}
@media(max-width:1100px){.currencybox{display:none}}


/* ===== FINAL RESPONSIVE SYSTEM: DESKTOP + TABLET + MOBILE ===== */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.nav{min-height:68px;gap:16px}
.logo{flex:0 0 auto;white-space:nowrap}
.navlinks{flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px}
.navlinks a:not(.btn){padding:8px 3px;white-space:nowrap}
.desktop-currency{flex:0 0 auto}
.currencybox{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
.currencybox select{border:1px solid #d7deea;border-radius:7px;padding:8px 9px;background:#fff;font-weight:700;color:#182238;min-height:38px;max-width:190px}
.mobile-menu{display:none;border:0;background:#f4f7fb;color:var(--navy);font-size:27px;line-height:1;padding:9px 11px;cursor:pointer;min-width:46px;min-height:46px;border-radius:9px}
.mobile-nav-panel,.mobile-overlay{display:none}
.mobile-nav-panel .currencybox{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px;background:#f5f8fc;border-radius:10px;margin-bottom:8px}
.mobile-nav-panel .currencybox label{font-size:13px}
.mobile-nav-panel .currencybox select{width:100%;font-size:16px;min-height:46px;max-width:none}
.mobile-nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:18px}
.mobile-close{border:0;background:#eef2f8;color:var(--navy);width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}
.mobile-nav-panel>a{display:block;padding:13px 10px;border-bottom:1px solid #edf0f5;font-weight:700;color:var(--text);min-height:46px}
.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:69;opacity:0;visibility:hidden;transition:.2s}
.mobile-overlay.show{opacity:1;visibility:visible}
.mobile-nav-panel{
  position:fixed;top:0;right:0;width:min(88vw,390px);height:100dvh;background:#fff;
  z-index:70;padding:18px 18px 28px;overflow-y:auto;
  transform:translateX(105%);transition:transform .25s ease;box-shadow:-12px 0 35px rgba(0,0,0,.18)
}
.mobile-nav-panel.open{transform:translateX(0)}
body.menu-open{overflow:hidden}

/* Tablet: use the same working drawer so navigation never gets squeezed or lost. */
@media (max-width:1100px){
  .nav{padding:10px 4%}
  .navlinks,.desktop-currency{display:none!important}
  .mobile-menu{display:block;margin-left:auto;position:relative;z-index:71}
  .mobile-nav-panel{display:block}
  .mobile-overlay{display:block}
  .top{padding:7px 4%;justify-content:center;text-align:center}
  .hero{grid-template-columns:1fr 1fr;gap:25px;padding:65px 5%}
  .hero h1{font-size:44px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .features{grid-template-columns:repeat(2,1fr)}
  .footergrid{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media (max-width:700px){
  .top{font-size:11px;line-height:1.35}
  .top span{display:block;width:100%}
  .nav{min-height:62px;padding:8px 4%}
  .logo{font-size:22px}
  .hero{grid-template-columns:1fr;padding:42px 5%;text-align:left}
  .hero h1{font-size:35px}
  .hero p{font-size:16px}
  .heroimg{max-height:300px;object-fit:cover}
  .stats{grid-template-columns:1fr 1fr;margin:-16px 4% 0}
  .stat{padding:17px 9px;font-size:13px}
  .stat b{font-size:22px}
  .section{padding:44px 5%}
  .section h2{font-size:28px}
  .grid{grid-template-columns:1fr}
  .features{grid-template-columns:1fr;padding:28px 5%}
  .footergrid{grid-template-columns:1fr}
  .coursehero{grid-template-columns:1fr}
  .contactbox{grid-template-columns:1fr}
  .content{padding:38px 5%}
  .content h1{font-size:30px}
  .pagehero{padding:50px 5%}
  .pagehero h1{font-size:30px}
  .float{right:10px;bottom:10px;gap:7px}
  .float a{padding:10px 12px;font-size:12px}
  input,textarea,select,button{font-size:16px}
}

/* Small phones */
@media (max-width:420px){
  .mobile-nav-panel{width:92vw;padding:15px 14px 25px}
  .mobile-actions{grid-template-columns:1fr}
  .hero h1{font-size:31px}
  .btn{padding:11px 15px}
  .stats{margin-left:3%;margin-right:3%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mobile-nav-panel,.mobile-overlay{transition:none}
}

/* ===== ZERO-JS FALLBACK NAVIGATION ===== */
.menu-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
@media (max-width:1100px){
 .mobile-menu{display:flex!important;align-items:center;justify-content:center;margin-left:auto;position:relative;z-index:100;width:48px;height:48px;border-radius:9px;background:#f1f4f9;color:var(--navy);font-size:28px;cursor:pointer}
 .mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
 .mobile-nav-panel{display:block!important;position:fixed;top:0;right:0;width:min(90vw,390px);height:100dvh;background:#fff;z-index:95;padding:18px;overflow-y:auto;transform:translateX(105%);transition:transform .25s ease;box-shadow:-10px 0 30px rgba(0,0,0,.2)}
 #menuToggle:checked ~ .mobile-overlay{opacity:1;visibility:visible;pointer-events:auto}
 #menuToggle:checked ~ .mobile-nav-panel{transform:translateX(0)}
 .mobile-nav-panel .mobile-close{display:flex;align-items:center;justify-content:center}
 .mobile-nav-panel a{display:block}
 .mobile-nav-panel select{width:100%;min-height:46px;font-size:16px}
 .desktop-currency{display:none!important}
}
@media (min-width:1101px){
 .mobile-menu,.mobile-nav-panel,.mobile-overlay,.menu-toggle{display:none!important}
 .desktop-currency{display:block!important}
}
@media (max-width:700px){
 .nav{padding:8px 4%;min-height:62px}
 .logo{font-size:22px}
 .mobile-nav-panel{width:min(92vw,380px);padding:15px}
}

/* ===== FINAL OVERRIDE: FIX DESKTOP + MOBILE NAV WITHOUT CONFLICT ===== */
@media (min-width:1101px){
  .navlinks{display:flex!important;align-items:center;justify-content:flex-end;flex:1 1 auto;gap:14px}
  .desktop-currency{display:block!important}
  .mobile-menu,.mobile-nav-panel,.mobile-overlay,.menu-toggle{display:none!important}
}
@media (max-width:1100px){
  .navlinks,.desktop-currency{display:none!important}
  .mobile-menu{display:flex!important}
  .mobile-overlay{display:block!important}
  .mobile-nav-panel{display:block!important}
  #menuToggle:checked ~ .mobile-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  #menuToggle:checked ~ .mobile-nav-panel{transform:translateX(0)!important}
}