/*
 * SHRI DATA ENTRY SERVICES — style.css v400
 * Loads AFTER the inline <style> block → wins all conflicts
 * Fonts: Manrope (headings) · Plus Jakarta Sans (body)
 * Text: justify + text-align-last:left | Headings: left-aligned
 * Consistent left/right margins via single .container token
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ─── TOKENS ─────────────────────────────────────── */
:root{
  --fh:'Manrope',sans-serif;
  --fb:'Plus Jakarta Sans',sans-serif;
  --bg:#F4F7FF;
  --bg2:#E8EEFF;
  --surf:#FFFFFF;
  --surf2:#EEF2FF;
  --bdr:#D5DCF0;
  --t1:#0B1736;
  --t2:#374369;
  --t3:#6B7DA0;
  --blue:#1E50D4;
  --blue2:#EBF0FF;
  --orange:#E85B0A;
  --orange2:#C44A06;
  --gold:#D97706;
  --s1:0 2px 10px rgba(11,23,54,.07);
  --s2:0 8px 32px rgba(11,23,54,.11);
  --s3:0 20px 60px rgba(11,23,54,.15);
  --r:12px;
  --cw:1180px;
  --px:clamp(16px,3.5vw,40px);
}
[data-theme=dark]{
  --bg:#060D1A;
  --bg2:#0B1424;
  --surf:#0F1C30;
  --surf2:#152338;
  --bdr:rgba(255,255,255,.08);
  --t1:#DCE8FF;
  --t2:#7A98C5;
  --t3:#3D5570;
  --blue:#5B8BFF;
  --blue2:rgba(91,139,255,.11);
  --orange:#FF6B35;
  --orange2:#E05020;
  --gold:#FBB024;
  --s1:0 2px 10px rgba(0,0,0,.30);
  --s2:0 8px 32px rgba(0,0,0,.42);
  --s3:0 20px 60px rgba(0,0,0,.55);
}

/* ─── RESET ──────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--fb) !important;
  font-size:15px !important;
  color:var(--t2) !important;
  background:var(--bg) !important;
  line-height:1.75 !important;
  -webkit-font-smoothing:antialiased;
}

/* ─── TYPOGRAPHY ─────────────────────────────────── */
h1,h2,h3,h4,h5,h6{
  font-family:var(--fh) !important;
  color:var(--t1) !important;
  text-align:left !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
/* Sizes — noticeably smaller than the defaults */
h1{font-size:clamp(1.6rem,3.2vw,2.4rem) !important; letter-spacing:-.025em !important; line-height:1.1 !important;}
h2{font-size:clamp(1.25rem,2.4vw,1.8rem) !important; letter-spacing:-.02em !important;}
h3{font-size:clamp(1rem,1.6vw,1.15rem) !important; letter-spacing:-.01em !important;}
h4{font-size:.95rem !important; font-weight:700 !important;}

/* ALL normal paragraphs: justify + left last-line */
p{
  font-family:var(--fb) !important;
  color:var(--t2) !important;
  line-height:1.85 !important;
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none;padding:0;margin:0}
button{cursor:pointer;border:0;background:0;font:inherit;color:inherit}
input,textarea,select{font:inherit}

/* ─── LAYOUT ─────────────────────────────────────── */
.container{
  width:100% !important;
  max-width:var(--cw) !important;
  margin-inline:auto !important;
  padding-inline:var(--px) !important;
}
.section{padding:80px 0;background:var(--bg)}
.section-light{background:var(--bg2)}
.section-dark{
  background:linear-gradient(150deg,#050D1E 0%,#091B45 55%,#0D2878 100%);
  position:relative;overflow:hidden;
}
.section-dark::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 65% at 88% 12%,rgba(91,139,255,.08),transparent 55%);
  pointer-events:none;
}

/* ─── SECTION HEADER ─────────────────────────────── */
.section-header{
  max-width:100% !important;
  width:100% !important;
  margin:0 0 44px !important;
  text-align:left !important;
}
.section-header h1,
.section-header h2,
.section-header h3{text-align:left !important; margin-bottom:14px}
.section-header .eyebrow,.eyebrow{
  font-family:var(--fb) !important;
  font-size:.72rem !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:var(--orange) !important;
  display:inline-block !important;
  margin-bottom:10px !important;
}
.section-header p{
  font-size:15px !important;
  color:var(--t2) !important;
  line-height:1.85 !important;
  text-align:justify !important;
  text-align-last:left !important;
  max-width:100% !important;
}
.section-dark .section-header h2{color:#fff !important}
.section-dark .section-header p{color:rgba(200,220,255,.68) !important}
.section-dark .section-header .eyebrow{color:var(--gold) !important}

/* ─── SKIP LINK ──────────────────────────────────── */
.skip-link{position:absolute;top:-80px;left:var(--px);z-index:999;padding:9px 16px;border-radius:8px;background:var(--orange);color:#fff;font-weight:700}
.skip-link:focus{top:14px}

/* ─── TOP BAR ────────────────────────────────────── */
.top-bar{background:var(--t1) !important;color:rgba(255,255,255,.48) !important;font-size:.78rem !important;padding:8px 0 !important}
[data-theme=dark] .top-bar{background:#020710 !important}
.top-bar-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ─── HEADER ─────────────────────────────────────── */
.site-header{
  position:sticky !important;top:0 !important;z-index:50 !important;
  background:color-mix(in srgb,var(--bg) 88%,transparent) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  border-bottom:1px solid var(--bdr) !important;
  transition:background .3s,border-color .3s;
}
.header-inner{
  display:flex !important;align-items:center !important;
  gap:10px !important;min-height:66px !important;
  justify-content:space-between !important;
}

/* Logo */
.logo{display:inline-flex !important;align-items:center !important;gap:10px !important;flex-shrink:0 !important}
.logo-mark{
  width:40px !important;height:40px !important;border-radius:10px !important;flex-shrink:0 !important;
  background:linear-gradient(135deg,var(--blue),#1038A8) !important;
  color:#fff !important;display:grid !important;place-items:center !important;
  font-family:var(--fh) !important;font-size:13px !important;font-weight:800 !important;
  box-shadow:0 4px 14px rgba(30,80,212,.30) !important;
}
.logo-text strong{
  font-family:var(--fh) !important;font-size:15px !important;font-weight:800 !important;
  color:var(--t1) !important;display:block !important;line-height:1.1 !important;
  white-space:nowrap !important;letter-spacing:-.01em !important;
  text-align:left !important;
}
.logo-text small{
  font-family:var(--fb) !important;font-size:.68rem !important;font-weight:600 !important;
  color:var(--t3) !important;text-transform:uppercase !important;
  letter-spacing:.1em !important;white-space:nowrap !important;
}

/* ─── NAV — clean flat style, no pill border-radius ─ */
.main-nav ul{display:flex !important;align-items:center !important;gap:1px !important}
.main-nav li{position:relative !important}
.main-nav > ul > li > a,
.main-nav > ul > li > .nav-dropdown-trigger,
.main-nav > ul > li > button.nav-dropdown-trigger{
  display:inline-flex !important;align-items:center !important;gap:3px !important;
  padding:7px 11px !important;
  border-radius:6px !important;
  font-family:var(--fb) !important;font-size:.84rem !important;font-weight:600 !important;
  color:var(--t2) !important;white-space:nowrap !important;
  background:transparent !important;border:0 !important;cursor:pointer !important;
  transition:color .14s,background .14s !important;
  position:relative !important;
}
.main-nav > ul > li > a::after,
.main-nav > ul > li > .nav-dropdown-trigger::after{
  content:'';position:absolute;bottom:2px;left:11px;right:11px;height:2px;
  background:var(--blue);border-radius:2px;opacity:0;transition:opacity .14s;
}
.main-nav > ul > li > a:hover,
.main-nav > ul > li > .nav-dropdown-trigger:hover,
.main-nav > ul > li.active > a,
.main-nav > ul > li.active > .nav-dropdown-trigger{
  color:var(--blue) !important;background:var(--blue2) !important;
}
.main-nav > ul > li > a:hover::after,
.main-nav > ul > li.active > a::after{opacity:1}

/* Dropdowns */
.dropdown{
  position:absolute !important;top:calc(100% + 8px) !important;left:0 !important;z-index:99 !important;
  background:var(--surf) !important;border:1px solid var(--bdr) !important;
  border-radius:14px !important;box-shadow:var(--s3) !important;
  opacity:0 !important;visibility:hidden !important;
  transform:translateY(6px) !important;transition:.17s ease !important;
}
.has-dropdown:hover .dropdown,
.has-dropdown.open .dropdown{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important}

/* Services dropdown */
.service-category-list{display:grid !important;grid-template-columns:1fr !important;gap:0 !important;padding:6px 0 !important;min-width:230px !important;max-height:500px !important;overflow-y:auto !important}
.service-category-item{position:relative !important}
.service-category-link{
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  padding:10px 14px !important;border-radius:7px !important;
  background:transparent !important;border:0 !important;
  font-family:var(--fb) !important;font-size:.88rem !important;font-weight:600 !important;
  color:var(--t2) !important;cursor:pointer !important;
  transition:background .13s,color .13s !important;
  border-bottom:1px solid var(--bdr) !important;
  border-radius:0 !important;
}
.service-category-link:hover{background:var(--blue2) !important;color:var(--blue) !important;border-bottom-color:var(--bdr) !important}
.service-category-item:last-child .service-category-link{border-bottom:0 !important}
.service-category-link b{font-size:.75rem;color:var(--t3);font-weight:400;flex-shrink:0;margin-left:8px}
.service-category-link:hover b{color:var(--blue)}
.service-submenu{
  display:none;position:absolute;left:calc(100% + 4px);top:0;z-index:10;
  background:var(--surf);border:1px solid var(--bdr);border-radius:10px;
  box-shadow:var(--s3);padding:6px 0;min-width:230px;
}
.service-category-item:hover .service-submenu{display:block}
.service-submenu h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--t3);padding:8px 16px 6px;font-weight:700;font-family:var(--fb);border-bottom:1px solid var(--bdr);margin-bottom:4px}
.service-submenu a{display:block;padding:9px 16px;font-family:var(--fb);font-size:.88rem;font-weight:500;color:var(--t2);border-radius:0;transition:background .12s,color .12s;border-bottom:1px solid var(--bdr)}
.service-submenu a:hover{background:var(--blue2);color:var(--blue)}.service-submenu a:last-child{border-bottom:0}

/* Industries dropdown */
.industry-menu{padding:10px !important;min-width:240px !important;max-height:420px !important;overflow-y:auto !important}
.industry-menu a{
  display:block !important;padding:8px 11px !important;border-radius:7px !important;
  font-family:var(--fb) !important;font-size:.84rem !important;font-weight:600 !important;
  color:var(--t2) !important;transition:.12s !important;
}
.industry-menu a:hover{background:var(--blue2) !important;color:var(--blue) !important}

/* Dark toggle */
.dark-toggle{
  width:38px !important;height:38px !important;border-radius:8px !important;
  border:1.5px solid var(--bdr) !important;background:var(--surf) !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex-shrink:0 !important;font-size:1rem !important;
  transition:border-color .14s,background .14s !important;
}
.dark-toggle:hover{border-color:var(--blue) !important;background:var(--blue2) !important}
.dti::before{content:"☀️"}
[data-theme=dark] .dti::before{content:"🌙"}

/* Header CTA */
.header-cta,.btn-cta{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:var(--orange) !important;color:#fff !important;
  border-radius:8px !important;padding:9px 18px !important;
  font-family:var(--fb) !important;font-size:.84rem !important;font-weight:700 !important;
  white-space:nowrap !important;letter-spacing:.01em !important;
  box-shadow:0 4px 14px rgba(232,91,10,.28) !important;
  transition:background .14s,transform .1s !important;
}
.header-cta:hover,.btn-cta:hover{background:var(--orange2) !important;transform:translateY(-1px) !important}

/* Mobile toggle */
.menu-toggle{
  display:none !important;width:40px !important;height:40px !important;
  border-radius:8px !important;border:1.5px solid var(--bdr) !important;
  background:var(--surf) !important;flex-direction:column !important;
  align-items:center !important;justify-content:center !important;gap:5px !important;padding:10px !important;
}
.menu-toggle span{background:var(--t1) !important;border-radius:2px !important}

/* ─── BUTTONS ─────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;font-family:var(--fb);font-weight:700;border-radius:8px;padding:11px 22px;font-size:.9rem;transition:.15s}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(232,91,10,.26)}
.btn-orange:hover{background:var(--orange2);transform:translateY(-1px)}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(30,80,212,.26)}
.btn-blue:hover{opacity:.88;transform:translateY(-1px)}
.btn-white{background:var(--surf);color:var(--t1);border:1.5px solid var(--bdr)}
.btn-white:hover{border-color:var(--blue);color:var(--blue)}
.text-link{color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:4px;font-size:.88rem;transition:gap .14s}
.text-link:hover{gap:9px}
.badge{display:inline-flex;align-items:center;background:rgba(232,91,10,.08);color:var(--orange);border:1px solid rgba(232,91,10,.18);border-radius:6px;padding:4px 9px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* ─── HERO ────────────────────────────────────────── */
.hero{padding:88px 0 72px;background:var(--bg);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-25%;right:-8%;width:640px;height:640px;background:radial-gradient(circle,rgba(30,80,212,.055),transparent 60%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px}
.hero h1{color:var(--t1) !important;text-align:left !important}
.hero p{font-size:1.02rem;margin-top:18px;text-align:justify !important;text-align-last:left !important}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.country-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.country-tags span{display:inline-flex;background:var(--surf);border:1.5px solid var(--bdr);color:var(--t1);border-radius:999px;padding:5px 13px;font-size:.78rem;font-weight:700;box-shadow:var(--s1);transition:border-color .14s,color .14s}
.country-tags span:hover{border-color:var(--blue);color:var(--blue)}
.hero-card{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:22px;box-shadow:var(--s3)}
.hero-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-proof-row span{display:inline-flex;align-items:center;gap:6px;background:var(--surf);border:1px solid var(--bdr);border-radius:7px;padding:5px 12px;font-size:.78rem;font-weight:700;color:var(--t1)}
/* dark hero proof row */
.page-hero .hero-proof-row span,.service-hero-v24 .hero-proof-row span,.inner-hero .hero-proof-row span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.90)}

/* Dashboard widget */
.dashboard{background:var(--t1);border-radius:14px;padding:18px}
[data-theme=dark] .dashboard{background:#020710;border:1px solid rgba(255,255,255,.07)}
.dashboard-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.3);font-size:.72rem;font-weight:700}
.dot-row{display:flex;gap:5px}
.dot-row span{width:9px;height:9px;border-radius:50%;background:var(--gold)}
.dot-row span:nth-child(2){background:var(--blue)}
.dot-row span:nth-child(3){background:#22c55e}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.dash-box{border-radius:10px;background:rgba(255,255,255,.07);padding:13px}
.dash-box strong{display:block;color:rgba(255,255,255,.6);font-size:.7rem;font-weight:700;margin-bottom:7px}
.fake-line{height:6px;border-radius:99px;background:rgba(255,255,255,.12);margin-top:5px}
.dashboard-stat{margin-top:12px;border-radius:12px;padding:16px;background:linear-gradient(135deg,var(--blue),var(--orange2))}
.dashboard-stat strong{display:block;font-family:var(--fh);font-size:2.2rem;font-weight:800;color:#fff;line-height:1}
.dashboard-stat span{font-size:.8rem;color:rgba(255,255,255,.72);font-weight:600}

/* ─── STATS ───────────────────────────────────────── */
.stats-strip{background:var(--surf);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:28px 0}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.stat-card{background:var(--surf2);border:1.5px solid var(--bdr);border-radius:12px;padding:22px 14px;text-align:center;transition:border-color .2s,box-shadow .2s}
.stat-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,80,212,.07)}
.stat-card strong{display:block;font-family:var(--fh) !important;font-weight:800 !important;font-size:clamp(1.6rem,3vw,2.4rem) !important;letter-spacing:-.03em !important;line-height:1 !important;color:var(--blue) !important;text-align:center !important}
.stat-card span{display:block;margin-top:6px;font-size:.8rem;font-weight:600;color:var(--t3);text-align:center !important}

/* ─── CARDS ───────────────────────────────────────── */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.case-card,.price-card,.portfolio-card{background:var(--surf);border:1.5px solid var(--bdr);border-radius:12px;padding:26px;box-shadow:var(--s1);position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--blue),var(--orange));border-radius:12px 0 0 12px;opacity:0;transition:opacity .2s}
.card:hover{border-color:var(--blue);box-shadow:var(--s2);transform:translateY(-3px)}
.card:hover::before{opacity:1}
.icon-box{width:46px;height:46px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-size:1.1rem;font-weight:900;border:1.5px solid rgba(30,80,212,.14)}
.card h3{color:var(--t1) !important;text-align:left !important;margin:12px 0 9px !important}
.card p{font-size:.9rem !important;text-align:justify !important;text-align-last:left !important;color:var(--t2) !important}

/* ─── WORKFLOW CARDS ──────────────────────────────── */
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.workflow-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:26px;transition:background .2s,border-color .2s}
.workflow-card:hover{background:rgba(255,255,255,.09);border-color:rgba(91,139,255,.30)}
.workflow-number{width:44px;height:44px;border-radius:10px;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:var(--fh);font-size:1rem;font-weight:800;box-shadow:0 4px 12px rgba(232,91,10,.35)}
.workflow-card h3{color:var(--gold) !important;text-align:left !important;margin:12px 0 9px !important}
.workflow-card p{color:rgba(210,228,255,.75) !important;text-align:justify !important;text-align-last:left !important}

/* ─── INDUSTRY CARDS ──────────────────────────────── */
.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.industry-card,.industry-box{background:var(--surf);border:1.5px solid var(--bdr);border-radius:10px;padding:16px 12px;text-align:center;font-family:var(--fh) !important;font-size:.8rem !important;font-weight:700 !important;color:var(--t1) !important;min-height:90px;display:grid;place-items:center;transition:border-color .2s,color .2s}
.industry-card:hover,.industry-box:hover{border-color:var(--orange);color:var(--orange)}
.industry-card span{display:block;color:var(--orange);font-size:1.2rem;margin-bottom:5px}
.industry-card h3{font-size:.8rem !important;font-weight:700 !important;margin:0 !important;text-align:center !important}

/* ─── PAGE HERO ───────────────────────────────────── */
.page-hero,.service-hero-v24,.inner-hero{
  background:linear-gradient(148deg,#050D1D 0%,#091840 55%,#0C2470 100%) !important;
  padding:72px 0 60px !important;position:relative !important;overflow:hidden !important;
}
.page-hero::before,.service-hero-v24::before,.inner-hero::before{content:'';position:absolute;top:-25%;right:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(232,91,10,.07),transparent 60%);pointer-events:none}
.page-hero::after,.service-hero-v24::after,.inner-hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:40px;background:var(--bg);clip-path:ellipse(56% 100% at 50% 100%)}
.page-hero h1,.service-hero-v24 h1,.service-hero-v24 h2,.inner-hero h1,.inner-hero h2{color:#fff !important;text-align:left !important}
.page-hero p,.service-hero-v24 p,.inner-hero p{color:rgba(205,225,255,.78) !important;text-align:justify !important;text-align-last:left !important}
.page-hero .eyebrow,.service-hero-v24 .eyebrow,.inner-hero .eyebrow{color:var(--gold) !important}

/* ─── TWO-COL / SIDE PANEL ────────────────────────── */
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start}
.side-panel{background:var(--surf);border:1.5px solid var(--bdr);border-radius:12px;padding:26px}
.check-list{display:grid;gap:9px}
.check-list li{background:var(--surf2);border:1.5px solid var(--bdr);border-radius:9px;padding:10px 14px;font-size:.88rem;font-weight:600;color:var(--t1) !important;display:flex;align-items:center;gap:9px;transition:border-color .14s}
.check-list li:hover{border-color:var(--orange)}
.check-list li::before{content:"✓";color:var(--orange);font-weight:900;flex-shrink:0}
.two-col p,.side-panel p{text-align:justify !important;text-align-last:left !important}

/* ─── FAQ ITEMS ───────────────────────────────────── */
.faq-hover-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.faq-item,.faq-hover-item,.hover-faq-item{background:var(--surf);border:1.5px solid var(--bdr);border-radius:12px;padding:22px;transition:border-color .2s,box-shadow .2s}
.faq-item:hover,.faq-hover-item:hover,.hover-faq-item:hover{border-color:var(--blue);box-shadow:var(--s2)}
.faq-item h3,.faq-hover-item h3,.hover-faq-item h3{color:var(--t1) !important;font-size:1rem !important;text-align:left !important;margin-bottom:9px !important}
.faq-item p,.faq-hover-item p,.hover-faq-item p{color:var(--t2) !important;font-size:.88rem !important;text-align:justify !important;text-align-last:left !important}

/* ─── CONTACT ─────────────────────────────────────── */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
.contact-panel{background:linear-gradient(148deg,#050D1D,#091840);border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.07)}
.contact-panel h2{color:#fff !important;text-align:left !important}
.contact-panel p{color:rgba(200,222,255,.70) !important;text-align:justify !important;text-align-last:left !important}
.form-card{background:var(--surf);border:1.5px solid var(--bdr);border-radius:12px;padding:28px;box-shadow:var(--s3)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
input,textarea,select{width:100%;background:var(--bg);border:1.5px solid var(--bdr);border-radius:9px;padding:11px 14px;color:var(--t1);outline:none;transition:border-color .14s,box-shadow .14s}
input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,80,212,.08)}
textarea{min-height:130px;resize:vertical}

/* ─── MISC ────────────────────────────────────────── */
.static-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-grid,.price-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.compact-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.about-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.focus-block,.process-card,.process-wrap-card,.sector-fit-card{background:var(--surf);border:1.5px solid var(--bdr);border-radius:12px;padding:22px;transition:border-color .2s}
.focus-block:hover,.process-card:hover{border-color:var(--orange)}
.focus-block h3,.process-card h3,.process-wrap-card h3,.sector-fit-card h3{color:var(--t1) !important;font-size:.95rem !important;text-align:left !important;margin-bottom:9px !important}
.focus-block p,.process-card p,.process-wrap-card p,.sector-fit-card p{text-align:justify !important;text-align-last:left !important;color:var(--t2) !important}

/* ─── FOOTER CTA ──────────────────────────────────── */
.footer-cta{background:linear-gradient(148deg,#050D1D 0%,#091840 55%,#0C2470 100%);padding:60px 0;position:relative;overflow:hidden}
.footer-cta::before{content:'';position:absolute;bottom:-35%;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(232,91,10,.08),transparent 60%);pointer-events:none}
.footer-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
.footer-cta h2{color:#fff !important;text-align:left !important;margin-bottom:10px !important}
.footer-cta p{color:rgba(200,222,255,.70) !important;font-size:.95rem !important;text-align:justify !important;text-align-last:left !important}
.footer-cta .eyebrow{color:var(--gold) !important}

/* ─── FOOTER ──────────────────────────────────────── */
.site-footer{background:var(--surf) !important;border-top:1px solid var(--bdr) !important}
.footer-two-column{display:grid;grid-template-columns:1.1fr 2fr;gap:40px;padding:52px 0}

/* Footer right: 4 columns (Core | Geography | Industries col1 | Industries col2) */
.footer-right-links{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

.footer-logo .logo-mark{width:36px;height:36px;font-size:.82rem}
.footer-company-text{font-size:.88rem;color:var(--t3) !important;line-height:1.82;margin-top:14px;text-align:justify !important;text-align-last:left !important}

/* ── Footer Contact Box — high contrast, fully readable ── */
.footer-contact-box{
  margin-top:16px;padding:16px 18px;border-radius:10px;
  background:var(--surf2) !important;
  border:1.5px solid var(--bdr) !important;
}
.footer-contact-box h3{
  font-family:var(--fh) !important;font-size:.8rem !important;font-weight:800 !important;
  color:var(--t1) !important;text-align:left !important;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;
}
.contact-list{display:grid;gap:0}
.contact-list li{
  padding:9px 0;
  border-bottom:1px solid var(--bdr);
  font-family:var(--fb) !important;font-size:.84rem !important;
  color:var(--t1) !important;   /* ← solid readable dark color */
  font-weight:500 !important;
}
.contact-list li:last-child{border-bottom:0}
.contact-list a{
  color:var(--blue) !important;font-weight:600 !important;
  word-break:break-all;
  transition:color .14s;
}
.contact-list a:hover{color:var(--orange) !important}

.footer-stacked-section h3{
  font-family:var(--fh) !important;font-size:.7rem !important;font-weight:800 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  color:var(--t1) !important;text-align:left !important;margin-bottom:14px !important;
}
.footer-stacked-section ul{display:grid;gap:5px}
.footer-stacked-section a{font-family:var(--fb) !important;font-size:.84rem !important;font-weight:500 !important;color:var(--t3) !important;transition:color .14s !important}
.footer-stacked-section a:hover{color:var(--orange) !important}

.footer-bottom{border-top:1px solid var(--bdr);padding:16px 0;background:var(--bg)}
.footer-bottom-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-bottom p,.footer-bottom a{font-size:.8rem;color:var(--t3)}
.footer-bottom a{margin-left:16px}
.footer-bottom a:hover{color:var(--blue)}

/* ─── BACK TO TOP ─────────────────────────────────── */
.back-to-top{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border-radius:10px;background:var(--blue);color:#fff;display:none;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 14px rgba(30,80,212,.35);z-index:99;transition:background .14s,transform .14s}
.back-to-top.show{display:flex}
.back-to-top:hover{background:#1338A8;transform:translateY(-2px)}

/* ─── DARK MODE ───────────────────────────────────── */
[data-theme=dark] .stats-strip{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] .stat-card{background:var(--surf2) !important;border-color:var(--bdr) !important}
[data-theme=dark] .card,[data-theme=dark] .case-card,[data-theme=dark] .price-card{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] .card h3{color:var(--gold) !important}
[data-theme=dark] .card p{color:var(--t2) !important}
[data-theme=dark] .faq-item,[data-theme=dark] .faq-hover-item,[data-theme=dark] .hover-faq-item{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] .faq-item h3,[data-theme=dark] .faq-hover-item h3{color:var(--gold) !important}
[data-theme=dark] .faq-item p,[data-theme=dark] .faq-hover-item p{color:var(--t2) !important}
[data-theme=dark] .industry-card,[data-theme=dark] .industry-box{background:var(--surf) !important;border-color:var(--bdr) !important;color:var(--t2) !important}
[data-theme=dark] .check-list li{background:var(--surf2) !important;border-color:var(--bdr) !important;color:var(--t1) !important}
[data-theme=dark] .side-panel,[data-theme=dark] .form-card{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] .focus-block,[data-theme=dark] .process-card,[data-theme=dark] .process-wrap-card{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] .focus-block h3,[data-theme=dark] .process-card h3{color:var(--gold) !important}
[data-theme=dark] .footer-contact-box{background:var(--surf2) !important;border-color:var(--bdr) !important}
[data-theme=dark] .contact-list li{color:var(--t1) !important}
[data-theme=dark] .contact-list a{color:var(--blue) !important}
[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg) !important;border-color:var(--bdr) !important;color:var(--t1) !important}
[data-theme=dark] .site-footer{background:var(--surf) !important}
[data-theme=dark] .footer-bottom{background:var(--bg) !important}
[data-theme=dark] .footer-contact-box h3{color:var(--t1) !important}
[data-theme=dark] .service-category-link{background:var(--surf2) !important;border-color:var(--bdr) !important;color:var(--t1) !important}
[data-theme=dark] .service-submenu{background:var(--surf) !important;border-color:var(--bdr) !important}
[data-theme=dark] ::-webkit-scrollbar{width:7px;background:#060D1A}
[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1A2E48;border-radius:99px}

/* Smooth theme transitions */
body,.site-header,.card,.faq-item,.faq-hover-item,.stat-card,.industry-card,
.side-panel,.form-card,.site-footer,.stats-strip,input,textarea,.dropdown{
  transition:background-color .25s ease,border-color .25s ease,color .25s ease
}

/* ─── RESPONSIVE ──────────────────────────────────── */
@media(max-width:1060px){
  .menu-toggle{display:flex !important}
  .header-cta{display:none !important}
  .main-nav{position:fixed !important;top:70px !important;left:12px !important;right:12px !important;display:none !important;z-index:98 !important;max-height:calc(100vh - 84px) !important;overflow-y:auto !important;border-radius:12px !important;border:1px solid var(--bdr) !important;background:var(--surf) !important;box-shadow:var(--s3) !important;padding:10px !important}
  .main-nav.open{display:block !important}
  .main-nav ul{display:block !important}
  .main-nav li{margin-bottom:2px}
  .main-nav > ul > li > a,.nav-dropdown-trigger{width:100% !important;justify-content:space-between !important;padding:10px 13px !important}
  .dropdown{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;border:0 !important;box-shadow:none !important;background:var(--bg2) !important;display:none;border-radius:10px !important;margin:3px 0 6px !important}
  .has-dropdown.open .dropdown{display:block !important}
  .service-category-list{grid-template-columns:1fr !important;min-width:unset !important}
  .service-submenu{position:static !important;display:block !important;box-shadow:none !important;border:0 !important;background:0 !important;padding:3px 0 3px 12px !important}
  .industry-menu{max-height:none !important}
  .hero-grid,.two-col,.contact-layout{grid-template-columns:1fr !important}
  .card-grid,.workflow-grid,.case-grid,.price-grid,.portfolio-grid,.faq-hover-list{grid-template-columns:repeat(2,1fr) !important}
  .industry-grid{grid-template-columns:repeat(3,1fr) !important}
  .footer-cta-inner{flex-direction:column !important}
  .footer-right-links{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:660px){
  .stats-grid{grid-template-columns:repeat(2,1fr) !important}
  .card-grid,.workflow-grid,.case-grid,.price-grid,.portfolio-grid,.industry-grid,.form-grid,.static-service-grid,.faq-hover-list,.compact-mega-grid{grid-template-columns:1fr !important}
  .footer-two-column,.footer-right-links{grid-template-columns:1fr !important}
  .footer-bottom-inner{flex-direction:column !important}
  .hero{padding:60px 0 50px !important}
  .section{padding:64px 0 !important}
}


/* =========================================================
   FINAL SERVICES MENU STYLE - TWO LEVEL HOVER MENU
   Matches old shridataentryservices.com style shown in screenshot.
   ========================================================= */

.main-nav li.has-dropdown {
  position: relative !important;
}

.main-nav > ul > li > .nav-dropdown-trigger,
.main-nav > ul > li > a {
  cursor: pointer !important;
}

/* Main Services dropdown panel */
.main-nav .services-hover-menu,
.services-hover-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-top: 3px solid #2c0059 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.main-nav .service-dropdown-parent:hover > .services-hover-menu,
.main-nav .service-dropdown-parent:focus-within > .services-hover-menu,
.main-nav .service-dropdown-parent.open > .services-hover-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Left category list */
.services-hover-menu .service-category-list {
  display: block !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: #ffffff !important;
  max-height: none !important;
  overflow: visible !important;
}

.services-hover-menu .service-category-item {
  position: relative !important;
  display: block !important;
  width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

.services-hover-menu .service-category-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 220px !important;
  min-height: 34px !important;
  padding: 8px 16px 8px 20px !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: default !important;
}

.services-hover-menu .service-category-link span {
  display: block !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.services-hover-menu .service-category-link b {
  display: inline-block !important;
  margin-left: 12px !important;
  color: #2c0059 !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.services-hover-menu .service-category-item:hover > .service-category-link,
.services-hover-menu .service-category-item:focus-within > .service-category-link {
  background: #f6f6f6 !important;
  color: #2c0059 !important;
}

/* Right submenu */
.services-hover-menu .service-submenu {
  display: none !important;
  position: absolute !important;
  top: -3px !important;
  left: 100% !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-top: 3px solid #2c0059 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
  z-index: 10000 !important;
  overflow: visible !important;
}

.services-hover-menu .service-category-item:hover > .service-submenu,
.services-hover-menu .service-category-item:focus-within > .service-submenu,
.services-hover-menu .service-category-item.open > .service-submenu {
  display: block !important;
}

.services-hover-menu .service-submenu h4 {
  display: none !important;
}

.services-hover-menu .service-submenu a {
  display: block !important;
  width: 220px !important;
  padding: 8px 16px 8px 20px !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: left !important;
}

.services-hover-menu .service-submenu a:hover,
.services-hover-menu .service-submenu a:focus {
  background: #f6f6f6 !important;
  color: #2c0059 !important;
}

/* Make hover stable when moving from left list to submenu */
.services-hover-menu .service-category-item::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -8px !important;
  width: 8px !important;
  height: 100% !important;
  background: transparent !important;
}

/* Mobile: keep it simple and stacked */
@media (max-width: 900px) {
  .main-nav .services-hover-menu,
  .services-hover-menu {
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-top: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: none !important;
  }

  .main-nav .service-dropdown-parent.open > .services-hover-menu {
    display: block !important;
  }

  .services-hover-menu .service-category-list,
  .services-hover-menu .service-category-item,
  .services-hover-menu .service-category-link,
  .services-hover-menu .service-submenu,
  .services-hover-menu .service-submenu a {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .services-hover-menu .service-submenu {
    position: static !important;
    display: block !important;
    border-top: 0 !important;
    box-shadow: none !important;
    padding-left: 14px !important;
  }

  .services-hover-menu .service-category-link,
  .services-hover-menu .service-submenu a {
    font-size: 15px !important;
    padding: 9px 14px !important;
  }
}
/* ==================================================
   SERVICES MENU - TWO LEVEL THEME STYLE
   First 4 down, middle 2 center, last 4 up
   ================================================== */

.main-menu,
.nav-menu,
.header-menu {
  position: relative;
}

/* Main services parent */
.menu-services,
.services-menu-parent {
  position: relative;
}

/* First dropdown panel */
.menu-services > .dropdown-menu,
.services-menu-parent > .services-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  background: #ffffff;
  border-top: 3px solid #0b4aa2;
  box-shadow: 0 18px 40px rgba(8, 34, 78, 0.16);
  padding: 8px 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  z-index: 9999;
}

.menu-services:hover > .dropdown-menu,
.services-menu-parent:hover > .services-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Category row */
.menu-services .dropdown-menu > li,
.services-dropdown > li {
  position: relative;
  list-style: none;
  margin: 0;
}

/* Category link */
.menu-services .dropdown-menu > li > a,
.services-dropdown > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 18px;
  color: #07162c !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  background: #ffffff;
  border-left: 3px solid transparent;
  white-space: nowrap;
}

/* Arrow */
.menu-services .dropdown-menu > li > a::after,
.services-dropdown > li > a::after {
  content: "›";
  font-size: 18px;
  line-height: 1;
  color: #0b4aa2;
}

/* Category hover */
.menu-services .dropdown-menu > li:hover > a,
.services-dropdown > li:hover > a {
  background: #f1f7ff;
  color: #0b4aa2 !important;
  border-left-color: #ff8400;
}

/* Second level submenu */
.menu-services .dropdown-menu > li > ul,
.services-dropdown > li > ul {
  position: absolute;
  left: 100%;
  width: 270px;
  background: #ffffff;
  border-top: 3px solid #0b4aa2;
  box-shadow: 0 18px 40px rgba(8, 34, 78, 0.16);
  padding: 8px 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
}

/* Show second level */
.menu-services .dropdown-menu > li:hover > ul,
.services-dropdown > li:hover > ul {
  opacity: 1;
  visibility: visible;
}

/* First 4 categories open downward */
.menu-services .dropdown-menu > li:nth-child(1) > ul,
.menu-services .dropdown-menu > li:nth-child(2) > ul,
.menu-services .dropdown-menu > li:nth-child(3) > ul,
.menu-services .dropdown-menu > li:nth-child(4) > ul,
.services-dropdown > li:nth-child(1) > ul,
.services-dropdown > li:nth-child(2) > ul,
.services-dropdown > li:nth-child(3) > ul,
.services-dropdown > li:nth-child(4) > ul {
  top: 0;
  bottom: auto;
}

/* Middle 2 categories open in the middle */
.menu-services .dropdown-menu > li:nth-child(5) > ul,
.menu-services .dropdown-menu > li:nth-child(6) > ul,
.services-dropdown > li:nth-child(5) > ul,
.services-dropdown > li:nth-child(6) > ul {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

/* Last 4 categories open upward */
.menu-services .dropdown-menu > li:nth-child(n+7) > ul,
.services-dropdown > li:nth-child(n+7) > ul {
  top: auto;
  bottom: 0;
}

/* Submenu links */
.menu-services .dropdown-menu > li > ul > li,
.services-dropdown > li > ul > li {
  list-style: none;
  margin: 0;
}

.menu-services .dropdown-menu > li > ul > li > a,
.services-dropdown > li > ul > li > a {
  display: block;
  padding: 10px 18px;
  color: #07162c !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  background: #ffffff;
  white-space: normal;
}

.menu-services .dropdown-menu > li > ul > li > a:hover,
.services-dropdown > li > ul > li > a:hover {
  background: #f1f7ff;
  color: #ff8400 !important;
}

/* Remove unwanted portfolio dropdown issue */
.menu-item:not(.menu-services):not(.services-menu-parent) > .dropdown-menu,
.nav-item:not(.menu-services):not(.services-menu-parent) > .dropdown-menu {
  display: none;
}

/* Mobile */
@media (max-width: 991px) {
  .menu-services > .dropdown-menu,
  .services-menu-parent > .services-dropdown,
  .menu-services .dropdown-menu > li > ul,
  .services-dropdown > li > ul {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-top: none;
  }

  .menu-services .dropdown-menu > li > ul,
  .services-dropdown > li > ul {
    display: none;
    padding-left: 15px;
  }

  .menu-services .dropdown-menu > li:hover > ul,
  .services-dropdown > li:hover > ul {
    display: block;
  }
}

/* ==========================================================
   MENU ONLY PATCH - Services 2-level hover menu + theme toggle
   This patch does not touch page alignment, sections, cards or dark mode.
   ========================================================== */

.header-inner .dark-toggle {
    flex: 0 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid var(--slate-200) !important;
    background: #ffffff !important;
    display: inline-grid !important;
    place-items: center !important;
    cursor: pointer !important;
    color: var(--blue-900) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}
.header-inner .dark-toggle:hover {
    background: var(--blue-50) !important;
    border-color: var(--blue-100) !important;
}
.header-inner .dti::before { content: "☀️" !important; font-size: 18px !important; line-height: 1 !important; }
[data-theme=dark] .header-inner .dark-toggle {
    background: var(--surf2) !important;
    border-color: var(--bdr) !important;
    color: var(--gold) !important;
}
[data-theme=dark] .header-inner .dti::before { content: "🌙" !important; }

.main-nav li.service-dropdown-parent { position: relative !important; }
.main-nav li.service-dropdown-parent > .services-hover-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    width: 300px !important;
    padding: 8px 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--slate-100) !important;
    border-top: 3px solid var(--blue-900) !important;
    box-shadow: 0 18px 40px rgba(8, 34, 78, 0.16) !important;
    overflow: visible !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    z-index: 99999 !important;
}
.main-nav li.service-dropdown-parent:hover > .services-hover-menu,
.main-nav li.service-dropdown-parent:focus-within > .services-hover-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.services-hover-menu .service-category-list {
    display: block !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.services-hover-menu .service-category-item {
    display: block !important;
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.services-hover-menu .service-category-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 18px !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    border-left: 3px solid transparent !important;
    color: var(--slate-800) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.services-hover-menu .service-category-link b {
    color: var(--blue-900) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}
.services-hover-menu .service-category-item:hover > .service-category-link,
.services-hover-menu .service-category-item:focus-within > .service-category-link {
    background: var(--blue-50) !important;
    color: var(--blue-900) !important;
    border-left-color: var(--orange) !important;
}
.services-hover-menu .service-submenu {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    width: 300px !important;
    max-height: min(520px, calc(100vh - 150px)) !important;
    overflow-y: auto !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--slate-100) !important;
    border-top: 3px solid var(--blue-900) !important;
    box-shadow: 0 18px 40px rgba(8, 34, 78, 0.16) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(8px) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    z-index: 100000 !important;
}
.services-hover-menu .service-category-item:hover > .service-submenu,
.services-hover-menu .service-category-item:focus-within > .service-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}
.services-hover-menu .service-submenu h4 {
    display: none !important;
}
.services-hover-menu .service-submenu a {
    display: block !important;
    padding: 10px 18px !important;
    border-radius: 0 !important;
    color: var(--slate-800) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    background: #ffffff !important;
    white-space: normal !important;
}
.services-hover-menu .service-submenu a:hover {
    background: var(--blue-50) !important;
    color: var(--orange) !important;
}

/* First 4 service groups open downward */
.services-hover-menu .service-category-item:nth-child(-n+4) > .service-submenu {
    top: 0 !important;
    bottom: auto !important;
    transform: translateX(8px) !important;
}
.services-hover-menu .service-category-item:nth-child(-n+4):hover > .service-submenu,
.services-hover-menu .service-category-item:nth-child(-n+4):focus-within > .service-submenu {
    transform: translateX(0) !important;
}

/* Middle 2 service groups open centered */
.services-hover-menu .service-category-item:nth-child(5) > .service-submenu,
.services-hover-menu .service-category-item:nth-child(6) > .service-submenu {
    top: 50% !important;
    bottom: auto !important;
    transform: translate(8px, -50%) !important;
}
.services-hover-menu .service-category-item:nth-child(5):hover > .service-submenu,
.services-hover-menu .service-category-item:nth-child(6):hover > .service-submenu,
.services-hover-menu .service-category-item:nth-child(5):focus-within > .service-submenu,
.services-hover-menu .service-category-item:nth-child(6):focus-within > .service-submenu {
    transform: translate(0, -50%) !important;
}

/* Last service groups open upward */
.services-hover-menu .service-category-item:nth-child(n+7) > .service-submenu {
    top: auto !important;
    bottom: 0 !important;
    transform: translateX(8px) !important;
}
.services-hover-menu .service-category-item:nth-child(n+7):hover > .service-submenu,
.services-hover-menu .service-category-item:nth-child(n+7):focus-within > .service-submenu {
    transform: translateX(0) !important;
}

[data-theme=dark] .main-nav li.service-dropdown-parent > .services-hover-menu,
[data-theme=dark] .services-hover-menu .service-submenu {
    background: var(--surf) !important;
    border-color: var(--bdr) !important;
    border-top-color: var(--gold) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .45) !important;
}
[data-theme=dark] .services-hover-menu .service-category-link,
[data-theme=dark] .services-hover-menu .service-submenu a {
    background: var(--surf) !important;
    color: var(--t1) !important;
}
[data-theme=dark] .services-hover-menu .service-category-item:hover > .service-category-link,
[data-theme=dark] .services-hover-menu .service-submenu a:hover {
    background: var(--surf2) !important;
    color: var(--gold) !important;
}
[data-theme=dark] .services-hover-menu .service-category-link b { color: var(--gold) !important; }

@media (max-width: 1050px) {
    .main-nav li.service-dropdown-parent > .services-hover-menu {
        position: static !important;
        width: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: var(--blue-50) !important;
        display: none !important;
        padding: 10px !important;
    }
    .main-nav li.service-dropdown-parent.open > .services-hover-menu {
        display: block !important;
    }
    .services-hover-menu .service-category-link {
        border-left: 0 !important;
        border-radius: 12px !important;
        margin-bottom: 5px !important;
    }
    .services-hover-menu .service-submenu,
    .services-hover-menu .service-category-item:nth-child(5) > .service-submenu,
    .services-hover-menu .service-category-item:nth-child(6) > .service-submenu,
    .services-hover-menu .service-category-item:nth-child(n+7) > .service-submenu {
        position: static !important;
        width: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        display: none !important;
        box-shadow: none !important;
        border: 0 !important;
        padding: 6px 0 12px 16px !important;
        background: transparent !important;
    }
    .services-hover-menu .service-category-item.open > .service-submenu,
    .services-hover-menu .service-category-item:hover > .service-submenu,
    .services-hover-menu .service-category-item:focus-within > .service-submenu {
        display: block !important;
        transform: none !important;
    }
}
/* ==================================================
   FOOTER SOCIAL ICON SIZE + 4 PER ROW
   ================================================== */

.footer-product-social-icons,
.footer-follow-icons,
.footer-social-inline,
.footer-social-icons {
    display: grid !important;
    grid-template-columns: repeat(4, 46px) !important;
    gap: 14px 16px !important;
    align-items: center !important;
    justify-content: start !important;
    margin-top: 14px !important;
}

.footer-product-social-icons a,
.footer-follow-icons a,
.footer-social-inline a,
.footer-social-icons a {
    width: 46px !important;
    height: 46px !important;
    border-radius: 13px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.footer-product-social-icons a:hover,
.footer-follow-icons a:hover,
.footer-social-inline a:hover,
.footer-social-icons a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18) !important;
}

/* Keep exact brand colors */
.social-youtube { background: #ff0000 !important; }
.social-facebook { background: #1877f2 !important; }
.social-whatsapp { background: #25d366 !important; }
.social-instagram { background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4) !important; }
.social-tiktok { background: #111111 !important; }
.social-pinterest { background: #e60023 !important; }
.social-reddit { background: #ff4500 !important; }
.social-x { background: #000000 !important; }
/* ==================================================
   GLOBAL STATS STRIP ALIGNMENT FIX
   Applies to 5000+, 90%, 16+, 45+, 50+ section on all pages
   ================================================== */

.stats-strip,
.trust-stats,
.stats-section,
.project-stats-section {
    width: 100% !important;
    padding: 28px 0 !important;
    margin: 0 !important;
    background: #f4f8ff !important;
    border-top: 1px solid #dbe7fb !important;
    border-bottom: 1px solid #dbe7fb !important;
}

.stats-strip .container,
.trust-stats .container,
.stats-section .container,
.project-stats-section .container {
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 0 auto !important;
}

.stats-grid,
.trust-stats-grid,
.project-stats-grid,
.stats-row {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.stat-card,
.trust-stat-card,
.project-stat-card,
.stats-card,
.stats-grid > div,
.trust-stats-grid > div,
.project-stats-grid > div,
.stats-row > div {
    min-height: 76px !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
    border: 1px solid #cddbf4 !important;
    background: #eef4ff !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    box-shadow: none !important;
}

.stat-card strong,
.trust-stat-card strong,
.project-stat-card strong,
.stats-card strong,
.stats-grid > div strong,
.trust-stats-grid > div strong,
.project-stats-grid > div strong,
.stats-row > div strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #2454e8 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
}

.stat-card span,
.trust-stat-card span,
.project-stat-card span,
.stats-card span,
.stats-grid > div span,
.trust-stats-grid > div span,
.project-stats-grid > div span,
.stats-row > div span {
    display: block !important;
    margin: 0 !important;
    color: #334155 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

/* Dark mode support */
[data-theme="dark"] .stats-strip,
[data-theme="dark"] .trust-stats,
[data-theme="dark"] .stats-section,
[data-theme="dark"] .project-stats-section,
body.dark-mode .stats-strip,
body.dark-mode .trust-stats,
body.dark-mode .stats-section,
body.dark-mode .project-stats-section {
    background: #101d31 !important;
    border-color: rgba(255,255,255,0.10) !important;
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .trust-stat-card,
[data-theme="dark"] .project-stat-card,
[data-theme="dark"] .stats-card,
[data-theme="dark"] .stats-grid > div,
[data-theme="dark"] .trust-stats-grid > div,
[data-theme="dark"] .project-stats-grid > div,
[data-theme="dark"] .stats-row > div,
body.dark-mode .stat-card,
body.dark-mode .trust-stat-card,
body.dark-mode .project-stat-card,
body.dark-mode .stats-card,
body.dark-mode .stats-grid > div,
body.dark-mode .trust-stats-grid > div,
body.dark-mode .project-stats-grid > div,
body.dark-mode .stats-row > div {
    background: #132641 !important;
    border-color: rgba(255,255,255,0.12) !important;
}

[data-theme="dark"] .stat-card span,
[data-theme="dark"] .trust-stat-card span,
[data-theme="dark"] .project-stat-card span,
[data-theme="dark"] .stats-card span,
body.dark-mode .stat-card span,
body.dark-mode .trust-stat-card span,
body.dark-mode .project-stat-card span,
body.dark-mode .stats-card span {
    color: #cfe0ff !important;
}

/* Responsive */
@media (max-width: 900px) {
    .stats-grid,
    .trust-stats-grid,
    .project-stats-grid,
    .stats-row {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 520px) {
    .stats-grid,
    .trust-stats-grid,
    .project-stats-grid,
    .stats-row {
        grid-template-columns: 1fr !important;
    }
}
/* ==================================================
   GLOBAL SECTION SPACING - MORE COMPACT VERSION
   Reduces space between sections more strongly
   ================================================== */

/* All normal sections */
.section,
section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

/* Inner page hero sections */
.page-hero,
.inner-hero,
.service-hero,
.industry-hero {
    padding-top: 42px !important;
    padding-bottom: 36px !important;
}

/* Homepage hero */
.home-page .hero,
.hero {
    padding-top: 48px !important;
    padding-bottom: 42px !important;
}

/* Section heading area */
.section-header {
    margin-bottom: 20px !important;
}

/* Reduce heading bottom gaps */
.section-header h2,
.section h2,
section h2,
h2.section-title {
    margin-bottom: 10px !important;
}

/* Reduce paragraph intro gaps */
.section-header p,
.section-description,
.lead {
    margin-bottom: 18px !important;
}

/* Reduce top margins inside common sections */
.card-grid,
.workflow-grid,
.case-grid,
.price-grid,
.portfolio-grid,
.industry-grid,
.service-grid,
.static-service-grid,
.hover-faq-grid,
.focus-block-grid,
.sector-fit-grid,
.process-grid,
.steps-grid {
    gap: 16px !important;
    margin-top: 18px !important;
}

/* Reduce stats section */
.stats-strip,
.trust-stats,
.stats-section,
.project-stats-section {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Reduce card internal spacing slightly */
.card,
.case-card,
.price-card,
.portfolio-card,
.service-card,
.industry-card,
.workflow-card,
.process-card,
.static-service-card,
.faq-hover-item,
.focus-block,
.benefit-card,
.feature-card {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Reduce footer CTA and footer spacing */
.footer-cta {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.footer-grid {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

/* Contact page compact spacing */
.contact-final-page .contact-final-hero,
.sdes-contact-v2 .sdes-contact-hero {
    padding-top: 44px !important;
    padding-bottom: 26px !important;
}

.contact-final-page .contact-final-section,
.sdes-contact-v2 .sdes-contact-section {
    padding-top: 20px !important;
    padding-bottom: 48px !important;
}

/* Mobile */
@media (max-width: 700px) {
    .section,
    section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .page-hero,
    .inner-hero,
    .service-hero,
    .industry-hero,
    .hero {
        padding-top: 36px !important;
        padding-bottom: 32px !important;
    }

    .section-header {
        margin-bottom: 18px !important;
    }
}
/* ==================================================
   NORMAL MODE SECTION BACKGROUND ALTERNATION
   Light section, darker section, light section, darker section
   Does not affect dark mode
   ================================================== */

/* Normal mode only */
html:not([data-theme="dark"]) body:not(.dark-mode) main section,
html:not([data-theme="dark"]) body:not(.dark-mode) .page-wrapper section,
html:not([data-theme="dark"]) body:not(.dark-mode) .site-main section {
    background-color: #f5f9ff !important;
}

/* Every second section darker */
html:not([data-theme="dark"]) body:not(.dark-mode) main section:nth-of-type(even),
html:not([data-theme="dark"]) body:not(.dark-mode) .page-wrapper section:nth-of-type(even),
html:not([data-theme="dark"]) body:not(.dark-mode) .site-main section:nth-of-type(even) {
    background-color: #e6f0ff !important;
}

/* Every odd section lighter */
html:not([data-theme="dark"]) body:not(.dark-mode) main section:nth-of-type(odd),
html:not([data-theme="dark"]) body:not(.dark-mode) .page-wrapper section:nth-of-type(odd),
html:not([data-theme="dark"]) body:not(.dark-mode) .site-main section:nth-of-type(odd) {
    background-color: #f5f9ff !important;
}

/* Do not change CTA/footer areas */
html:not([data-theme="dark"]) body:not(.dark-mode) .footer-cta,
html:not([data-theme="dark"]) body:not(.dark-mode) .site-footer,
html:not([data-theme="dark"]) body:not(.dark-mode) footer {
    background-color: inherit !important;
}

/* Keep cards white inside alternating sections */
html:not([data-theme="dark"]) body:not(.dark-mode) section .card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .service-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .industry-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .feature-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .benefit-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .faq-hover-item,
html:not([data-theme="dark"]) body:not(.dark-mode) section .static-service-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .testimonial-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .portfolio-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .sector-fit-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .workflow-card,
html:not([data-theme="dark"]) body:not(.dark-mode) section .process-card {
    background-color: #ffffff !important;
}

/* If sections use div containers instead of section tags */
html:not([data-theme="dark"]) body:not(.dark-mode) .content-section:nth-of-type(odd),
html:not([data-theme="dark"]) body:not(.dark-mode) .page-section:nth-of-type(odd) {
    background-color: #f5f9ff !important;
}

html:not([data-theme="dark"]) body:not(.dark-mode) .content-section:nth-of-type(even),
html:not([data-theme="dark"]) body:not(.dark-mode) .page-section:nth-of-type(even) {
    background-color: #e6f0ff !important;
}
/* ==================================================
   HOMEPAGE INDUSTRY ICON CARDS
   ================================================== */

.industry-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 22px 18px !important;
    min-height: 210px !important;
}

.industry-card-image {
    width: 100% !important;
    height: 130px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.industry-card-image img {
    width: 130px !important;
    height: 130px !important;
    object-fit: contain !important;
    display: block !important;
}

.industry-card h3 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #002b5c !important;
    font-weight: 800 !important;
}

/* Dark mode */
[data-theme="dark"] .industry-card h3,
body.dark-mode .industry-card h3,
html.dark-mode .industry-card h3 {
    color: #ffffff !important;
}

/* Mobile */
@media (max-width: 600px) {
    .industry-card {
        min-height: 190px !important;
        padding: 18px 14px !important;
    }

    .industry-card-image {
        height: 115px !important;
    }

    .industry-card-image img {
        width: 115px !important;
        height: 115px !important;
    }
}
/* ==================================================
   HOMEPAGE WORKFLOW CARD TEXT FIX - NORMAL LIGHT SECTION
   ================================================== */

.section-light .workflow-card {
    background: #ffffff !important;
    border: 1px solid #dbe7fb !important;
    color: #0f172a !important;
}

.section-light .workflow-card h3 {
    color: #002b5c !important;
    opacity: 1 !important;
}

.section-light .workflow-card p {
    color: #334155 !important;
    opacity: 1 !important;
}

.section-light .workflow-card .workflow-number {
    background: #ff8200 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Extra strong fix only for workflow grid inside light section */
.section-light .workflow-grid .workflow-card,
.section-light .workflow-grid .workflow-card * {
    opacity: 1 !important;
}

.section-light .workflow-grid .workflow-card h3 {
    color: #002b5c !important;
}

.section-light .workflow-grid .workflow-card p {
    color: #334155 !important;
}
/* ==================================================
   DARK MODE - HOMEPAGE WORKFLOW CARDS FIX
   Fix white boxes in Our Process section
   ================================================== */

[data-theme="dark"] .workflow-card,
body.dark-mode .workflow-card,
html.dark-mode .workflow-card {
    background: #132641 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #d7e6ff !important;
}

[data-theme="dark"] .workflow-card h3,
body.dark-mode .workflow-card h3,
html.dark-mode .workflow-card h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .workflow-card p,
body.dark-mode .workflow-card p,
html.dark-mode .workflow-card p {
    color: #cfe0ff !important;
}

[data-theme="dark"] .workflow-number,
body.dark-mode .workflow-number,
html.dark-mode .workflow-number {
    background: #ff8200 !important;
    color: #ffffff !important;
}
/* ==================================================
   FINAL FIX - DARK MODE WORKFLOW BOX TEXT READABILITY
   Homepage Our Process boxes
   ================================================== */

body.dark-mode .workflow-grid .workflow-card,
html.dark-mode .workflow-grid .workflow-card,
[data-theme="dark"] .workflow-grid .workflow-card {
    background: #132641 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

/* Step number */
body.dark-mode .workflow-grid .workflow-card .workflow-number,
html.dark-mode .workflow-grid .workflow-card .workflow-number,
[data-theme="dark"] .workflow-grid .workflow-card .workflow-number {
    background: #ff8200 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Card title */
body.dark-mode .workflow-grid .workflow-card h3,
html.dark-mode .workflow-grid .workflow-card h3,
[data-theme="dark"] .workflow-grid .workflow-card h3 {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

/* Card paragraph */
body.dark-mode .workflow-grid .workflow-card p,
html.dark-mode .workflow-grid .workflow-card p,
[data-theme="dark"] .workflow-grid .workflow-card p {
    color: #dbeafe !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

/* Remove any faded inherited color from all children */
body.dark-mode .workflow-grid .workflow-card *,
html.dark-mode .workflow-grid .workflow-card *,
[data-theme="dark"] .workflow-grid .workflow-card * {
    opacity: 1 !important;
}

/* Strongest fallback if another rule is still forcing faded text */
body.dark-mode .workflow-card p,
html.dark-mode .workflow-card p,
[data-theme="dark"] .workflow-card p {
    color: #dbeafe !important;
}
/* Home page Ready to Discuss section */
section:has(.btn-primary) h2,
section:has(.btn-primary) h3,
section:has(.btn-primary) p {
    color: #0f172a !important;
}

section:has(.btn-primary) .eyebrow {
    color: #ea580c !important;
}

body.dark-mode section:has(.btn-primary) h2,
body.dark-mode section:has(.btn-primary) h3,
body.dark-mode section:has(.btn-primary) p {
    color: #ffffff !important;
}
/* Footer readable color fix */
footer,
.site-footer,
.footer-main,
.footer-stacked-section {
    color: #334155 !important;
}

/* Footer headings */
footer h3,
.site-footer h3,
.footer-stacked-section h3 {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

/* Footer links */
footer a,
.site-footer a,
.footer-stacked-section a,
.footer-stacked-section ul li a {
    color: #334155 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* Footer paragraph text */
footer p,
.site-footer p,
footer li,
.site-footer li {
    color: #475569 !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* Footer hover */
footer a:hover,
.site-footer a:hover,
.footer-stacked-section a:hover {
    color: #0b5ed7 !important;
}
/* Footer dark mode readable color fix */
body.dark-mode footer,
body.dark-mode .site-footer,
body.dark-mode .footer-main,
body.dark-mode .footer-stacked-section,
html.dark-mode footer,
html.dark-mode .site-footer,
[data-theme="dark"] footer,
[data-theme="dark"] .site-footer {
    color: #cbd5e1 !important;
}

/* Dark mode footer headings */
body.dark-mode footer h3,
body.dark-mode .site-footer h3,
body.dark-mode .footer-stacked-section h3,
html.dark-mode footer h3,
html.dark-mode .site-footer h3,
[data-theme="dark"] footer h3,
[data-theme="dark"] .site-footer h3 {
    color: #ffffff !important;
}

/* Dark mode footer links */
body.dark-mode footer a,
body.dark-mode .site-footer a,
body.dark-mode .footer-stacked-section a,
body.dark-mode .footer-stacked-section ul li a,
html.dark-mode footer a,
html.dark-mode .site-footer a,
[data-theme="dark"] footer a,
[data-theme="dark"] .site-footer a {
    color: #dbeafe !important;
    opacity: 1 !important;
}

/* Dark mode footer normal text */
body.dark-mode footer p,
body.dark-mode .site-footer p,
body.dark-mode footer li,
body.dark-mode .site-footer li,
html.dark-mode footer p,
html.dark-mode .site-footer p,
[data-theme="dark"] footer p,
[data-theme="dark"] .site-footer p {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}
/* Footer CTA text color fix - light mode only */
body:not(.dark-mode) .site-footer .footer-cta,
body:not(.dark-mode) .footer-cta {
    color: #ffffff !important;
}

/* Eyebrow */
body:not(.dark-mode) .site-footer .footer-cta .eyebrow,
body:not(.dark-mode) .footer-cta .eyebrow {
    color: #93c5fd !important;
    opacity: 1 !important;
}

/* CTA heading */
body:not(.dark-mode) .site-footer .footer-cta h2,
body:not(.dark-mode) .footer-cta h2 {
    color: #ffffff !important;
}

/* CTA normal paragraph text */
body:not(.dark-mode) .site-footer .footer-cta p,
body:not(.dark-mode) .footer-cta p {
    color: #dbeafe !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
/* Global paragraph spacing and hero paragraph alignment */
.page-hero p,
.hero-section p,
.service-hero p,
.generic-service-page .page-hero p {
    text-align: justify !important;
    text-justify: inter-word;
}

.page-hero p + p,
.hero-section p + p,
.service-hero p + p,
.section p + p,
.generic-service-page p + p {
    margin-top: 16px !important;
}

/* Process We Follow section - consistent two-column layout */
.section .container.two-col .side-panel .check-list li {
    text-align: left;
}

/* ==================================================
   INDUSTRIES WE SUPPORT CARD ALIGNMENT FIX
   Image centered; heading and paragraph left aligned
   ================================================== */
.industry-section .image-industry-grid .industry-card,
section.industry-section .industry-grid.image-industry-grid .industry-card,
.image-industry-grid .industry-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 24px 18px !important;
    min-height: 100% !important;
    font-family: var(--fh, "Inter", "Segoe UI", Arial, sans-serif) !important;
    font-weight: 400 !important;
}

.industry-section .image-industry-grid .industry-card-head,
.image-industry-grid .industry-card-head {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
}

.industry-section .image-industry-grid .industry-image-wrap,
.image-industry-grid .industry-image-wrap {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 14px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.industry-section .image-industry-grid .industry-icon,
.image-industry-grid .industry-icon {
    max-width: 72px !important;
    max-height: 72px !important;
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.industry-section .image-industry-grid .industry-card h3,
.image-industry-grid .industry-card h3 {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    text-align: left !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #002b5c !important;
}

.industry-section .image-industry-grid .industry-card p,
.image-industry-grid .industry-card p {
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    color: #334155 !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    opacity: 1 !important;
}

/* Dark mode support for industry section cards */
[data-theme="dark"] .industry-section .image-industry-grid .industry-card h3,
[data-theme="dark"] .image-industry-grid .industry-card h3,
body.dark-mode .industry-section .image-industry-grid .industry-card h3,
body.dark-mode .image-industry-grid .industry-card h3,
html.dark-mode .industry-section .image-industry-grid .industry-card h3,
html.dark-mode .image-industry-grid .industry-card h3 {
    color: #ffffff !important;
    text-align: left !important;
}

[data-theme="dark"] .industry-section .image-industry-grid .industry-card p,
[data-theme="dark"] .image-industry-grid .industry-card p,
body.dark-mode .industry-section .image-industry-grid .industry-card p,
body.dark-mode .image-industry-grid .industry-card p,
html.dark-mode .industry-section .image-industry-grid .industry-card p,
html.dark-mode .image-industry-grid .industry-card p {
    color: #cbd5e1 !important;
    font-weight: 400 !important;
    text-align: left !important;
    opacity: 1 !important;
}

/* ==================================================
   INDUSTRIES WE SUPPORT CARD FINAL ALIGNMENT
   Image/icon and heading centered; paragraph justified
   ================================================== */
.industry-section .image-industry-grid .industry-card,
section.industry-section .industry-grid.image-industry-grid .industry-card,
.image-industry-grid .industry-card {
    text-align: center !important;
    align-items: stretch !important;
}

.industry-section .image-industry-grid .industry-card-head,
.image-industry-grid .industry-card-head {
    align-items: center !important;
    text-align: center !important;
}

.industry-section .image-industry-grid .industry-image-wrap,
.image-industry-grid .industry-image-wrap,
.industry-section .image-industry-grid .industry-icon,
.image-industry-grid .industry-icon {
    margin-left: auto !important;
    margin-right: auto !important;
}

.industry-section .image-industry-grid .industry-card h3,
.image-industry-grid .industry-card h3,
[data-theme="dark"] .industry-section .image-industry-grid .industry-card h3,
[data-theme="dark"] .image-industry-grid .industry-card h3,
body.dark-mode .industry-section .image-industry-grid .industry-card h3,
body.dark-mode .image-industry-grid .industry-card h3,
html.dark-mode .industry-section .image-industry-grid .industry-card h3,
html.dark-mode .image-industry-grid .industry-card h3 {
    text-align: center !important;
    width: 100% !important;
}

.industry-section .image-industry-grid .industry-card p,
.image-industry-grid .industry-card p,
[data-theme="dark"] .industry-section .image-industry-grid .industry-card p,
[data-theme="dark"] .image-industry-grid .industry-card p,
body.dark-mode .industry-section .image-industry-grid .industry-card p,
body.dark-mode .image-industry-grid .industry-card p,
html.dark-mode .industry-section .image-industry-grid .industry-card p,
html.dark-mode .image-industry-grid .industry-card p {
    text-align: justify !important;
    text-justify: inter-word !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    word-spacing: normal !important;
    letter-spacing: 0 !important;
}

/* ==================================================
   GLOBAL IMAGE FIT FIX — 2026-06-12
   Keeps website images professionally fitted without
   visible blue/dark borders or unwanted cropping.
   ================================================== */
.hero-card,
.service-hero-image,
.image-panel,
.visual-card,
.feature-image,
.content-image,
.about-image,
.why-image {
    overflow:hidden !important;
}
.hero-card img,
.service-hero-image img,
.image-panel img,
.visual-card img,
.feature-image img,
.content-image img,
.about-image img,
.why-image img,
.page-hero-img img,
.inner-hero img,
.service-hero img,
.industry-hero img {
    display:block !important;
    max-width:100% !important;
    object-position:center center !important;
}
.service-hero-image,
.image-panel {
    background:#fff !important;
}
.service-hero-image img,
.image-panel img {
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    background:#fff !important;
}
.amazon-page .service-hero-image img,
.amazon-page .image-panel img,
.amazon-page .hero .service-hero-image img {
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    background:#fff !important;
}