/* ════════════════════════════════════════
   ROOT VARIABLES — single definition
   ════════════════════════════════════════ */
:root{
  /* Blues */
  --bd:#0d5c63; --bm:#0f766e; --bb:#14a098; --bl:#3cbfb4;
  --bp:#e3f5f2; --bbg:#eefbf8;
  /* Neutrals */
  --wh:#ffffff; --g1:#f9fafb; --g2:#f3f4f6; --br:#e5e7eb;
  /* Text */
  --td:#1a1a2e; --tm:#374151; --mu:#6b7280;
  /* Status */
  --gn:#0f9d6b; --rd:#e2603f; --og:#f08a24; --gold:#e0a419;
  /* Aliases for V1/V2 compatibility */
  --primary:#0d6d6b; --primary-dark:#084c4a; --primary-light:#17998f;
  --accent:#e2603f; --green:#12a074; --gray:#64748b;
  --light:#f1f5f9; --border:#e2e8f0; --text:#1a1a2e;
  /* Shadows */
  --sh:0 4px 20px rgba(13,92,99,.1);
  --shh:0 8px 32px rgba(13,92,99,.18);
}

/* ════════════════════════════════════════
   RESET & BASE
   ════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Outfit,sans-serif;color:var(--td);background:#fff;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
button{font-family:Outfit,sans-serif;cursor:pointer}
input,select,textarea{font-family:Outfit,sans-serif}
h1,h2,h3,h4,h5{font-family:'Fraunces',serif;line-height:1.25}
img{max-width:100%;display:block}

/* ════════════════════════════════════════
   TOPBAR
   ════════════════════════════════════════ */
.topbar{background:var(--bd);padding:7px 20px;font-size:12px;color:rgba(255,255,255,.8)}
.topbar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.topbar a{color:rgba(255,255,255,.8);margin-left:16px;text-decoration:none;transition:color .15s}
.topbar a:hover{color:#fff}

/* ════════════════════════════════════════
   HEADER & NAV
   ════════════════════════════════════════ */
header{background:#fff;box-shadow:0 2px 12px rgba(13,92,99,.1);position:sticky;top:0;z-index:1000;border-bottom:none;margin-bottom:0}
.hdr-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:10px;min-width:0}
.logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}
.logo-globe{width:38px;height:38px;flex-shrink:0}
.brand{font-family:'Outfit',sans-serif;font-size:25px;font-weight:800;font-style:italic;display:block;line-height:1}
.brand .brand-lang{color:#2fa9e1}.brand .brand-guru{color:#8a8d8f}
.tagline{font-size:9px;color:#231f20;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;display:block;position:relative;padding-bottom:5px}.tagline::after{content:"";position:absolute;left:0;right:10px;bottom:0;height:1.5px;background:#231f20}.tagline::before{content:"✦";position:absolute;right:0;bottom:-5px;font-size:11px;color:#231f20;font-style:normal}
nav#mainNav{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-link{background:none;border:none;color:var(--tm);font-size:13px;font-weight:700;padding:8px 9px;cursor:pointer;font-family:Outfit,sans-serif;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:3px;border-radius:6px}
.nav-link:hover{color:var(--bd);background:var(--g1)}
.nav-link.active{color:var(--bd)}
.nav-caret{font-size:10px;opacity:.6;transition:transform .2s}
.nav-quote-btn{background:var(--rd);color:#fff!important;border-radius:6px;padding:9px 18px;font-weight:800;margin-left:6px}
.nav-quote-btn:hover{background:#c0291e!important;color:#fff}
@media(min-width:901px) and (max-width:1220px){.nav-link{font-size:12px;padding:7px 6px}.nav-quote-btn{padding:8px 12px;margin-left:2px}.brand{font-size:20px}.logo-globe{width:32px;height:32px}.tagline{display:none}.hdr-in{gap:6px}}
/* Dropdown */
.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--br);box-shadow:0 12px 40px rgba(13,92,99,.15);min-width:220px;border-radius:0 0 10px 10px;z-index:2000;padding:4px 0;animation:fdrop .15s ease}
.dropdown.open{display:block!important}



.dropdown a{display:block;padding:7px 14px;color:var(--tm);font-size:13px;font-weight:600;white-space:nowrap;transition:background .14s,color .14s}
.dropdown a:hover{background:var(--g1);color:var(--bd)}
.mega-dropdown{min-width:600px;display:none;flex-wrap:nowrap;gap:0;padding:16px}
.nav-item:hover 
.mega-col{flex:1;min-width:140px;padding:0 12px;border-right:1px solid var(--g2)}
.mega-col:last-child{border:none}
.mega-col-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--mu);padding:4px 0 10px;border-bottom:1px solid var(--g2);margin-bottom:8px}
.mega-col a{display:block;padding:5px 0;color:var(--tm);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s}
.mega-col a:hover{color:var(--bb)}
@keyframes fdrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
/* Mobile nav */
.mob-menu-btn{display:none;background:none;border:none;font-size:24px;color:var(--bd);cursor:pointer;padding:4px 8px}
.mob-nav{position:fixed;top:0;right:-110%;width:300px;height:100vh;background:var(--bd);z-index:3000;overflow-y:auto;transition:right .3s;box-shadow:-8px 0 32px rgba(0,0,0,.25)}
.mob-nav.open{right:0}
.mob-nav-
.mob-close{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:20px;width:34px;height:34px;border-radius:50%;cursor:pointer;font-family:Outfit,sans-serif}
.mob-section{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.4);padding:14px 20px 5px}
.mob-nav a{display:block;padding:11px 20px;color:rgba(255,255,255,.85);font-size:13.5px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background .15s}
.mob-nav a:hover{background:rgba(255,255,255,.08)}

/* ════════════════════════════════════════
   BREADCRUMB
   ════════════════════════════════════════ */
.breadcrumb{background:var(--g1);padding:10px 20px;border-bottom:1px solid var(--br);font-size:12.5px}
.breadcrumb-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.breadcrumb-inner a{color:var(--bb);font-weight:700;cursor:pointer}
.breadcrumb-inner a:hover{text-decoration:underline}
.breadcrumb-inner span{color:var(--mu);font-size:11px}

/* ════════════════════════════════════════
   BUTTONS
   ════════════════════════════════════════ */
.btn-b{display:inline-flex;align-items:center;gap:7px;background:var(--bd);color:#fff;border:none;padding:11px 22px;border-radius:7px;font-size:14px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-b:hover{background:var(--bm);transform:translateY(-1px);box-shadow:0 4px 16px rgba(13,92,99,.3)}
.btn-ob{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--bd);border:2px solid var(--bd);padding:10px 20px;border-radius:7px;font-size:14px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;text-decoration:none}
.btn-ob:hover{background:var(--bd);color:#fff}
.btn-white{background:#fff;color:var(--bd);border:none;padding:11px 22px;border-radius:7px;font-size:14px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.btn-white:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}
.btn-outline-w{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:10px 20px;border-radius:7px;font-size:14px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.btn-outline-w:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-submit{width:100%;background:var(--rd);color:#fff;padding:12px;border-radius:9px;font-size:14px;font-weight:800;border:none;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin-bottom:8px}
.btn-submit:hover{background:#c0291e;transform:translateY(-1px)}

/* ════════════════════════════════════════
   SECTION BASICS (ref3 exact)
   ════════════════════════════════════════ */
.sec{padding:56px 20px}
.bg-g{background:var(--g1)}
.sec-in{max-width:1200px;margin:0 auto}
.sec-hdr{text-align:center;margin-bottom:36px}
.slbl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;color:var(--bb);margin-bottom:8px}
.sh2{font-family:'Fraunces',serif;font-size:clamp(22px,2.8vw,34px);font-weight:700;color:var(--td);margin-bottom:8px}
.sh2 span{color:var(--bb)}
.sline{width:48px;height:4px;background:linear-gradient(90deg,var(--bd),var(--bb));border-radius:4px;margin:12px 0}
.sline.c{margin-left:auto;margin-right:auto}
.sec-p{font-size:15px;color:var(--tm);line-height:1.85;margin-bottom:12px}
.sec-hdr-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:14px}

/* ════════════════════════════════════════
   HERO — ref3 home design
   ════════════════════════════════════════ */
.hero{background:linear-gradient(140deg,var(--bd) 0%,var(--bm) 45%,var(--bb) 100%);padding:64px 20px 0;overflow:hidden;position:relative}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}
.hero-in,.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 370px;gap:36px;align-items:start;position:relative;z-index:1}
.hero-badge,.hero-flag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:6px 16px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:16px}
.hero h1,.hero-in h1,.hero-inner h1{font-family:'Fraunces',serif;font-size:clamp(26px,3.5vw,48px);font-weight:700;color:#fff;line-height:1.15;margin-bottom:8px}
.hero h2{font-family:'Fraunces',serif;font-size:clamp(22px,2.8vw,36px);font-weight:700;color:var(--bb);margin-bottom:14px}
.hero h1 em{color:var(--gold);font-style:normal}
.hero-sub,.hero-desc{font-size:15px;color:rgba(255,255,255,.88);line-height:1.82;max-width:560px;margin-bottom:22px}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:72px}
.ht,.htrust{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-size:12.5px;font-weight:700}
.ht .ic,.htrust-icon{font-size:14px}
/* Hero illustration */
.hero-vis{display:flex;align-items:center;justify-content:center;padding-bottom:60px}
.hero-ill{width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;position:relative;border:2px solid rgba(255,255,255,.12)}
.sb{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;position:absolute;box-shadow:0 4px 18px rgba(0,0,0,.2);animation:float 3s ease-in-out infinite}
.sb1{top:-10px;left:50%;transform:translateX(-50%);animation-delay:0s}
.sb2{top:20%;right:-16px;animation-delay:.5s}
.sb3{bottom:20%;right:-16px;animation-delay:1s}
.sb4{bottom:-10px;left:50%;transform:translateX(-50%);animation-delay:1.5s}
.sb5{top:20%;left:-16px;font-size:26px;animation-delay:.8s}
@keyframes float{0%,100%{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-8px) translateX(-50%)}}
.sb2,.sb3{animation:floatR 3s ease-in-out infinite}
@keyframes floatR{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ════════════════════════════════════════
   STATS BAR — ref3 design
   ════════════════════════════════════════ */
.stats-bar,.stats{background:var(--bd);padding:20px}
.stats-in,.stats-g{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.stat{text-align:center;padding:12px 8px;border-right:1px solid rgba(255,255,255,.1)}
.stat:last-child{border:none}
.stat-num,.stat-n{font-family:'Fraunces',serif;font-size:clamp(20px,2vw,28px);font-weight:700;color:#fff;line-height:1}
.stat-lbl,.stat-l{font-size:11px;color:rgba(255,255,255,.6);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}

/* ════════════════════════════════════════
   ABOUT — ref3 .ag design
   ════════════════════════════════════════ */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.at h3{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--td);margin-bottom:14px}
.at p{font-size:14.5px;color:var(--tm);line-height:1.85;margin-bottom:12px}
/* Greetings animation area */
.av{background:linear-gradient(135deg,var(--bp),var(--bbg));border-radius:16px;padding:24px;position:relative;overflow:hidden;min-height:280px}
.gv{font-size:60px;opacity:.08;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;pointer-events:none}
.hcs{display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:1}
.hc{background:#fff;border:1px solid var(--br);border-radius:24px;padding:8px 16px;font-size:13px;font-weight:700;color:var(--bd);box-shadow:var(--sh);animation:popIn .4s ease forwards;opacity:0}
@keyframes popIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}

/* ════════════════════════════════════════
   CERTIFIED / LEGAL TRANSLATION — .tc design
   ════════════════════════════════════════ */
.tc{display:grid;grid-template-columns:1fr 220px;gap:40px;align-items:center}
.tc.rv{grid-template-columns:220px 1fr}
.st h3{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--td);margin-bottom:14px;padding-left:14px;border-left:4px solid var(--bb)}
.st p{font-size:14.5px;color:var(--tm);line-height:1.85;margin-bottom:12px}
.sv{background:linear-gradient(135deg,var(--bp),var(--bbg));border-radius:50%;width:180px;height:180px;display:flex;align-items:center;justify-content:center;font-size:80px;flex-shrink:0;box-shadow:var(--sh);margin:0 auto}
.ig{display:grid;grid-template-columns:1fr 200px;gap:32px;align-items:center}
.ig p{font-size:14px;color:var(--tm);line-height:1.85;margin-bottom:12px}

/* ════════════════════════════════════════
   OFFICIAL SERVICES SIDEBAR LAYOUT (ref2)
   ════════════════════════════════════════ */
.services-sidebar-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.svc-sidebar-inner{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--br)}
.svc-sidebar-title{background:var(--bd);color:#fff;padding:14px 18px;font-weight:800;font-size:14px}
.svc-sidebar-link{display:block;padding:11px 16px;color:var(--tm);font-size:13.5px;font-weight:600;border-bottom:1px solid var(--br);transition:all .15s;border-left:3px solid transparent;cursor:pointer}
.svc-sidebar-link:hover,.svc-sidebar-link.act{background:var(--bp);color:var(--bd);border-left-color:var(--bb)}
.svc-sidebar-link.see-more{background:var(--bb);color:#fff;text-align:center;font-weight:800;border:none}
.svc-sidebar-link.see-more:hover{background:var(--bd)}
.svc-content-area{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:28px;min-height:280px;border:1px solid var(--br)}

/* ════════════════════════════════════════
   INTERPRETER SECTION
   ════════════════════════════════════════ */
.interp-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--mu);text-align:center;margin:28px 0 16px}
.interp-btns-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}
.interp-tab-btn{display:flex;align-items:center;gap:9px;padding:12px 18px;background:#fff;border:2px solid var(--br);border-radius:10px;cursor:pointer;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;color:var(--td);transition:all .25s;flex:1;min-width:155px;justify-content:center}
.interp-tab-btn:hover{border-color:var(--bb);background:var(--bp);color:var(--bd)}
.interp-tab-btn.active{border-color:var(--bd);background:var(--bd);color:#fff;box-shadow:0 4px 16px rgba(13,92,99,.25)}
.itb-icon{font-size:18px;flex-shrink:0}
.interp-expand-panel{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);border-radius:12px;margin-top:0}
.interp-expand-panel.open{max-height:600px;margin-top:16px;border:1.5px solid var(--bb);box-shadow:var(--sh)}
.interp-panel-inner{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.interp-panel-left h4{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--bd);margin-bottom:10px}
.interp-panel-left p{font-size:14px;color:var(--tm);line-height:1.8;margin-bottom:16px}
.interp-panel-ctas{display:flex;gap:10px;flex-wrap:wrap}
.interp-panel-right h5{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--mu);margin-bottom:12px}
.interp-cases-list{list-style:none;padding:0}
.interp-cases-list li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--tm);padding:5px 0;font-weight:600;border-bottom:1px solid var(--g2)}
.interp-cases-list li:last-child{border:none}
.interp-cases-list li::before{content:'✓';color:var(--gn);font-weight:900;flex-shrink:0;margin-top:1px}

/* ════════════════════════════════════════
   ISO BANNER
   ════════════════════════════════════════ */
.iso-banner{background:linear-gradient(135deg,var(--bd),var(--bm));padding:48px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}
.iso-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.06),transparent 55%)}
.iso-banner h2{font-family:'Fraunces',serif;font-size:clamp(18px,2.5vw,28px);font-weight:700;margin-bottom:12px;position:relative;z-index:1}
.iso-banner p{font-size:14px;opacity:.82;margin-bottom:22px;position:relative;z-index:1}

/* ════════════════════════════════════════
   LANGUAGES SECTION — .ll ref2
   ════════════════════════════════════════ */
.ll{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:start}
.lgw{display:flex;align-items:center;justify-content:center}
.lgb{width:140px;height:140px;background:linear-gradient(135deg,var(--bp),var(--bbg));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;box-shadow:var(--sh)}
.l3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lc h3{font-family:'Fraunces',serif;font-size:14px;font-weight:700;color:var(--bd);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--bb)}
.lc ul{list-style:none;padding:0}
.lc ul li{margin-bottom:5px}
.lc ul li a{color:var(--tm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 0;border-radius:4px;transition:color .15s}
.lc ul li a:hover{color:var(--bb)}
.lmore{display:inline-block;color:var(--bb);font-size:13px;font-weight:700;cursor:pointer;margin-top:8px}
.lmore:hover{text-decoration:underline}

/* ════════════════════════════════════════
   CERT GALLERY (ref24 exact)
   ════════════════════════════════════════ */
.gal-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.gal-cat{background:#fff;border:1.5px solid var(--br);padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;color:var(--td);cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}
.gal-cat:hover,.gal-cat.act{background:var(--bd);color:#fff;border-color:var(--bd)}
.gf{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}
.gf-btn{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:700;border:1.5px solid var(--br);background:#fff;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif;color:var(--tm)}
.gf-btn.active{background:var(--bb);color:#fff;border-color:var(--bb)}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.cert-card{background:#fff;border:1.5px solid var(--br);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}
.cert-card:hover{transform:translateY(-5px);box-shadow:var(--shh);border-color:var(--bb)}
.cert-thumb{height:175px;background:linear-gradient(135deg,var(--bp),#d8ecff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cert-doc{font-size:66px}
.cert-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:rgba(13,92,99,.06);letter-spacing:7px;transform:rotate(-30deg);pointer-events:none}
.cert-info{padding:14px 16px}
.cert-lang{font-size:12.5px;font-weight:700;color:var(--bb);margin-bottom:5px}
.cert-title{font-size:14px;font-weight:800;color:var(--td);margin-bottom:9px}
.cert-meta{display:flex;justify-content:space-between;align-items:center}
.cert-badge{font-size:11px;background:rgba(22,163,74,.1);color:var(--gn);padding:3px 10px;border-radius:11px;font-weight:700}
.cert-time{font-size:11px;color:var(--mu);font-weight:600}
/* cert modal */
@keyframes mopen{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

/* ════════════════════════════════════════
   WHY CHOOSE — .wg ref3
   ════════════════════════════════════════ */
.wg{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.wl{background:linear-gradient(135deg,var(--bd),var(--bm));border-radius:14px;padding:26px;color:#fff;position:sticky;top:80px}
.wi{font-size:40px;margin-bottom:14px}
.wl h3{font-family:'Fraunces',serif;font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}
.wl p{font-size:13px;opacity:.8;margin-bottom:16px;line-height:1.7}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.why-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--sh);transition:all .25s;border-top:3px solid transparent}
.why-card:hover{transform:translateY(-3px);box-shadow:var(--shh);border-top-color:var(--bb)}
.why-ico{font-size:30px;margin-bottom:10px}
.why-card h4{font-family:'Fraunces',serif;font-size:14.5px;font-weight:700;color:var(--td);margin-bottom:6px}
.why-card p{font-size:12.5px;color:var(--mu);line-height:1.7}

/* ════════════════════════════════════════
   TESTIMONIALS — ref3 design
   ════════════════════════════════════════ */
.test-grid,.tg{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.test-card,.tc-item{background:#fff;border-radius:12px;padding:22px;box-shadow:var(--sh);position:relative}
.test-card::before,.tc-item::before{content:'\201C';position:absolute;top:8px;right:14px;font-size:56px;color:var(--bp);font-family:'Fraunces',serif;line-height:1;pointer-events:none}
.test-stars,.tc-stars{color:var(--gold);font-size:14px;margin-bottom:9px;letter-spacing:1px}
.test-txt,.tc-txt{font-size:13.5px;color:var(--tm);line-height:1.85;margin-bottom:13px;font-style:italic}
.test-auth,.tc-auth{display:flex;align-items:center;gap:10px}
.test-av,.tc-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}
.test-name,.tc-nm{font-weight:800;font-size:13px;color:var(--td)}
.test-role,.tc-role{font-size:11.5px;color:var(--mu)}

/* ════════════════════════════════════════
   FAQ ACCORDION
   ════════════════════════════════════════ */
.faqi{border:1.5px solid var(--br);border-radius:9px;margin-bottom:8px;overflow:hidden}
.faqi.op,.faq-item.open{border-color:var(--bb)}
.faqq,.faq-q{width:100%;text-align:left;background:#fff;border:none;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--td);cursor:pointer;font-family:Outfit,sans-serif;gap:10px;transition:background .15s}
.faqq:hover,.faqi.op .faqq,.faq-item.open .faq-q{background:var(--bp);color:var(--bd)}
.faqa,.faq-a{display:none;padding:13px 18px;font-size:13.5px;color:var(--tm);line-height:1.8;background:var(--g1)}
.faqi.op .faqa,.faq-item.open .faq-a{display:block}
.faqc,.faq-arrow{font-size:16px;transition:transform .25s;flex-shrink:0;color:var(--mu)}
.faqi.op .faqc,.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--bb)}
.faql{max-width:820px;margin:0 auto}

/* ════════════════════════════════════════
   CLIENTS STRIP
   ════════════════════════════════════════ */
.clc-wrap{overflow-x:auto;padding-bottom:4px}
.clc{display:flex;gap:12px;min-width:max-content}
.clb{flex-shrink:0;border:1.5px solid var(--br);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;color:var(--td);cursor:pointer;transition:all .2s;white-space:nowrap;background:#fff}
.clb:hover{border-color:var(--bb);color:var(--bb);box-shadow:var(--sh)}

/* ════════════════════════════════════════
   DOCUMENTS GRID
   ════════════════════════════════════════ */
.docs-g,.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0}
.doc-c,.doc-item{background:var(--g1);border:1px solid var(--br);border-radius:9px;padding:14px 12px;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}
.doc-c{flex-direction:column;gap:8px}
.doc-c:hover,.doc-item:hover{background:var(--bp);border-color:var(--bb)}
.doc-ic,.doc-item-icon{font-size:22px}
.doc-c h4{font-size:12.5px;font-weight:700;color:var(--td);margin:0}
.doc-c p{font-size:10.5px;color:var(--mu);margin:0}
.doc-item{font-size:12.5px;font-weight:600;color:var(--td)}

/* ════════════════════════════════════════
   SERVICE CARDS GRID
   ════════════════════════════════════════ */
.s3,.sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc{background:#fff;border:1.5px solid var(--br);border-radius:12px;padding:22px;cursor:pointer;transition:all .25s}
.sc:hover{border-color:var(--bb);box-shadow:var(--shh);transform:translateY(-3px)}
.si{font-size:34px;margin-bottom:12px}
.sc h3{font-family:'Fraunces',serif;font-size:15px;font-weight:700;color:var(--td);margin-bottom:7px}
.sc p{font-size:13px;color:var(--mu);line-height:1.65}
.learn,.get-quote-link{display:inline-block;margin-top:10px;color:var(--bb);font-size:12.5px;font-weight:700}

/* Language card grid */
.l-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.l-card{background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s}
.l-card:hover{border-color:var(--bb);box-shadow:var(--sh);transform:translateY(-2px)}
.l-flag{font-size:24px;flex-shrink:0}
.l-name{font-size:13.5px;font-weight:800;color:var(--td)}
.l-count{font-size:11px;color:var(--mu)}

/* ════════════════════════════════════════
   LANGUAGE PAGE (V1 exact design)
   ════════════════════════════════════════ */
/* Quote form card */
.quote-form-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 16px 48px rgba(8,76,74,.28);position:relative;z-index:2}
.qfc-title{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--bd);margin-bottom:4px}
.qfc-sub{font-size:12px;color:var(--mu);margin-bottom:14px}
.qf-row{margin-bottom:10px}
.qf-row label{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);margin-bottom:4px}
.qf-row select,.qf-row input[type="number"],.qf-row input[type="text"]{width:100%;padding:9px 11px;border:1.5px solid var(--br);border-radius:7px;font-size:13px;font-family:Outfit,sans-serif;color:var(--td);outline:none;background:#fff;transition:border-color .2s}
.qf-row select:focus,.qf-row input:focus{border-color:var(--bb)}
.qf-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-strip{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:10px;padding:12px 15px;margin:12px 0;display:flex;justify-content:space-between;align-items:center}
.ps-from{color:rgba(255,255,255,.7);font-size:11.5px;font-weight:600}
.ps-price{font-family:'Fraunces',serif;font-size:28px;font-weight:700;color:#fff}
.ps-per{color:rgba(255,255,255,.6);font-size:10px}
.qf-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.qft{background:var(--bp);color:var(--bd);padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700}

/* Main layout (lang + service pages) */

.content-section{background:#fff;border:1px solid var(--br);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--sh)}
.content-section h2{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--bd);margin-bottom:12px;padding-left:12px;border-left:4px solid var(--bb)}
.content-section h3{font-family:'Fraunces',serif;font-size:15px;font-weight:700;color:var(--bd);margin:14px 0 8px}
.content-section p{font-size:14px;color:var(--tm);line-height:1.85;margin-bottom:10px}
.content-section ul{list-style:none;padding:0}
.content-section ul li{font-size:14px;color:var(--tm);padding:7px 0 7px 20px;border-bottom:1px solid var(--g2);position:relative;line-height:1.7}
.content-section ul li:last-child{border:none}
.content-section ul li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-weight:900;font-size:12px;margin-top:1px}

/* Service cards in lang page */
.svc-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.svc-c{background:#fff;border:1.5px solid var(--br);border-radius:11px;padding:18px;cursor:pointer;transition:all .25s}
.svc-c:hover{border-color:var(--bb);box-shadow:var(--shh);transform:translateY(-2px)}
.svc-c-icon{font-size:28px;margin-bottom:9px}
.svc-c h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--bd);margin-bottom:5px;font-weight:700}
.svc-c p{font-size:12px;color:var(--mu);line-height:1.7}

/* Pricing table */
.pricing-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:12px 0;border-radius:10px;overflow:hidden;box-shadow:var(--sh)}
.pricing-table thead{background:var(--bd)}
.pricing-table th{color:#fff;padding:11px 14px;text-align:left;font-size:12px;font-weight:700}
.pricing-table td{padding:10px 14px;border-bottom:1px solid var(--br);color:var(--td)}
.pricing-table tr:last-child td{border:none}
.pricing-table tr:nth-child(even) td{background:var(--g1)}
.pricing-table tr:hover td{background:var(--bp);cursor:pointer}
.price-badge{background:var(--rd);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;margin-left:5px}

/* City links and lang tags */
.city-links-grid,.lang-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.cl{background:var(--g1);border:1px solid var(--br);color:var(--tm);padding:5px 12px;border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-block}
.cl:hover{background:var(--bb);color:#fff;border-color:var(--bb)}
.ltag{background:#fff;border:1.5px solid var(--br);border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:700;color:var(--tm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}
.ltag:hover{background:var(--bb);color:#fff;border-color:var(--bb)}

/* Reviews in lang page */
.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.review-card{background:#fff;border:1px solid var(--br);border-radius:10px;padding:16px;position:relative}
.review-card::before{content:'\201C';position:absolute;top:8px;right:12px;font-size:50px;color:var(--bp);font-family:'Fraunces',serif;line-height:1;pointer-events:none}
.review-stars{color:var(--gold);font-size:13px;margin-bottom:7px}
.review-text{font-size:12.5px;color:var(--tm);line-height:1.85;margin-bottom:11px;font-style:italic}
.review-author{display:flex;align-items:center;gap:9px}
.review-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;flex-shrink:0}
.review-name{font-weight:800;font-size:12px;color:var(--bd)}
.review-role{font-size:11px;color:var(--mu)}

/* CTA Banner */
.cta-banner{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:14px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cta-banner h3{font-family:'Fraunces',serif;font-size:20px;color:#fff;margin-bottom:5px;font-weight:700}
.cta-banner p{font-size:13px;color:rgba(255,255,255,.82)}
.cta-banner-btns{display:flex;gap:10px;flex-wrap:wrap}

/* Sidebar */
.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:0}
.sb-cta{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:12px;padding:20px;text-align:center;margin-bottom:14px}
.sb-cta h4{color:#fff;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.sb-cta p{color:rgba(255,255,255,.72);font-size:12px;margin-bottom:12px}
.sb-cta-btn{display:block;background:#fff;color:var(--bd);padding:10px;border-radius:7px;font-weight:800;font-size:13px;text-align:center;margin-bottom:8px;cursor:pointer;transition:all .18s;border:none;width:100%;font-family:Outfit,sans-serif}
.sb-cta-btn:hover{background:rgba(255,255,255,.9)}
.sb-cta-wa{display:block;background:#25d366;color:#fff;padding:10px;border-radius:7px;font-weight:800;font-size:13px;text-align:center;text-decoration:none;transition:all .18s}
.sb-card,.sbcard{background:#fff;border:1px solid var(--br);border-radius:11px;overflow:hidden;margin-bottom:12px;box-shadow:var(--sh)}
.sb-card-title,.sbcard-t{background:var(--bd);color:#fff;padding:10px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.sb-card-body,.sbcard-b{padding:12px 14px}
.sb-link,.sblink{display:flex;align-items:center;gap:7px;color:var(--mu);font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--g2);cursor:pointer;font-weight:600;transition:all .18s}
.sb-link:last-child,.sblink:last-child{border:none}
.sb-link:hover,.sblink:hover{color:var(--bb);padding-left:4px}
.sb-link .arrow,.sblink .arr,.arr{margin-left:auto;font-size:10px;opacity:.4}
.sb-price-list{padding:0}
.sp-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--g2);font-size:12.5px}
.sp-row:last-child{border:none}
.sp-label{color:var(--mu)}
.sp-val{font-weight:800;color:var(--bd)}
/* V2 sidebar extras */
.sb-city-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--br);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .18s}
.sb-city-item:last-child{border:none}
.sb-city-item:hover{color:var(--bb);padding-left:4px}
.sb-city-item .nm{flex:1}
.checklist{list-style:none;padding:0}
.checklist li{font-size:12.5px;color:var(--mu);padding:5px 0 5px 18px;border-bottom:1px solid var(--br);position:relative;line-height:1.6}
.checklist li:last-child{border:none}
.checklist li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-weight:900;font-size:12px}

/* ════════════════════════════════════════
   PAGE HERO (gallery, quote etc)
   ════════════════════════════════════════ */
.ph{background:linear-gradient(135deg,var(--bd) 0%,var(--bm) 60%,var(--bb) 100%);padding:44px 20px;color:#fff;position:relative;overflow:hidden}
.ph::after{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.04)}
.phi{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}
.ph-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:14px;border:1px solid rgba(255,255,255,.25)}
.ph h1{font-family:'Fraunces',serif;font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.25;margin-bottom:10px}
.ph p{font-size:14px;opacity:.88;line-height:1.7;max-width:600px}
.ph-ic{font-size:76px;opacity:.3;flex-shrink:0}

/* ════════════════════════════════════════
   QUOTE PAGE
   ════════════════════════════════════════ */
.qw{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.qh{background:linear-gradient(135deg,var(--bd),var(--bb));padding:22px 28px;color:#fff}
.qh h3{font-family:'Fraunces',serif;font-size:20px;font-weight:700;margin-bottom:4px}
.qh p{font-size:13px;opacity:.85}
.qb{padding:24px 28px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fld{display:flex;flex-direction:column;gap:5px}
.fld label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--mu)}
.fld input,.fld select,.fld textarea{padding:10px 13px;border:1.5px solid var(--br);border-radius:8px;font-size:14px;font-family:Outfit,sans-serif;color:var(--td);background:#fff;outline:none;transition:border-color .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--bb)}
.cbs{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.cb{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--tm);cursor:pointer}
.cb input[type="checkbox"]{width:15px;height:15px;accent-color:var(--bb);cursor:pointer}
.pp{background:var(--bp);border-radius:10px;padding:16px;margin-bottom:14px}
.pp-rows{display:flex;flex-direction:column;gap:2px}
.pp-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13.5px;color:var(--tm);border-bottom:1px solid rgba(20,160,152,.12)}
.pp-row:last-child{border:none}
.pp-row.gst{color:var(--og);font-weight:700}
.pp-row.total{font-size:16px;font-weight:900;color:var(--bd);padding-top:10px;margin-top:4px}
.fd{border:2px dashed var(--br);border-radius:10px;padding:18px;text-align:center;cursor:pointer;font-size:13.5px;color:var(--mu);transition:all .2s;margin-bottom:14px}
.fd:hover{border-color:var(--bb);color:var(--bd)}
.btn-full{width:100%;justify-content:center}

/* ════════════════════════════════════════
   PAYMENT PAGE
   ════════════════════════════════════════ */
.pay-g{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}
.pay-sum{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:22px;position:sticky;top:80px}
.pay-sum h3{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:var(--td);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bb)}
.sum-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--g2);font-size:13.5px}
.sum-row:last-child{border:none}
.sum-row.total{font-size:16px;font-weight:900;color:var(--bd);padding-top:10px;margin-top:4px}
.pay-mths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.pm{background:#fff;border:2px solid var(--br);border-radius:12px;padding:18px 12px;text-align:center;cursor:pointer;transition:all .25s}
.pm:hover,.pm.sel{border-color:var(--bb);background:var(--bp)}
.pm-ic{font-size:34px;margin-bottom:6px}
.pm h4{font-size:13.5px;font-weight:800;color:var(--td);margin-bottom:3px}
.pm p{font-size:11px;color:var(--mu)}
.pm-chk{display:none;width:20px;height:20px;background:var(--bb);border-radius:50%;margin:8px auto 0;align-items:center;justify-content:center;font-size:11px;color:#fff}
.pm.sel .pm-chk{display:flex}

/* ════════════════════════════════════════
   ABOUT PAGE
   ════════════════════════════════════════ */
.about-g{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.about-stat{background:var(--bp);border-radius:10px;padding:16px;text-align:center}
.about-stat-n{font-family:'Fraunces',serif;font-size:26px;font-weight:700;color:var(--bd)}
.about-stat-l{font-size:11.5px;color:var(--mu);font-weight:700;margin-top:3px}
.about-img{background:var(--bp);border-radius:16px;padding:40px;text-align:center;position:relative;overflow:hidden}

/* ════════════════════════════════════════
   ALL SERVICES / LANGUAGES / CITIES
   ════════════════════════════════════════ */
.all-langs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}
.lang-card{background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s}
.lang-card:hover{border-color:var(--bb);box-shadow:var(--sh);transform:translateY(-2px)}
.lang-flag{font-size:26px;flex-shrink:0}
.lang-name{font-size:13.5px;font-weight:800;color:var(--td)}
.lang-native{font-size:11px;color:var(--mu)}
.city-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}
.city-c{background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s}
.city-c:hover{border-color:var(--bb);box-shadow:var(--sh)}
.city-ic{font-size:22px;flex-shrink:0}
.city-nm{font-size:13.5px;font-weight:700;color:var(--td)}
.ind-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ind-c{background:#fff;border:1.5px solid var(--br);border-radius:11px;padding:20px;cursor:pointer;transition:all .25s;text-align:center}
.ind-c:hover{border-color:var(--bb);transform:translateY(-2px);box-shadow:var(--sh)}
.ind-ic{font-size:32px;margin-bottom:10px}
.ind-c h4{font-family:'Fraunces',serif;font-size:14px;font-weight:700;color:var(--td);margin-bottom:5px}
.ind-c p{font-size:12px;color:var(--mu);line-height:1.6}

/* ════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════ */
footer{background:var(--bd);color:rgba(255,255,255,.82);padding:52px 20px 0}
.fg{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.fb p{font-size:13px;line-height:1.8;opacity:.75;margin-bottom:16px}
.fb-ico{width:44px;height:44px;background:linear-gradient(135deg,var(--bm),var(--bb));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}
.fb-n{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:#fff}
.fb-n span{color:var(--bb)}
.fb-c{font-size:12.5px;margin-bottom:7px;opacity:.7;display:flex;align-items:flex-start;gap:6px}
.fb-c a{color:rgba(255,255,255,.8);text-decoration:none}
.fb-c a:hover{color:#fff}
.fsc{display:flex;gap:8px;margin-top:14px}
.fsl{width:34px;height:34px;background:rgba(255,255,255,.1);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .18s;text-decoration:none}
.fsl:hover{background:rgba(255,255,255,.2)}
.fc h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.45);margin-bottom:14px}
.fc a{display:block;font-size:13px;color:rgba(255,255,255,.72);margin-bottom:7px;cursor:pointer;text-decoration:none;transition:color .18s}
.fc a:hover{color:#fff}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;opacity:.55}
.fbot a{color:rgba(255,255,255,.7);margin-left:16px;text-decoration:none;cursor:pointer}

/* ════════════════════════════════════════
   CITY PAGE
   ════════════════════════════════════════ */
.cp-hero{background:linear-gradient(135deg,var(--bd),var(--bm));padding:48px 20px 36px;color:#fff;text-align:center;position:relative;overflow:hidden}
.cp-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}
.cp-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.lp-flag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;margin-bottom:14px}
.cp-hero h1{font-family:'Fraunces',serif;font-size:clamp(24px,3.5vw,42px);font-weight:700;margin-bottom:10px;line-height:1.2}
.cp-hero h1 em{color:var(--gold);font-style:normal}
.cp-hero p{font-size:14.5px;opacity:.88;line-height:1.8;max-width:640px;margin:0 auto 22px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}
.lp-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:5px 13px;border-radius:4px;font-size:12.5px;font-weight:700;color:#fff}
.lp-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* City page layout */
.lp-wrap{max-width:1200px;margin:0 auto;padding:32px 20px 60px}
.lp-layout{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}
.lp-stats{background:var(--bd);padding:14px 20px}
.lp-si{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.lp-st{text-align:center;padding:10px 8px;border-right:1px solid rgba(255,255,255,.1)}
.lp-st:last-child{border:none}
.lp-stn{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:#fff}
.lp-stl{font-size:10.5px;color:rgba(255,255,255,.55);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.lp-sec{background:#fff;border:1px solid var(--br);border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:var(--sh)}
.lp-sec-title{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--td);margin-bottom:14px;padding-left:12px;border-left:4px solid var(--bb)}
.lp-sec-title-ic{font-size:22px}
.lp-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lp-pro-item{background:var(--bp);border-radius:7px;padding:9px 13px;font-size:13px;font-weight:700;color:var(--bd);display:flex;align-items:center;gap:7px}
.lp-pro-item span{color:var(--gn)}
.lp-svc-g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.lp-svc{background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:18px;cursor:pointer;transition:all .25s;text-align:center}
.lp-svc:hover{border-color:var(--bb);transform:translateY(-2px);box-shadow:var(--sh)}
.lp-svc-ic{font-size:30px;margin-bottom:8px}
.lp-svc h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--td);margin-bottom:5px;font-weight:700}
.lp-svc p{font-size:12px;color:var(--mu);line-height:1.65}
.lp-lang-sec{background:linear-gradient(135deg,var(--bd),var(--bm));border-radius:12px;padding:20px;color:#fff}
.lp-lang-sec h3{font-size:14px;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:4px}
.lp-lang-sub{font-size:12px;color:rgba(255,255,255,.65);margin-bottom:12px}
.lp-lang-cg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-lang-card{background:rgba(255,255,255,.1);border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}
.lp-lang-card:hover{background:rgba(255,255,255,.2)}
.lp-lc-flag{font-size:22px;flex-shrink:0}
.lp-lc-nm{font-size:12.5px;font-weight:700;color:#fff}
.lp-lc-sub{font-size:10.5px;color:rgba(255,255,255,.65)}
.lp-ptable{width:100%;border-collapse:collapse;font-size:13px;border-radius:10px;overflow:hidden;box-shadow:var(--sh)}
.lp-ptable thead{background:var(--bd)}
.lp-ptable th{color:#fff;padding:10px 14px;text-align:left;font-size:12px;font-weight:700}
.lp-ptable td{padding:9px 14px;border-bottom:1px solid var(--br);color:var(--td)}
.lp-ptable tr:last-child td{border:none}
.lp-ptable tr:nth-child(even) td{background:var(--g1)}
.lp-pbadge{background:var(--rd);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;margin-left:5px}
.lp-bulk{background:rgba(26,86,167,.05);border:1px solid rgba(26,86,167,.15);border-radius:8px;padding:12px;font-size:12.5px;color:var(--mu);margin-top:10px}
.lp-rev-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-rev{background:#fff;border:1px solid var(--br);border-radius:10px;padding:16px;position:relative}
.lp-rev::before{content:'\201C';position:absolute;top:8px;right:12px;font-size:48px;color:var(--bp);font-family:'Fraunces',serif;line-height:1;pointer-events:none}
.lp-rev-stars{color:var(--gold);font-size:13px;margin-bottom:7px}
.lp-rev-txt{font-size:12.5px;color:var(--tm);line-height:1.85;margin-bottom:10px;font-style:italic}
.lp-rev-auth{display:flex;align-items:center;gap:9px}
.lp-rev-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;flex-shrink:0}
.lp-rev-nm{font-weight:800;font-size:12px;color:var(--bd)}
.lp-rev-rl{font-size:11px;color:var(--mu)}
.lp-city-links{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.lp-cl{background:var(--g1);border:1px solid var(--br);color:var(--tm);padding:5px 12px;border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.lp-cl:hover{background:var(--bb);color:#fff;border-color:var(--bb)}
.lp-faq-item{border:1.5px solid var(--br);border-radius:9px;margin-bottom:8px;overflow:hidden}
.lp-faq-item.open{border-color:var(--bb)}
.lp-faq-q{width:100%;text-align:left;background:#fff;border:none;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--td);cursor:pointer;font-family:Outfit,sans-serif;gap:10px;transition:background .15s}
.lp-faq-item.open .lp-faq-q{background:var(--bp);color:var(--bd)}
.lp-faq-a{display:none;padding:12px 16px;font-size:13.5px;color:var(--tm);line-height:1.8;background:var(--g1)}
.lp-faq-item.open .lp-faq-a{display:block}
.lp-faq-arr{font-size:14px;transition:transform .25s;flex-shrink:0;color:var(--mu)}
.lp-faq-item.open .lp-faq-arr{transform:rotate(180deg);color:var(--bb)}
.lp-cta-bar{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:14px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.lp-cta-bar h3{font-family:'Fraunces',serif;font-size:18px;color:#fff;font-weight:700;margin-bottom:5px}
.lp-cta-bar p{font-size:13px;color:rgba(255,255,255,.82)}
.lp-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
/* City sidebar */
.lp-sb{position:sticky;top:80px}
.lp-sb-cta{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:12px;padding:18px;text-align:center;margin-bottom:12px;color:#fff}
.lp-sb-cta h4{font-family:'Fraunces',serif;font-size:15px;font-weight:700;margin-bottom:5px}
.lp-sb-cta p{font-size:12px;opacity:.75;margin-bottom:12px}
.lp-sb-ph{display:block;color:rgba(255,255,255,.9);font-size:14px;font-weight:700;margin-bottom:5px;text-decoration:none}
.lp-sb-ph2{display:block;color:rgba(255,255,255,.7);font-size:12.5px;margin-bottom:12px;text-decoration:none}
.lp-sb-btn{display:block;background:#fff;color:var(--bd);border:none;width:100%;padding:10px;border-radius:7px;font-weight:800;font-size:13px;cursor:pointer;font-family:Outfit,sans-serif;margin-bottom:7px;text-align:center}
.lp-sb-wa{display:block;background:#25d366;color:#fff;padding:10px;border-radius:7px;font-weight:800;font-size:13px;text-align:center;text-decoration:none}
.lp-sbcard{background:#fff;border:1px solid var(--br);border-radius:11px;overflow:hidden;margin-bottom:12px;box-shadow:var(--sh)}
.lp-sbcard-t{background:var(--bd);color:#fff;padding:10px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.lp-sbcard-b{padding:10px 0}
.lp-sblink{display:flex;align-items:center;gap:7px;color:var(--mu);font-size:12.5px;padding:7px 12px;border-bottom:1px solid var(--g2);cursor:pointer;font-weight:600;transition:all .18s}
.lp-sblink:last-child{border:none}
.lp-sblink:hover{color:var(--bb);background:var(--g1)}
.lp-tr-item{background:var(--g1);border-radius:7px;padding:9px;font-size:10px;font-weight:700;color:var(--bd);text-align:center}
.lp-trust-g{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}

/* ════════════════════════════════════════
   SCROLL PROGRESS + FAB
   ════════════════════════════════════════ */
.scroll-prog{position:fixed;top:0;left:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--bb),var(--rd));width:0%;transition:width .1s;pointer-events:none}
.wa-float{position:fixed;bottom:24px;right:24px;z-index:2000;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;box-shadow:0 4px 18px rgba(37,211,102,.5);text-decoration:none;transition:all .25s;animation:waPulse 2.5s ease-in-out infinite}
.wa-float:hover{transform:scale(1.1)}
@keyframes waPulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,.5)}50%{box-shadow:0 4px 28px rgba(37,211,102,.75),0 0 0 8px rgba(37,211,102,.12)}}

/* ════════════════════════════════════════
   MISC
   ════════════════════════════════════════ */
.page{display:none}
.page.active{display:block}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--bd);color:#fff;padding:12px 24px;border-radius:10px;font-size:13.5px;font-weight:700;z-index:9999;display:none;white-space:nowrap}
.toast.suc{background:var(--gn)}
.toast.err{background:var(--rd)}
.iacc{display:flex;flex-direction:column;gap:8px}
.iacc-btn{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#fff;border:1.5px solid var(--br);border-radius:10px;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--td);transition:all .2s;text-align:left;width:100%}
.iacc-btn:hover,.iacc-btn.open{border-color:var(--bb);background:var(--bp);color:var(--bd)}
.iacc-btn .arr{margin-left:auto;font-size:12px;transition:transform .25s}
.iacc-btn.open .arr{transform:rotate(180deg)}
.iacc-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.iacc-panel.open{max-height:500px}
.iacc-inner{background:var(--g1);border:1px solid var(--br);border-radius:0 0 10px 10px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.iacc-left h3{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--td);margin-bottom:10px}
.iacc-left p{font-size:14px;color:var(--tm);line-height:1.8}
.iacc-right h4{font-family:'Fraunces',serif;font-size:14px;font-weight:700;color:var(--td);margin-bottom:10px}
.iacc-right ul{list-style:none;padding:0}
.iacc-right ul li{font-size:13px;color:var(--tm);padding:5px 0 5px 16px;position:relative;border-bottom:1px solid var(--g2)}
.iacc-right ul li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-weight:900;font-size:12px}
.iacc-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;grid-column:1/-1}
.sec-hdr-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:14px}
/* CTA section */
.cta-sec{background:linear-gradient(135deg,var(--bd),var(--bm));padding:60px 20px;text-align:center;color:#fff}
.cta-sec h2{font-family:'Fraunces',serif;font-size:clamp(22px,3vw,36px);font-weight:700;color:#fff;margin-bottom:12px}
.cta-sec p{font-size:15px;opacity:.82;margin-bottom:26px;max-width:560px;margin-inline:auto}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* ════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════ */
@media(max-width:1100px){
  .hero-in,.hero-inner{grid-template-columns:1fr}
  .hero-vis{display:none}
  .main-layout,.lp-layout,.pay-g,.about-g{grid-template-columns:1fr}
  .sidebar,.lp-sb{position:static}
  .wg,.ag,.tc,.ig,.services-sidebar-layout,.ll{grid-template-columns:1fr}
  .tc.rv{grid-template-columns:1fr}
  .sv{order:-1}
  .fg{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .stats-in,.stats-g,.lp-si{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:1fr 1fr}
  .test-grid,.tg,.reviews-grid,.lp-rev-g{grid-template-columns:1fr}
  .interp-panel-inner,.iacc-inner{grid-template-columns:1fr}
  
  .pay-mths{grid-template-columns:repeat(2,1fr)}
  .s3,.sc-grid{grid-template-columns:repeat(2,1fr)}
  .l3{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  
  .hero{padding-top:44px}
  .svc-cards{grid-template-columns:1fr}
  .fr{grid-template-columns:1fr}
  .qf-2col{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr}
  .contact-form-wrap{grid-template-columns:1fr}
}
@media(max-width:480px){
  .why-grid,.s3,.sc-grid,.l3,.lp-pro-grid,.about-stats{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:1fr 1fr}
  .stats-in,.stats-g,.lp-si{grid-template-columns:repeat(2,1fr)}
  .pay-mths{grid-template-columns:1fr}
}

/* ════════════════════════════════════════
   MISSING CSS — all 88 classes added
   ════════════════════════════════════════ */

/* Topbar inner */
.tb-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.tb-qbtn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}
.tb-qbtn:hover{background:rgba(255,255,255,.25)}

/* Logo text */
.logo-txt{display:flex;flex-direction:column}

/* Breadcrumb */
.bc{background:var(--g1);padding:10px 20px;border-bottom:1px solid var(--br);font-size:12.5px}
.bc-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.bc-in a{color:var(--bb);font-weight:700;cursor:pointer;text-decoration:none}
.bc-in a:hover{text-decoration:underline}
.bc-sep{color:var(--mu);font-size:11px;margin:0 2px}
.bc-cur{color:var(--tm);font-weight:700}

/* Mobile nav inner */
.mob-nav-inner{padding:0 0 40px}

/* Footer */
.ft{background:var(--bd);padding:52px 20px 0}
.fbi{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;opacity:.55;padding:16px 0}
.fb-bot{border-top:1px solid rgba(255,255,255,.1)}
.fbi a{color:rgba(255,255,255,.7);margin-left:16px;text-decoration:none;cursor:pointer}
.fct{list-style:none;padding:0;margin-top:12px}
.fct li{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:rgba(255,255,255,.7);margin-bottom:7px}
.fct li a{color:rgba(255,255,255,.8);text-decoration:none}

/* Section heading row */
.sec-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--bb);display:block;margin-bottom:5px}
.sec-title{font-family:'Fraunces',serif;font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--td)}
.sec-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:12px}

/* Content block (service pages) */
.content-block{background:#fff;border:1px solid var(--br);border-radius:12px;padding:26px;margin-bottom:20px;box-shadow:var(--sh)}
.content-block h2{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--bd);margin-bottom:12px;padding-left:12px;border-left:4px solid var(--bb)}
.content-block h3{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--bd);margin:14px 0 8px}
.content-block p{font-size:14px;color:var(--tm);line-height:1.85;margin-bottom:10px}
.content-block ul{list-style:none;padding:0}
.content-block ul li{font-size:14px;color:var(--tm);padding:7px 0 7px 20px;border-bottom:1px solid var(--g2);position:relative;line-height:1.7}
.content-block ul li:last-child{border:none}
.content-block ul li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-weight:900;font-size:12px;margin-top:1px}

/* FAQ item (alias) */
.faq-item{border:1.5px solid var(--br);border-radius:9px;margin-bottom:8px;overflow:hidden}
.faq-item.open{border-color:var(--bb)}
.faq-q{width:100%;text-align:left;background:#fff;border:none;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--td);cursor:pointer;font-family:Outfit,sans-serif;gap:10px;transition:background .15s}
.faq-item.open .faq-q{background:var(--bp);color:var(--bd)}
.faq-a{display:none;padding:13px 18px;font-size:13.5px;color:var(--tm);line-height:1.8;background:var(--g1)}
.faq-item.open .faq-a{display:block}
.faq-arrow{font-size:14px;transition:transform .25s;flex-shrink:0;color:var(--mu)}
.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--bb)}

/* Page hero (non-hero pages) */
.page-hero{background:linear-gradient(135deg,var(--bd),var(--bb));padding:48px 20px 36px;text-align:center;color:#fff;position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:#f9fafb;clip-path:ellipse(55% 100% at 50% 100%)}
.page-hero h1{font-family:'Fraunces',serif;font-size:clamp(24px,3.5vw,40px);font-weight:700;margin-bottom:10px;color:#fff;position:relative;z-index:1}
.page-hero p{font-size:14.5px;opacity:.88;max-width:640px;margin:0 auto;position:relative;z-index:1}

/* Cert gallery (V1 lang page style) */
.cert-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:12px 0}
.cert-thumb{background:#fff;border:1px solid var(--br);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .25s}
.cert-thumb:hover{transform:translateY(-3px);box-shadow:var(--shh)}
.cert-thumb-img{height:130px;background:linear-gradient(135deg,var(--bp),#c5d8ff);display:flex;align-items:center;justify-content:center;position:relative}
.cert-thumb-wm{font-size:10px;color:rgba(13,92,99,.1);transform:rotate(-20deg);text-align:center;letter-spacing:2px;position:absolute;width:90%;font-weight:900;user-select:none;line-height:1.8}
.cert-thumb-body{padding:10px 12px;background:#fff}
.cert-thumb-title{font-size:11.5px;font-weight:700;color:var(--bd);margin-bottom:3px;line-height:1.3}
.cert-thumb-langs{font-size:10.5px;color:var(--mu)}

/* Modal variants */
.mi-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--mu);display:block;margin-bottom:4px}
.mi-val{font-size:15px;font-weight:800;color:var(--td);margin-bottom:14px}
.mi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.mi-grid2 .mi-val{font-size:13.5px;background:var(--g1);padding:12px;border-radius:8px;margin-bottom:0}
.mtag{background:var(--bp);color:var(--bd);padding:4px 10px;border-radius:12px;font-size:11.5px;font-weight:700;border:1px solid rgba(20,160,152,.2)}
.mbtn{padding:11px 20px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;border:none;transition:all .2s;flex:1;display:flex;align-items:center;justify-content:center;gap:7px}
.mbtn-primary{background:var(--bd);color:#fff}
.mbtn-primary:hover{background:var(--bm)}
.mbtn-outline{background:#fff;color:var(--td);border:2px solid var(--br)!important}
.mbtn-outline:hover{background:var(--g1)}

/* Quote page */
.quote-layout{max-width:1100px;margin:0 auto;padding:40px 20px 60px;display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}
.quote-form-card .qfc-
.qfc-header h2{font-family:'Fraunces',serif;font-size:21px;font-weight:700;margin-bottom:4px;color:#fff}
.qfc-header p{font-size:13px;opacity:.85;color:rgba(255,255,255,.88)}
.qfc-body{padding:22px 28px}
.qrow{margin-bottom:14px}
.qrow label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);margin-bottom:5px}
.qrow input,.qrow select,.qrow textarea{width:100%;padding:10px 13px;border:1.5px solid var(--br);border-radius:8px;font-size:14px;font-family:Outfit,sans-serif;color:var(--td);background:#fff;outline:none;transition:border-color .2s}
.qrow input:focus,.qrow select:focus,.qrow textarea:focus{border-color:var(--bb)}
.qrow-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.addon-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.addon-chk{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--tm)}
.addon-chk input[type="checkbox"]{width:15px;height:15px;accent-color:var(--bb);cursor:pointer}
.gst-box{background:var(--bp);border:1px solid rgba(20,160,152,.15);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.gst-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13.5px;color:var(--tm);border-bottom:1px solid rgba(20,160,152,.1)}
.gst-row:last-child{border:none;font-size:16px;font-weight:900;color:var(--bd);padding-top:10px;margin-top:4px}
.gst-line{color:var(--og)!important;font-weight:700!important}
.quote-sidebar-card{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;position:sticky;top:82px}
.qsc-top{background:linear-gradient(135deg,var(--bd),var(--bb));padding:20px 22px;color:#fff}
.price-big{font-family:'Fraunces',serif;font-size:38px;font-weight:700;color:#fff}
.qsc-includes{padding:18px 20px}
.inc-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tm);padding:7px 0;border-bottom:1px solid var(--g2)}
.inc-item:last-child{border:none}
.inc-item::before{content:'✓';color:var(--gn);font-weight:900;flex-shrink:0}
.sub-btn{display:block;width:100%;background:var(--rd);color:#fff;border:none;padding:13px;border-radius:9px;font-size:15px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin-top:6px}
.sub-btn:hover{background:#c0291e;transform:translateY(-1px)}
.wa-alt{text-align:center;font-size:12.5px;color:var(--mu);margin-top:10px;display:block}
.wa-alt a{color:var(--gn);font-weight:700;text-decoration:none}

/* Payment page */
.payment-page-layout{max-width:1100px;margin:0 auto;padding:40px 20px 60px;display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.pay-order-card{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;position:sticky;top:82px}
.pay-order-
.pay-order-header h3{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:#fff}
.ref{font-size:11px;color:rgba(255,255,255,.6);font-weight:600}
.pay-order-body{padding:18px 20px}
.pay-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--g2);font-size:13.5px}
.pay-row:last-child{border:none;font-weight:900;font-size:15px;color:var(--bd)}
.pay-row.gst{color:var(--og);font-weight:700}
.pr-label{color:var(--mu)}
.pr-value{font-weight:700;color:var(--td)}
.pay-security{padding:14px 20px;background:rgba(22,163,74,.06);border-top:1px solid rgba(22,163,74,.15);font-size:12px;color:var(--gn);font-weight:600;display:flex;align-items:center;gap:7px}
.pay-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.pay-method{background:#fff;border:2px solid var(--br);border-radius:12px;padding:18px 12px;text-align:center;cursor:pointer;transition:all .25s}
.pay-method:hover,.pay-method.selected{border-color:var(--bb);background:var(--bp)}
.pm-icon{font-size:34px;margin-bottom:7px;display:block}
.pay-method h4{font-size:13.5px;font-weight:800;color:var(--td);margin-bottom:3px}
.pay-method p{font-size:11px;color:var(--mu)}
.pm-check{display:none;width:20px;height:20px;background:var(--bb);border-radius:50%;margin:7px auto 0;align-items:center;justify-content:center;font-size:10px;color:#fff}
.pay-method.selected .pm-check{display:flex}
.proceed-btn{display:block;width:100%;background:var(--bd);color:#fff;border:none;padding:14px;border-radius:9px;font-size:14.5px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin-top:10px}
.proceed-btn:hover:not(:disabled){background:var(--bm);transform:translateY(-1px)}
.proceed-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* Contact page */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
.contact-card{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:24px;text-align:center}
.contact-icon{font-size:36px;margin-bottom:12px}
.contact-form-wrap{display:grid;grid-template-columns:1fr 360px;gap:24px;max-width:1100px;margin:0 auto;padding:0 20px 60px}
.cfw-form{background:#fff;border-radius:14px;box-shadow:var(--sh);padding:28px}
.cfw-info{display:flex;flex-direction:column;gap:16px}
.ci-block{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:18px}
.ci-block h4{font-family:'Fraunces',serif;font-size:15px;font-weight:700;color:var(--td);margin-bottom:12px}

/* City link tag (language page chips) */
.city-link-tag{background:var(--g1);border:1px solid var(--br);color:var(--tm);padding:5px 12px;border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-block;margin:2px}
.city-link-tag:hover{background:var(--bb);color:#fff;border-color:var(--bb)}

/* Sidebar CTA icon */
.sb-cta-icon{font-size:34px;margin-bottom:10px}

/* Btn sb cta (alias) */
.btn-sb-cta{background:#fff;color:var(--bd);border:none;width:100%;padding:10px;border-radius:7px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;transition:all .18s;text-align:center}
.btn-sb-cta:hover{background:rgba(255,255,255,.9)}

/* About why grid */
.wp{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--br)}
.wp:last-child{border:none}
.wd{font-size:16px;flex-shrink:0;margin-top:2px}

/* Interp tab label */
.itb-label{font-size:13.5px;font-weight:700}

/* All services grid */
.all-svcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}

/* Responsive additions */
@media(max-width:1100px){
  .quote-layout,.payment-page-layout,.contact-form-wrap{grid-template-columns:1fr}
  .quote-sidebar-card,.pay-order-card{position:static}
}
@media(max-width:768px){
  .contact-cards{grid-template-columns:1fr}
  .pay-methods-grid{grid-template-columns:repeat(2,1fr)}
  .qrow-2{grid-template-columns:1fr}
  .mi-grid2{grid-template-columns:1fr}
}
@media(max-width:480px){
  .pay-methods-grid{grid-template-columns:1fr}
  .cert-gallery{grid-template-columns:1fr 1fr}
}

/* ── Quote form page fixes ── */
.qfc-
.qfc-header h2{font-family:'Fraunces',serif;font-size:21px;font-weight:700;color:#fff;margin-bottom:4px}
.qfc-header p{font-size:13px;color:rgba(255,255,255,.88)}
.qfc-body{padding:22px 28px}
.qrow+.qrow{margin-top:0}
/* Hero quick quote form (V1 exact) - padding override */
.hero-in .quote-form-card,
.hero-inner .quote-form-card{padding:0}
.hero-in .qfc-title,
.hero-inner .qfc-title{padding:16px 20px 0;display:block}
.hero-in .qfc-sub,
.hero-inner .qfc-sub{padding:0 20px 10px;display:block}
.hero-in .qf-row,
.hero-inner .qf-row{padding:0 20px}
.hero-in .qf-2col,
.hero-inner .qf-2col{padding:0 20px}
.hero-in .price-strip,
.hero-inner .price-strip{margin:12px 20px}
.hero-in .btn-submit,
.hero-inner .btn-submit{margin:0 20px 8px;width:calc(100% - 40px)}
.hero-in .qf-trust,
.hero-inner .qf-trust{padding:0 20px 16px}

/* ══ V2 Service Page Design CSS ══ */

:root{
  --primary:#0d6d6b;--pd:#084c4a;--pl:#e8f0fe;--plb:#c5d8ff;
  --accent:#e2603f;--gold:#e0a419;--green:#12a074;--teal:#00bcd4;
  --txt:#1a202c;--gray:#64748b;--light:#f8fafc;--border:#e2e8f0;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Outfit,sans-serif;color:var(--txt);background:#fff;}
a{text-decoration:none;color:inherit;}

.topbar{background:var(--pd);padding:6px 0;font-size:11.5px;}
.ti{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;}
.ti a{color:rgba(255,255,255,.75);margin-right:14px;display:inline-flex;align-items:center;gap:4px;transition:color .2s;}
.ti a:hover{color:var(--gold);}
nav{background:#fff;box-shadow:0 2px 12px rgba(26,86,167,.1);position:sticky;top:0;z-index:200;}
.ni{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;padding:10px 0;}
.logo-ic{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.logo-nm{font-family:'Fraunces',serif;font-size:17px;color:var(--primary);font-weight:700;line-height:1.1;}
.logo-tg{font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;}
.
.navl a{padding:18px 11px;font-size:12px;font-weight:600;color:var(--txt);display:block;transition:color .2s;}
.navl a:hover{color:var(--primary);}
.n-pay{background:var(--gold);color:#000 !important;padding:7px 13px !important;border-radius:5px;font-weight:700 !important;font-size:11px !important;}
.n-quote{background:var(--accent);color:#fff !important;padding:7px 16px !important;border-radius:5px;font-weight:700 !important;}

.bc{background:var(--light);border-bottom:1px solid var(--border);padding:9px 0;}
.bci{max-width:1240px;margin:0 auto;padding:0 20px;font-size:11.5px;color:var(--gray);display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
.bci a{color:var(--primary);}

/* HERO – different style from German page (white/clean) */
.hero{background:#fff;padding:48px 0 36px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.hero-bg-shape{position:absolute;top:0;right:0;width:520px;height:100%;background:linear-gradient(135deg,rgba(26,86,167,.04),rgba(26,86,167,.09));clip-path:polygon(25% 0, 100% 0, 100% 100%, 0 100%);pointer-events:none;}
.hi{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:center;position:relative;}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--pl);border:1px solid rgba(26,86,167,.2);border-radius:20px;padding:5px 14px;color:var(--primary);font-size:11px;font-weight:700;margin-bottom:12px;}
.hero-iso{display:inline-block;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;padding:4px 13px;border-radius:4px;margin-bottom:11px;letter-spacing:.4px;}
.hero h1{font-size:clamp(24px,3.5vw,40px);color:var(--pd);line-height:1.25;margin-bottom:9px;font-family:'Fraunces',serif;}
.hero h1 em{color:var(--accent);font-style:normal;}
.hero-sub{color:var(--gray);font-size:13.5px;line-height:1.9;margin-bottom:18px;max-width:520px;}
.hbtns{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px;}
.btn-primary{background:var(--primary);color:#fff;padding:10px 22px;border-radius:6px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;transition:all .2s;}
.btn-primary:hover{background:var(--pd);transform:translateY(-1px);}
.btn-accent{background:var(--accent);color:#fff;padding:10px 22px;border-radius:6px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;transition:background .2s;}
.btn-accent:hover{background:#c0291d;}
.btn-outline{border:2px solid var(--border);color:var(--txt);padding:10px 20px;border-radius:6px;font-weight:600;font-size:12.5px;transition:all .2s;}
.btn-outline:hover{border-color:var(--primary);color:var(--primary);}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;}
.hbadge{background:var(--light);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;color:var(--txt);}

/* QUOTE CARD */
.qcard{background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:13px;padding:22px;}
.qcard-t{font-family:'Fraunces',serif;font-size:15px;color:#fff;margin-bottom:3px;}
.qcard-s{color:rgba(255,255,255,.65);font-size:11px;margin-bottom:14px;}
.qr{margin-bottom:10px;}
.qr select,.qr input{width:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:8px 11px;color:#fff;font-family:Outfit,sans-serif;font-size:12px;margin-bottom:0;outline:none;}
.qr select option{background:#0d6d6b;}
.pbox{background:rgba(232,55,42,.25);border-radius:7px;padding:11px;text-align:center;margin:11px 0;}
.pb-l{color:rgba(255,255,255,.65);font-size:10px;}
.pb-n{font-family:'Fraunces',serif;font-size:28px;color:#fff;}
.pb-p{color:rgba(255,255,255,.55);font-size:9px;}
.btn-hq{width:100%;background:#fff;color:var(--primary);border:none;padding:11px;border-radius:6px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;}

/* STATS */
.stats{background:var(--primary);padding:0;}
.si{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;}
.stat{padding:16px 8px;border-right:1px solid rgba(255,255,255,.15);}
.stat:last-child{border-right:none;}
.stat-n{font-family:'Fraunces',serif;font-size:22px;color:#fff;}
.stat-l{color:rgba(255,255,255,.65);font-size:10.5px;margin-top:2px;}

/* PROCESS */
.process-wrap{background:var(--light);padding:36px 0;}
.process-inner{max-width:1240px;margin:0 auto;padding:0 20px;}
.process{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:24px;}
.process::before{content:'';position:absolute;top:21px;left:10%;right:10%;height:2px;background:linear-gradient(to right,var(--primary),var(--teal));z-index:0;}
.pstep{text-align:center;position:relative;z-index:1;padding:0 5px;}
.ps-n{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--pd));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 4px 12px rgba(26,86,167,.25);}
.ps-t{font-size:11px;font-weight:700;color:var(--pd);margin-bottom:3px;}
.ps-d{font-size:10px;color:var(--gray);line-height:1.6;}

/* LAYOUT */
.layout{max-width:1240px;margin:0 auto;padding:36px 20px 60px;display:grid;grid-template-columns:1fr 285px;gap:26px;}

/* SECTIONS */
.sec{margin-bottom:34px;}
.sec h2{font-family:'Fraunces',serif;font-size:21px;color:var(--pd);margin-bottom:11px;padding-left:12px;border-left:4px solid var(--accent);}
.sec h3{font-family:'Fraunces',serif;font-size:16px;color:var(--pd);margin-bottom:9px;margin-top:18px;}
.sec p{color:var(--gray);font-size:13.5px;line-height:1.9;margin-bottom:11px;}

/* DOCUMENT CATEGORIES */
.doc-cat-section{margin:16px 0;}
.doc-cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.dct{background:var(--light);border:1.5px solid var(--border);border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:600;color:var(--gray);cursor:pointer;transition:all .2s;}
.dct:hover,.dct.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.doc-panels{position:relative;}
.doc-panel{display:none;}
.doc-panel.active{display:block;}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;}
.ditem{background:#fff;border:1px solid var(--border);border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--txt);transition:all .2s;cursor:default;}
.ditem:hover{border-color:var(--primary);background:var(--pl);}
.ditem-ic{font-size:17px;flex-shrink:0;}
.ditem-ck{color:var(--green);font-weight:700;margin-left:auto;font-size:13px;}

/* ALL DOCS expanded view */
.all-docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;}
.adcat{background:#fff;border:1px solid var(--border);border-radius:11px;padding:16px;}
.adcat-hd{display:flex;align-items:center;gap:8px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--border);}
.adcat-ic{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.adcat-nm{font-size:12.5px;font-weight:700;color:var(--pd);}
.adcat ul{list-style:none;padding:0;}
.adcat ul li{font-size:11.5px;color:var(--gray);padding:3px 0 3px 14px;position:relative;line-height:1.6;}
.adcat ul li::before{content:'✓';position:absolute;left:0;color:var(--green);font-size:10px;font-weight:700;}

/* CITIES SECTION */
.cities-section{background:var(--light);border-radius:14px;padding:24px;margin:14px 0;}
.cities-section h3{font-family:'Fraunces',serif;font-size:17px;color:var(--pd);margin-bottom:4px;}
.cities-section .sub{font-size:12.5px;color:var(--gray);margin-bottom:18px;}
.city-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;}
.city-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:all .25s;text-decoration:none;color:var(--txt);}
.city-card:hover{border-color:var(--primary);background:var(--pl);transform:translateY(-2px);box-shadow:0 4px 14px rgba(26,86,167,.12);}
.city-card.current{border-color:var(--green);background:#f0fdf4;}
.cc-icon{width:34px;height:34px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.cc-info .cc-nm{font-size:12px;font-weight:700;color:var(--pd);}
.cc-info .cc-sub{font-size:10px;color:var(--gray);}
.cc-arrow{margin-left:auto;color:var(--primary);font-size:13px;opacity:0;transition:opacity .2s;}
.city-card:hover .cc-arrow{opacity:1;}

/* OTHER LANGUAGES */
.lang-section{background:linear-gradient(135deg,#084c4a,#0d6d6b);border-radius:14px;padding:24px;margin:14px 0;}
.lang-section h3{color:#fff;font-family:'Fraunces',serif;font-size:17px;margin-bottom:4px;}
.lang-section .sub{color:rgba(255,255,255,.65);font-size:12.5px;margin-bottom:18px;}
.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;}
.lang-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s;text-decoration:none;}
.lang-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-2px);}
.lc-flag{font-size:20px;flex-shrink:0;}
.lc-nm{font-size:11.5px;font-weight:700;color:#fff;}
.lc-sub{font-size:10px;color:rgba(255,255,255,.6);}
.lang-more{text-align:center;margin-top:12px;}
.lang-more a{color:rgba(255,255,255,.8);font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.3);border-radius:7px;padding:7px 20px;display:inline-block;transition:all .2s;}
.lang-more a:hover{background:rgba(255,255,255,.1);color:#fff;}

/* PRICING */
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0;}
.pcrd{background:#fff;border:2px solid var(--border);border-radius:12px;padding:18px;text-align:center;position:relative;transition:all .3s;}
.pcrd:hover,.pcrd.pop{border-color:var(--primary);}
.pcrd.pop{background:linear-gradient(135deg,rgba(26,86,167,.03),rgba(26,86,167,.06));}
.pop-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;padding:3px 11px;border-radius:10px;white-space:nowrap;}
.pc-nm{font-size:11px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
.pc-pr{font-family:'Fraunces',serif;font-size:30px;color:var(--pd);margin-bottom:2px;}
.pc-per{font-size:10.5px;color:var(--gray);margin-bottom:10px;}
.pc-del{background:var(--light);border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block;margin-bottom:11px;}
.pc-feats{list-style:none;padding:0;margin-bottom:13px;}
.pc-feats li{font-size:11px;color:var(--gray);padding:4px 0;border-bottom:1px solid var(--border);}
.pc-feats li:last-child{border-bottom:none;}
.fy{color:var(--green);font-weight:700;}
.fn{color:#9ca3af;}
.pc-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:9px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;}

/* DIFF TABLE */
.diff-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:14px 0;}
.diff-table th{background:var(--primary);color:#fff;padding:10px 13px;text-align:left;font-size:11px;font-weight:700;}
.diff-table td{padding:9px 13px;border-bottom:1px solid var(--border);}
.diff-table tr:nth-child(even) td{background:var(--light);}

/* CERT SHOWCASE */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:12px 0;}
.cg-item{background:linear-gradient(135deg,var(--pl),var(--plb));border-radius:9px;overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:all .3s;}
.cg-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(26,86,167,.14);}
.cg-img{height:110px;display:flex;align-items:center;justify-content:center;position:relative;}
.cg-wm{font-family:'Fraunces',serif;font-size:10px;color:rgba(26,86,167,.1);transform:rotate(-20deg);text-align:center;user-select:none;}
.cg-b{position:absolute;top:5px;right:5px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:7px;background:rgba(26,86,167,.15);color:var(--primary);}
.cg-body{padding:8px;background:#fff;}
.cg-t{font-size:10.5px;font-weight:600;color:var(--pd);line-height:1.3;margin-bottom:2px;}
.cg-s{font-size:9.5px;color:var(--gray);}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0;}
.why{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;text-align:center;transition:all .3s;}
.why:hover{box-shadow:0 5px 18px rgba(26,86,167,.1);transform:translateY(-2px);}
.why-ic{font-size:30px;margin-bottom:9px;}
.why h4{font-size:12.5px;color:var(--pd);margin-bottom:5px;font-family:'Fraunces',serif;}
.why p{font-size:11.5px;color:var(--gray);line-height:1.7;}

/* FAQ */
.faq{border:1px solid var(--border);border-radius:9px;margin-bottom:9px;overflow:hidden;}
.faq-q{padding:13px 17px;font-size:12.5px;font-weight:600;color:var(--pd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;}
.faq-q:hover,.faq.open .faq-q{background:var(--light);}
.faq-a{padding:0 17px 13px;font-size:12.5px;color:var(--gray);line-height:1.85;display:none;}
.faq.open .faq-a{display:block;}
.faq-arrow{font-size:10px;transition:transform .2s;}
.faq.open .faq-arrow{transform:rotate(180deg);}

/* REVIEWS */
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.rev{background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px;}
.rev-stars{color:#e0a419;font-size:13px;margin-bottom:7px;}
.rev-txt{font-size:12px;color:var(--txt);line-height:1.85;margin-bottom:11px;}
.rev-auth{display:flex;align-items:center;gap:9px;}
.rev-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;}
.rev-nm{font-weight:700;font-size:11.5px;}
.rev-rl{font-size:10.5px;color:var(--gray);}

/* CTA */
.cta-b{background:linear-gradient(135deg,var(--accent),#c0291d);border-radius:12px;padding:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:32px 0;}
.cta-b h3{font-size:20px;color:#fff;font-family:'Fraunces',serif;}
.cta-b p{color:rgba(255,255,255,.75);font-size:12.5px;margin-top:4px;}
.cta-bb{display:flex;gap:9px;flex-wrap:wrap;}
.btn-cta-w{background:#fff;color:var(--accent);padding:10px 22px;border-radius:6px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;}
.btn-cta-o{border:2px solid rgba(255,255,255,.4);color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;font-size:12.5px;}

/* SIDEBAR */
.sbcard{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;margin-bottom:13px;}
.sbcard-t{background:var(--primary);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
.sbcard-b{padding:13px 15px;}
.sblink{display:flex;align-items:center;gap:8px;color:var(--gray);font-size:12px;padding:6px 0;border-bottom:1px solid var(--border);transition:all .2s;}
.sblink:last-child{border-bottom:none;}
.sblink:hover{color:var(--primary);padding-left:4px;}
.sblink .arr{margin-left:auto;font-size:10px;}
.sb-cta{background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:10px;padding:16px;text-align:center;margin-bottom:13px;}
.sb-cta h4{color:#fff;font-size:13px;margin-bottom:4px;}
.sb-cta p{color:rgba(255,255,255,.75);font-size:11px;margin-bottom:11px;}
.sb-cta-btn{background:#fff;color:var(--primary);border:none;width:100%;padding:9px;border-radius:6px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;margin-bottom:7px;display:block;text-align:center;}
.sb-cta-wa{background:#25d366;color:#fff;border:none;width:100%;padding:9px;border-radius:6px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;display:block;text-align:center;}

/* Sidebar city list */
.sb-city-item{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--gray);transition:all .2s;cursor:pointer;text-decoration:none;}
.sb-city-item:last-child{border-bottom:none;}
.sb-city-item:hover{color:var(--primary);padding-left:4px;}
.sb-city-item .nm{flex:1;}
.sb-city-item .arr{font-size:10px;opacity:.5;}

/* Checklist */
.checklist{list-style:none;padding:0;}
.checklist li{font-size:12px;color:var(--gray);padding:5px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:7px;line-height:1.6;}
.checklist li:last-child{border-bottom:none;}
.checklist li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px;}

footer{background:#0d1f3c;padding:48px 0 0;}
.fg{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;}
.fc h5{color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:11px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);}
.fc a{display:block;color:rgba(255,255,255,.55);font-size:11.5px;margin-bottom:6px;transition:color .2s;}
.fc a:hover{color:var(--gold);}
.fb{border-top:1px solid rgba(255,255,255,.07);max-width:1240px;margin:0 auto;padding:13px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.fb p{color:rgba(255,255,255,.3);font-size:10.5px;}

.wa{position:fixed;bottom:20px;right:20px;width:52px;height:52px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 4px 16px rgba(37,211,102,.5);z-index:99;animation:wap 2s infinite;}
@keyframes wap{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.5);}50%{box-shadow:0 4px 26px rgba(37,211,102,.75);}}

@media(max-width:900px){
  .hi{grid-template-columns:1fr;}.layout{grid-template-columns:1fr;}
  .si{grid-template-columns:repeat(3,1fr);}.price-cards{grid-template-columns:1fr;}
  .cert-grid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:repeat(2,1fr);}
  .all-docs-grid{grid-template-columns:repeat(2,1fr);}.rev-grid{grid-template-columns:1fr;}
  .city-cards-grid{grid-template-columns:repeat(2,1fr);}.lang-grid{grid-template-columns:repeat(3,1fr);}
  .fg{grid-template-columns:1fr 1fr;}
}
@media(max-width:580px){
  ..process{grid-template-columns:repeat(3,1fr);}.process::before{display:none;}
  .cert-grid{grid-template-columns:1fr 1fr;}.all-docs-grid{grid-template-columns:1fr;}
  .lang-grid{grid-template-columns:repeat(2,1fr);}.city-cards-grid{grid-template-columns:1fr 1fr;}
  .fg{grid-template-columns:1fr;}
}

/* ══ NAV/FOOTER LINK FIXES ══ */
/* Nav dropdown links */
.dropdown a,.mega-dropdown a{display:block;padding:7px 14px;color:var(--tm);font-size:13px;font-weight:600;white-space:nowrap;transition:background .14s,color .14s}
.dropdown a:hover,.mega-dropdown a:hover{background:var(--g1);color:var(--bd);padding-left:14px}
/* Footer links */
.fc a, .fc li a, .fc ul li a {
  cursor:pointer;
  color:rgba(255,255,255,.65);
  font-size:12.5px;
  padding:3px 0;
  display:block;
  transition:color .18s;
  font-weight:500;
}
.fc a:hover, .fc li a:hover { color:var(--gold); }
.fc ul { list-style:none; padding:0; margin:0; }
.fc ul li { padding:2px 0; }
.fc h4 { color:#fff; font-size:13px; font-weight:700; margin-bottom:10px;
         padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.1); }
/* Mobile nav links */
.mob-nav a { cursor:pointer; }

/* ══ GERMAN-FINAL CSS ══ */

/* ═══════════════════════════════════════════════════════════════
   LANGUAGE GURU — GERMAN LANGUAGE PAGE
   ULTIMATE PRODUCTION BUILD — All 4 designs merged precisely
   
   DESIGN SYSTEM
   ═══════════════════════════════════════════════════════════════ */
:root{
  --pr:#0d6d6b; --pd:#084c4a; --pl:#e8f0fe; --plb:#c5d8ff; --pll:#f0f6ff;
  --ac:#e2603f; --gd:#e0a419; --gn:#12a074; --tl:#00bcd4;
  --tx:#1a202c; --gr:#64748b; --li:#f8fafc; --b1:#e2e8f0; --b2:#f1f5f9;
  --s1:0 2px 12px rgba(8,76,74,.1); --s2:0 6px 24px rgba(8,76,74,.14);
  --s3:0 16px 48px rgba(8,76,74,.18);
  --r1:7px; --r2:11px; --r3:15px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Outfit,sans-serif;color:var(--tx);background:#fff;line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Fraunces',serif}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;font-family:Outfit,sans-serif;border:none}

/* scroll bar */
#prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--ac),var(--gd));z-index:9999;width:0;transition:width .08s}

/* ─── TOPBAR ─── */
.topbar{background:var(--pd);padding:7px 0;font-size:11.5px;color:rgba(255,255,255,.82)}
.ti{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;align-items:center}
.ti a{color:rgba(255,255,255,.78);margin-right:14px;transition:color .2s}.ti a:hover{color:var(--gd)}
.tb{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);padding:3px 11px;border-radius:13px;font-size:10.5px;font-weight:600}

/* ─── NAV ─── */
.sitenav{background:#fff;border-bottom:3px solid var(--pr);box-shadow:0 2px 14px rgba(8,76,74,.1);position:sticky;top:0;z-index:300}
.ni{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:12px}
.logo{display:flex;align-items:center;gap:11px}
.logo-ic{width:46px;height:46px;background:linear-gradient(135deg,var(--pd),var(--pr));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 4px 14px rgba(8,76,74,.28);flex-shrink:0}
.logo-nm{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:var(--pd);line-height:1.1}
.logo-nm em{color:var(--pr);font-style:normal}
.logo-tg{font-size:9px;color:var(--gr);text-transform:uppercase;letter-spacing:.6px}
.
.navl a{padding:20px 11px;font-size:12px;font-weight:600;color:var(--tx);border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .2s;white-space:nowrap;display:block}
.navl a:hover{color:var(--pr);border-bottom-color:var(--pr)}
.n-pay{background:var(--gd)!important;color:#000!important;padding:8px 14px!important;border-radius:6px!important;border-bottom:none!important;font-weight:700!important;font-size:11.5px!important}
.n-cta{background:linear-gradient(135deg,var(--ac),#c0281e)!important;color:#fff!important;padding:8px 17px!important;border-radius:6px!important;border-bottom:none!important;font-weight:700!important;margin-left:4px}

/* ─── BREADCRUMB ─── */
.bc{background:var(--li);border-bottom:1px solid var(--b1);padding:9px 0}
.bci{max-width:1260px;margin:0 auto;padding:0 20px;font-size:11.5px;color:var(--gr);display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.bci a{color:var(--pr);font-weight:600}.bci a:hover{text-decoration:underline}
.bci span{color:var(--b1)}

/* ═══════════════════════════════════════════════════
   HERO — V1 exact + V2 floating dots + V5 chips
   ═══════════════════════════════════════════════════ */
.hero{background:linear-gradient(140deg,#0b2f6b 0%,#0d6d6b 52%,#1e6fbd 100%);padding:52px 0 0;overflow:hidden;position:relative}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:56px;background:#fff;clip-path:ellipse(56% 100% at 50% 100%)}
/* V2 floating dots */
.h-dot1{position:absolute;top:-65px;right:-65px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.h-dot2{position:absolute;bottom:55px;left:-80px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.03);pointer-events:none}
.hero-in{max-width:1260px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;position:relative;z-index:1}
/* V1 exact hero flag */
.hero-flag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:6px 17px;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}
.hero h1{font-family:'Fraunces',serif;font-size:clamp(26px,3.6vw,44px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px}
.hero h1 em{color:var(--gd);font-style:normal}
.hero-sub{font-size:15px;color:rgba(255,255,255,.9);line-height:1.88;max-width:580px;margin-bottom:20px}
/* V5 chips under sub-heading */
.h-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.hchip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);color:#fff;padding:5px 13px;border-radius:20px;font-size:12px;font-weight:600}
/* V1 exact buttons */
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.btn-w{background:#fff;color:var(--pd);padding:11px 22px;border-radius:var(--r2);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;box-shadow:0 4px 14px rgba(255,255,255,.22);cursor:pointer;font-family:Outfit,sans-serif}
.btn-w:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(255,255,255,.3)}
.btn-ow{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65);padding:10px 20px;border-radius:var(--r2);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;cursor:pointer;font-family:Outfit,sans-serif}
.btn-ow:hover{background:rgba(255,255,255,.14)}
.btn-wa{background:#25D366;color:#fff;padding:10px 20px;border-radius:var(--r2);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;cursor:pointer;font-family:Outfit,sans-serif}
.btn-wa:hover{background:#1ea354}
/* V1 exact trust row */
.hero-trust{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:62px}
.htrust{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-size:12.5px;font-weight:600}
.htrust-icon{font-size:14px}

/* V1 EXACT QUOTE FORM CARD */
.qfc{background:#fff;border-radius:var(--r3);padding:23px;box-shadow:0 18px 52px rgba(8,76,74,.28);position:sticky;top:80px}
.qfc-title{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:var(--pd);margin-bottom:3px}
.qfc-sub{font-size:12px;color:var(--gr);margin-bottom:16px}
.qf-row{margin-bottom:11px}
.qf-row label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gr);margin-bottom:5px}
.qf-row select,.qf-row input[type=number]{width:100%;padding:10px 12px;border:1.5px solid var(--b1);border-radius:var(--r1);font-size:13.5px;font-family:Outfit,sans-serif;color:var(--tx);outline:none;transition:border-color .2s;-webkit-appearance:none;background:#fff}
.qf-row select:focus,.qf-row input:focus{border-color:var(--pr);box-shadow:0 0 0 3px rgba(26,86,167,.1)}
.qf-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.addon-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:11px}
.addon{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--tx)}
.addon input{accent-color:var(--pr);width:14px;height:14px}
/* V1 exact price strip */
.price-strip{background:linear-gradient(135deg,var(--pr),var(--pd));border-radius:10px;padding:13px 16px;margin:12px 0;display:flex;justify-content:space-between;align-items:center}
.ps-from{font-size:12px;color:rgba(255,255,255,.72);font-weight:600}
.ps-price{font-family:'Fraunces',serif;font-size:31px;font-weight:900;color:#fff}
.ps-per{font-size:10px;color:rgba(255,255,255,.6)}
/* GST breakdown box */
.gst-bd{background:var(--pll);border-radius:var(--r1);padding:10px 13px;margin:9px 0;border:1px solid var(--plb);font-size:12.5px}
.bdr{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(26,86,167,.08);color:var(--gr)}
.bdr:last-child{border:none;font-weight:800;color:var(--pd);font-size:13.5px;padding-top:7px}
.bdr.gst{color:#b45309;font-weight:700}
.btn-submit{width:100%;background:linear-gradient(135deg,var(--ac),#c0291e);color:#fff;padding:13px;border-radius:var(--r2);font-size:14.5px;font-weight:700;border:none;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin-top:4px}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(232,55,42,.38)}
.qf-trust{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:11px}
.qft{background:var(--pll);color:var(--pd);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:700}

/* ─── STATS BAR ─── */
.stats{background:linear-gradient(135deg,var(--pd),var(--pr));padding:14px 0}
.si{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:14px}
.st{text-align:center;padding:5px 10px}
.stn{font-family:'Fraunces',serif;font-size:26px;font-weight:700;color:#fff}
.stl{font-size:11.5px;color:rgba(255,255,255,.72);font-weight:600;margin-top:1px}

/* ─── MAIN TWO-COLUMN LAYOUT ─── */
.wrap{max-width:1260px;margin:0 auto;padding:0 20px}
.layout{display:grid;grid-template-columns:1fr 292px;gap:28px;align-items:start;padding:40px 0 60px}

/* ═══════════════════════════════════════════════════
   SECTION HEADING SYSTEM
   V4: sec-title (icon-left + border-left design)
   V5: sec-hd (centered + gradient underline)
   ═══════════════════════════════════════════════════ */
.sec{margin-bottom:38px}
/* V4-style heading: icon pill + left border */
.sec-title{font-family:'Fraunces',serif;font-size:21px;color:var(--pd);margin-bottom:14px;padding-left:14px;border-left:4px solid var(--pr);display:flex;align-items:center;gap:9px;line-height:1.3}
.sec-title-ic{width:36px;height:36px;background:linear-gradient(135deg,var(--pd),var(--pr));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
/* V5-style heading: centered + gradient line */
.sec-hd{text-align:center;margin-bottom:28px}
.sec-hd h2{font-family:'Fraunces',serif;font-size:clamp(19px,2.4vw,26px);color:var(--pd)}
.sec-hd p{color:var(--gr);font-size:14px;margin-top:8px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.82}
.sec-ln{width:52px;height:4px;background:linear-gradient(90deg,var(--pr),var(--gd));border-radius:2px;margin:12px auto 0}
/* Simple section heading with left border */
.sh{font-family:'Fraunces',serif;font-size:21px;color:var(--pd);margin-bottom:13px;padding-left:14px;border-left:4px solid var(--pr);line-height:1.3}
.sec h3{font-family:'Fraunces',serif;font-size:16px;color:var(--pd);margin:17px 0 10px}
.sec p{color:var(--gr);font-size:14px;line-height:1.9;margin-bottom:12px}
.sec p strong{color:var(--tx)}

/* V5 professional intro teal panel */
.pro-panel{background:linear-gradient(135deg,#e0f7fa,#f0fdfe);border:1.5px solid rgba(0,188,212,.22);border-radius:var(--r3);padding:22px;margin-bottom:4px}
.pro-badge{display:inline-block;background:#e0f7fa;border:1.5px solid rgba(0,188,212,.3);border-radius:8px;padding:4px 14px;font-size:12px;font-weight:700;color:var(--tl);margin-bottom:13px}
.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}
.pro-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx)}
.pro-item span:first-child{color:var(--tl);font-weight:700;font-size:15px;flex-shrink:0}

/* ═══════════════════════════════════════════════════
   V2: DOC CATEGORY GRID — 3-col, arrow → bullets
   ═══════════════════════════════════════════════════ */
.doc-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0}
.dcat{background:#fff;border:1px solid var(--b1);border-radius:11px;padding:16px;transition:all .3s}
.dcat:hover{border-color:var(--pr);box-shadow:var(--s2)}
.dcat-hd{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--b1)}
.dcat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.dcat-nm{font-family:'Fraunces',serif;font-size:12.5px;font-weight:700;color:var(--pd)}
.dcat ul li{font-size:11.5px;color:var(--gr);padding:3px 0 3px 16px;position:relative;line-height:1.6;border-bottom:1px solid var(--b2)}
.dcat ul li:last-child{border:none}
.dcat ul li::before{content:'→';position:absolute;left:0;color:var(--pr);font-size:10px}

/* V5 doc tags strip */
.dtags-box{background:var(--li);border-radius:var(--r2);padding:16px;margin:0 0 14px;border:1px solid var(--b1)}
.dtags-ttl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gr);margin-bottom:11px}
.dtags{display:flex;flex-wrap:wrap;gap:7px}
.dtag{background:#fff;border:1.5px solid var(--b1);border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;color:var(--tx);display:block}
.dtag:hover{background:var(--pr);color:#fff;border-color:var(--pr)}

/* V2 service cards */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0}
.svc{background:#fff;border:1.5px solid var(--b1);border-radius:var(--r2);padding:18px;transition:all .25s}
.svc:hover{border-color:var(--pr);box-shadow:var(--s2);transform:translateY(-2px)}
.svc-ic{font-size:28px;margin-bottom:9px}
.svc h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--pd);margin-bottom:5px}
.svc p{font-size:12px;color:var(--gr);line-height:1.72}

/* V2 city cards grid (auto-fill) */
.city-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:12px 0}
.city-card{background:#fff;border:1px solid var(--b1);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s;color:var(--tx)}
.city-card:hover{border-color:var(--pr);background:var(--pl);transform:translateY(-2px);box-shadow:0 4px 14px rgba(26,86,167,.12)}
.city-card.current{border-color:var(--pr);background:var(--pl)}
.cc-icon{font-size:20px;flex-shrink:0}
.cc-nm{font-size:13px;font-weight:700;color:var(--tx);line-height:1.2}
.cc-sub{font-size:11px;color:var(--gr);margin-top:1px}
.cc-arrow{margin-left:auto;font-size:12px;color:var(--gr);opacity:.5;transition:opacity .2s}
.city-card:hover .cc-arrow{opacity:1}
.show-more-btn{background:var(--pll);border:1.5px solid var(--plb);color:var(--pd);padding:9px 18px;border-radius:var(--r1);font-size:13px;font-weight:700;cursor:pointer;width:100%;margin-top:9px;transition:all .2s;font-family:Outfit,sans-serif}
.show-more-btn:hover{background:var(--pr);color:#fff;border-color:var(--pr)}

/* ═══════════════════════════════════════════════════
   V2 PRICING — heading "German Translation Pricing in Delhi"
   ═══════════════════════════════════════════════════ */
.ptable{width:100%;border-collapse:collapse;font-size:12.5px;margin:12px 0;border-radius:var(--r2);overflow:hidden;box-shadow:var(--s1)}
.ptable th{background:var(--pr);color:#fff;padding:11px 13px;text-align:left;font-size:12px;font-weight:700}
.ptable td{padding:10px 13px;border-bottom:1px solid var(--b1);color:var(--tx)}
.ptable tr:last-child td{border:none}
.ptable tr:nth-child(even) td{background:var(--li)}
.ptable tr:hover td{background:var(--pl)}
.pbadge{background:var(--ac);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;margin-left:5px}
.bulk-note{background:var(--pl);border:1px solid rgba(26,86,167,.15);border-radius:8px;padding:12px;font-size:12px;color:var(--pd);margin-top:9px;line-height:1.6}
.gst-info{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:11px 13px;font-size:12px;color:#92400e;margin-top:7px;line-height:1.65}

/* V2 cert gallery */
.cgal{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:13px 0}
.cg-item{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:var(--r2);overflow:hidden;cursor:pointer;border:1px solid var(--b1);transition:all .28s}
.cg-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(8,76,74,.16)}
.cg-img{height:142px;display:flex;align-items:center;justify-content:center;position:relative}
.cg-wm{font-family:'Fraunces',serif;font-size:9px;color:rgba(8,76,74,.1);transform:rotate(-18deg);letter-spacing:2px;user-select:none;text-align:center;line-height:2.4;position:absolute;width:90%}
.cg-ico{font-size:42px;position:relative;z-index:1}
.cg-b{position:absolute;top:8px;right:8px;background:rgba(8,76,74,.15);color:var(--pd);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px}
.cg-body{padding:10px 12px;background:#fff}
.cg-t{font-size:12px;font-weight:700;color:var(--pd);margin-bottom:3px;line-height:1.4}
.cg-s{font-size:10.5px;color:var(--gr)}

/* ═══════════════════════════════════════════════════
   V4 PROC WRAP — How It Works full-width
   V4 heading: sec-hd with Merriweather + gradient line
   V4 proc grid: gradient connector line
   ═══════════════════════════════════════════════════ */
.proc-wrap{background:#f8faff;padding:40px 0}
.proc{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:16px}
.proc::before{content:'';position:absolute;top:22px;left:12%;right:12%;height:2px;background:linear-gradient(to right,var(--pr),var(--gd));z-index:0}
.pstep{text-align:center;position:relative;z-index:1}
.ps-n{width:44px;height:44px;background:linear-gradient(135deg,var(--pd),var(--pr));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.ps-t{font-size:12px;font-weight:700;color:var(--pd);margin-bottom:3px}
.ps-d{font-size:11px;color:var(--gr);line-height:1.6}
.ps-n.done{background:linear-gradient(135deg,var(--gn),#1e8449)}

/* ═══════════════════════════════════════════════════
   V5 CERTIFIED PROCESS — proc-grid
   teal gradient circles, proc-step cards
   ═══════════════════════════════════════════════════ */
.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.proc-grid::before{content:'';position:absolute;top:30px;left:8%;right:8%;height:2px;background:linear-gradient(to right,#006064,#00bcd4);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;background:#fff;border:1.5px solid var(--b1);border-radius:var(--r2);padding:18px 12px;transition:all .22s}
.proc-step:hover{border-color:var(--tl);box-shadow:var(--s2)}
.ps-num{width:56px;height:56px;background:linear-gradient(135deg,#006064,#00838f);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:18px;font-weight:800;margin:0 auto 10px;border:4px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.ps-ic{font-size:22px;display:block;margin-bottom:7px}
.ps-t{font-size:12.5px;font-weight:700;color:var(--pd);margin-bottom:5px}
.ps-d{font-size:11px;color:var(--gr);line-height:1.7}

/* ═══════════════════════════════════════════════════
   WHY CHOOSE — merged V1 + V5 + V4 heading
   V4: sec-title with icon pill + left border
   V1: ul list with check bullets
   V5: why-cards grid (teal background cards)
   ═══════════════════════════════════════════════════ */
.why-ul{list-style:none;padding:0;margin:13px 0}
.why-ul li{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--b1);font-size:14px;color:var(--gr);line-height:1.75}
.why-ul li:last-child{border:none}
.why-ul li strong{color:var(--tx)}
.why-ul li::before{content:'✓';background:var(--pr);color:#fff;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:2px}
/* V5 why-cards (teal flavor) */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.why-card{background:#e0f7fa;border:1.5px solid var(--b1);border-radius:11px;padding:18px;transition:all .25s}
.why-card:hover{border-color:var(--tl);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.why-ic{font-size:26px;margin-bottom:9px}
.why-t{font-size:13px;font-weight:700;color:var(--pd);margin-bottom:5px}
.why-d{font-size:11.5px;color:var(--gr);line-height:1.75}

/* ─── V1: city links chips ─── */
.city-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.cl{background:var(--li);border:1px solid var(--b1);color:var(--tx);font-size:11.5px;padding:5px 13px;border-radius:14px;transition:all .2s;font-weight:500;display:block}
.cl:hover{background:var(--pr);color:#fff;border-color:var(--pr)}

/* V2 lang-section (dark blue card for languages) */
.lang-section{background:linear-gradient(135deg,var(--pd),var(--pr));border-radius:14px;padding:24px;margin:14px 0}
.lang-section h3{color:#fff;font-family:'Fraunces',serif;font-size:17px;margin-bottom:5px}
.lang-section .sub{color:rgba(255,255,255,.65);font-size:12.5px;margin-bottom:18px}
.lang-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
.lang-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:all .25s;color:#fff;text-decoration:none}
.lang-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-2px)}
.lang-card.cur{background:rgba(255,255,255,.2);border-color:var(--gd)}
.lc-flag{font-size:18px;flex-shrink:0}
.lc-nm{font-size:12.5px;font-weight:700;line-height:1.2}
.lc-sub{font-size:10px;color:rgba(255,255,255,.6);margin-top:1px}

/* V2 reviews */
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:13px 0}
.rev{background:#fff;border:1px solid var(--b1);border-radius:10px;padding:16px;position:relative}
.rev::before{content:'"';position:absolute;top:8px;right:13px;font-size:48px;color:var(--pll);font-family:'Fraunces',serif;line-height:1;pointer-events:none}
.rev-stars{color:#e0a419;font-size:13px;margin-bottom:7px;letter-spacing:1px}
.rev-txt{font-size:12px;color:var(--tx);line-height:1.85;margin-bottom:11px;font-style:italic}
.rev-auth{display:flex;align-items:center;gap:9px}
.rev-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--tl));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}
.rev-nm{font-weight:700;font-size:11.5px;color:var(--tx)}
.rev-rl{font-size:10.5px;color:var(--gr)}

/* FAQ */
.faq-item{margin-bottom:9px;border:1px solid var(--b1);border-radius:var(--r1);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq-item.open{border-color:var(--pr);box-shadow:0 2px 12px rgba(26,86,167,.1)}
.faq-q{width:100%;background:#fff;border:none;padding:14px 17px;font-size:14px;font-weight:600;color:var(--pd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;gap:12px;text-align:left;transition:background .15s}
.faq-q:hover{background:var(--li)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease;font-size:13.5px;color:var(--gr);line-height:1.88;background:var(--li);padding:0 17px}
.faq-item.open .faq-a{max-height:360px;padding:13px 17px}
.faq-arrow{transition:transform .28s;font-size:11px;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--b1);display:flex;align-items:center;justify-content:center;color:var(--gr)}
.faq-item.open .faq-arrow{transform:rotate(180deg);background:var(--pr);color:#fff}

/* CTA bar */
.cta-bar{background:linear-gradient(135deg,var(--pd),var(--pr));border-radius:var(--r3);padding:26px 28px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cta-bar h3{font-family:'Fraunces',serif;font-size:19px;color:#fff;font-weight:700;margin-bottom:5px}
.cta-bar p{font-size:13px;color:rgba(255,255,255,.82)}
.cta-btns{display:flex;gap:10px;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   SIDEBAR — V1 sb-cta + V1 sb-card + V2 sbcard × 4
   ═══════════════════════════════════════════════════ */
.sb{position:sticky;top:80px;display:flex;flex-direction:column;gap:0}
/* V1 sb-cta */
.sb-cta{background:linear-gradient(135deg,var(--pr),var(--pd));border-radius:var(--r2);padding:19px;text-align:center;margin-bottom:14px}
.sb-cta-icon{font-size:34px;margin-bottom:8px}
.sb-cta h4{color:#fff;font-family:'Fraunces',serif;font-size:14px;font-weight:700;margin-bottom:5px}
.sb-cta p{color:rgba(255,255,255,.75);font-size:12px;margin-bottom:12px}
.sb-ph{display:block;color:rgba(255,255,255,.9);font-size:15px;font-weight:700;margin-bottom:4px;text-decoration:none}
.sb-ph2{display:block;color:rgba(255,255,255,.72);font-size:12.5px;margin-bottom:12px;text-decoration:none}
.sb-btn{background:#fff;color:var(--pr);border:none;width:100%;padding:10px;border-radius:var(--r1);font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;margin-bottom:8px;display:block;text-align:center;transition:all .18s}
.sb-btn:hover{background:var(--pll)}
.sb-wa{background:#25D366;color:#fff;border:none;width:100%;padding:10px;border-radius:var(--r1);font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;display:block;text-align:center;transition:all .18s}
/* V1 sb-card */
.sb-card{background:#fff;border:1px solid var(--b1);border-radius:var(--r2);overflow:hidden;margin-bottom:14px;box-shadow:var(--s1)}
.sb-card-title{background:var(--pr);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.sb-card-body{padding:13px 15px}
/* V1 price list */
.sp-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--b1);font-size:12.5px}
.sp-row:last-child{border:none}
.sp-label{color:var(--gr);font-weight:500}.sp-val{font-weight:700;color:var(--pd)}
/* V2 sbcard */
.sbcard{background:#fff;border:1px solid var(--b1);border-radius:11px;overflow:hidden;margin-bottom:13px;box-shadow:var(--s1)}
.sbcard-t{background:var(--pr);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.sbcard-b{padding:13px 15px}
/* V2 sb-city-item */
.sb-city-list{display:flex;flex-direction:column}
.sb-city-item{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--b1);font-size:11.5px;color:var(--gr);transition:all .2s;cursor:pointer}
.sb-city-item:last-child{border:none}
.sb-city-item:hover{color:var(--pr);padding-left:4px}
.sb-city-item .flag{font-size:14px;flex-shrink:0}
.sb-city-item .nm{flex:1;font-weight:500}
.sb-city-item .arr{font-size:10px;opacity:.5;margin-left:auto}
/* V2 sblink */
.sblink{display:flex;align-items:center;gap:8px;color:var(--gr);font-size:12px;padding:6px 0;border-bottom:1px solid var(--b1);transition:all .2s;font-weight:500}
.sblink:last-child{border-bottom:none}
.sblink:hover{color:var(--pr);padding-left:4px}
.sblink .arr{margin-left:auto;font-size:10px;opacity:.4}
/* Checklist */
.ck-list li{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--gr);padding:6px 0;border-bottom:1px solid var(--b1);line-height:1.55}
.ck-list li:last-child{border:none}
.ck-list li::before{content:'✓';color:var(--gn);font-weight:700;flex-shrink:0;font-size:11px;margin-top:2px}
/* V2 sbcard pricing */
.sbp-r{display:flex;justify-content:space-between;padding:6.5px 0;border-bottom:1px solid var(--b1);font-size:12.5px}
.sbp-r:last-child{border:none}
.sbp-l{color:var(--gr);font-weight:500}
/* trust grid */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tr-item{background:var(--li);border:1px solid var(--b1);border-radius:7px;padding:9px;text-align:center;font-size:10.5px;font-weight:700;color:var(--pd)}

/* ─── FOOTER ─── */
footer{background:linear-gradient(160deg,#07142c,#084c4a);color:rgba(255,255,255,.75);font-size:13px}
.fi{max-width:1260px;margin:0 auto;padding:48px 20px 38px;display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr;gap:36px}
.fi h4{font-family:'Fraunces',serif;font-size:14px;color:#fff;margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.fi p{font-size:13px;line-height:1.82;opacity:.78;margin-bottom:9px}
.fi a{display:block;color:rgba(255,255,255,.62);padding:3px 0;transition:color .18s;font-weight:500}
.fi a:hover{color:var(--gd)}.fi a::before{content:'›';margin-right:5px;opacity:.4}
.fbot{border-top:1px solid rgba(255,255,255,.08);padding:13px 20px;max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:rgba(255,255,255,.42)}

/* MODAL */
.mover{display:none;position:fixed;inset:0;background:rgba(8,76,74,.7);z-index:3000;align-items:center;justify-content:center;padding:18px}
.mover.open{display:flex}
.mbox{background:#fff;border-radius:var(--r3);max-width:490px;width:100%;padding:28px;position:relative;animation:mIn .2s ease;max-height:94vh;overflow-y:auto}
@keyframes mIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.mc{position:absolute;top:13px;right:14px;background:var(--li);border:none;width:30px;height:30px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mc:hover{background:var(--b1)}
.cert-prev{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:var(--r2);padding:26px;text-align:center;margin-bottom:15px}
.cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}
.cmi{background:var(--li);border-radius:var(--r1);padding:11px}
.cmi-l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gr);margin-bottom:3px}
.cmi-v{font-size:13.5px;font-weight:700;color:var(--tx)}
.mbtns{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.wa-float{position:fixed;bottom:22px;right:22px;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.48);z-index:900;text-decoration:none;animation:wap 3s infinite}
@keyframes wap{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.48)}50%{box-shadow:0 8px 32px rgba(37,211,102,.72)}}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(70px);background:var(--gn);color:#fff;padding:11px 24px;border-radius:var(--r2);font-size:14px;font-weight:600;box-shadow:0 5px 22px rgba(39,174,96,.4);z-index:9999;opacity:0;transition:all .28s;white-space:nowrap;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.btn-prim{background:linear-gradient(135deg,var(--pr),var(--pd));color:#fff;padding:10px 20px;border-radius:var(--r2);font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:7px}
.btn-prim:hover{transform:translateY(-1px);box-shadow:var(--s2)}

/* RESPONSIVE */
@media(max-width:1100px){.hero-in,.layout{grid-template-columns:1fr}.qfc{position:static;margin-top:22px}}
@media(max-width:900px){.doc-cat-grid{grid-template-columns:repeat(2,1fr)}.rev-grid,.why-grid{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr}.proc{grid-template-columns:repeat(3,1fr)}.proc-grid{grid-template-columns:repeat(2,1fr)}.lang-cards-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.hero-trust{padding-bottom:46px}.cgal{grid-template-columns:1fr 1fr}.fi{grid-template-columns:1fr 1fr}.proc{grid-template-columns:repeat(2,1fr)}.proc-grid{grid-template-columns:repeat(2,1fr);}.proc::before,.proc-grid::before{display:none}}
@media(max-width:480px){.doc-cat-grid,.cgal,.mbtns,.cert-meta{grid-template-columns:1fr}.proc,.proc-grid{grid-template-columns:1fr}.fi{grid-template-columns:1fr}.lang-cards-grid{grid-template-columns:repeat(2,1fr)}}

/* ══ MERGED-BEST CSS ══ */

/* ================================================================
   LANGUAGE GURU — MERGED LANGUAGE PAGE
   Best-of-4 Design: V1 hero+sidebar · V2 layout+content · V4 process · V5 intro+docs
   Fonts: Merriweather (headings) · Poppins (body)
   Palette: #0d6d6b primary · #084c4a dark · #e2603f accent · #e0a419 gold
   ================================================================ */
:root{
  --primary:#0d6d6b; --pd:#084c4a; --pl:#e8f0fe; --plb:#c5d8ff; --pll:#eefbf8;
  --accent:#e2603f; --gold:#e0a419; --green:#12a074; --teal:#00bcd4;
  --txt:#1a202c; --gray:#64748b; --light:#f8fafc; --border:#e2e8f0;
  --white:#fff;
  --sh:0 2px 16px rgba(8,76,74,.1); --shh:0 10px 36px rgba(8,76,74,.18);
  --r:8px; --r2:12px; --r3:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Outfit,sans-serif;color:var(--txt);background:#fff;line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Fraunces',serif}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{cursor:pointer;font-family:Outfit,sans-serif}

/* SCROLL PROGRESS */
#sp{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold));z-index:9999;width:0;transition:width .08s}

/* ── TOPBAR ── */
.topbar{background:var(--pd);padding:7px 0;font-size:11.5px;color:rgba(255,255,255,.82)}
.ti{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;align-items:center}
.ti a{color:rgba(255,255,255,.78);margin-right:14px;transition:color .2s;display:inline-flex;align-items:center;gap:4px}
.ti a:hover{color:var(--gold)}
.ti-r{display:flex;gap:7px}
.ti-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.88);padding:3px 11px;border-radius:20px;font-size:10.5px;font-weight:600}

/* ── NAV ── */
nav{background:#fff;border-bottom:3px solid var(--primary);box-shadow:0 2px 14px rgba(8,76,74,.1);position:sticky;top:0;z-index:200}
.ni{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:12px}
.logo{display:flex;align-items:center;gap:10px}
.logo-ic{width:46px;height:46px;background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(8,76,74,.28);flex-shrink:0}
.logo-nm{font-family:'Fraunces',serif;font-size:17px;color:var(--primary);font-weight:700;line-height:1.1}
.logo-nm em{color:var(--pd);font-style:normal}
.logo-tg{font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}
.
.navl a{padding:20px 11px;font-size:12px;font-weight:600;color:var(--txt);border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .2s;white-space:nowrap;display:block}
.navl a:hover{color:var(--primary);border-bottom-color:var(--primary)}
.n-pay{background:var(--gold);color:#000!important;padding:8px 13px!important;border-radius:5px;font-weight:700!important;font-size:11px!important;border-bottom:none!important}
.n-quote{background:var(--accent);color:#fff!important;padding:8px 16px!important;border-radius:5px;font-weight:700!important;border-bottom:none!important;margin-left:4px}

/* ── BREADCRUMB ── */
.bc{background:var(--light);border-bottom:1px solid var(--border);padding:9px 0}
.bci{max-width:1260px;margin:0 auto;padding:0 20px;font-size:11.5px;color:var(--gray);display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.bci a{color:var(--primary);font-weight:600}.bci a:hover{text-decoration:underline}
.bci span{color:var(--border)}

/* ═══════════════════════════════════════════════════
   HERO — Exact V1 design with V2 dot decorations
   ═══════════════════════════════════════════════════ */
.hero{background:linear-gradient(140deg,#0b2f6b 0%,#0d6d6b 52%,#1e6fbd 100%);padding:50px 0 0;overflow:hidden;position:relative}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:55px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}
.hero-dot{position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.hero-dot2{position:absolute;bottom:60px;left:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.03);pointer-events:none}
.hero-inner{max-width:1260px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 370px;gap:36px;align-items:start;position:relative;z-index:1}
/* V1 hero flag */
.hero-flag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:6px 16px;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}
.hero h1{font-family:'Fraunces',serif;font-size:clamp(28px,3.8vw,46px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px}
.hero h1 em{color:var(--gold);font-style:normal}
.hero-sub{font-size:14.5px;color:rgba(255,255,255,.9);line-height:1.88;max-width:580px;margin-bottom:22px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.btn-white{background:#fff;color:var(--pd);padding:11px 22px;border-radius:var(--r2);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;box-shadow:0 4px 14px rgba(255,255,255,.22);border:none;cursor:pointer;font-family:Outfit,sans-serif}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,.28)}
.btn-outline-w{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65);padding:10px 20px;border-radius:var(--r2);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;cursor:pointer;font-family:Outfit,sans-serif}
.btn-outline-w:hover{background:rgba(255,255,255,.15)}
/* V1 trust badges row */
.hero-trust{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:60px}
.htrust{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-size:12.5px;font-weight:600}
.htrust-icon{font-size:14px}

/* V1 Quote Form Card */
.quote-form-card{background:#fff;border-radius:var(--r3);padding:22px;box-shadow:0 16px 48px rgba(8,76,74,.26);position:sticky;top:80px;border:1px solid rgba(255,255,255,.3)}
.qfc-title{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:var(--pd);margin-bottom:3px}
.qfc-sub{font-size:12px;color:var(--gray);margin-bottom:15px}
.qf-row{margin-bottom:11px}
.qf-row label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray);margin-bottom:5px}
.qf-row select,.qf-row input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--r);font-size:13.5px;font-family:Outfit,sans-serif;color:var(--txt);outline:none;transition:border-color .2s;-webkit-appearance:none;background:#fff}
.qf-row select:focus,.qf-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,167,.1)}
.qf-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}
/* V1 price strip */
.price-strip{background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:10px;padding:13px 16px;margin:13px 0;display:flex;justify-content:space-between;align-items:center}
.ps-from{font-size:12px;color:rgba(255,255,255,.72);font-weight:600}
.ps-price{font-family:'Fraunces',serif;font-size:30px;font-weight:900;color:#fff}
.ps-per{font-size:10px;color:rgba(255,255,255,.6);margin-top:1px}
.btn-submit{width:100%;background:linear-gradient(135deg,var(--accent),#c0291e);color:#fff;padding:13px;border-radius:var(--r2);font-size:14.5px;font-weight:700;border:none;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin-top:3px}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(232,55,42,.38)}
.qf-trust{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:11px}
.qft{background:var(--pll);color:var(--pd);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:700}
/* GST breakdown (added to form) */
.qf-breakdown{background:var(--pll);border-radius:var(--r);padding:10px 13px;margin:9px 0;border:1px solid var(--plb);font-size:12.5px}
.qbr{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(26,86,167,.08);color:var(--gray)}
.qbr:last-child{border:none;font-weight:800;color:var(--pd);font-size:13.5px;padding-top:7px}
.qbr.gst{color:#b45309;font-weight:700}

/* ── STATS BAR ── */
.stats{background:linear-gradient(135deg,var(--pd),var(--primary));padding:14px 0}
.si{max-width:1260px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-around;gap:14px;flex-wrap:wrap}
.st{text-align:center;padding:5px 10px}
.stn{font-family:'Fraunces',serif;font-size:26px;font-weight:700;color:#fff}
.stl{font-size:11.5px;color:rgba(255,255,255,.72);font-weight:600;margin-top:1px}

/* ═══════════════════════════════════════════════════
   MAIN LAYOUT — V2 grid with sidebar
   ═══════════════════════════════════════════════════ */


/* V2 Content Sections */
.sec{margin-bottom:36px}
.content-section{margin-bottom:36px}
.sec h2,.content-section h2{font-family:'Fraunces',serif;font-size:21px;color:var(--pd);margin-bottom:13px;padding-left:14px;border-left:4px solid var(--primary);line-height:1.3}
.sec h3,.content-section h3{font-family:'Fraunces',serif;font-size:16px;color:var(--pd);margin:17px 0 10px}
.sec p,.content-section p{color:var(--gray);font-size:14px;line-height:1.9;margin-bottom:12px}
.sec p strong,.content-section p strong{color:var(--txt)}

/* V5 Professional section intro panel (teal accent) */
.pro-intro-card{background:linear-gradient(135deg,#e0f7fa,#f0fdfe);border:1.5px solid #b2ebf255;border-radius:var(--r3);padding:22px;margin-bottom:20px}
.pro-intro-badge{display:inline-block;background:#e0f7fa;border:1.5px solid rgba(0,188,212,.3);border-radius:8px;padding:4px 14px;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:14px}
.pro-checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.pro-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--txt)}
.pro-check span:first-child{color:var(--teal);font-weight:700;font-size:15px}

/* ═══════════════════════════════════════════════════
   V2 DOCUMENT CATEGORY GRID (3 cols, arrow bullets)
   ═══════════════════════════════════════════════════ */
.doc-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0}
.dcat{background:#fff;border:1px solid var(--border);border-radius:11px;padding:16px;transition:all .3s;cursor:default}
.dcat:hover{border-color:var(--primary);box-shadow:0 5px 18px rgba(26,86,167,.1)}
.dcat-hd{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.dcat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.dcat-nm{font-family:'Fraunces',serif;font-size:12.5px;font-weight:700;color:var(--pd)}
.dcat ul{list-style:none;padding:0}
.dcat ul li{font-size:11.5px;color:var(--gray);padding:3px 0 3px 16px;position:relative;line-height:1.6;border-bottom:1px solid #f1f5f9}
.dcat ul li:last-child{border:none}
.dcat ul li::before{content:'→';position:absolute;left:0;color:var(--primary);font-size:10px}

/* V5 document tags strip */
.doc-tags-wrap{background:var(--light);border-radius:var(--r2);padding:16px;margin:14px 0;border:1px solid var(--border)}
.doc-tags-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray);margin-bottom:11px}
.doc-tags{display:flex;flex-wrap:wrap;gap:7px}
.doc-tag{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .18s;color:var(--txt)}
.doc-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* V2 Service cards grid */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0}
.svc{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:18px;transition:all .25s;cursor:pointer}
.svc:hover{border-color:var(--primary);box-shadow:var(--sh);transform:translateY(-2px)}
.svc-ic{font-size:28px;margin-bottom:9px}
.svc h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--pd);margin-bottom:5px}
.svc p{font-size:12px;color:var(--gray);line-height:1.72}

/* V2 City cards grid */
.cities-section h3{font-family:'Fraunces',serif;font-size:15px;color:var(--pd);margin:15px 0 10px}
.cities-section .sub{font-size:12.5px;color:var(--gray);margin-bottom:12px}
.city-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.city-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:11px 13px;display:flex;align-items:center;gap:10px;transition:all .2s;cursor:pointer}
.city-card:hover{border-color:var(--primary);background:var(--pll);transform:translateY(-2px);box-shadow:var(--sh)}
.city-card.current{border-color:var(--primary);background:var(--pll)}
.cc-icon{font-size:20px;flex-shrink:0}
.cc-nm{font-size:13px;font-weight:700;color:var(--txt);line-height:1.2}
.cc-sub{font-size:11px;color:var(--gray);margin-top:1px}
.cc-arrow{margin-left:auto;color:var(--gray);font-size:12px;flex-shrink:0}
.show-more-btn{background:var(--pll);border:1.5px solid var(--plb);color:var(--pd);padding:9px 18px;border-radius:var(--r);font-size:13px;font-weight:700;cursor:pointer;width:100%;margin-top:9px;transition:all .2s;font-family:Outfit,sans-serif}
.show-more-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* V2 Pricing table */
.ptable{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh)}
.ptable th{background:var(--pd);color:#fff;padding:12px 15px;text-align:left;font-size:12.5px;font-weight:700}
.ptable td{padding:11px 15px;border-bottom:1px solid var(--border);color:var(--txt)}
.ptable tr:last-child td{border:none}.ptable tr:nth-child(even) td{background:var(--light)}.ptable tr:hover td{background:var(--pll)}
.pbadge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:5px}
.bulk-note{background:var(--pll);border:1px solid var(--plb);border-radius:var(--r);padding:11px 14px;font-size:12.5px;color:var(--pd);margin-top:9px;line-height:1.6}

/* V2 Certificate gallery */
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:13px 0}
.cg-item{background:linear-gradient(135deg,#e8f0fe,#c5d8ff);border-radius:var(--r2);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:all .28s}
.cg-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(8,76,74,.15)}
.cg-img{height:140px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.cg-wm{font-family:'Fraunces',serif;font-size:10px;color:rgba(8,76,74,.1);transform:rotate(-18deg);letter-spacing:2px;user-select:none;text-align:center;line-height:2;position:absolute}
.cg-ico{font-size:42px;position:relative;z-index:1}
.cg-b{position:absolute;top:8px;right:8px;background:rgba(8,76,74,.15);color:var(--pd);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px}
.cg-body{padding:10px 12px;background:#fff}
.cg-t{font-size:12px;font-weight:700;color:var(--pd);margin-bottom:3px;line-height:1.4}
.cg-s{font-size:10.5px;color:var(--gray)}

/* ═══════════════════════════════════════════════════
   V4 HOW IT WORKS — 5 Steps (full-width section)
   ═══════════════════════════════════════════════════ */
.proc-wrap{background:#f0f6ff;padding:40px 0;margin:0 -20px}
.proc-inner{max-width:1260px;margin:0 auto;padding:0 20px}
.sec-hd{text-align:center;margin-bottom:28px}
.sec-hd h2{font-family:'Fraunces',serif;font-size:24px;color:var(--pd)}
.sec-hd p{color:var(--gray);font-size:13.5px;margin-top:6px}
.sec-ln{width:50px;height:4px;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:2px;margin:12px auto 0}
.proc{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:16px}
.proc::before{content:'';position:absolute;top:22px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--primary),var(--gold));opacity:.25;z-index:0}
.pstep{text-align:center;position:relative;z-index:1}
.ps-n{width:44px;height:44px;background:linear-gradient(135deg,var(--pd),var(--primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 4px 15px rgba(8,76,74,.25)}
.ps-t{font-size:12px;font-weight:700;color:var(--pd);margin-bottom:3px;font-family:'Fraunces',serif}
.ps-d{font-size:11px;color:var(--gray);line-height:1.6}

/* V1 Why Choose Us (ul style) */
.why-list{list-style:none;padding:0;margin:13px 0}
.why-list li{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--gray);line-height:1.75}
.why-list li:last-child{border:none}
.why-list li strong{color:var(--txt)}
.why-list li::before{content:'✓';background:var(--primary);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:2px}

/* V5 Why cards grid */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:13px 0}
.why-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:18px;border-bottom:3px solid var(--primary);transition:all .22s}
.why-card:hover{border-color:var(--primary);box-shadow:var(--sh)}
.why-ic{font-size:32px;margin-bottom:10px}
.why-t{font-family:'Fraunces',serif;font-size:13.5px;color:var(--pd);margin-bottom:6px;font-weight:700}
.why-d{font-size:12.5px;color:var(--gray);line-height:1.72}

/* V1 City links grid */
.city-links-grid{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.cl{background:var(--light);border:1px solid var(--border);color:var(--txt);font-size:11.5px;padding:5px 13px;border-radius:14px;transition:all .2s;font-weight:500;cursor:pointer}
.cl:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* V2 Reviews */
.rev-
.rev-score{font-family:'Fraunces',serif;font-size:40px;font-weight:900;color:var(--pd)}
.rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.rev{background:#fff;border:1px solid var(--border);border-radius:var(--r2);padding:17px;box-shadow:var(--sh)}
.rev-stars{color:var(--gold);font-size:13px;margin-bottom:8px;letter-spacing:1px}
.rev-txt{font-size:13px;color:var(--txt);line-height:1.82;margin-bottom:12px;font-style:italic}
.rev-auth{display:flex;align-items:center;gap:9px}
.rev-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}
.rev-nm{font-weight:700;font-size:12.5px;color:var(--txt)}
.rev-rl{font-size:11px;color:var(--gray)}

/* V2 FAQ */
.faq{margin-bottom:9px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq.open{border-color:var(--primary);box-shadow:0 2px 12px rgba(26,86,167,.1)}
.faq-q{width:100%;background:#fff;border:none;padding:14px 17px;font-size:14px;font-weight:600;color:var(--pd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;gap:12px;text-align:left;transition:background .15s}
.faq-q:hover{background:var(--light)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:13.5px;color:var(--gray);line-height:1.85;background:var(--light);padding:0 17px}
.faq.open .faq-a{max-height:320px;padding:13px 17px}
.faq-arrow{transition:transform .28s;font-size:11px;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;color:var(--gray)}
.faq.open .faq-arrow{transform:rotate(180deg);background:var(--primary);color:#fff}

/* CTA bar */
.cta-bar{background:linear-gradient(135deg,var(--pd),var(--primary));border-radius:var(--r3);padding:24px 26px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cta-bar h3{font-family:'Fraunces',serif;font-size:18px;color:#fff;font-weight:700;margin-bottom:5px}
.cta-bar p{font-size:13px;color:rgba(255,255,255,.82)}
.cta-btns{display:flex;gap:10px;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   SIDEBAR — V1 layout + V2 cards
   ═══════════════════════════════════════════════════ */
/* V1 sb-cta */
.sb-cta{background:linear-gradient(135deg,var(--primary),var(--pd));border-radius:var(--r2);padding:18px;text-align:center;margin-bottom:14px}
.sb-cta-icon{font-size:34px;margin-bottom:8px}
.sb-cta h4{color:#fff;font-family:'Fraunces',serif;font-size:14px;font-weight:700;margin-bottom:5px}
.sb-cta p{color:rgba(255,255,255,.75);font-size:12px;margin-bottom:11px}
.btn-sb-cta{background:#fff;color:var(--primary);border:none;width:100%;padding:10px;border-radius:var(--r);font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;display:block;text-align:center;transition:all .18s}
.btn-sb-cta:hover{background:var(--pll)}
/* V1 sb-card */
.sb-card{background:#fff;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:14px;box-shadow:var(--sh)}
.sb-card-title{background:var(--primary);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.sb-card-body{padding:13px 15px}
/* V1 price list in sidebar */
.sb-price-list .sp-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.sb-price-list .sp-row:last-child{border:none}
.sp-label{color:var(--gray);font-weight:500}
.sp-val{font-weight:700;color:var(--pd)}
/* V2 sbcard */
.sbcard{background:#fff;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:14px;box-shadow:var(--sh)}
.sbcard-t{background:var(--primary);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.sbcard-b{padding:13px 15px}
/* V2 sb-city-item */
.sb-city-list{padding:0}
.sb-city-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--gray);transition:all .2s;cursor:pointer}
.sb-city-item:last-child{border:none}
.sb-city-item:hover{color:var(--primary);padding-left:4px}
.sb-city-item .flag{flex-shrink:0;font-size:14px}
.sb-city-item .nm{flex:1;font-weight:500}
.sb-city-item .arr{font-size:10px;opacity:.5;margin-left:auto}
/* V1 sb-link */
.sb-link{display:flex;align-items:center;gap:8px;color:var(--gray);font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--border);transition:all .18s;font-weight:500;cursor:pointer}
.sb-link:last-child{border:none}
.sb-link:hover{color:var(--primary);padding-left:4px}
.sb-link .arrow{margin-left:auto;font-size:10px;opacity:.4}
/* V2 sblink */
.sblink{display:flex;align-items:center;gap:8px;color:var(--gray);font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--border);transition:all .18s;font-weight:500;cursor:pointer}
.sblink:last-child{border:none}
.sblink:hover{color:var(--primary);padding-left:4px}
.sblink .arr{margin-left:auto;font-size:10px;opacity:.4}
/* V2 sb-price-box */
.sb-price-box .sp-r{display:flex;justify-content:space-between;padding:6.5px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.sb-price-box .sp-r:last-child{border:none}
.sp-l{color:var(--gray);font-weight:500}
/* Checklist in sidebar */
.sb-checklist{list-style:none;padding:0}
.sb-checklist li{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--gray);padding:6px 0;border-bottom:1px solid var(--border);line-height:1.55}
.sb-checklist li:last-child{border:none}
.sb-checklist li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;font-size:11px;margin-top:2px}

/* ── FOOTER ── */
footer{background:linear-gradient(160deg,#071428,#084c4a);color:rgba(255,255,255,.75);font-size:13px;margin-top:0}
.fi{max-width:1260px;margin:0 auto;padding:48px 20px 36px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:36px}
.fi h4{font-family:'Fraunces',serif;font-size:14px;color:#fff;margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.fi p{font-size:13px;line-height:1.82;opacity:.78;margin-bottom:9px}
.fi a{display:block;color:rgba(255,255,255,.62);padding:3px 0;transition:color .18s;font-weight:500}
.fi a:hover{color:var(--gold)}.fi a::before{content:'›';margin-right:5px;opacity:.4}
.fbot{border-top:1px solid rgba(255,255,255,.08);padding:13px 20px;max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:rgba(255,255,255,.42)}

/* MODAL */
@keyframes mIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.mc{position:absolute;top:13px;right:14px;background:var(--light);border:none;width:30px;height:30px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mc:hover{background:var(--border)}
.cert-prev-big{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:var(--r2);padding:28px;text-align:center;margin-bottom:16px}
.cert-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.cmi{background:var(--light);border-radius:var(--r);padding:11px}
.cmi-l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray);margin-bottom:3px}
.cmi-v{font-size:13.5px;font-weight:700;color:var(--txt)}

/* MISC */
.wa-float{position:fixed;bottom:22px;right:22px;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.48);z-index:900;animation:wap 2.8s infinite}
@keyframes wap{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.48)}50%{box-shadow:0 6px 30px rgba(37,211,102,.68)}}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(70px);background:var(--green);color:#fff;padding:11px 24px;border-radius:var(--r2);font-size:14px;font-weight:600;box-shadow:0 5px 22px rgba(39,174,96,.4);z-index:9999;opacity:0;transition:all .28s;white-space:nowrap;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}

/* RESPONSIVE */
@media(max-width:1100px){.hero-inner,.quote-form-card{position:static;margin-top:22px}}
@media(max-width:900px){.doc-cat-grid{grid-template-columns:repeat(2,1fr)}.rev-grid,.why-grid{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr}.city-cards-grid{grid-template-columns:1fr 1fr}.pro-checklist{grid-template-columns:1fr}.proc{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.hero-inner{grid-template-columns:1fr}.hero-trust{padding-bottom:44px}.cg{grid-template-columns:1fr 1fr}.fi{grid-template-columns:1fr 1fr}.proc{grid-template-columns:repeat(2,1fr)}.proc::before{display:none}}
@media(max-width:480px){.doc-cat-grid,.cg,.city-cards-grid{grid-template-columns:1fr}.proc{grid-template-columns:1fr}.fi{grid-template-columns:1fr}}

/* ══ V1 GERMAN-TRANSLATION-DELHI EXACT CSS ══ */

:root{
  --primary:#0d6d6b;--primary-dark:#084c4a;--primary-light:#17998f;
  --accent:#e2603f;--gold:#e0a419;--green:#12a074;--teal:#00bcd4;
  --text:#1a202c;--gray:#64748b;--light:#f1f5f9;--border:#e2e8f0;--white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Outfit,sans-serif;color:var(--text);background:#fff;}
a{text-decoration:none;color:inherit;}

/* TOPBAR */
.topbar{background:var(--primary-dark);padding:7px 0;font-size:12px;}
.topbar-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.topbar a{color:rgba(255,255,255,.8);margin-right:18px;display:inline-flex;align-items:center;gap:5px;transition:color .2s;}
.topbar a:hover{color:var(--gold);}

/* NAV */
nav{background:#fff;box-shadow:0 2px 12px rgba(26,86,167,.1);position:sticky;top:0;z-index:100;}
.nav-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;padding:10px 0;}
.logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-name{font-family:'Fraunces',serif;font-size:18px;color:var(--primary);font-weight:700;line-height:1.1;}
.logo-tag{font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{padding:18px 12px;font-size:12.5px;font-weight:600;color:var(--text);display:block;transition:color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--primary);}
.nav-btn-quote{background:var(--accent);color:#fff !important;padding:8px 18px !important;border-radius:5px;font-weight:700 !important;}
.nav-btn-pay{background:var(--gold);color:#1a202c !important;padding:8px 16px !important;border-radius:5px;font-weight:700 !important;font-size:11px !important;}

/* BREADCRUMB */
.breadcrumb{background:var(--light);padding:10px 0;border-bottom:1px solid var(--border);}
.breadcrumb-inner{max-width:1240px;margin:0 auto;padding:0 20px;font-size:12px;color:var(--gray);display:flex;align-items:center;flex-wrap:wrap;gap:5px;}
.breadcrumb a{color:var(--primary);}
.breadcrumb span{color:var(--gray);}

/* HERO */
.hero{background:linear-gradient(135deg,#084c4a 0%,#0d6d6b 50%,#1e6fbd 100%);padding:52px 0 0;overflow:hidden;position:relative;}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%);}
.hero-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;}
.hero-flag{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 16px;color:rgba(255,255,255,.9);font-size:12px;font-weight:600;margin-bottom:14px;}
.hero h1{font-size:clamp(26px,3.5vw,42px);color:#fff;line-height:1.25;margin-bottom:10px;}
.hero h1 em{color:var(--gold);font-style:normal;}
.hero-sub{color:rgba(255,255,255,.75);font-size:14px;line-height:1.8;margin-bottom:18px;max-width:520px;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.btn-white{background:#fff;color:var(--primary);padding:11px 24px;border-radius:6px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:all .2s;}
.btn-white:hover{background:var(--light);transform:translateY(-1px);}
.btn-outline-w{border:2px solid rgba(255,255,255,.45);color:#fff;padding:11px 24px;border-radius:6px;font-weight:700;font-size:13px;transition:all .2s;}
.btn-outline-w:hover{background:rgba(255,255,255,.1);}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:70px;}
.htrust{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.8);font-size:12px;}
.htrust-icon{font-size:16px;}

/* QUOTE FORM CARD */
.quote-form-card{background:#fff;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,.18);padding:26px;border-top:4px solid var(--accent);margin-top:16px;}
.qfc-title{font-family:'Fraunces',serif;font-size:16px;color:var(--primary-dark);margin-bottom:3px;}
.qfc-sub{color:var(--gray);font-size:12px;margin-bottom:16px;}
.qf-row{margin-bottom:11px;}
.qf-row label{display:block;font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.qf-row select,.qf-row input{width:100%;border:1.5px solid var(--border);border-radius:6px;padding:9px 11px;font-size:12.5px;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s;color:var(--text);}
.qf-row select:focus,.qf-row input:focus{border-color:var(--primary);}
.qf-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.price-strip{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin:12px 0;}
.ps-from{color:rgba(255,255,255,.7);font-size:11px;}
.ps-price{font-family:'Fraunces',serif;font-size:26px;color:#fff;}
.ps-per{color:rgba(255,255,255,.6);font-size:10px;}
.btn-submit{width:100%;background:var(--accent);color:#fff;border:none;padding:12px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:background .2s;}
.btn-submit:hover{background:#c0291d;}
.qf-trust{display:flex;justify-content:center;gap:14px;margin-top:8px;flex-wrap:wrap;}
.qft{font-size:10px;color:var(--gray);display:flex;align-items:center;gap:3px;}

/* LAYOUT */


/* CONTENT */
.content-section{margin-bottom:36px;}
.content-section h2{font-family:'Fraunces',serif;font-size:22px;color:var(--primary-dark);margin-bottom:12px;border-left:4px solid var(--primary);padding-left:12px;}
.content-section h3{font-family:'Fraunces',serif;font-size:17px;color:var(--primary-dark);margin-bottom:10px;margin-top:18px;}
.content-section p{color:var(--gray);font-size:14px;line-height:1.9;margin-bottom:12px;}
.content-section ul{list-style:none;padding:0;}
.content-section ul li{color:var(--gray);font-size:13px;padding:5px 0 5px 22px;position:relative;line-height:1.7;}
.content-section ul li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700;}

/* DOC GRID */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:14px 0;}
.doc-item{background:var(--light);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--text);transition:all .2s;}
.doc-item:hover{border-color:var(--primary);background:#fff;}
.doc-item-icon{font-size:18px;flex-shrink:0;}
.doc-check{color:var(--green);font-weight:700;font-size:14px;}

/* SERVICE CARDS */
.svc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0;}
.svc-c{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;transition:all .3s;cursor:pointer;}
.svc-c:hover{border-color:var(--primary);box-shadow:0 6px 20px rgba(26,86,167,.1);transform:translateY(-2px);}
.svc-c-icon{font-size:28px;margin-bottom:9px;}
.svc-c h4{font-size:13px;color:var(--primary-dark);margin-bottom:5px;font-family:'Fraunces',serif;}
.svc-c p{font-size:11.5px;color:var(--gray);line-height:1.7;}

/* CITY LINKS */
.city-links-grid{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;}
.cl{background:var(--light);border:1px solid var(--border);color:var(--text);font-size:11.5px;padding:6px 13px;border-radius:14px;transition:all .2s;font-weight:500;}
.cl:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

/* LANG MATRIX ROW */
.lang-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.ltag{background:var(--light);border:1px solid var(--border);color:var(--text);font-size:11.5px;padding:6px 13px;border-radius:6px;font-weight:500;display:inline-flex;align-items:center;gap:5px;}

/* GALLERY */
.cert-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;}
.cert-thumb{background:linear-gradient(135deg,#e8f0fe,#c5d8ff);border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:all .3s;}
.cert-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,86,167,.12);}
.cert-thumb-img{height:140px;display:flex;align-items:center;justify-content:center;position:relative;}
.cert-thumb-wm{font-family:'Fraunces',serif;font-size:14px;color:rgba(26,86,167,.12);transform:rotate(-20deg);text-align:center;letter-spacing:2px;user-select:none;}
.cert-badge{position:absolute;top:8px;right:8px;background:rgba(26,86,167,.15);color:var(--primary);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;}
.cert-thumb-body{padding:10px;background:#fff;}
.cert-thumb-title{font-size:11.5px;font-weight:600;color:var(--primary-dark);margin-bottom:4px;line-height:1.4;}
.cert-thumb-langs{font-size:10px;color:var(--gray);}

/* PRICING TABLE */
.pricing-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px;}
.pricing-table th{background:var(--primary);color:#fff;padding:11px 14px;text-align:left;font-weight:600;font-size:12px;}
.pricing-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);}
.pricing-table tr:nth-child(even) td{background:var(--light);}
.pricing-table tr:hover td{background:#dbeafe;}
.price-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:6px;}

/* FAQ */
.faq-item{border:1px solid var(--border);border-radius:9px;margin-bottom:10px;overflow:hidden;}
.faq-q{padding:14px 18px;font-size:13px;font-weight:600;color:var(--primary-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .2s;}
.faq-q:hover{background:var(--light);}
.faq-a{padding:0 18px 14px;font-size:13px;color:var(--gray);line-height:1.8;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-q{background:var(--light);}
.faq-arrow{transition:transform .2s;font-size:12px;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0;}
.review-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;}
.review-stars{color:#e0a419;font-size:13px;letter-spacing:1px;margin-bottom:8px;}
.review-text{font-size:12.5px;color:var(--text);line-height:1.8;margin-bottom:12px;}
.review-author{display:flex;align-items:center;gap:9px;}
.review-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;}
.review-name{font-weight:700;font-size:12px;}
.review-role{font-size:11px;color:var(--gray);}

/* SIDEBAR */
.sidebar{}
.sb-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;margin-bottom:14px;}
.sb-card-title{background:var(--primary);color:#fff;padding:11px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
.sb-card-body{padding:14px 16px;}
.sb-link{display:flex;align-items:center;gap:8px;color:var(--gray);font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--border);transition:all .2s;cursor:pointer;}
.sb-link:last-child{border-bottom:none;}
.sb-link:hover{color:var(--primary);padding-left:5px;}
.sb-link span.arrow{margin-left:auto;font-size:10px;}
.sb-cta{background:var(--accent);border-radius:10px;padding:18px;text-align:center;}
.sb-cta-icon{font-size:34px;margin-bottom:8px;}
.sb-cta h4{color:#fff;font-size:14px;margin-bottom:5px;}
.sb-cta p{color:rgba(255,255,255,.8);font-size:11.5px;margin-bottom:12px;}
.btn-sb-cta{background:#fff;color:var(--accent);border:none;width:100%;padding:9px;border-radius:7px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:12.5px;}
.sb-price-list{background:var(--light);border-radius:8px;padding:12px;}
.sp-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px;}
.sp-row:last-child{border-bottom:none;font-weight:700;color:var(--primary-dark);}
.sp-label{color:var(--gray);}
.sp-val{font-weight:600;color:var(--text);}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:36px 0;}
.cta-banner h3{font-size:22px;color:#fff;}
.cta-banner p{color:rgba(255,255,255,.75);font-size:13px;margin-top:5px;}
.cta-banner-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;}

/* FOOTER */
footer{background:#0d1f3c;padding:50px 0 0;}
.footer-grid{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;}
.footer-col h5{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-col a{display:block;color:rgba(255,255,255,.55);font-size:12px;margin-bottom:7px;transition:color .2s;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);max-width:1240px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.footer-bottom p{color:rgba(255,255,255,.3);font-size:11px;}

/* WA FAB */
.wa-fab{position:fixed;bottom:22px;right:22px;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 5px 18px rgba(37,211,102,.5);cursor:pointer;z-index:99;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 5px 18px rgba(37,211,102,.5);}50%{box-shadow:0 5px 28px rgba(37,211,102,.75);}}

/* MODAL */
@keyframes fadeIn{from{opacity:0;transform:scale(.94);}to{opacity:1;transform:scale(1);}}
.mi-label{font-size:10px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;display:block;}
.mi-val{font-size:13px;color:var(--text);font-weight:600;margin-bottom:12px;}
.mi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;}
.mtag{background:rgba(26,86,167,.08);color:var(--primary);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;}
.mbtn{padding:9px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;border:none;}
.mbtn-primary{background:var(--primary);color:#fff;}
.mbtn-outline{background:#fff;color:var(--text);border:2px solid var(--border) !important;}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  
  .svc-cards{grid-template-columns:1fr;}
  .cert-gallery{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:580px){
  .
  .cert-gallery{grid-template-columns:1fr 1fr;}
  
}

/* ══ CITIES / INDUSTRIES DROPDOWN CSS ══ */
.dd-cities-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  min-width:660px;
  padding:10px;
}
.dd-city-item{
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:6px;
  font-size:12.5px;font-weight:600;color:var(--tm);
  cursor:pointer;transition:all .14s;
}
.dd-city-item:hover{background:var(--bp);color:var(--bd);}
.dd-city-item .ci{font-size:16px;flex-shrink:0;}
.dd-city-item .cn{line-height:1.2;}
.dd-city-item .cs{font-size:10px;color:var(--mu);display:block;}

.dd-industry-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4px;
  min-width:440px;
  padding:8px;
}
.dd-industry-item{
  display:flex;align-items:flex-start;gap:9px;
  padding:9px 12px;border-radius:7px;
  cursor:pointer;transition:all .14s;
  border:1px solid transparent;
}
.dd-industry-item:hover{background:var(--bp);border-color:rgba(20,160,152,.15);}
.dd-industry-item .ii{font-size:20px;flex-shrink:0;margin-top:2px;}
.dd-industry-item .in{font-size:12.5px;font-weight:700;color:var(--td);margin-bottom:2px;}
.dd-industry-item .id{font-size:11px;color:var(--mu);line-height:1.5;}
.dd-sep{height:1px;background:var(--br);margin:4px 10px;}
.dd-all-link{
  display:block;padding:9px 18px;font-size:13px;font-weight:800;
  color:var(--bb);border-top:1px solid var(--br);
  cursor:pointer;transition:all .14s;
}
.dd-all-link:hover{background:var(--bp);}

/* ══ ENHANCED FOOTER ══ */
.ft .fg{grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;}
.fc a,.fc li a{cursor:pointer;display:block;color:rgba(255,255,255,.6);font-size:12.5px;padding:3px 0;transition:color .18s;font-weight:500;}
.fc a:hover,.fc li a:hover{color:var(--gold,#e0a419);}
.fc h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);}
.fc ul{list-style:none;padding:0;}

/* ══ REF2 Sections CSS ══ */
.svc-sidebar{background:#fff;border:1px solid var(--br);border-radius:12px;overflow:hidden;box-shadow:var(--sh)}.svc-sidebar-title{background:var(--bb);color:#fff;padding:14px 18px;font-size:13px;font-weight:700;letter-spacing:.3px}.svc-sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:13px;color:var(--tm);border-bottom:1px solid var(--br);transition:all .2s;cursor:pointer}.svc-sidebar-item:hover,.svc-sidebar-item.active{background:var(--bp);color:var(--bb);padding-left:24px}.svc-sidebar-item .dot{width:7px;height:7px;border-radius:50%;background:var(--br);flex-shrink:0;transition:background .2s}.svc-sidebar-item.active .dot{background:var(--bb)}.svc-content{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.services-sidebar-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.svc-card{background:#fff;border:1px solid var(--br);border-radius:12px;padding:18px;cursor:pointer;transition:all .25s;border-left:3px solid transparent}.svc-card:hover{border-color:var(--bb);box-shadow:var(--sh);transform:translateY(-2px)}.svc-card-icon{font-size:28px;margin-bottom:9px}.svc-card h4{font-size:13.5px;color:var(--bd);margin-bottom:6px;font-family:'Fraunces',serif}.svc-card p{font-size:12.5px;color:var(--mu);line-height:1.75}.svc-docs{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.doc-chip{background:var(--bp);color:var(--bd);font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px}.svc-link{color:var(--bb);font-size:12.5px;font-weight:700;cursor:pointer}.it-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.it-tab{padding:8px 18px;background:var(--g1);border:1.5px solid var(--br);border-radius:25px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--tm)}.it-tab.act,.it-tab:hover{background:var(--bb);color:#fff;border-color:var(--bb)}.it-panel{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;display:none}.it-panel.open{display:grid;grid-template-columns:1fr 280px}.pb-left{padding:24px;border-right:1px solid var(--g2)}.pb-left h4{font-size:16px;color:var(--bd);margin-bottom:8px;font-family:'Fraunces',serif}.pb-left ul{list-style:none;padding:0}.pb-left ul li{padding:5px 0;font-size:13px;color:var(--tm);display:flex;gap:7px;align-items:flex-start}.pb-left ul li::before{content:'✓';color:var(--gn);font-weight:700;flex-shrink:0}.pb-right{padding:24px;background:var(--g1)}.proc-steps{list-style:none;padding:0}.proc-steps li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--tm);border-bottom:1px solid var(--g2)}.proc-steps li:last-child{border:none}.step-num{width:26px;height:26px;border-radius:50%;background:var(--bb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.ig{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.ig p{font-size:14px;color:var(--tm);line-height:1.8;margin-bottom:12px}.interp-sub{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--bd);margin:18px 0 12px;text-align:center}.sv{font-size:80px;text-align:center;display:flex;align-items:center;justify-content:center}.bg-g{background:var(--g1)}.sec-hdr{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.sec-tag{display:inline-block;background:rgba(26,86,167,.1);color:var(--bb);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 12px;border-radius:10px;margin-bottom:8px}.sec-title{font-size:clamp(20px,2.5vw,28px);color:var(--bd);margin-bottom:8px;line-height:1.25;font-family:'Fraunces',serif}.page-hero{background:linear-gradient(135deg,#0a1f5c,var(--bb));padding:46px 0;text-align:center}.page-hero .container{max-width:1200px;margin:0 auto;padding:0 20px}.page-hero h1{font-size:clamp(22px,3vw,36px);color:#fff;margin-bottom:10px;font-family:'Fraunces',serif}.page-hero p{color:rgba(255,255,255,.78);font-size:14.5px;max-width:600px;margin:0 auto}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.ci-card{background:#fff;border:1px solid var(--br);border-radius:12px;padding:20px;box-shadow:var(--sh)}.contact-form-card{background:#fff;border:1px solid var(--br);border-radius:14px;padding:28px;box-shadow:var(--sh)}.contact-info-card{display:flex;flex-direction:column;gap:14px}.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.quote-wrap{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.quote-form{background:#fff;border:1px solid var(--br);border-radius:14px;padding:26px;box-shadow:var(--sh)}.qstep-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--mu);margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid var(--br)}.q-sidebar{background:#fff;border:1px solid var(--br);border-radius:14px;padding:20px;box-shadow:var(--sh);position:sticky;top:82px}.price-box{background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:10px;padding:16px;margin:12px 0;display:flex;justify-content:space-between;align-items:center}.price-lbl{color:rgba(255,255,255,.7);font-size:11px;margin-bottom:4px}.price-big{font-family:'Fraunces',serif;font-size:32px;font-weight:700;color:#fff}.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ab-stat{background:#fff;border:1px solid var(--br);border-radius:11px;padding:16px;text-align:center;box-shadow:var(--sh)}.ab-num{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--bd)}.ab-lbl{font-size:11px;color:var(--mu);font-weight:600;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.ag{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.slbl{display:inline-block;background:rgba(26,86,167,.1);color:var(--bb);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 12px;border-radius:10px;margin-bottom:8px}.sh2{font-family:'Fraunces',serif;font-size:clamp(20px,2.5vw,28px);color:var(--bd);line-height:1.25}.sline{width:48px;height:4px;background:linear-gradient(90deg,var(--bb),var(--gold));border-radius:2px}.sec-p{font-size:14px;color:var(--mu);line-height:1.9;margin-bottom:12px}.btn-accent{background:linear-gradient(135deg,var(--ac),#c0281e);color:#fff;border:none;padding:11px 22px;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:7px}.btn-ob{background:transparent;border:2px solid var(--bb);color:var(--bb);padding:11px 22px;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s}.btn-ob:hover{background:var(--bb);color:#fff}.gst-breakdown{background:var(--bp);border:1px solid rgba(20,160,152,.15);border-radius:10px;padding:13px;margin:12px 0}.bdr{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(20,160,152,.1);font-size:13px;color:var(--tm)}.bdr:last-child{border:none;font-weight:800;color:var(--bd);font-size:14px;padding-top:8px;margin-top:4px}.bdr.gst{color:#b45309;font-weight:700}.btn-wa{background:#25d366;color:#fff;padding:10px 20px;border-radius:7px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:background .2s;cursor:pointer}
@media(max-width:900px){.contact-cards,.ab-stats{grid-template-columns:1fr 1fr}.contact-grid,.quote-wrap,.ag{grid-template-columns:1fr}.services-sidebar-layout,.svc-content{grid-template-columns:1fr}.it-panel.open{grid-template-columns:1fr}.ig{grid-template-columns:1fr}.q-sidebar{position:static}}
@media(max-width:600px){.contact-cards{grid-template-columns:1fr}}

/* ══ REF15 EXACT MODAL / POPUP CSS ══ */
@keyframes mopen{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
/* modal-bg variant (used in lang page) */
.mi-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--mu);display:block;margin-bottom:4px}
.mi-val{font-size:15px;font-weight:800;color:var(--td);margin-bottom:14px}
.mi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.mi-grid2 .mi-val{font-size:13.5px;background:var(--g1);padding:12px;border-radius:8px;margin-bottom:0}
.mtag{background:var(--bp);color:var(--bd);padding:4px 10px;border-radius:12px;font-size:11.5px;font-weight:700;border:1px solid rgba(20,160,152,.2)}
.mbtn{padding:11px 20px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;border:none;transition:all .2s;flex:1;display:flex;align-items:center;justify-content:center;gap:7px}
.mbtn-primary{background:var(--bd);color:#fff}.mbtn-primary:hover{background:var(--bm)}
/* City page popup */
.city-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:4000;align-items:center;justify-content:center;padding:20px}
.city-popup.open{display:flex;animation:mopen .25s ease}
.city-popup-box{background:#fff;border-radius:16px;max-width:600px;width:100%;box-shadow:0 25px 60px rgba(0,0,0,.35);overflow:hidden}
.city-popup-hdr{background:linear-gradient(135deg,var(--bd),var(--bb));padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.city-popup-hdr h3{font-family:'Fraunces',serif;font-size:20px;color:#fff;font-weight:700}
.city-popup-body{padding:24px}
/* Join / Team page */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}
.team-card{background:#fff;border:1px solid var(--br);border-radius:14px;padding:20px;box-shadow:var(--sh);transition:all .25s;text-align:center}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shh)}
.team-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;color:#fff;font-weight:700}
.team-name{font-size:15px;font-weight:700;color:var(--td);margin-bottom:4px}
.team-langs{font-size:12px;color:var(--mu);margin-bottom:8px}
.team-city{display:inline-block;background:var(--bp);color:var(--bd);font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;margin-bottom:10px}
.team-exp{font-size:12px;color:var(--gn);font-weight:700}
.join-form{background:#fff;border:1px solid var(--br);border-radius:14px;padding:28px;box-shadow:var(--sh);max-width:700px;margin:0 auto}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:16px;background:var(--g1);border-radius:12px}
.filter-bar select,.filter-bar input{padding:8px 12px;border:1.5px solid var(--br);border-radius:8px;font-size:13px;font-family:Outfit,sans-serif;color:var(--td);background:#fff;outline:none}
@media(max-width:768px){}

/* ══ LG HOME CSS ══ */

:root{
  --bd:#084c4a; --bm:#0d6d6b; --bb:#17998f; --bl:#3cbfb4;
  --bp:#e3f5f2; --bbg:#eefbf8;
  --ac:#e2603f; --gd:#e0a419; --gn:#12a074; --tl:#00bcd4;
  --g1:#f9fafb; --g2:#f3f4f6; --br:#e5e7eb;
  --td:#1a202c; --tm:#374151; --mu:#64748b;
  --sh:0 4px 20px rgba(8,76,74,.1); --shh:0 10px 40px rgba(8,76,74,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Outfit,sans-serif;color:var(--td);background:#fff;overflow-x:hidden;line-height:1.6}
h1,h2,h3,h4{font-family:'Fraunces',serif}
a{text-decoration:none;color:inherit}ul{list-style:none}
button{cursor:pointer;font-family:Outfit,sans-serif;border:none;background:none}
img{max-width:100%}

#sp{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--ac),var(--gd));z-index:9999;width:0;transition:width .08s}

/* TOPBAR */
.tb{background:var(--bd);padding:7px 0;font-size:12px;color:rgba(255,255,255,.85)}
.tbw{max-width:1280px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.tbl{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.tbl span{display:flex;align-items:center;gap:5px}
.tbr{display:flex;gap:14px;align-items:center}
.tbr a{color:rgba(255,255,255,.85);transition:color .2s}
.tbr a:hover{color:var(--gd)}
.tbq{background:var(--ac);padding:4px 14px;border-radius:20px;color:#fff!important;font-weight:800;font-size:11.5px}

/* HEADER */
header{background:#fff;box-shadow:0 2px 14px rgba(8,76,74,.1);position:sticky;top:0;z-index:1000;border-bottom:none}
.hw{max-width:1280px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:14px}
.logo{display:flex;align-items:center;gap:12px}
.logoi{width:50px;height:50px;background:linear-gradient(135deg,var(--bd),var(--bb));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 14px rgba(8,76,74,.3);flex-shrink:0}
.logon{font-family:'Fraunces',serif;font-size:19px;font-weight:700;color:var(--bd);line-height:1.1}
.logon em{color:var(--bb);font-style:normal}
.logot{font-size:9.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.6px;font-weight:700}

nav{display:flex;align-items:center;gap:0}
.ni{position:relative}
.nl{display:flex;align-items:center;gap:4px;padding:24px 13px;font-size:13px;font-weight:700;color:var(--td);text-transform:uppercase;letter-spacing:.3px;border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .2s;white-space:nowrap}
.nl:hover,.nl.act{color:var(--bb);border-bottom-color:var(--bb)}
.nc{font-size:9px;transition:transform .2s}
.ni:hover .nc{transform:rotate(180deg)}

.dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--br);box-shadow:0 12px 40px rgba(8,76,74,.15);min-width:240px;border-radius:0 0 10px 10px;padding:6px 0;z-index:200}
.ni:hover .dd{display:block;animation:fd .15s ease}
@keyframes fd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.dd a{display:flex;align-items:center;gap:9px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--tm);border-left:3px solid transparent;transition:all .15s}
.dd a:hover{background:var(--bp);color:var(--bd);border-left-color:var(--bb);padding-left:24px}

.mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--br);box-shadow:0 14px 48px rgba(8,76,74,.16);width:760px;border-radius:0 0 12px 12px;padding:24px;z-index:200}
.ni:hover .mega{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:fd .15s ease}
.mc h6{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:var(--bb);padding-bottom:8px;border-bottom:1px solid var(--br);margin-bottom:8px}
.mc a{display:block;padding:5px 0;font-size:12.5px;font-weight:600;color:var(--tm);transition:all .15s}
.mc a:hover{color:var(--bb);padding-left:6px}

.ncta{background:linear-gradient(135deg,var(--ac),#c0291e)!important;color:#fff!important;padding:10px 22px!important;border-radius:8px!important;border-bottom:none!important;font-weight:800!important;margin-left:8px;box-shadow:0 4px 14px rgba(232,55,42,.3)}
.ncta:hover{transform:translateY(-2px)}

/* TICKER */
.tk{background:var(--bm);padding:9px 0;overflow:hidden}
.tkw{display:flex;animation:mq 36s linear infinite;width:fit-content}
.tki{color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:0 36px;display:flex;align-items:center;gap:8px}
.tki::before{content:'●';color:var(--gd);font-size:8px}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* HERO */
.hero{background:linear-gradient(140deg,var(--bd) 0%,var(--bm) 55%,var(--bb) 100%);padding:64px 0 0;overflow:hidden;position:relative}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:#fff;clip-path:ellipse(58% 100% at 50% 100%)}
.hw2{max-width:1280px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:30px;padding:6px 18px;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;backdrop-filter:blur(6px)}
.hkicker{font-size:11px;font-weight:800;letter-spacing:2px;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:8px}
.hero h1{font-family:'Fraunces',serif;font-size:clamp(32px,4.2vw,52px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:6px}
.hero h1 em{color:var(--gd);font-style:normal;display:block}
.hd{font-size:14.5px;color:rgba(255,255,255,.85);line-height:1.85;margin-bottom:26px;max-width:540px}
.hbtns{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:26px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;font-size:14px;font-weight:800;transition:all .2s;cursor:pointer;font-family:Outfit,sans-serif;white-space:nowrap;border:none}
.btn-p{background:#fff;color:var(--bd);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.btn-r{background:var(--ac);color:#fff;box-shadow:0 4px 14px rgba(232,55,42,.4)}.btn-r:hover{transform:translateY(-2px);background:#c0291e}
.btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-o:hover{background:#fff;color:var(--bd);border-color:#fff}
.btn-wa{background:#25D366;color:#fff}.btn-wa:hover{background:#1da851;transform:translateY(-2px)}
.btn-b{background:linear-gradient(135deg,var(--bm),var(--bd));color:#fff;box-shadow:0 4px 14px rgba(26,86,167,.3)}.btn-b:hover{transform:translateY(-2px)}
.btn-ob{background:transparent;color:var(--bd);border:2px solid var(--bd)}.btn-ob:hover{background:var(--bd);color:#fff}
.btn-sm{padding:10px 18px;font-size:13px}
.btn-full{width:100%;justify-content:center}
.htrust{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:80px}
.ht{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.92);font-size:12.5px;font-weight:700}

.hvis{display:flex;align-items:center;justify-content:center;padding-bottom:60px}
.hill{position:relative;width:420px;height:340px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 70%);border-radius:24px;display:flex;align-items:center;justify-content:center}
.sb{position:absolute;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px rgba(0,0,0,.18);animation:fl 3s ease-in-out infinite}
.sb1{top:30px;left:40px;width:74px;height:74px}
.sb2{top:30px;right:40px;width:74px;height:74px;animation-delay:.5s}
.sb3{bottom:50px;left:30px;width:74px;height:74px;animation-delay:1s}
.sb4{bottom:50px;right:30px;width:74px;height:74px;animation-delay:1.5s}
.sb5{top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;font-size:46px;background:linear-gradient(135deg,var(--gd),#f59e0b);animation:fl5 3s ease-in-out infinite .3s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes fl5{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}

/* STATS */
.stats{background:var(--bd);padding:22px 0}
.stw{max-width:1280px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.st{text-align:center;padding:6px 16px;border-right:1px solid rgba(255,255,255,.12)}
.st:last-child{border:none}
.stn{font-family:'Fraunces',serif;font-size:30px;font-weight:700;color:#fff;line-height:1}
.stl{font-size:11.5px;color:rgba(255,255,255,.72);font-weight:700;margin-top:5px;text-transform:uppercase;letter-spacing:.5px}

/* SECTIONS */
.sec{padding:74px 0}
.sec.alt{background:var(--g1)}
.con{max-width:1280px;margin:0 auto;padding:0 22px}
.tag{display:inline-block;background:rgba(8,76,74,.1);color:var(--bb);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:12px}
.tt{font-family:'Fraunces',serif;font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--bd);line-height:1.25;margin-bottom:12px}
.tt em{color:var(--bb);font-style:normal}
.ts{color:var(--mu);font-size:14.5px;max-width:600px;line-height:1.8}
.tc{text-align:center}
.line{width:54px;height:4px;background:linear-gradient(90deg,var(--bb),var(--bl));border-radius:2px;margin:14px 0 22px}
.line.c{margin:14px auto 22px}
.shdr{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px;margin-bottom:38px}

/* ABOUT */
.tcol{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tcol p{font-size:14.5px;color:var(--tm);line-height:1.9;margin-bottom:14px}
.tcol.rv>div:first-child{order:2}

/* SERVICE VISUAL CARD (legal/document) */
.svcard{background:linear-gradient(140deg,var(--bp),#fff);border:1px solid var(--br);border-radius:22px;min-height:320px;display:flex;align-items:center;justify-content:center;font-size:140px;color:var(--bb);box-shadow:0 18px 50px rgba(8,76,74,.08);position:relative;overflow:hidden}
.svcard::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(45,125,210,.18),transparent 70%);top:-80px;right:-80px}
.svcard::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.18),transparent 70%);bottom:-60px;left:-60px}
.svcard span{position:relative;z-index:1}
.svcard .lbl{position:absolute;top:18px;left:18px;background:#fff;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:800;color:var(--bd);box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:2;letter-spacing:.6px;text-transform:uppercase}

/* DOCUMENT GRID */
.docgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.docchip{background:#fff;border:1px solid var(--br);border-left:3px solid var(--bb);padding:11px 14px;font-size:13px;font-weight:700;color:var(--td);border-radius:6px;display:flex;align-items:center;gap:8px;transition:all .2s}
.docchip:hover{transform:translateX(3px);border-left-color:var(--ac);background:var(--bp)}
.docchip::before{content:'📄';font-size:13px}
.avis{background:linear-gradient(135deg,var(--bm),var(--bb));border-radius:22px;padding:36px;position:relative;overflow:hidden;min-height:280px;display:flex;align-items:center}
.avis::after{content:'';position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:rgba(255,255,255,.06);border-radius:50%}
.lchips{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.lchip{background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.28);color:#fff;padding:11px 17px;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:7px}
.lchip:nth-child(odd){animation:fl 3.5s ease-in-out infinite}
.lchip:nth-child(even){animation:fl 4s ease-in-out .5s infinite}
.abst{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;padding:18px 0;border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.abst-n{font-family:'Fraunces',serif;font-size:24px;color:var(--bd);font-weight:700}
.abst-l{font-size:11.5px;color:var(--mu);font-weight:700;margin-top:2px}

/* SERVICES SIDEBAR */
.svw{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.svside{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;position:sticky;top:90px;border:1px solid var(--br)}
.svside-h{background:var(--bd);color:#fff;padding:16px 20px;font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.svside a{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:700;color:var(--tm);border-bottom:1px solid var(--g2);transition:all .18s;border-left:3px solid transparent}
.svside a:hover,.svside a.act{color:var(--bb);background:var(--bp);border-left-color:var(--bb)}
.svside .all{background:var(--ac);color:#fff;text-align:center;justify-content:center;font-weight:800;border-left:none!important}
.svside .all:hover{background:#c0291e;color:#fff;border-left-color:transparent}
.svgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.svc{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--br);transition:all .25s;cursor:pointer;position:relative;overflow:hidden}
.svc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--bb),var(--bl));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.svc:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:var(--bb)}
.svc:hover::before{transform:scaleX(1)}
.svc-i{width:54px;height:54px;background:var(--bp);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;transition:all .3s}
.svc:hover .svc-i{background:linear-gradient(135deg,var(--bm),var(--bb));color:#fff;transform:rotate(-5deg) scale(1.05)}
.svc h3{font-family:'Fraunces',serif;font-size:16px;color:var(--bd);margin-bottom:8px}
.svc p{font-size:13px;color:var(--mu);line-height:1.7;margin-bottom:10px}
.svc .arr{font-size:12px;font-weight:800;color:var(--bb)}

/* INTERPRETER GRID */
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.icard{background:#fff;border-radius:12px;padding:22px;border:1px solid var(--br);text-align:center;transition:all .25s}
.icard:hover{transform:translateY(-5px);box-shadow:var(--shh)}
.icard .ii{font-size:38px;margin-bottom:12px;display:block}
.icard h3{font-family:'Fraunces',serif;font-size:15px;color:var(--bd);margin-bottom:10px}
.icard ul{text-align:left}
.icard li{font-size:12.5px;color:var(--mu);padding:3px 0 3px 14px;position:relative;font-weight:600}
.icard li::before{content:'•';position:absolute;left:2px;color:var(--bb);font-weight:900}

/* INTERPRETATION TABBED PANEL — from website(2) */
.interp-sub{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--bd);margin:42px 0 18px;text-align:center}
.it-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
.it-tab{padding:10px 22px;background:#fff;border:1.5px solid var(--br);border-radius:30px;font-size:13px;font-weight:700;color:var(--mu);cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;gap:8px}
.it-tab:hover{border-color:var(--bb);color:var(--bb)}
.it-tab.act{background:var(--bb);color:#fff;border-color:var(--bb);box-shadow:0 6px 18px rgba(20,160,152,.28)}
.it-panel{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;display:grid;grid-template-columns:1fr 300px;border:1px solid var(--br)}
.pb-left{padding:28px 30px;border-right:1px solid var(--g2)}
.pb-left h4{font-family:'Fraunces',serif;font-size:18px;color:var(--bd);margin-bottom:10px;font-weight:700}
.pb-left>p{font-size:13.5px;color:var(--mu);margin-bottom:16px;line-height:1.75}
.pb-left ul{list-style:none;padding:0;margin:0}
.pb-left ul li{padding:6px 0;font-size:13.5px;color:var(--td);display:flex;gap:9px;align-items:flex-start;font-weight:600}
.pb-left ul li::before{content:'✓';color:var(--gn);font-weight:800;flex-shrink:0;font-size:14px}
.pb-right{padding:24px;background:linear-gradient(155deg,#f8fafc,#eef4fb)}
.pb-right h5{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--bd);margin-bottom:12px}
.proc-steps{list-style:none;padding:0;counter-reset:step}
.proc-steps li{display:flex;align-items:center;gap:11px;padding:10px 0;font-size:13px;color:var(--td);border-bottom:1px solid rgba(0,0,0,.06);font-weight:600}
.proc-steps li:last-child{border:none}
.step-num{width:26px;height:26px;border-radius:50%;background:var(--bb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;box-shadow:0 4px 10px rgba(20,160,152,.3)}
@media (max-width:760px){
  .it-panel{grid-template-columns:1fr}
  .pb-left{border-right:none;border-bottom:1px solid var(--g2)}
}
.icard li::before{content:"•";position:absolute;left:0;color:var(--bb)}

/* INDUSTRIES */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ind{background:#fff;border-radius:12px;padding:22px 16px;text-align:center;border:1px solid var(--br);transition:all .25s;cursor:pointer}
.ind:hover{background:var(--bd);color:#fff;transform:translateY(-4px);box-shadow:var(--shh)}
.ind:hover .ind-l{color:#fff}
.ind .ii{font-size:32px;margin-bottom:10px;display:block;transition:transform .3s}
.ind:hover .ii{transform:scale(1.15)}
.ind h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--bd);margin-bottom:4px;transition:color .2s}
.ind:hover h4{color:#fff}
.ind-l{font-size:11px;color:var(--mu);font-weight:600}

/* LANGUAGES */
.langw{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}
.globe{width:200px;height:200px;background:linear-gradient(135deg,var(--bm),var(--bb));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:96px;box-shadow:0 14px 48px rgba(20,160,152,.4),0 0 0 22px rgba(20,160,152,.07);animation:gf 4s ease-in-out infinite;margin:0 auto}
@keyframes gf{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.lcols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lcc{background:#fff;border:1px solid var(--br);border-radius:12px;padding:22px;transition:all .25s}
.lcc:hover{box-shadow:var(--shh);border-color:var(--bb);transform:translateY(-4px)}
.lcc h3{font-family:'Fraunces',serif;font-size:15px;color:var(--bd);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.lcc li{font-size:12.5px;color:var(--tm);padding:5px 0;border-bottom:1px solid var(--g2);font-weight:600;cursor:pointer;transition:color .15s}
.lcc li:hover{color:var(--bb)}
.lcc li:last-child{border:none}
.mbtn{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:7px 14px;background:var(--bp);color:var(--bb);border-radius:7px;font-size:12px;font-weight:800;transition:all .2s;border:none;cursor:pointer;font-family:Outfit,sans-serif}
.mbtn:hover{background:var(--bb);color:#fff}

/* CITIES */
.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.city{background:#fff;border:1px solid var(--br);border-radius:10px;padding:14px 10px;text-align:center;font-size:13px;font-weight:700;color:var(--tm);cursor:pointer;transition:all .2s}
.city:hover{background:var(--bd);color:#fff;border-color:var(--bd);transform:translateY(-3px)}
.city .ce{display:block;font-size:22px;margin-bottom:6px}

/* CERTIFICATE GALLERY */
.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gc{background:#fff;border:1px solid var(--br);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s}
.gc:hover{transform:translateY(-6px);box-shadow:var(--shh);border-color:var(--bb)}
.gp{height:180px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.gi{font-size:64px;opacity:.55}
.gw{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-28deg);font-size:26px;font-weight:900;color:rgba(20,160,152,.1);letter-spacing:4px;text-transform:uppercase;pointer-events:none}
.gl{position:absolute;top:10px;right:10px;background:var(--bd);color:#fff;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:10px}
.gb{padding:16px}
.gt{font-weight:800;font-size:14px;color:var(--bd);margin-bottom:8px}
.gm{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.gtag{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:10px;background:#dcfce7;color:var(--gn)}
.gtm{font-size:11px;color:var(--mu);font-weight:700}

/* WHY */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wc{background:#fff;border-radius:14px;padding:26px;border:1px solid var(--br);transition:all .25s;text-align:center}
.wc:hover{transform:translateY(-5px);box-shadow:var(--shh);border-color:var(--bb)}
.wi{width:64px;height:64px;background:linear-gradient(135deg,var(--bp),var(--bbg));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 14px;transition:all .3s}
.wc:hover .wi{background:linear-gradient(135deg,var(--bm),var(--bb));transform:rotate(-5deg) scale(1.05)}
.wc h3{font-family:'Fraunces',serif;font-size:16px;color:var(--bd);margin-bottom:10px}
.wc p{font-size:13.5px;color:var(--mu);line-height:1.75}

/* QUOTE */
.qsec{background:linear-gradient(135deg,var(--bd) 0%,var(--bm) 60%,var(--bb) 100%);padding:74px 0}
.qcard{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(8,76,74,.4);max-width:820px;margin:0 auto}
.qhd{background:linear-gradient(135deg,var(--bm),var(--bb));padding:24px 32px;color:#fff}
.qhd h2{font-family:'Fraunces',serif;font-size:24px;margin-bottom:4px}
.qhd p{font-size:13.5px;opacity:.85}
.qbd{padding:30px 32px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fg{margin-bottom:14px}
.fl{display:block;font-size:11.5px;font-weight:800;color:var(--td);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.fi{width:100%;padding:12px 14px;border:1.5px solid var(--br);border-radius:8px;font-family:Outfit,sans-serif;font-size:14px;color:var(--td);outline:none;transition:all .2s;background:#fff}
.fi:focus{border-color:var(--bb);box-shadow:0 0 0 3px rgba(45,125,210,.12)}
.chkg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.chk{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--br);border-radius:9px;cursor:pointer;transition:all .2s;background:#fff}
.chk:hover{border-color:var(--bb);background:var(--bp)}
.chk input[type=checkbox]{width:15px;height:15px;accent-color:var(--bb);cursor:pointer;flex-shrink:0}
.chk label{font-size:12.5px;font-weight:700;color:var(--tm);cursor:pointer;flex:1}
.pbar{background:linear-gradient(135deg,var(--bm),var(--bd));border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;flex-wrap:wrap}
.pbl{color:rgba(255,255,255,.78);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.pba{font-family:'Fraunces',serif;font-size:36px;color:#fff;font-weight:700;line-height:1.05}
.pbn{font-size:11px;color:rgba(255,255,255,.66);margin-top:2px}

/* FAQ */
.faqw{max-width:800px;margin:0 auto}
.faqi{background:#fff;border:1px solid var(--br);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .2s}
.faqi.open{border-color:var(--bb);box-shadow:0 4px 20px rgba(45,125,210,.1)}
.faqq{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;font-size:15px;font-weight:800;color:var(--bd);text-align:left;font-family:Outfit,sans-serif;gap:12px}
.faqq:hover{color:var(--bb)}
.faqc{font-size:18px;color:var(--bb);transition:transform .3s;flex-shrink:0}
.faqi.open .faqc{transform:rotate(180deg)}
.faqa{max-height:0;overflow:hidden;transition:max-height .35s}
.faqai{padding:0 22px 18px}
.faqai p{font-size:14px;color:var(--tm);line-height:1.85}

/* TESTIMONIALS */
.trow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcrd{background:#fff;border-radius:14px;padding:26px;border:1px solid var(--br);position:relative}
.tcrd::before{content:'"';position:absolute;top:8px;left:18px;font-family:'Fraunces',serif;font-size:60px;color:var(--bp);line-height:1}
.trate{color:var(--gd);font-size:14px;margin-bottom:10px;position:relative}
.tquote{font-size:13.5px;color:var(--tm);line-height:1.8;margin-bottom:18px;position:relative;font-style:italic}
.tperson{display:flex;align-items:center;gap:12px;border-top:1px solid var(--g2);padding-top:14px}
.tav{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--bm),var(--bb));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
.tn{font-size:13.5px;font-weight:800;color:var(--bd)}
.tr{font-size:11.5px;color:var(--mu)}

/* CTA */
.cta-bot{background:linear-gradient(135deg,var(--bd),var(--bm));color:#fff;text-align:center;padding:60px 22px}
.cta-bot h2{font-family:'Fraunces',serif;font-size:clamp(22px,2.8vw,32px);margin:10px 0 10px}
.cta-bot p{color:rgba(255,255,255,.78);max-width:560px;margin:0 auto 22px;font-size:14.5px;line-height:1.7}
.cta-bot .tag{background:rgba(255,255,255,.14);color:rgba(255,255,255,.92)}

/* CLIENTS */
.cli-h{text-align:center;margin-bottom:24px}
.cli-h .tt{font-family:'Fraunces',serif;font-style:italic;font-size:28px;color:var(--bd);font-weight:700}
.ctrack{overflow:hidden;-webkit-mask:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.cscr{display:flex;gap:16px;animation:csc 30s linear infinite;width:fit-content}
.cscr:hover{animation-play-state:paused}
@keyframes csc{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cbox{flex-shrink:0;background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:14px 26px;font-weight:800;font-size:13px;color:var(--tm);white-space:nowrap;transition:all .2s}
.cbox:hover{border-color:var(--bb);color:var(--bb)}

/* FOOTER */
.ft{background:linear-gradient(180deg,#0a2e6d,var(--bd));padding:60px 0 0;color:rgba(255,255,255,.7)}
.fg{max-width:1280px;margin:0 auto;padding:0 22px 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:36px}
.fl1 .logo{margin-bottom:16px}
.fl1 .logon{color:#fff}
.fl1 .logon em{color:var(--gd)}
.fl1 .logot{color:rgba(255,255,255,.5)}
.fdesc{font-size:13px;line-height:1.85;margin-bottom:18px;color:rgba(255,255,255,.68)}
.fcts{list-style:none}
.fcts li{display:flex;gap:8px;font-size:13px;margin-bottom:10px;color:rgba(255,255,255,.68)}
.fcts a{color:rgba(255,255,255,.68);transition:color .2s}
.fcts a:hover{color:#fff}
.fcert{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.fcert span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:5px 11px;border-radius:6px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.85)}
.fcol h4{font-family:'Fraunces',serif;font-size:14.5px;color:#fff;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.fcol li{margin-bottom:8px}
.fcol a{font-size:12.5px;color:rgba(255,255,255,.62);transition:all .2s}
.fcol a:hover{color:#fff;padding-left:5px}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding:20px 22px;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fcp{font-size:12px;color:rgba(255,255,255,.45)}
.flnk{display:flex;gap:20px}
.flnk a{font-size:12px;color:rgba(255,255,255,.45);transition:color .2s}
.flnk a:hover{color:#fff}

/* WA FLOAT */
.waf{position:fixed;bottom:24px;right:24px;width:58px;height:58px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 28px rgba(37,211,102,.55);z-index:990;transition:transform .25s;animation:wp 2.2s ease-in-out infinite}
.waf:hover{transform:scale(1.12)}
@keyframes wp{0%,100%{box-shadow:0 8px 28px rgba(37,211,102,.55)}50%{box-shadow:0 8px 40px rgba(37,211,102,.7),0 0 0 12px rgba(37,211,102,.12)}}

@media (max-width:1024px){
  
  .hw2,.tcol,.svw,.langw{grid-template-columns:1fr;gap:36px}
  .svgrid,.lcols,.wgrid,.trow,.gg,.igrid{grid-template-columns:repeat(2,1fr)}
  .ind-grid,.city-grid{grid-template-columns:repeat(3,1fr)}
  .stw{grid-template-columns:repeat(2,1fr);gap:18px}
  .st{border:none;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}
  .fg{grid-template-columns:1fr 1fr;gap:24px}
  .chkg{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .svgrid,.lcols,.wgrid,.trow,.gg,.igrid,.ind-grid,.city-grid,.frow,.chkg{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr}
  .hill{width:300px;height:260px}
  .tbl span:nth-child(2),.tbl span:nth-child(3){display:none}
}

/* LG extra */
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:20px}
.gc{background:#fff;border:1.5px solid var(--br);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}
.gc:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:var(--bb)}
.gp{height:160px;background:linear-gradient(135deg,var(--bp),#d6eaff);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:6px}
.gi{font-size:54px}
.gw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:rgba(13,92,99,.07);letter-spacing:6px;transform:rotate(-28deg);pointer-events:none}
.gl{font-size:11px;font-weight:800;background:var(--bb);color:#fff;padding:3px 9px;border-radius:10px}
.gb{padding:14px 16px}
.gt{font-size:14px;font-weight:800;color:var(--td);margin-bottom:8px}
.gm{display:flex;justify-content:space-between;align-items:center}
.gtag{font-size:11px;background:rgba(22,163,74,.1);color:var(--gn);padding:3px 9px;border-radius:10px;font-weight:700}
.gtm{font-size:11px;color:var(--mu);font-weight:600}

/* ── Service card selected state ── */
.svc.selected{border-color:var(--bb);box-shadow:var(--shh);transform:translateY(-4px)}
.svc.selected::before{transform:scaleX(1)}
.svc.selected .svc-i{background:linear-gradient(135deg,var(--bm,#1565c0),var(--bb));color:#fff;transform:rotate(-8deg)}
/* ── Deep-dive panel animation ── */
#svcDeepDive{;padding-top:40px}
/* ── svside sticky stays above deep-dive ── */
.svside{top:82px}
/* ── Deep-dive tcol exactly mirrors LG #certified layout ── */
.ddiv-tcol{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ddiv-tcol .svcard{height:360px;display:flex;align-items:center;justify-content:center;font-size:90px;position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(140deg,var(--bp),#fff);border:1px solid var(--br)}
.ddiv-tcol .svcard::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(20,160,152,.12),transparent);top:-60px;right:-60px}
.ddiv-tcol .svcard .lbl{position:absolute;top:18px;left:18px;background:#fff;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:800;color:var(--bd);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.ddiv-feat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.ddiv-feat li{font-size:13.5px;color:var(--tm);font-weight:600;list-style:none}
.ddiv-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.ddiv-chip{background:var(--bp);color:var(--bd);font-size:12px;font-weight:700;padding:5px 13px;border-radius:12px;border:1px solid rgba(20,160,152,.15)}
@media(max-width:900px){.ddiv-tcol{grid-template-columns:1fr}.ddiv-tcol .svcard{display:none}}
@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#svcDeepDive.show{animation:slideIn .35s ease}

/* ══ Service inline expand ══ */
.svc-inline-grid{display:flex;flex-direction:column;gap:0}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0}
.svc-expand{grid-column:1/-1;background:#fff;border:1.5px solid var(--bb);border-radius:14px;padding:28px;margin-top:6px;margin-bottom:18px;animation:slideDown .3s ease}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.svc-expand-inner{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center}
.svc-expand-inner .svcard{height:300px;border-radius:18px;font-size:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--bp),#fff);border:1px solid var(--br);position:relative;overflow:hidden}
.svc-expand-inner .svcard .lbl{position:absolute;top:14px;left:14px;background:#fff;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800;color:var(--bd);box-shadow:0 3px 10px rgba(0,0,0,.1)}
.svc.selected{border-color:var(--bb)!important;box-shadow:0 8px 24px rgba(20,160,152,.18)!important}
.svc.selected .svc-i{background:linear-gradient(135deg,var(--bm,#1565c0),var(--bb));color:#fff;transform:rotate(-8deg)}
.svc.selected .arr{color:var(--ac)}
/* Modal exact ref15 */
@media(max-width:900px){.svc-row{grid-template-columns:1fr}.svc-expand-inner{grid-template-columns:1fr}}

/* ── Services right column ── */
.svc-right-col{display:flex;flex-direction:column;gap:0;min-width:0}
/* ── Expand panel — always first in right col ── */
.svc-expand{
  background:#fff;
  border:1.5px solid var(--bb);
  border-radius:14px;
  padding:28px;
  margin-bottom:22px;
  animation:slideDown .35s ease;
}
@keyframes slideDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.svc-expand-inner{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center}
.svc-inline-grid{display:flex;flex-direction:column;gap:18px}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* ── selected card ── */
.svc{cursor:pointer}
.svc.selected{border-color:var(--bb)!important;box-shadow:0 8px 24px rgba(20,160,152,.18)!important}
.svc.selected .svc-i{background:linear-gradient(135deg,var(--bm,#1565c0),var(--bb));color:#fff;transform:rotate(-8deg)}
.svc.selected .arr{color:var(--ac)}
/* ── svcard inside expand ── */
.svc-expand .svcard{
  height:260px;border-radius:18px;font-size:72px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--bp),#fff);
  border:1px solid var(--br);position:relative;overflow:hidden;
}
.svc-expand .svcard .lbl{
  position:absolute;top:14px;left:14px;background:#fff;
  padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800;
  color:var(--bd);box-shadow:0 3px 10px rgba(0,0,0,.1);
}
@media(max-width:900px){
  .svw{grid-template-columns:1fr}
  .svc-row{grid-template-columns:1fr}
  .svc-expand-inner{grid-template-columns:1fr}
  .svc-expand .svcard{display:none}
}

/* ── Industries section ── */
#industries .ts{text-align:left;font-size:13.5px}
#industries .ind-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){#industries .ind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){#industries .ind-grid{grid-template-columns:1fr 1fr}}

/* ══ Section spacing tightened ══ */
.sec{padding:48px 20px}
.sec.alt{padding:48px 20px}
/* ── Industries section heading: left-top aligned ── */
.ind-hd{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.ind-hd .left .tag{display:inline-block;margin-bottom:6px}
.ind-hd .left h2{font-size:clamp(20px,2.5vw,28px);color:var(--bd);margin:0 0 4px;line-height:1.25;font-family:'Fraunces',serif}
.ind-hd .left p{font-size:13.5px;color:var(--mu);margin:0;line-height:1.5}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind{background:#fff;border:1px solid var(--br);border-radius:12px;padding:16px 14px;transition:all .22s;text-align:center}
.ind:hover{border-color:var(--bb);box-shadow:0 6px 18px rgba(20,160,152,.14);transform:translateY(-3px)}
.ind .ii{font-size:28px;display:block;margin-bottom:7px}
.ind h4{font-size:13px;font-weight:800;color:var(--bd);margin-bottom:3px}
.ind-l{font-size:11.5px;color:var(--mu)}
/* ── Languages section heading: left-top aligned ── */
.lang-hd{margin-bottom:20px}
.lang-hd .tag{display:inline-block;margin-bottom:6px}
.lang-hd h2{font-size:clamp(20px,2.5vw,28px);color:var(--bd);margin:0 0 4px;line-height:1.25;font-family:'Fraunces',serif}
.lang-hd p{font-size:13.5px;color:var(--mu);margin:0}
.langw{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.globe{font-size:72px;line-height:1;padding-top:4px}
.lcols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lcc h3{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--bd);margin-bottom:10px;padding-bottom:7px;border-bottom:2px solid var(--br)}
.lcc ul{list-style:none;padding:0;margin:0 0 10px}
.lcc ul li{font-size:13px;color:var(--tm);padding:3px 0;border-bottom:1px solid var(--g2);font-weight:500}
.lcc ul li[onclick]:hover{color:var(--bb);font-weight:700;cursor:pointer}
.mbtn{background:var(--bp);border:1.5px solid var(--blt,rgba(20,160,152,.2));color:var(--bb);padding:7px 16px;border-radius:8px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;width:100%;transition:all .18s}
.mbtn:hover{background:var(--bb);color:#fff}
@media(max-width:900px){.ind-grid{grid-template-columns:repeat(2,1fr)}.lcols{grid-template-columns:repeat(2,1fr)}.langw{grid-template-columns:1fr}.globe{display:none}}
@media(max-width:600px){.ind-grid{grid-template-columns:1fr 1fr}.lcols{grid-template-columns:1fr 1fr}}

/* ══ Unified left-top section headings ══ */
.sec-lt{margin-bottom:22px}
.sec-lt .tag{display:inline-block;margin-bottom:6px}
.sec-lt h2{font-size:clamp(20px,2.5vw,28px);color:var(--bd);margin:0 0 5px;line-height:1.25;font-family:'Fraunces',serif}
.sec-lt p{font-size:13.5px;color:var(--mu);margin:0;line-height:1.5}
.sec-lt-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.sec-lt-row .head .tag{display:inline-block;margin-bottom:6px}
.sec-lt-row .head h2{font-size:clamp(20px,2.5vw,28px);color:var(--bd);margin:0 0 5px;line-height:1.25;font-family:'Fraunces',serif}
.sec-lt-row .head p{font-size:13.5px;color:var(--mu);margin:0;line-height:1.5}
/* city grid */
.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.city{background:#fff;border:1px solid var(--br);border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:10px;transition:all .22s;cursor:pointer}
.city:hover{border-color:var(--bb);box-shadow:0 6px 18px rgba(20,160,152,.14);transform:translateY(-3px)}
.ce{font-size:24px;flex-shrink:0}
.city span:last-child{font-size:13px;font-weight:700;color:var(--td)}
/* why grid */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wc{background:#fff;border:1px solid var(--br);border-radius:14px;padding:20px;transition:all .22s}
.wc:hover{border-color:var(--bb);box-shadow:0 6px 18px rgba(20,160,152,.12);transform:translateY(-3px)}
.wi{font-size:30px;margin-bottom:10px}
.wc h3{font-size:15px;font-weight:800;color:var(--bd);margin-bottom:6px;font-family:'Fraunces',serif}
.wc p{font-size:13px;color:var(--mu);line-height:1.75}
/* quote section heading */
.qsec-hd{margin-bottom:28px}
.qsec-hd .tag{display:inline-block;margin-bottom:6px;background:rgba(255,255,255,.18);color:#fff}
.qsec-hd h2{font-size:clamp(20px,2.5vw,30px);color:#fff;margin:0 0 6px;line-height:1.25;font-family:'Fraunces',serif}
.qsec-hd p{font-size:14px;color:rgba(255,255,255,.75);margin:0}
/* testimonials */
.trow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tcrd{background:#fff;border:1px solid var(--br);border-radius:14px;padding:22px;box-shadow:var(--sh)}
.trate{color:#f59e0b;font-size:16px;margin-bottom:10px;letter-spacing:1px}
.tquote{font-size:13.5px;color:var(--mu);line-height:1.8;margin-bottom:14px;font-style:italic}
.tperson{display:flex;align-items:center;gap:10px}
.tav{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.tn{font-size:13.5px;font-weight:800;color:var(--td)}
.tr{font-size:12px;color:var(--mu)}
/* faq */
.faqw{display:flex;flex-direction:column;gap:8px}
.faqi{border:1px solid var(--br);border-radius:10px;overflow:hidden;background:#fff}
.faqi.open{border-color:var(--bb)}
.faqq{width:100%;text-align:left;background:#fff;border:none;padding:16px 18px;font-size:14px;font-weight:700;color:var(--td);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;gap:12px}
.faqi.open .faqq{color:var(--bb);background:var(--bp)}
.faqc{font-size:16px;flex-shrink:0;transition:transform .25s}
.faqi.open .faqc{transform:rotate(180deg)}
.faqa{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faqai{padding:0 18px 16px;font-size:13.5px;color:var(--mu);line-height:1.85}
/* clients ticker */
.cli-h{margin-bottom:14px}
.cli-h .tag{display:inline-block;margin-bottom:4px}
.cli-h .tt{font-size:clamp(18px,2vw,24px);color:var(--bd);font-family:'Fraunces',serif;font-weight:700}
@media(max-width:900px){
  .city-grid{grid-template-columns:repeat(2,1fr)}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .trow{grid-template-columns:1fr}
}
@media(max-width:600px){
  .city-grid{grid-template-columns:1fr 1fr}
  .wgrid{grid-template-columns:1fr}
}

/* ══ REF15 CERT GRID & MODAL (consistent across all pages) ══ */
@keyframes mopen{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
/* Cert card */
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.cert-card{background:#fff;border:1.5px solid var(--br);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}
.cert-card:hover{transform:translateY(-5px);box-shadow:var(--shh);border-color:var(--bb)}
.cert-thumb{height:175px;background:linear-gradient(135deg,var(--bp),#d8ecff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cert-doc{font-size:66px;position:relative;z-index:1}
.cert-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:rgba(13,92,99,.06);letter-spacing:7px;transform:rotate(-30deg);pointer-events:none}
.cert-info{padding:14px 16px}
.cert-lang{font-size:12.5px;font-weight:700;color:var(--bb);margin-bottom:5px}
.cert-title{font-size:14px;font-weight:800;color:var(--td);margin-bottom:9px}
.cert-meta{display:flex;justify-content:space-between;align-items:center}
.cert-badge{font-size:11px;background:rgba(22,163,74,.1);color:var(--gn);padding:3px 10px;border-radius:11px;font-weight:700}
.cert-time{font-size:11px;color:var(--mu);font-weight:600}
/* Filter tabs */
.gal-cats,.gf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gf-btn{padding:6px 16px;background:var(--g1);border:1.5px solid var(--br);border-radius:20px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--tm);font-family:Outfit,sans-serif;transition:all .18s}
.gf-btn:hover,.gf-btn.active{background:var(--bb);color:#fff;border-color:var(--bb)}
/* Modal — exact ref15 */
/* Gallery page hero */
.ph{background:linear-gradient(135deg,var(--bd),var(--bb));padding:48px 0;color:#fff}
.phi{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.phi h1{font-family:'Fraunces',serif;font-size:clamp(22px,3vw,34px);margin-bottom:10px}
.phi p{font-size:14px;color:rgba(255,255,255,.78);max-width:560px}
.ph-badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:12px;margin-bottom:12px}
.ph-ic{font-size:80px;flex-shrink:0}
@media(max-width:900px){.phi{flex-direction:column}.ph-ic{display:none}}
@media(max-width:600px){.cert-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ── Modal tabs (Preview / Download) ── */
/* Download panel */
.dl-panel{text-align:center;padding:24px 16px}
.dl-icon{font-size:64px;margin-bottom:14px}
.dl-title{font-size:18px;font-weight:800;color:var(--bd);margin-bottom:6px;font-family:'Fraunces',serif}
.dl-sub{font-size:13.5px;color:var(--mu);margin-bottom:20px;line-height:1.7}
.dl-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;text-align:left}
.dl-meta-item{background:var(--g1);border-radius:8px;padding:11px 14px}
.dl-meta-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);margin-bottom:3px}
.dl-meta-val{font-size:13px;font-weight:800;color:var(--td)}
.dl-btn{display:inline-flex;align-items:center;gap:9px;background:var(--bd);color:#fff;border:none;padding:13px 28px;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;margin:6px}
.dl-btn:hover{background:var(--bm,#1565c0);transform:translateY(-1px)}
.dl-btn.secondary{background:var(--g1);color:var(--td);border:1.5px solid var(--br)}
.dl-btn.secondary:hover{background:var(--bp);border-color:var(--bb)}
.dl-no-file{background:var(--g1);border:2px dashed var(--br);border-radius:10px;padding:24px;text-align:center;color:var(--mu);font-size:13.5px;margin:16px 0}
/* Admin upload panel */
.admin-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}
.upload-card{background:#fff;border:1.5px solid var(--br);border-radius:12px;padding:16px}
.upload-card-title{font-size:13px;font-weight:800;color:var(--td);margin-bottom:4px}
.upload-card-sub{font-size:11.5px;color:var(--mu);margin-bottom:10px}
.upload-card-status{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:10px;display:inline-block;margin-bottom:10px}
.upload-card-status.uploaded{background:rgba(22,163,74,.1);color:var(--gn)}
.upload-card-status.empty{background:var(--g1);color:var(--mu)}
.upload-file-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bp);color:var(--bd);border:1.5px solid var(--blt,rgba(20,160,152,.2));padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;width:100%;justify-content:center;transition:all .18s}
.upload-file-btn:hover{background:var(--bb);color:#fff}
.upload-remove-btn{background:none;border:none;color:#ef4444;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;margin-left:8px}

/* ══════════════════════════════════════════════════
   CERT POPUP — single definitive ruleset
   fills viewport, no scroll, everything in one frame
   ══════════════════════════════════════════════════ */
@keyframes mopen{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}

/* Overlay */
.modal{
  display:none;
  position:fixed;inset:0;
  background:rgba(0,0,0,.65);
  z-index:9000;
  align-items:center;
  justify-content:center;
  padding:16px;
  overflow:hidden;
}
.modal.open{display:flex;animation:mopen .22s ease}

/* Box — fills 96vw × 94vh, no internal scroll */
.modal-box{
  background:#fff;
  border-radius:16px;
  width:min(1060px, 96vw);
  height:min(90vh, 860px);
  max-height:94vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,.35);
  animation:mopen .22s ease;
}

/* Header — fixed height */
.modal-hdr{
  flex-shrink:0;
  background:var(--bd);
  color:#fff;
  padding:14px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:16px 16px 0 0;
}
.modal-hdr h3{font-family:'Fraunces',serif;font-size:17px;font-weight:700;color:#fff;margin:0}
.modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0 4px;opacity:.85;transition:opacity .15s}
.modal-close:hover{opacity:1}

/* Tabs bar — fixed height */
.modal-tabs{
  flex-shrink:0;
  display:flex;
  border-bottom:2px solid var(--br);
  background:#fff;
  padding:0 22px;
  gap:0;
}
.modal-tab{
  padding:10px 20px;
  font-size:13px;font-weight:700;
  cursor:pointer;border:none;background:none;
  font-family:Outfit,sans-serif;
  color:var(--mu);
  border-bottom:3px solid transparent;
  margin-bottom:-2px;
  transition:all .15s;
}
.modal-tab.active{color:var(--bd);border-bottom-color:var(--bb)}
.modal-tab:hover{color:var(--bd)}

/* Body — fills remaining height, no external scroll */
.modal-body{
  flex:1;
  overflow-y:auto;
  padding:0;
  min-height:0;
}

/* Tab panels */
.modal-tab-panel{display:none;height:100%}
.modal-tab-panel.active{display:flex;flex-direction:column}

/* ── Preview tab inner layout ── */
#certTabPreview{padding:0}
.cert-preview{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:0;
  height:100%;
  min-height:0;
}

/* Left: document image */
.cert-doc-img{
  background:linear-gradient(160deg,#eef4ff,#dbeafe);
  padding:28px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid var(--br);
  overflow:hidden;
}
.cert-doc-pg{
  background:#fff;
  width:100%;
  max-width:290px;
  border-radius:8px;
  box-shadow:0 8px 32px rgba(0,0,0,.14);
  padding:22px;
  position:relative;
  height:100%;
  max-height:620px;
  overflow:hidden;
}

/* Right: info panel */
#certInfoPanel{
  padding:22px 26px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:0;
}

/* ── Download tab ── */
#certTabDownload{
  padding:0;
  overflow-y:auto;
}
.dl-panel{
  padding:28px 36px;
  max-width:640px;
  margin:0 auto;
}
.dl-icon{font-size:60px;margin-bottom:12px;text-align:center}
.dl-title{font-size:20px;font-weight:800;color:var(--bd);margin-bottom:6px;font-family:'Fraunces',serif;text-align:center}
.dl-sub{font-size:13.5px;color:var(--mu);line-height:1.75;text-align:center;margin-bottom:20px}
.dl-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.dl-meta-item{background:var(--g1);border-radius:8px;padding:11px 14px}
.dl-meta-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);margin-bottom:3px}
.dl-meta-val{font-size:13px;font-weight:800;color:var(--td)}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--bd);color:#fff;border:none;padding:13px 28px;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;width:100%;margin:4px 0}
.dl-btn:hover{background:var(--bm,#1565c0)}
.dl-btn.secondary{background:var(--g1);color:var(--td);border:1.5px solid var(--br)}
.dl-btn.secondary:hover{background:var(--bp);border-color:var(--bb)}
.dl-no-file{background:var(--g1);border:2px dashed var(--br);border-radius:10px;padding:24px;text-align:center;color:var(--mu);font-size:13.5px;margin:16px 0}

/* Admin upload modal */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9100;align-items:center;justify-content:center;padding:16px}
.modal-bg.open{display:flex;animation:mopen .22s ease}
.admin-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}
.upload-card{background:#fff;border:1.5px solid var(--br);border-radius:12px;padding:16px}
.upload-card-title{font-size:13px;font-weight:800;color:var(--td);margin-bottom:4px}
.upload-card-sub{font-size:11.5px;color:var(--mu);margin-bottom:10px}
.upload-card-status{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:10px;display:inline-block;margin-bottom:10px}
.upload-card-status.uploaded{background:rgba(22,163,74,.1);color:var(--gn)}
.upload-card-status.empty{background:var(--g1);color:var(--mu)}
.upload-file-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bp);color:var(--bd);border:1.5px solid rgba(20,160,152,.2);padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;width:100%;justify-content:center;transition:all .18s}
.upload-file-btn:hover{background:var(--bb);color:#fff}
.upload-remove-btn{background:none;border:none;color:#ef4444;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;margin-left:8px}

/* Responsive */
@media(max-width:768px){
  
  
  .cert-preview{grid-template-columns:1fr}
  .cert-doc-img{display:none}
  .dl-panel{padding:20px 18px}
  .dl-meta{grid-template-columns:1fr}
}

/* ══ V1 LANG CSS (SAFE RULES ONLY) ══ */
/* ══ V1 LANG CSS ══ */

/* TOPBAR */
.topbar{background:var(--bd);padding:7px 0;font-size:12px;}
.topbar-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.topbar a{color:rgba(255,255,255,.8);margin-right:18px;display:inline-flex;align-items:center;gap:5px;transition:color .2s;}
.topbar a:hover{color:var(--gold);}

/* NAV */
.nav-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;padding:10px 0;}
.logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--bb),var(--bd));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-name{font-family:'Fraunces',serif;font-size:18px;color:var(--bb);font-weight:700;line-height:1.1;}
.logo-tag{font-size:9px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{padding:18px 12px;font-size:12.5px;font-weight:600;color:var(--text);display:block;transition:color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--bb);}
.nav-btn-quote{background:var(--accent);color:#fff !important;padding:8px 18px !important;border-radius:5px;font-weight:700 !important;}
.nav-btn-pay{background:var(--gold);color:#1a202c !important;padding:8px 16px !important;border-radius:5px;font-weight:700 !important;font-size:11px !important;}

/* BREADCRUMB */
.breadcrumb{background:var(--g1);padding:10px 0;border-bottom:1px solid var(--br);}
.breadcrumb-inner{max-width:1240px;margin:0 auto;padding:0 20px;font-size:12px;color:var(--mu);display:flex;align-items:center;flex-wrap:wrap;gap:5px;}
.breadcrumb a{color:var(--bb);}
.breadcrumb span{color:var(--mu);}

/* HERO */
.hero-flag{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 16px;color:rgba(255,255,255,.9);font-size:12px;font-weight:600;margin-bottom:14px;}
.hero-sub{color:rgba(255,255,255,.75);font-size:14px;line-height:1.8;margin-bottom:18px;max-width:520px;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.btn-white{background:#fff;color:var(--bb);padding:11px 24px;border-radius:6px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:all .2s;}
.btn-white:hover{background:var(--g1);transform:translateY(-1px);}
.btn-outline-w{border:2px solid rgba(255,255,255,.45);color:#fff;padding:11px 24px;border-radius:6px;font-weight:700;font-size:13px;transition:all .2s;}
.btn-outline-w:hover{background:rgba(255,255,255,.1);}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:70px;}
.htrust{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.8);font-size:12px;}
.htrust-icon{font-size:16px;}

/* QUOTE FORM CARD */
.quote-form-card{background:#fff;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,.18);padding:26px;border-top:4px solid var(--accent);margin-top:16px;}
.qfc-title{font-family:'Fraunces',serif;font-size:16px;color:var(--bd);margin-bottom:3px;}
.qfc-sub{color:var(--mu);font-size:12px;margin-bottom:16px;}
.qf-row{margin-bottom:11px;}
.qf-row label{display:block;font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.qf-row select,.qf-row input{width:100%;border:1.5px solid var(--br);border-radius:6px;padding:9px 11px;font-size:12.5px;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s;color:var(--text);}
.qf-row select:focus,.qf-row input:focus{border-color:var(--bb);}
.qf-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.price-strip{background:linear-gradient(135deg,var(--bb),var(--bd));border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin:12px 0;}
.ps-from{color:rgba(255,255,255,.7);font-size:11px;}
.ps-price{font-family:'Fraunces',serif;font-size:26px;color:#fff;}
.ps-per{color:rgba(255,255,255,.6);font-size:10px;}
.btn-submit{width:100%;background:var(--accent);color:#fff;border:none;padding:12px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:background .2s;}
.btn-submit:hover{background:#c0291d;}
.qf-trust{display:flex;justify-content:center;gap:14px;margin-top:8px;flex-wrap:wrap;}
.qft{font-size:10px;color:var(--mu);display:flex;align-items:center;gap:3px;}

/* LAYOUT */


/* CONTENT */
.content-section{margin-bottom:36px;}
.content-section h2{font-family:'Fraunces',serif;font-size:22px;color:var(--bd);margin-bottom:12px;border-left:4px solid var(--bb);padding-left:12px;}
.content-section h3{font-family:'Fraunces',serif;font-size:17px;color:var(--bd);margin-bottom:10px;margin-top:18px;}
.content-section p{color:var(--mu);font-size:14px;line-height:1.9;margin-bottom:12px;}
.content-section ul{list-style:none;padding:0;}
.content-section ul li{color:var(--mu);font-size:13px;padding:5px 0 5px 22px;position:relative;line-height:1.7;}
.content-section ul li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-weight:700;}

/* DOC GRID */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:14px 0;}
.doc-item{background:var(--g1);border:1px solid var(--br);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--text);transition:all .2s;}
.doc-item:hover{border-color:var(--bb);background:#fff;}
.doc-item-icon{font-size:18px;flex-shrink:0;}
.doc-check{color:var(--gn);font-weight:700;font-size:14px;}

/* SERVICE CARDS */
.svc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0;}
.svc-c{background:#fff;border:1px solid var(--br);border-radius:10px;padding:18px;transition:all .3s;cursor:pointer;}
.svc-c:hover{border-color:var(--bb);box-shadow:0 6px 20px rgba(26,86,167,.1);transform:translateY(-2px);}
.svc-c-icon{font-size:28px;margin-bottom:9px;}
.svc-c h4{font-size:13px;color:var(--bd);margin-bottom:5px;font-family:'Fraunces',serif;}
.svc-c p{font-size:11.5px;color:var(--mu);line-height:1.7;}

/* CITY LINKS */
.city-links-grid{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;}
.cl{background:var(--g1);border:1px solid var(--br);color:var(--text);font-size:11.5px;padding:6px 13px;border-radius:14px;transition:all .2s;font-weight:500;}
.cl:hover{background:var(--bb);color:#fff;border-color:var(--bb);}

/* LANG MATRIX ROW */
.lang-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.ltag{background:var(--g1);border:1px solid var(--br);color:var(--text);font-size:11.5px;padding:6px 13px;border-radius:6px;font-weight:500;display:inline-flex;align-items:center;gap:5px;}

/* GALLERY */
.cert-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;}
.cert-thumb{background:linear-gradient(135deg,#e8f0fe,#c5d8ff);border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--br);transition:all .3s;}
.cert-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,86,167,.12);}
.cert-thumb-img{height:140px;display:flex;align-items:center;justify-content:center;position:relative;}
.cert-thumb-wm{font-family:'Fraunces',serif;font-size:14px;color:rgba(26,86,167,.12);transform:rotate(-20deg);text-align:center;letter-spacing:2px;user-select:none;}
.cert-badge{position:absolute;top:8px;right:8px;background:rgba(26,86,167,.15);color:var(--bb);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;}
.cert-thumb-body{padding:10px;background:#fff;}
.cert-thumb-title{font-size:11.5px;font-weight:600;color:var(--bd);margin-bottom:4px;line-height:1.4;}
.cert-thumb-langs{font-size:10px;color:var(--mu);}

/* PRICING TABLE */
.pricing-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px;}
.pricing-table th{background:var(--bb);color:#fff;padding:11px 14px;text-align:left;font-weight:600;font-size:12px;}
.pricing-table td{padding:10px 14px;border-bottom:1px solid var(--br);color:var(--text);}
.pricing-table tr:nth-child(even) td{background:var(--g1);}
.pricing-table tr:hover td{background:#dbeafe;}
.price-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:6px;}

/* FAQ */
.faq-item{border:1px solid var(--br);border-radius:9px;margin-bottom:10px;overflow:hidden;}
.faq-q{padding:14px 18px;font-size:13px;font-weight:600;color:var(--bd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .2s;}
.faq-q:hover{background:var(--g1);}
.faq-a{padding:0 18px 14px;font-size:13px;color:var(--mu);line-height:1.8;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-q{background:var(--g1);}
.faq-arrow{transition:transform .2s;font-size:12px;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0;}
.review-card{background:#fff;border:1px solid var(--br);border-radius:10px;padding:16px;}
.review-stars{color:#e0a419;font-size:13px;letter-spacing:1px;margin-bottom:8px;}
.review-text{font-size:12.5px;color:var(--text);line-height:1.8;margin-bottom:12px;}
.review-author{display:flex;align-items:center;gap:9px;}
.review-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--bb),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;}
.review-name{font-weight:700;font-size:12px;}
.review-role{font-size:11px;color:var(--mu);}

/* SIDEBAR */
.sidebar{}
.sb-card{background:#fff;border:1px solid var(--br);border-radius:11px;overflow:hidden;margin-bottom:14px;}
.sb-card-title{background:var(--bb);color:#fff;padding:11px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
.sb-card-body{padding:14px 16px;}
.sb-link{display:flex;align-items:center;gap:8px;color:var(--mu);font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--br);transition:all .2s;cursor:pointer;}
.sb-link:last-child{border-bottom:none;}
.sb-link:hover{color:var(--bb);padding-left:5px;}
.sb-link span.arrow{margin-left:auto;font-size:10px;}
.sb-cta{background:var(--accent);border-radius:10px;padding:18px;text-align:center;}
.sb-cta-icon{font-size:34px;margin-bottom:8px;}
.sb-cta h4{color:#fff;font-size:14px;margin-bottom:5px;}
.sb-cta p{color:rgba(255,255,255,.8);font-size:11.5px;margin-bottom:12px;}
.btn-sb-cta{background:#fff;color:var(--accent);border:none;width:100%;padding:9px;border-radius:7px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;font-size:12.5px;}
.sb-price-list{background:var(--g1);border-radius:8px;padding:12px;}
.sp-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--br);font-size:12px;}
.sp-row:last-child{border-bottom:none;font-weight:700;color:var(--bd);}
.sp-label{color:var(--mu);}
.sp-val{font-weight:600;color:var(--text);}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,var(--bb),var(--bd));border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:36px 0;}
.cta-banner h3{font-size:22px;color:#fff;}
.cta-banner p{color:rgba(255,255,255,.75);font-size:13px;margin-top:5px;}
.cta-banner-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;}

/* FOOTER */
.footer-grid{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;}
.footer-col h5{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-col a{display:block;color:rgba(255,255,255,.55);font-size:12px;margin-bottom:7px;transition:color .2s;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);max-width:1240px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.footer-bottom p{color:rgba(255,255,255,.3);font-size:11px;}

/* WA FAB */
.wa-fab{position:fixed;bottom:22px;right:22px;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 5px 18px rgba(37,211,102,.5);cursor:pointer;z-index:99;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 5px 18px rgba(37,211,102,.5);}50%{box-shadow:0 5px 28px rgba(37,211,102,.75);}}

/* MODAL */
@keyframes fadeIn{from{opacity:0;transform:scale(.94);}to{opacity:1;transform:scale(1);}}
.mi-label{font-size:10px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;display:block;}
.mi-val{font-size:13px;color:var(--text);font-weight:600;margin-bottom:12px;}
.mi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;}
.mtag{background:rgba(26,86,167,.08);color:var(--bb);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;}
.mbtn{padding:9px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;border:none;}
.mbtn-primary{background:var(--bb);color:#fff;}
.mbtn-outline{background:#fff;color:var(--text);border:2px solid var(--br) !important;}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  
  .svc-cards{grid-template-columns:1fr;}
  .cert-gallery{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:580px){
  .
  .cert-gallery{grid-template-columns:1fr 1fr;}
  
}

/* ══ FINAL NAV CSS ══ */
.main-nav{display:flex;align-items:center;gap:2px}
.nl{display:flex;align-items:center;gap:4px;padding:22px 12px;font-size:13px;font-weight:700;color:var(--td);text-transform:uppercase;letter-spacing:.3px;border:none;background:none;cursor:pointer;font-family:Outfit,sans-serif;transition:color .2s;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-3px}
.nl:hover,.nl.act{color:var(--bb);border-bottom-color:var(--bb)}
.nl.ql{background:var(--bb);color:#fff!important;padding:9px 18px!important;border-radius:7px;font-weight:800!important;margin-left:6px;border-bottom:none!important;box-shadow:0 3px 10px rgba(20,160,152,.35)}
.nl.ql:hover{background:var(--bd)!important}
.ni{position:relative}
.caret{font-size:9px;transition:transform .25s}
.dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--br);box-shadow:0 12px 40px rgba(13,92,99,.14);min-width:220px;border-radius:0 0 10px 10px;z-index:500;padding:6px 0}
.dd.open{display:block;animation:ddIn .15s ease}
.dd a,.dd button{display:block;width:100%;text-align:left;padding:9px 18px;color:var(--tm);font-size:13.5px;font-weight:600;border-left:3px solid transparent;transition:all .14s;background:none;cursor:pointer;font-family:Outfit,sans-serif}
.dd a:hover,.dd button:hover{background:var(--bp);color:var(--bd);border-left-color:var(--bb)}
.dd-all{font-weight:900!important;color:var(--bb)!important;border-top:1px solid var(--br)!important;margin-top:4px!important}
.mega{display:none;position:fixed;top:73px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--br);box-shadow:0 12px 40px rgba(13,92,99,.18);width:min(780px,95vw);z-index:500;border-radius:0 0 12px 12px;padding:18px}
.mega.open{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;animation:ddIn .15s ease}
.mega-hd{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--bd);padding:4px 10px 7px;border-bottom:1px solid var(--br);margin-bottom:4px}
.mega a{display:block;padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--tm);border-radius:5px;transition:background .14s;cursor:pointer}
.dd-bd{display:none;position:fixed;inset:0;z-index:499;background:transparent}
.dd-bd.open{display:block}

/* ══ JOINUS CSS ══ */

  

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'Outfit', sans-serif;
    background: var(--cream);
    color: var(--bd);
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* ── HEADER ── */
  
  .logo {
    font-family: 'Fraunces', serif;
    font-size: 1.45rem;
    color: var(--white);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .55rem;
  }
  .logo span { color: var(--gold); }
  .logo-icon {
    width: 36px; height: 36px;
    background: linear-gradient(135deg, var(--gold), var(--teal2));
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
  }
  nav a {
    color: rgba(255,255,255,.8);
    text-decoration: none;
    font-size: .85rem;
    font-weight: 500;
    margin-left: 1.6rem;
    transition: color .2s;
  }
  nav a:hover { color: var(--gold); }
  nav a.active { color: var(--gold); }

  /* ── HERO BANNER ── */
  .hero {
    background: linear-gradient(135deg, var(--bd) 0%, #1a3f72 60%, var(--teal) 100%);
    padding: 4rem 2rem 3.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute; inset: 0;
    background-image:
      radial-gradient(circle at 15% 50%, rgba(184,134,11,.12) 0%, transparent 50%),
      radial-gradient(circle at 85% 20%, rgba(0,157,163,.15) 0%, transparent 45%);
  }
  .hero-badge {
    display: inline-flex; align-items: center; gap: .4rem;
    background: rgba(212,160,23,.18);
    border: 1px solid rgba(212,160,23,.4);
    color: var(--gold);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .35rem 1rem;
    border-radius: 2rem;
    margin-bottom: 1.2rem;
    position: relative;
  }
  .hero h1 {
    font-family: 'Fraunces', serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    color: var(--white);
    line-height: 1.2;
    margin-bottom: .8rem;
    position: relative;
  }
  .hero h1 em {
    font-style: italic;
    color: var(--gold);
  }
  .hero p {
    color: rgba(255,255,255,.78);
    font-size: 1rem;
    max-width: 560px;
    margin: 0 auto 1.6rem;
    line-height: 1.7;
    position: relative;
  }
  .hero-stats {
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    position: relative;
  }
  .hero-stat { text-align: center; }
  .hero-stat strong {
    display: block;
    font-family: 'Fraunces', serif;
    font-size: 1.6rem;
    color: var(--gold);
  }
  .hero-stat span {
    font-size: .75rem;
    color: rgba(255,255,255,.6);
    text-transform: uppercase;
    letter-spacing: .05em;
  }

  /* ── MAIN LAYOUT ── */
  .page-wrap {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 1.5rem 5rem;
  }

  /* ── PERKS STRIP ── */
  .perks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2.8rem;
  }
  .perk {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
    transition: transform .2s, box-shadow .2s;
  }
  .perk:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.09); }
  .perk-icon {
    width: 36px; height: 36px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
  }
  .perk-icon.gold  { background: rgba(212,160,23,.12); }
  .perk-icon.teal  { background: rgba(0,123,127,.12); }
  .perk-icon.red   { background: rgba(200,16,46,.1); }
  .perk-icon.navy  { background: rgba(13,43,85,.1); }
  .perk h4 { font-size: .82rem; font-weight: 600; color: var(--bd); margin-bottom: .15rem; }
  .perk p  { font-size: .75rem; color: var(--grey); line-height: 1.5; }

  /* ── FORM CARD ── */
  .form-card {
    background: var(--white);
    border-radius: 18px;
    box-shadow: 0 4px 30px rgba(13,43,85,.1);
    overflow: hidden;
    border: 1px solid var(--border);
  }
  .form-
  .form-header-icon {
    width: 48px; height: 48px;
    background: rgba(212,160,23,.2);
    border: 1px solid rgba(212,160,23,.35);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
  }
  .form-header h2 {
    font-family: 'Fraunces', serif;
    color: var(--white);
    font-size: 1.35rem;
    margin-bottom: .2rem;
  }
  .form-header p { color: rgba(255,255,255,.65); font-size: .82rem; }

  .form-body { padding: 2rem; }

  /* Section titles */
  .section-label {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--teal);
    padding: .35rem .7rem;
    background: rgba(0,123,127,.08);
    border-left: 3px solid var(--teal);
    border-radius: 0 4px 4px 0;
    margin: 1.8rem 0 1.2rem;
    display: inline-block;
  }
  .section-label:first-of-type { margin-top: 0; }

  /* Grid row */
  .row { display: grid; gap: 1.1rem; margin-bottom: 1.1rem; }
  .row.cols-2 { grid-template-columns: 1fr 1fr; }
  .row.cols-3 { grid-template-columns: 1fr 1fr 1fr; }

  /* Field */
  .field { display: flex; flex-direction: column; gap: .3rem; }
  label {
    font-size: .78rem;
    font-weight: 600;
    color: var(--bd);
    display: flex;
    align-items: center;
    gap: .3rem;
  }
  label .req { color: var(--red); }
  label .tip {
    font-weight: 400;
    color: var(--grey);
    font-size: .72rem;
    margin-left: auto;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  select,
  textarea {
    width: 100%;
    padding: .7rem .95rem;
    border: 1.5px solid var(--border);
    border-radius: 9px;
    font-family: 'Outfit', sans-serif;
    font-size: .88rem;
    color: var(--bd);
    background: var(--light);
    transition: border-color .2s, box-shadow .2s, background .2s;
    outline: none;
    -webkit-appearance: none;
  }
  input:focus, select:focus, textarea:focus {
    border-color: var(--teal2);
    background: var(--white);
    box-shadow: 0 0 0 3px rgba(0,157,163,.12);
  }
  input.error, select.error, textarea.error {
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(200,16,46,.08);
  }
  select { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .85rem center; padding-right: 2.2rem; }
  textarea { resize: vertical; min-height: 120px; line-height: 1.6; }

  .hint { font-size: .72rem; color: var(--grey); }
  .err-msg { font-size: .72rem; color: var(--red); display: none; }
  .field.has-error .err-msg { display: block; }

  /* File upload */
  .upload-zone {
    border: 2px dashed var(--border);
    border-radius: 10px;
    padding: 1.4rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background .2s;
    background: var(--light);
    position: relative;
  }
  .upload-zone:hover, .upload-zone.dragover {
    border-color: var(--teal2);
    background: rgba(0,157,163,.04);
  }
  .upload-zone input[type="file"] {
    position: absolute; inset: 0;
    opacity: 0; cursor: pointer; width: 100%; height: 100%;
  }
  .upload-icon { font-size: 1.8rem; margin-bottom: .4rem; }
  .upload-zone p { font-size: .82rem; color: var(--grey); line-height: 1.6; }
  .upload-zone strong { color: var(--teal); font-weight: 600; }
  .file-name {
    display: none;
    margin-top: .6rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--teal);
    background: rgba(0,157,163,.08);
    padding: .3rem .7rem;
    border-radius: 6px;
    display: none;
    align-items: center;
    gap: .4rem;
  }
  .file-name.show { display: flex; justify-content: center; }

  /* Consent */
  .consent {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: 1rem 1.1rem;
    background: rgba(13,43,85,.04);
    border: 1px solid rgba(13,43,85,.1);
    border-radius: 10px;
    margin-top: 1.2rem;
  }
  .consent input[type="checkbox"] {
    width: 16px; height: 16px;
    accent-color: var(--teal);
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
  }
  .consent label {
    font-size: .8rem;
    font-weight: 400;
    color: var(--grey);
    cursor: pointer;
    line-height: 1.6;
  }
  .consent label a { color: var(--teal); text-decoration: underline; }

  /* Submit */
  .submit-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.8rem;
    flex-wrap: wrap;
  }
  .btn-submit {
    flex: 1;
    min-width: 200px;
    padding: .9rem 2rem;
    background: linear-gradient(135deg, var(--red) 0%, #a80d26 100%);
    color: var(--white);
    font-family: 'Outfit', sans-serif;
    font-size: .95rem;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 4px 14px rgba(200,16,46,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    letter-spacing: .02em;
  }
  .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(200,16,46,.4); }
  .btn-submit:active { transform: translateY(0); }
  .btn-submit:disabled { opacity: .65; cursor: not-allowed; transform: none; }
  .btn-reset {
    padding: .9rem 1.5rem;
    background: transparent;
    color: var(--grey);
    font-family: 'Outfit', sans-serif;
    font-size: .88rem;
    font-weight: 500;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
  }
  .btn-reset:hover { border-color: var(--bd); color: var(--bd); }

  .submit-note { font-size: .75rem; color: var(--grey); text-align: center; margin-top: .7rem; }
  .submit-note span { color: var(--teal); font-weight: 500; }

  /* ── SUCCESS SCREEN ── */
  #successScreen {
    display: none;
    text-align: center;
    padding: 3.5rem 2rem;
  }
  .success-circle {
    width: 80px; height: 80px;
    background: rgba(22,163,74,.1);
    border: 3px solid var(--success);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem;
    margin: 0 auto 1.5rem;
    animation: popIn .4s cubic-bezier(.34,1.56,.64,1) both;
  }
  @keyframes popIn {
    from { transform: scale(0); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
  }
  #successScreen h3 {
    font-family: 'Fraunces', serif;
    font-size: 1.7rem;
    color: var(--bd);
    margin-bottom: .6rem;
  }
  #successScreen p { color: var(--grey); font-size: .9rem; line-height: 1.7; max-width: 420px; margin: 0 auto 1.8rem; }
  .btn-new {
    padding: .75rem 2rem;
    background: var(--bd);
    color: var(--white);
    font-family: 'Outfit', sans-serif;
    font-size: .88rem;
    font-weight: 600;
    border: none; border-radius: 9px; cursor: pointer;
    transition: background .2s;
  }
  .btn-new:hover { background: var(--navy2); }

  /* ── FOOTER ── */
  footer {
    background: var(--bd);
    color: rgba(255,255,255,.55);
    text-align: center;
    padding: 1.4rem;
    font-size: .78rem;
  }
  footer strong { color: var(--gold); font-weight: 600; }

  /* ── RESPONSIVE ── */
  @media (max-width: 600px) {
    .row.cols-2, .row.cols-3 { grid-template-columns: 1fr; }
    .form-body { padding: 1.4rem; }
    .hero-stats { gap: 1.5rem; }
    .submit-row { flex-direction: column; }
    .btn-submit, .btn-reset { width: 100%; }
    
  }

  /* Spinner */
  .spinner {
    width: 18px; height: 18px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: white;
    border-radius: 50%;
    animation: spin .7s linear infinite;
    display: none;
  }
  @keyframes spin { to { transform: rotate(360deg); } }

  /* Animate fields in */
  .field { animation: fadeUp .4s ease both; }
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
  }




/* ══════════════════════════════════════════════════════
   SERVICE DETAIL PAGE — from certified-translation-delhi-v2
   ══════════════════════════════════════════════════════ */

/* Hero */
.sd-hero{background:#fff;padding:40px 0 32px;position:relative;overflow:hidden;border-bottom:1px solid var(--br);}
.sd-hero-shape{position:absolute;top:0;right:0;width:520px;height:100%;background:linear-gradient(135deg,rgba(26,86,167,.04),rgba(26,86,167,.09));clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);pointer-events:none;}
.sd-hi{max-width:1200px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:center;position:relative;}
.sd-hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--bp);border:1px solid rgba(26,86,167,.2);border-radius:20px;padding:5px 14px;color:var(--bb);font-size:11px;font-weight:700;margin-bottom:11px;}
.sd-hero-iso{display:inline-block;background:var(--bd);color:#fff;font-size:10.5px;font-weight:700;padding:4px 13px;border-radius:4px;margin-bottom:11px;letter-spacing:.4px;}
.sd-hero h1{font-family:'Fraunces',serif;font-size:clamp(22px,3vw,38px);color:var(--bd);line-height:1.25;margin-bottom:9px;}
.sd-hero h1 em{color:var(--ac);font-style:normal;}
.sd-hero-sub{color:var(--mu);font-size:13.5px;line-height:1.9;margin-bottom:18px;max-width:520px;}
.sd-hbtns{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px;}
.sd-hbadges{display:flex;gap:8px;flex-wrap:wrap;}
.sd-hbadge{background:var(--g1);border:1px solid var(--br);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;color:var(--td);}

/* Quote card */
.sd-qcard{background:linear-gradient(135deg,var(--bd),var(--bm));border-radius:13px;padding:22px;}
.sd-qcard-t{font-family:'Fraunces',serif;font-size:15px;color:#fff;margin-bottom:3px;}
.sd-qcard-s{color:rgba(255,255,255,.65);font-size:11px;margin-bottom:14px;}
.sd-qr{margin-bottom:9px;}
.sd-qr select,.sd-qr input{width:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:8px 11px;color:#fff;font-family:Outfit,sans-serif;font-size:12px;outline:none;}
.sd-qr select option{background:var(--bd);}
.sd-pbox{background:rgba(232,55,42,.25);border-radius:7px;padding:11px;text-align:center;margin:10px 0;}
.sd-pb-l{color:rgba(255,255,255,.65);font-size:10px;}
.sd-pb-n{font-family:'Fraunces',serif;font-size:28px;color:#fff;}
.sd-pb-p{color:rgba(255,255,255,.55);font-size:9px;}
.sd-btn-hq{width:100%;background:#fff;color:var(--bd);border:none;padding:11px;border-radius:6px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;}
.sd-btn-hq:hover{background:var(--bp);}

/* Stats bar */
.sd-stats{background:var(--bd);padding:0;}
.sd-si{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;}
.sd-stat{padding:16px 8px;border-right:1px solid rgba(255,255,255,.15);}
.sd-stat:last-child{border-right:none;}
.sd-stat-n{font-family:'Fraunces',serif;font-size:22px;color:#fff;}
.sd-stat-l{color:rgba(255,255,255,.65);font-size:10.5px;margin-top:2px;}

/* Process */
.sd-process-wrap{background:var(--g1);padding:32px 0;}
.sd-process-inner{max-width:1200px;margin:0 auto;padding:0 22px;}
.sd-process{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:22px;}
.sd-process::before{content:'';position:absolute;top:21px;left:10%;right:10%;height:2px;background:linear-gradient(to right,var(--bd),var(--bb));z-index:0;}
.sd-pstep{text-align:center;position:relative;z-index:1;padding:0 5px;}
.sd-ps-n{width:42px;height:42px;background:linear-gradient(135deg,var(--bd),var(--bm));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 4px 12px rgba(26,86,167,.25);}
.sd-ps-t{font-size:11px;font-weight:700;color:var(--bd);margin-bottom:3px;}
.sd-ps-d{font-size:10px;color:var(--mu);line-height:1.6;}

/* Layout */
.sd-layout{max-width:1200px;margin:0 auto;padding:32px 22px 60px;display:grid;grid-template-columns:272px 1fr;gap:24px;}
.sd-layout > aside{order:-1}

/* Sections */
.sd-sec{margin-bottom:32px;}
.sd-sec h2{font-family:'Fraunces',serif;font-size:20px;color:var(--bd);margin-bottom:11px;padding-left:12px;border-left:4px solid var(--ac);}
.sd-sec h3{font-family:'Fraunces',serif;font-size:16px;color:var(--bd);margin-bottom:9px;margin-top:18px;}
.sd-sec p{color:var(--mu);font-size:13.5px;line-height:1.9;margin-bottom:11px;}

/* Doc tabs */
.sd-doc-cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.sd-dct{background:var(--g1);border:1.5px solid var(--br);border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:600;color:var(--mu);cursor:pointer;transition:all .2s;}
.sd-dct:hover,.sd-dct.active{background:var(--bd);color:#fff;border-color:var(--bd);}
.sd-doc-panel{display:none;}
.sd-doc-panel.active{display:block;}
.sd-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:9px;}
.sd-ditem{background:#fff;border:1px solid var(--br);border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--td);transition:all .2s;}
.sd-ditem:hover{border-color:var(--bb);background:var(--bp);}
.sd-ditem-ic{font-size:17px;flex-shrink:0;}
.sd-ditem-ck{color:var(--gn);font-weight:700;margin-left:auto;font-size:13px;}
.sd-all-docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0;}
.sd-adcat{background:#fff;border:1px solid var(--br);border-radius:11px;padding:16px;}
.sd-adcat-hd{display:flex;align-items:center;gap:8px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--br);}
.sd-adcat-ic{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.sd-adcat-nm{font-size:12.5px;font-weight:700;color:var(--bd);}
.sd-adcat ul{list-style:none;padding:0;}
.sd-adcat ul li{font-size:11.5px;color:var(--mu);padding:3px 0 3px 14px;position:relative;line-height:1.6;}
.sd-adcat ul li::before{content:'✓';position:absolute;left:0;color:var(--gn);font-size:10px;font-weight:700;}

/* Cert samples */
.sd-cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:12px 0;}
.sd-cg-item{background:linear-gradient(135deg,var(--bp),#c5d8ff);border-radius:9px;overflow:hidden;cursor:pointer;border:1px solid var(--br);transition:all .3s;}
.sd-cg-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(26,86,167,.14);}
.sd-cg-img{height:100px;display:flex;align-items:center;justify-content:center;position:relative;}
.sd-cg-wm{font-family:'Fraunces',serif;font-size:10px;color:rgba(26,86,167,.1);transform:rotate(-20deg);}
.sd-cg-b{position:absolute;top:5px;right:5px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:7px;background:rgba(26,86,167,.15);color:var(--bd);}
.sd-cg-body{padding:8px;background:#fff;}
.sd-cg-t{font-size:10.5px;font-weight:600;color:var(--bd);margin-bottom:2px;}
.sd-cg-s{font-size:9.5px;color:var(--mu);}

/* Cities section */
.sd-cities-sec{background:var(--g1);border-radius:14px;padding:22px;margin:12px 0;}
.sd-cities-sec h3{font-family:'Fraunces',serif;font-size:16px;color:var(--bd);margin-bottom:4px;}
.sd-cities-sec .sd-sub{font-size:12.5px;color:var(--mu);margin-bottom:16px;}
.sd-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px;}
.sd-city-card{background:#fff;border:1px solid var(--br);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:all .25s;text-decoration:none;color:var(--td);}
.sd-city-card:hover{border-color:var(--bb);background:var(--bp);transform:translateY(-2px);box-shadow:0 4px 14px rgba(26,86,167,.12);}
.sd-cc-icon{width:32px;height:32px;border-radius:8px;background:var(--g1);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.sd-cc-nm{font-size:12px;font-weight:700;color:var(--bd);}
.sd-cc-sub{font-size:10px;color:var(--mu);}
.sd-cc-arr{margin-left:auto;color:var(--bb);font-size:13px;opacity:0;transition:opacity .2s;}
.sd-city-card:hover .sd-cc-arr{opacity:1;}

/* Lang section */
.sd-lang-sec{background:linear-gradient(135deg,var(--bd),var(--bm));border-radius:14px;padding:22px;margin:12px 0;}
.sd-lang-sec h3{color:#fff;font-family:'Fraunces',serif;font-size:16px;margin-bottom:4px;}
.sd-lang-sec .sd-sub{color:rgba(255,255,255,.65);font-size:12.5px;margin-bottom:16px;}
.sd-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;}
.sd-lang-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s;text-decoration:none;}
.sd-lang-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-2px);}
.sd-lc-flag{font-size:20px;flex-shrink:0;}
.sd-lc-nm{font-size:11.5px;font-weight:700;color:#fff;}
.sd-lc-sub{font-size:10px;color:rgba(255,255,255,.6);}

/* Pricing */
.sd-price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0;}
.sd-pcrd{background:#fff;border:2px solid var(--br);border-radius:12px;padding:18px;text-align:center;position:relative;transition:all .3s;}
.sd-pcrd:hover,.sd-pcrd.pop{border-color:var(--bd);}
.sd-pcrd.pop{background:linear-gradient(135deg,rgba(26,86,167,.03),rgba(26,86,167,.06));}
.sd-pop-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--ac);color:#fff;font-size:9.5px;font-weight:700;padding:3px 11px;border-radius:10px;white-space:nowrap;}
.sd-pc-nm{font-size:11px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
.sd-pc-pr{font-family:'Fraunces',serif;font-size:28px;color:var(--bd);margin-bottom:2px;}
.sd-pc-per{font-size:10.5px;color:var(--mu);margin-bottom:9px;}
.sd-pc-del{background:var(--g1);border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block;margin-bottom:11px;}
.sd-pc-feats{list-style:none;padding:0;margin-bottom:13px;}
.sd-pc-feats li{font-size:11px;color:var(--mu);padding:4px 0;border-bottom:1px solid var(--br);}
.sd-pc-feats li:last-child{border-bottom:none;}
.sd-fy{color:var(--gn);font-weight:700;}
.sd-fn{color:#9ca3af;}
.sd-pc-btn{width:100%;background:var(--bd);color:#fff;border:none;padding:9px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;transition:background .2s;}
.sd-pc-btn:hover{background:var(--bm);}

/* Diff table */
.sd-diff-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:14px 0;}
.sd-diff-table th{background:var(--bd);color:#fff;padding:10px 13px;text-align:left;font-size:11px;font-weight:700;}
.sd-diff-table td{padding:9px 13px;border-bottom:1px solid var(--br);}
.sd-diff-table tr:nth-child(even) td{background:var(--g1);}

/* Why grid */
.sd-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0;}
.sd-why{background:#fff;border:1px solid var(--br);border-radius:10px;padding:16px;text-align:center;transition:all .3s;}
.sd-why:hover{box-shadow:0 5px 18px rgba(26,86,167,.1);transform:translateY(-2px);}
.sd-why-ic{font-size:28px;margin-bottom:9px;}
.sd-why h4{font-size:12.5px;color:var(--bd);margin-bottom:5px;font-family:'Fraunces',serif;}
.sd-why p{font-size:11.5px;color:var(--mu);line-height:1.7;}

/* Reviews */
.sd-rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.sd-rev{background:#fff;border:1px solid var(--br);border-radius:10px;padding:15px;}
.sd-rev-stars{color:var(--gold);font-size:13px;margin-bottom:7px;}
.sd-rev-txt{font-size:12px;color:var(--td);line-height:1.85;margin-bottom:11px;}
.sd-rev-auth{display:flex;align-items:center;gap:9px;}
.sd-rev-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bd),var(--bb));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;}
.sd-rev-nm{font-weight:700;font-size:11.5px;}
.sd-rev-rl{font-size:10.5px;color:var(--mu);}

/* FAQ */
.sd-faq{border:1px solid var(--br);border-radius:9px;margin-bottom:9px;overflow:hidden;}
.sd-faq-q{padding:13px 17px;font-size:12.5px;font-weight:600;color:var(--bd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;}
.sd-faq-q:hover,.sd-faq.open .sd-faq-q{background:var(--g1);}
.sd-faq-a{padding:0 17px 13px;font-size:12.5px;color:var(--mu);line-height:1.85;display:none;}
.sd-faq.open .sd-faq-a{display:block;}
.sd-faq-arrow{font-size:10px;transition:transform .2s;}
.sd-faq.open .sd-faq-arrow{transform:rotate(180deg);}

/* CTA bottom */
.sd-cta-b{background:linear-gradient(135deg,var(--ac),#c0291d);border-radius:12px;padding:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:32px 0 20px;}
.sd-cta-b h3{font-size:19px;color:#fff;font-family:'Fraunces',serif;}
.sd-cta-b p{color:rgba(255,255,255,.75);font-size:12.5px;margin-top:4px;}
.sd-cta-bb{display:flex;gap:9px;flex-wrap:wrap;}

/* SIDEBAR */
.sd-aside{position:sticky;top:74px;height:fit-content;}
.sd-sb-cta{background:linear-gradient(135deg,var(--bd),var(--bm));border-radius:10px;padding:16px;text-align:center;margin-bottom:13px;}
.sd-sb-cta h4{color:#fff;font-size:13px;margin-bottom:4px;font-family:'Fraunces',serif;}
.sd-sb-cta p{color:rgba(255,255,255,.75);font-size:11px;margin-bottom:11px;}
.sd-sb-cta-btn{background:#fff;color:var(--bd);width:100%;padding:9px;border-radius:6px;font-weight:700;font-size:12px;margin-bottom:7px;display:block;text-align:center;cursor:pointer;text-decoration:none;}
.sd-sb-cta-wa{background:#25d366;color:#fff;width:100%;padding:9px;border-radius:6px;font-weight:700;font-size:12px;display:block;text-align:center;cursor:pointer;text-decoration:none;transition:background .2s;}
.sd-sb-cta-wa:hover{background:#1da851;}
.sd-sbcard{background:#fff;border:1px solid var(--br);border-radius:11px;overflow:hidden;margin-bottom:13px;}
.sd-sbcard-t{background:var(--bd);color:#fff;padding:10px 15px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
.sd-sbcard-b{padding:8px 12px;}
.sd-sblink{display:flex;align-items:center;gap:8px;color:var(--mu);font-size:12px;padding:6px 0;border-bottom:1px solid var(--br);transition:all .2s;cursor:pointer;}
.sd-sblink:last-child{border-bottom:none;}
.sd-sblink:hover{color:var(--bb);padding-left:4px;}
.sd-sblink .sd-arr{margin-left:auto;font-size:10px;opacity:.5;}
.sd-sb-city-item{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--br);font-size:11.5px;color:var(--mu);transition:all .2s;cursor:pointer;}
.sd-sb-city-item:last-child{border-bottom:none;}
.sd-sb-city-item:hover{color:var(--bb);padding-left:4px;}
.sd-sb-city-item .nm{flex:1;}
.sd-sb-city-item .arr{font-size:10px;opacity:.5;}
.sd-checklist{list-style:none;padding:0;}
.sd-checklist li{font-size:12px;color:var(--mu);padding:5px 0;border-bottom:1px solid var(--br);display:flex;align-items:flex-start;gap:7px;line-height:1.6;}
.sd-checklist li:last-child{border-bottom:none;}
.sd-checklist li::before{content:'✓';color:var(--gn);font-weight:700;flex-shrink:0;margin-top:1px;}
.sd-trust{background:#fff;border:1px solid var(--br);border-radius:11px;padding:14px;text-align:center;margin-bottom:13px;}

/* Breadcrumb */
.sd-bc{background:var(--g1);border-bottom:1px solid var(--br);padding:9px 0;}
.sd-bci{max-width:1200px;margin:0 auto;padding:0 22px;font-size:11.5px;color:var(--mu);display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.sd-bci span{cursor:pointer;color:var(--bb);}
.sd-bci .cur{color:var(--tm);font-weight:600;cursor:default;}

/* Responsive */
@media(max-width:960px){
  .sd-hi{grid-template-columns:1fr;}
  .sd-layout{grid-template-columns:1fr;}
  .sd-
  .sd-si{grid-template-columns:repeat(3,1fr);}
  .sd-price-cards{grid-template-columns:1fr 1fr;}
  .sd-cert-grid{grid-template-columns:repeat(2,1fr);}
  .sd-why-grid{grid-template-columns:repeat(2,1fr);}
  .sd-all-docs-grid{grid-template-columns:repeat(2,1fr);}
  .sd-rev-grid{grid-template-columns:1fr;}
  .sd-city-grid{grid-template-columns:repeat(2,1fr);}
  .sd-lang-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:600px){
  .sd-price-cards{grid-template-columns:1fr;}
  .sd-cert-grid{grid-template-columns:1fr 1fr;}
  .sd-all-docs-grid{grid-template-columns:1fr;}
  .sd-si{grid-template-columns:repeat(3,1fr);}
  .sd-why-grid{grid-template-columns:1fr 1fr;}
  .sd-lang-grid{grid-template-columns:repeat(2,1fr);}
}


/* ── Language page quote card (blue variant of sd-qcard) ── */
.ld-qcard{background:linear-gradient(135deg,var(--bb),var(--bm));border-radius:13px;padding:22px;}
.ld-qcard-t{font-family:'Fraunces',serif;font-size:15px;color:#fff;margin-bottom:3px;}
.ld-qcard-s{color:rgba(255,255,255,.65);font-size:11px;margin-bottom:14px;}
.ld-qr{margin-bottom:9px;}
.ld-qr select,.ld-qr input{width:100%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:8px 11px;color:#fff;font-family:Outfit,sans-serif;font-size:12px;outline:none;}
.ld-qr select option{background:var(--bm);}
.ld-pbox{background:rgba(255,255,255,.15);border-radius:7px;padding:11px;text-align:center;margin:10px 0;border:1px solid rgba(255,255,255,.2);}
.ld-pb-l{color:rgba(255,255,255,.7);font-size:10px;}
.ld-pb-n{font-family:'Fraunces',serif;font-size:28px;color:#fff;}
.ld-pb-p{color:rgba(255,255,255,.55);font-size:9px;}
.ld-btn-hq{width:100%;background:#fff;color:var(--bm);border:none;padding:11px;border-radius:6px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;margin-bottom:8px;transition:all .2s;}
.ld-btn-hq:hover{background:var(--bp);color:var(--bd);}
.ld-btn-wa{width:100%;background:#25d366;color:#fff;border:none;padding:9px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;display:block;text-align:center;text-decoration:none;transition:background .2s;}
.ld-btn-wa:hover{background:#1da851;}
.ld-trust{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.ld-trust span{background:rgba(255,255,255,.15);color:rgba(255,255,255,.85);font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;}

/* Interpreter section (language page) */
.ld-interp{background:#fff;border:1.5px solid var(--br);border-radius:14px;padding:26px;margin-bottom:28px;}
.ld-interp h2{font-family:'Fraunces',serif;font-size:20px;color:var(--bd);margin-bottom:12px;padding-left:12px;border-left:4px solid var(--bb);}
.ld-interp p{color:var(--mu);font-size:13.5px;line-height:1.9;margin-bottom:10px;}
.ld-interp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:16px 0;}
.ld-ig-item{background:var(--bp);border-radius:10px;padding:14px;}
.ld-ig-icon{font-size:20px;margin-bottom:6px;}
.ld-ig-title{font-size:12.5px;font-weight:800;color:var(--bd);margin-bottom:4px;}
.ld-ig-desc{font-size:11.5px;color:var(--mu);line-height:1.6;}
.ld-interp-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
@media(max-width:640px){.ld-interp-grid{grid-template-columns:1fr 1fr;}}

.sd-sblink{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;color:var(--td);font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--br);}
.sd-sblink:last-child{border-bottom:none;}
.sd-sblink:hover{background:var(--bp);color:var(--bd);}
.sd-sblink span{flex:1;}
.sb-arr{color:var(--bb);font-size:14px;font-weight:700;flex-shrink:0;}

/* City capsule pills on language pages */
.city-capsule{display:inline-flex;align-items:center;gap:5px;background:var(--bp);border:1.5px solid rgba(13,92,99,.12);border-radius:30px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--bd);cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;}
.city-capsule:hover{background:var(--bd);color:#fff;border-color:var(--bd);transform:translateY(-1px);box-shadow:0 3px 10px rgba(13,92,99,.18);}

.sb-cta-hdr{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.9);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15);}

.main-layout{max-width:1220px;margin:0 auto;padding:40px 22px 60px;display:grid;grid-template-columns:292px 1fr;gap:28px;}
.main-layout > aside{order:-1}
.main-layout-x{align-items:start;}
.main-layout>div{min-width:0;}
.main-layout>aside,.sidebar{min-width:0;position:sticky;top:74px;align-self:start;}
@media(max-width:1000px){.main-layout{grid-template-columns:1fr!important;}.main-layout>aside,.sidebar{position:static!important;}}

.lang-capsule{display:inline-flex;align-items:center;gap:5px;background:var(--bp);border:1.5px solid rgba(13,92,99,.12);border-radius:30px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--bd);cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;}
.lang-capsule:hover{background:var(--bd);color:#fff;border-color:var(--bd);transform:translateY(-1px);box-shadow:0 3px 10px rgba(13,92,99,.18);}


/* ─── Admin extra CSS ─── */
.adm-wrap{display:flex;height:100vh;overflow:hidden}
.adm-sb{width:220px;background:var(--bd);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s}
.adm-sb.coll{width:52px}
.adm-logo{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}
.adm-logo-icon{width:30px;height:30px;border-radius:50%;background:var(--bb);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.adm-logo-text{font-family:'Fraunces',serif;font-weight:700;font-size:13px;color:#fff;white-space:nowrap}
.adm-logo-sub{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.4px}
.adm-nav-area{flex:1;padding:8px;overflow-y:auto}
.adm-nl{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.65);cursor:pointer;transition:all .15s;margin-bottom:1px;border:none;background:none;width:100%;text-align:left;font-family:'Outfit',sans-serif;white-space:nowrap}
.adm-nl:hover,.adm-nl.act{background:rgba(255,255,255,.12);color:#fff}
.adm-nl .icon{font-size:16px;flex-shrink:0}
.adm-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}
.adm-hd{background:#fff;border-bottom:1px solid var(--br);padding:0 20px;height:54px;display:flex;align-items:center;gap:12px;flex-shrink:0}
.adm-hd-title{font-weight:700;font-size:14px;color:#4b5563;flex:1}
.adm-av{width:32px;height:32px;border-radius:50%;background:var(--bd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.adm-cnt{flex:1;overflow-y:auto;padding:20px}
/* stat cards */
.stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.stat-box{border-radius:12px;border:1.5px solid;padding:14px}
.stat-box-n{font-size:22px;font-weight:800;font-family:'Fraunces',serif}
.stat-box-l{font-size:11px;font-weight:700;margin-top:2px;opacity:.8}
.stat-box-s{font-size:10px;margin-top:2px;opacity:.6}
/* admin tables */
.atbl-wrap{background:#fff;border:1.5px solid var(--br);border-radius:14px;overflow:hidden}
.atbl-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--br)}
.atbl-search{flex:1;border:1.5px solid var(--br);border-radius:8px;padding:8px 12px;font-size:13px;font-family:'Outfit',sans-serif;outline:none}
.atbl-search:focus{border-color:var(--bb)}
.atbl-sel{border:1.5px solid var(--br);border-radius:8px;padding:8px 12px;font-size:13px;font-family:'Outfit',sans-serif;outline:none}
.atbl{width:100%;border-collapse:collapse;font-size:13px}
.atbl th{text-align:left;padding:9px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:var(--g1);white-space:nowrap}
.atbl td{padding:9px 12px;border-bottom:1px solid var(--br);color:#374151;white-space:nowrap}
.atbl tr:hover td{background:var(--g1)}
.sbadge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;display:inline-block}
.sb-new{background:#dbeafe;color:#1d4ed8}
.sb-qs{background:#fef3c7;color:#b45309}
.sb-won{background:#d1fae5;color:#065f46}
.sb-lost{background:#fee2e2;color:#b91c1c}
.sb-ps{background:#ede9fe;color:#5b21b6}
.sb-ip{background:#fef9c3;color:#854d0e}
.sb-done{background:#ccfbf1;color:#0f766e}
.sb-paid{background:#dbeafe;color:#1e40af}
.lead-row-adm{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px}
.lead-row-adm:hover{background:var(--g1)}
.lead-av{width:30px;height:30px;border-radius:50%;background:var(--g1);color:var(--bd);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
/* reports */
.rpt-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.rpt-kpi-c{background:#fff;border:1.5px solid var(--br);border-radius:12px;padding:16px}
.rpt-kpi-n{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--bd)}
.rpt-kpi-l{font-size:12px;color:var(--mu);margin-top:4px}
@media(max-width:900px){.stat-row{grid-template-columns:repeat(3,1fr)}.adm-sb{width:52px}.adm-logo-text,.adm-logo-sub,.adm-nl span{display:none}.adm-nl{justify-content:center}}


/* ═══ Quick-form overflow fix: long Interpreter Type options must not break layout ═══ */
.hqq{min-width:0}
.hqq select,.hqq input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis}
.hqq .hqq-row.two{min-width:0}
.hqq .hqq-row.two > div{min-width:0;overflow:hidden}
#page-quote .qrow select,#page-quote .qrow input{max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis}
#page-quote .qrow-2 > div{min-width:0}

.logo-img{height:60px!important;width:auto;max-width:290px;object-fit:contain;image-rendering:-webkit-optimize-contrast}
@media(max-width:1220px){.logo-img{height:54px!important;max-width:260px}}
@media(max-width:900px){.logo-img{height:52px!important;max-width:250px}}
@media(max-width:560px){.logo-img{height:48px!important;max-width:230px}}
@media(max-width:400px){.logo-img{height:44px!important;max-width:210px}}
/* header accommodates bigger logo on small screens */
@media(max-width:900px){header .hdr-in, .site-header, header{min-height:64px}}


/* ═══ Join Us page refinements ═══ */
#page-join .form-card{max-width:860px!important;width:100%;margin:0 auto}
#page-join .btn-submit{background:#e2603f!important;color:#fff!important;border:none!important;box-shadow:0 6px 18px rgba(232,55,42,.3)}
#page-join .btn-submit:hover{background:#c0271c!important;transform:translateY(-1px)}

/* ═══ SIDEBAR POLISH: uniform typography, title case, active state ═══ */
.sd-sbcard-t,.sb-card-title{text-transform:none!important;font-family:'Outfit',sans-serif!important;font-size:13px!important;font-weight:800!important;letter-spacing:.2px!important;background:linear-gradient(135deg,#0d5c63,#24589e)!important;color:#fff!important;padding:11px 15px!important}
.sd-sblink,.sd-sb-city-item{font-family:'Outfit',sans-serif!important;font-size:12.5px!important;font-weight:600!important;color:#374151!important;padding:8px 6px!important;display:flex!important;align-items:center;gap:7px;border-bottom:1px solid #f1f5f9;cursor:pointer;line-height:1.45;transition:all .15s;text-decoration:none}
.sd-sblink span,.sd-sb-city-item .nm{font-weight:600!important;font-size:12.5px!important;color:#374151!important;flex:1}
.sd-sblink:hover,.sd-sb-city-item:hover{background:#f6faff;color:#0d5c63!important;padding-left:10px!important}
.sd-sblink:hover span,.sd-sb-city-item:hover .nm{color:#0d5c63!important}
.sd-sblink .sb-arr,.sd-sblink .sd-arr,.sd-sb-city-item .arr{color:#9ca3af;font-weight:400;margin-left:auto}
.sd-sblink:last-child,.sd-sb-city-item:last-child{border-bottom:none}
.sd-sblink.sd-active,.sd-sb-city-item.sd-active{background:#e3f5f2!important;border-left:3px solid #14a098;padding-left:9px!important}
.sd-sblink.sd-active span,.sd-sb-city-item.sd-active .nm{color:#0d5c63!important;font-weight:800!important}
.sb-viewall{display:block;text-align:center;padding:9px;margin-top:4px;font-size:12px;font-weight:800;color:#14a098;cursor:pointer;border-top:1.5px dashed #dbe4f0;font-family:'Outfit',sans-serif}
.sb-viewall:hover{background:#f6faff}

/* ═══ Sidebar links: ALWAYS single line (ellipsis, never wrap) ═══ */
.sd-sblink,.sd-sb-city-item{white-space:nowrap!important;overflow:hidden!important}
.sd-sblink span:not(.sb-arr):not(.sd-arr),.sd-sb-city-item .nm{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0}
.sd-sbcard-t,.sb-card-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

header .mob-menu-btn,header .hamburger{color:#fff!important}


/* ── next block ── */



body > header ~ .topbar{display:none!important}
.page .topbar{display:none!important}
.page .breadcrumb{margin-top:0!important}
#quoteSection .qbd .fg{display:block!important;grid-template-columns:none!important;max-width:none!important;width:auto!important;margin:0 0 14px!important;padding:0!important;gap:0!important}
#quoteSection .qbd .frow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;max-width:none!important;width:auto!important;margin:0 0 14px!important;padding:0!important}
#quoteSection .qbd .fi{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:13px 15px!important;font-size:14px!important;background:#fff!important;box-sizing:border-box!important}
#quoteSection .qbd .chkg{max-width:none!important;width:auto!important;padding:0!important}
@media(max-width:640px){#quoteSection .qbd .frow{grid-template-columns:1fr!important}}
/* Keep only ONE blue line under header (remove stray inner-nav border) */
header nav{border-bottom:none!important}
/* FAQ answers must reveal on click (class/display mismatch in merged CSS) */
.faqi.open .faqa,.faqi.op .faqa,.faq-item.open .faq-a,.faq.open .faq-a{display:block!important;max-height:1200px!important}
/* Dropdowns: remove hover gap so links stay clickable */
header .nav-item .dropdown,header .nav-item .mega-dropdown{top:100%!important}
/* Remove stray left indent inside dropdown links */
header .dropdown>a{margin-left:0!important}
/* Home: flush section bands + a hairline divider so adjacent same-colour sections stay separated (even gaps) */
#page-home .sec{margin-bottom:0!important}
#page-home .sec + .sec{border-top:1px solid var(--br)}
#page-home .stats + .sec,#page-home .tk + .sec{border-top:1px solid var(--br)}
/* Keep a clear divider line between the sticky header and the main content */
#page-home header,#page-home + header,header{border-bottom:3px solid var(--bb)!important}
/* ── Hero Quick-Quote card (matches React reference) ── */
#page-home .hero h1 em{display:inline!important}
.hqq{background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.4);padding:22px;max-width:400px;margin-left:auto;width:100%}
.hqq-title{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--bd);margin-bottom:14px}
.hqq-row{margin-bottom:11px}
.hqq-row.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.hqq label{display:block;font-size:11px;font-weight:700;color:var(--mu);margin-bottom:4px}
.hqq select,.hqq input{width:100%;padding:9px 11px;border:1.5px solid var(--br);border-radius:8px;font-size:13px;font-family:Outfit,sans-serif;color:var(--td);background:#fff;outline:none;transition:border .15s}
.hqq select:focus,.hqq input:focus{border-color:var(--bm)}
.hqq-calc{background:var(--g1);border-radius:10px;padding:13px 15px;margin:14px 0 12px}
.hqq-line{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mu);margin-bottom:5px}
.hqq-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--br);padding-top:9px;margin-top:7px;font-weight:800;font-size:18px;color:var(--ac)}
.hqq-btn{display:block;width:100%;text-align:center;background:var(--ac);color:#fff;border:none;padding:12px;border-radius:9px;font-size:14px;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s}
.hqq-btn:hover{background:#c0291e;transform:translateY(-1px)}
@media(max-width:1024px){.hqq{max-width:none;margin-top:24px}}



/* ── next block ── */



.lang-input{width:100%;padding:9px 11px;border:1.5px solid var(--br);border-radius:7px;font-size:12.5px;font-family:Outfit,sans-serif;color:var(--td);background:#fff;outline:none;box-sizing:border-box;}
.lang-input:focus{border-color:var(--bb);}
/* Document upload control (Get Quote) */
.gq-upload{display:flex;align-items:center;gap:12px;border:2px dashed var(--br);border-radius:10px;padding:16px;cursor:pointer;background:var(--g1,#f8fafc);transition:all .18s;}
.gq-upload:hover,.gq-upload.drag{border-color:var(--bb);background:var(--bp);}
.gq-upload-ic{font-size:24px;flex-shrink:0;}
.gq-upload-txt{font-size:12.5px;color:var(--tm);line-height:1.5;}
.gq-upload-txt small{color:var(--mu);font-size:11px;}
.gq-file-list{display:flex;flex-direction:column;gap:6px;margin-top:9px;}
.gq-file-chip{display:flex;align-items:center;gap:9px;background:var(--bp);border:1px solid var(--br);border-radius:8px;padding:8px 11px;font-size:12.5px;}
.gq-file-ic{flex-shrink:0;}
.gq-file-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--td);font-weight:600;}
.gq-file-sz{color:var(--mu);font-size:11px;flex-shrink:0;}
.gq-file-rm{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;font-weight:800;flex-shrink:0;}



/* ── next block ── */



.langpop{position:absolute;z-index:99999;background:#fff;border:1px solid var(--br,#e2e8f0);border-radius:9px;box-shadow:0 14px 40px rgba(8,76,74,.20);max-height:250px;overflow-y:auto;width:240px;display:none;padding:5px;}
.langpop.open{display:block;}
.langpop-item{padding:8px 11px;font-size:13px;color:#1a202c;border-radius:6px;cursor:pointer;font-family:Outfit,sans-serif;white-space:nowrap;}
.langpop-item:hover,.langpop-item.active{background:var(--bp,#e3f5f2);color:var(--bd,#0d5c63);}
.langpop-empty{padding:10px;font-size:12.5px;color:#64748b;text-align:center;}



/* ── next block ── */

@keyframes lgOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* ══════════════════════════════════════════
   SUPPLEMENTAL — classes introduced by the PHP rebuild
   (real-URL nav/footer/breadcrumb wiring)
   ══════════════════════════════════════════ */
.mob-logo{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--bd)}
.mob-logo span{color:var(--bb)}
.mob-cta{background:var(--bd)!important;color:#fff!important;font-weight:900;border-radius:6px;margin-top:8px}
.mob-viewall{color:var(--bb)!important;font-weight:800!important}
.dd-viewall{background:var(--bp);color:var(--bd);font-weight:800;text-align:center;border-top:1px solid var(--br);margin-top:4px;display:block;padding:8px}
.dd-cat-hd{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:var(--bd);padding:4px 10px 7px;border-bottom:1px solid var(--br);margin-bottom:4px}
.dd-panel-hd{padding:7px 12px 5px;background:var(--bp);border-bottom:1px solid var(--br);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--bd)}
.f-logo-row{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-family:'Fraunces',serif}
.f-logo-ic{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f08a24,#e2603f);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.f-logo-nm{font-size:19px;font-weight:900;color:#fff}
.fc-viewall{cursor:pointer;color:var(--bb);font-weight:700;margin-top:6px;display:block}
.it-logo-text{display:inline-flex;align-items:center;gap:9px;font-family:'Fraunces',serif}
.logo-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f08a24,#e2603f);display:inline-flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 3px 10px rgba(240,138,36,.4)}
.logo-nm{display:block;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.3px}
.logo-tag{display:block;font-size:9.5px;font-weight:700;color:#bfe8e2;letter-spacing:2px;font-family:'Outfit',sans-serif}
/* breadcrumb built by it_breadcrumbs(); a is a real link, no JS required */
.bc{background:var(--g1);padding:10px 20px;border-bottom:1px solid var(--br);font-size:12.5px}
.bc-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.bc-in a{color:var(--bb);font-weight:700}
.bc-in a:hover{text-decoration:underline}
.bc-sep{color:var(--mu);font-size:11px}
.bc-cur{color:var(--mu)}
/* generic tag list used on combo pages */
.rel-links{display:flex;flex-direction:column;gap:2px}
.rel-links a.sb-link{display:flex;align-items:center;justify-content:space-between;gap:8px}
/* admin panel minimal chrome (kept separate from public assets/css so it stays light) */
.adm-flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;font-weight:600}
.adm-flash.ok{background:#dcfce7;color:#0f9d6b}
.adm-flash.err{background:#fee2e2;color:#c0281e}
.tick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;list-style:none;padding:0}
.tick-grid li{font-size:13.5px;color:var(--tm);font-weight:600}
/* ══════════════════════════════════════════
   FIX — .sd-hero sections also carry the generic .hero class (for
   .hero-inner/.hero-btns/.hero-trust layout), but that means rules like
   ".hero p" (tag+class, specificity 0,1,1) out-rank single-class rules
   like ".sd-hero-sub" (0,1,0) no matter where they sit in the file.
   These overrides use an extra class so they always win legitimately,
   no !important needed.
   ══════════════════════════════════════════ */
.sd-hero .sd-hero-sub{color:var(--mu)}
.sd-hero .btn-outline-w{color:var(--bb);border-color:rgba(26,86,167,.35)}
.sd-hero .btn-outline-w:hover{background:rgba(26,86,167,.08);border-color:var(--bb)}