/* ==========================================================================
   SGR Software Solution - Multi-Country Premium Design Systems
   Supported Countries:
   1. United Kingdom (UK / GB) - London B2B Executive & Corporate Tech
   2. Canada (CA)             - Modern Approachable Tech & High-Trust Clarity
   3. Singapore (SG)          - Futuristic Tech Hub & Precision Engineering
   Default: India (IN) and all other regions remain 100% untouched.
   ========================================================================== */

/* ==========================================================================
   1. UNITED KINGDOM (GB) — B2B EXECUTIVE & CORPORATE TECH
   Design Language:
   - Restrained, authoritative, corporate, architectural
   - Clean structured grids, razor-thin 1px borders, sharp 8-10px radii
   - Deep navy / slate palette (#0f172a, #1e293b, #334155, #2563eb)
   - Formal uppercase tracking, tabular numbers, hairline dividers
   - Solid authoritative rectangular CTAs, no neon or cartoon effects
   ========================================================================== */

body[data-country="GB"],
body[data-country="UK"],
body.country-gb,
body.country-uk {
  --uk-navy: #0f172a;
  --uk-slate: #1e293b;
  --uk-muted: #475569;
  --uk-border: #e2e8f0;
  --uk-surface: #ffffff;
  --uk-surface-alt: #f8fafc;
  --uk-accent: #2563eb;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background-color: #f8fafc !important;
  color: #1e293b !important;
}

/* --- UK Header & Navigation --- */
body[data-country="GB"] .topbar,
body.country-gb .topbar {
  background: #0f172a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 6px 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.2px !important;
}
body[data-country="GB"] .sgr-navbar-header,
body.country-gb .sgr-navbar-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
}
body[data-country="GB"] #mainNav .navbar-nav .nav-link,
body.country-gb #mainNav .navbar-nav .nav-link {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #1e293b !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
body[data-country="GB"] #mainNav .navbar-nav .nav-link:hover,
body.country-gb #mainNav .navbar-nav .nav-link:hover {
  color: #2563eb !important;
  background: #f8fafc !important;
}
body[data-country="GB"] #mainNav .navbar-nav .nav-link.active,
body.country-gb #mainNav .navbar-nav .nav-link.active {
  color: #0f172a !important;
  background: #f1f5f9 !important;
  box-shadow: inset 0 -2px 0 #0f172a !important;
}
body[data-country="GB"] .sgr-navbar-header .btn-primary,
body[data-country="GB"] #mainNav .btn-primary,
body[data-country="GB"] .btn-quote,
body.country-gb .sgr-navbar-header .btn-primary,
body.country-gb #mainNav .btn-primary,
body.country-gb .btn-quote {
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid #0f172a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
  transition: all 0.25s ease !important;
}
body[data-country="GB"] .sgr-navbar-header .btn-primary:hover,
body[data-country="GB"] #mainNav .btn-primary:hover,
body[data-country="GB"] .btn-quote:hover,
body.country-gb .sgr-navbar-header .btn-primary:hover,
body.country-gb #mainNav .btn-primary:hover,
body.country-gb .btn-quote:hover {
  background: #1e293b !important;
  border-color: #1e293b !important;
  border-radius: 8px !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18) !important;
}

/* --- UK Hero Section: Balanced 2-Column with Enterprise Architecture Console --- */
body[data-country="GB"] .sgr-hero,
body[data-country="UK"] .sgr-hero,
body.country-gb .sgr-hero,
body.country-uk .sgr-hero {
  background: radial-gradient(120% 120% at 85% 20%, rgba(37, 99, 235, 0.07) 0%, rgba(15, 23, 42, 0.02) 45%, #ffffff 85%) !important;
  padding: 46px 5% 56px 5% !important;
  border-bottom: 1px solid #e2e8f0 !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  gap: 30px !important;
}
body[data-country="GB"] .sgr-hero::before,
body[data-country="UK"] .sgr-hero::before,
body.country-gb .sgr-hero::before,
body.country-uk .sgr-hero::before {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  opacity: 0.7 !important;
}
body[data-country="GB"] .sgr-hero-glow-left,
body[data-country="GB"] .sgr-hero-glow-right,
body[data-country="UK"] .sgr-hero-glow-left,
body[data-country="UK"] .sgr-hero-glow-right,
body.country-gb .sgr-hero-glow-left,
body.country-gb .sgr-hero-glow-right,
body.country-uk .sgr-hero-glow-left,
body.country-uk .sgr-hero-glow-right {
  display: none !important;
}
body[data-country="GB"] .sgr-bottom-wave-wrap,
body[data-country="UK"] .sgr-bottom-wave-wrap,
body.country-gb .sgr-bottom-wave-wrap,
body.country-uk .sgr-bottom-wave-wrap {
  display: none !important;
}
body[data-country="GB"] .sparkle-star,
body[data-country="UK"] .sparkle-star,
body.country-gb .sparkle-star,
body.country-uk .sparkle-star {
  display: none !important;
}
body[data-country="GB"] .btn-icon-badge,
body[data-country="UK"] .btn-icon-badge,
body.country-gb .btn-icon-badge,
body.country-uk .btn-icon-badge {
  display: none !important;
}

/* UK Hero Left Column */
body[data-country="GB"] .hero-left,
body[data-country="UK"] .hero-left,
body.country-gb .hero-left,
body.country-uk .hero-left {
  max-width: 660px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 4 !important;
}
body[data-country="GB"] .eyebrow,
body.country-gb .eyebrow {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
}
body[data-country="GB"] .eyebrow-dot,
body.country-gb .eyebrow-dot {
  background: #0f172a !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}
body[data-country="GB"] .hero h1,
body.country-gb .hero h1 {
  color: #0f172a !important;
  font-weight: 800 !important;
  letter-spacing: -1.2px !important;
  line-height: 1.15 !important;
  font-size: clamp(32px, 3.4vw, 46px) !important;
  margin-bottom: 16px !important;
}
body[data-country="GB"] .hero h1 .blue,
body.country-gb .hero h1 .blue {
  background: linear-gradient(135deg, #1e40af 0%, #0284c7 60%, #0f172a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-country="GB"] .hero-desc,
body.country-gb .hero-desc {
  color: #334155 !important;
  font-size: 1.05rem !important;
  line-height: 1.68 !important;
  max-width: 540px !important;
  margin-bottom: 22px !important;
}
body[data-country="GB"] .cert-badge,
body.country-gb .cert-badge {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  padding: 8px 16px !important;
}
body[data-country="GB"] .hero-btns .btn-primary,
body[data-country="GB"] .hero .btn-primary,
body[data-country="GB"] .btn-primary,
body.country-gb .hero-btns .btn-primary,
body.country-gb .hero .btn-primary,
body.country-gb .btn-primary {
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid #0f172a !important;
  padding: 13px 26px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.25s ease !important;
}
body[data-country="GB"] .hero-btns .btn-primary:hover,
body[data-country="GB"] .hero .btn-primary:hover,
body[data-country="GB"] .btn-primary:hover,
body.country-gb .hero-btns .btn-primary:hover,
body.country-gb .hero .btn-primary:hover,
body.country-gb .btn-primary:hover {
  background: #1e293b !important;
  border-color: #1e293b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22) !important;
}
body[data-country="GB"] .hero-btns .btn-outline,
body[data-country="GB"] .hero .btn-outline,
body[data-country="GB"] .btn-outline,
body.country-gb .hero-btns .btn-outline,
body.country-gb .hero .btn-outline,
body.country-gb .btn-outline {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 13px 24px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}
body[data-country="GB"] .hero-btns .btn-outline:hover,
body[data-country="GB"] .hero .btn-outline:hover,
body[data-country="GB"] .btn-outline:hover,
body.country-gb .hero-btns .btn-outline:hover,
body.country-gb .hero .btn-outline:hover,
body.country-gb .btn-outline:hover {
  border-color: #0f172a !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  transform: translateY(-2px) !important;
}

/* UK Hero Right: Original 3D Globe with High-Contrast Black Dots & Orbit Rings */
body[data-country="GB"] .hero-right,
body[data-country="UK"] .hero-right,
body.country-gb .hero-right,
body.country-uk .hero-right {
  position: absolute !important;
  right: -50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 740px !important;
  height: 740px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  display: block !important;
}
body[data-country="GB"] canvas#globe,
body[data-country="UK"] canvas#globe,
body.country-gb canvas#globe,
body.country-uk canvas#globe {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
}
body[data-country="GB"] .cyber-orbit-ring,
body[data-country="UK"] .cyber-orbit-ring,
body.country-gb .cyber-orbit-ring,
body.country-uk .cyber-orbit-ring {
  display: none !important;
}

/* --- UK Why Choose SGR Section --- */
body[data-country="GB"] .sgr-why-wrap,
body.country-gb .sgr-why-wrap {
  background: #ffffff !important;
  padding: 60px 0 50px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body[data-country="GB"] .sgr-why-wrap::before,
body.country-gb .sgr-why-wrap::before {
  display: none !important;
}
body[data-country="GB"] .sgr-why-glow-1,
body[data-country="GB"] .sgr-why-glow-2,
body.country-gb .sgr-why-glow-1,
body.country-gb .sgr-why-glow-2 {
  display: none !important;
}
body[data-country="GB"] .sgr-why-eyebrow,
body.country-gb .sgr-why-eyebrow {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  border-radius: 6px !important;
  letter-spacing: 0.1em !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body[data-country="GB"] .sgr-why-heading,
body.country-gb .sgr-why-heading {
  color: #0f172a !important;
  font-weight: 800 !important;
  letter-spacing: -0.8px !important;
}
body[data-country="GB"] .sgr-why-heading span,
body.country-gb .sgr-why-heading span {
  color: #2563eb !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
}
body[data-country="GB"] .sgr-why-stat,
body.country-gb .sgr-why-stat {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 30px 24px 26px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.25s ease !important;
}
body[data-country="GB"] .sgr-why-stat::before,
body.country-gb .sgr-why-stat::before {
  height: 3px !important;
  background: #0f172a !important;
  border-radius: 10px 10px 0 0 !important;
}
body[data-country="GB"] .sgr-why-stat:hover,
body.country-gb .sgr-why-stat:hover {
  transform: translateY(-4px) !important;
  border-color: #0f172a !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}
body[data-country="GB"] .sgr-why-stat-icon,
body.country-gb .sgr-why-stat-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
body[data-country="GB"] .sgr-why-stat-icon i,
body.country-gb .sgr-why-stat-icon i {
  color: #0f172a !important;
  font-size: 20px !important;
}
body[data-country="GB"] .sgr-why-stat-num,
body.country-gb .sgr-why-stat-num {
  color: #0f172a !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  font-feature-settings: 'tnum' !important;
}
body[data-country="GB"] .sgr-why-stat-label,
body.country-gb .sgr-why-stat-label {
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
body[data-country="GB"] .sgr-why-btn,
body.country-gb .sgr-why-btn {
  background: #0f172a !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}
body[data-country="GB"] .sgr-why-btn:hover,
body.country-gb .sgr-why-btn:hover {
  background: #1e293b !important;
  border-radius: 8px !important;
}
body[data-country="GB"] .sgr-why-btn-badge,
body.country-gb .sgr-why-btn-badge {
  display: none !important;
}

/* --- UK Process Section --- */
body[data-country="GB"] .sgr-hww-wrap,
body.country-gb .sgr-hww-wrap {
  background: #f8fafc !important;
  padding: 60px 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body[data-country="GB"] .sgr-hww-card,
body.country-gb .sgr-hww-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 30px 24px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
}
body[data-country="GB"] .sgr-hww-card::before,
body.country-gb .sgr-hww-card::before {
  background: #0f172a !important;
  height: 3px !important;
}
body[data-country="GB"] .sgr-hww-card:hover,
body.country-gb .sgr-hww-card:hover {
  transform: translateY(-4px) !important;
  border-color: #0f172a !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
}
body[data-country="GB"] .sgr-hww-badge,
body.country-gb .sgr-hww-badge {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
}
body[data-country="GB"] .sgr-hww-badge-step,
body.country-gb .sgr-hww-badge-step {
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="GB"] .sgr-hww-icon-box,
body.country-gb .sgr-hww-icon-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body[data-country="GB"] .sgr-hww-icon-box i,
body.country-gb .sgr-hww-icon-box i {
  color: #0f172a !important;
}
body[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box,
body.country-gb .sgr-hww-card:hover .sgr-hww-icon-box {
  background: #0f172a !important;
  border-color: #0f172a !important;
}
body[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box i,
body.country-gb .sgr-hww-card:hover .sgr-hww-icon-box i {
  color: #ffffff !important;
}
body[data-country="GB"] .sgr-hww-card-title,
body.country-gb .sgr-hww-card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 19px !important;
}
body[data-country="GB"] .sgr-hww-card-desc,
body.country-gb .sgr-hww-card-desc {
  color: #475569 !important;
  line-height: 1.65 !important;
}

/* --- UK Services Section --- */
body[data-country="GB"] .sgr-srv-wrap,
body.country-gb .sgr-srv-wrap {
  background: #ffffff !important;
  padding: 65px 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body[data-country="GB"] .sgr-srv-card,
body.country-gb .sgr-srv-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 34px 28px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.25s ease !important;
}
body[data-country="GB"] .sgr-srv-card:hover,
body.country-gb .sgr-srv-card:hover {
  transform: translateY(-4px) !important;
  border-color: #0f172a !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08) !important;
}
body[data-country="GB"] .sgr-srv-icon,
body.country-gb .sgr-srv-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
}
body[data-country="GB"] .sgr-srv-icon i,
body.country-gb .sgr-srv-icon i {
  color: #0f172a !important;
  font-size: 22px !important;
}
body[data-country="GB"] .sgr-srv-badge,
body.country-gb .sgr-srv-badge {
  background: #f8fafc !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
body[data-country="GB"] .sgr-srv-title,
body.country-gb .sgr-srv-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}
body[data-country="GB"] .sgr-srv-desc,
body.country-gb .sgr-srv-desc {
  color: #475569 !important;
  line-height: 1.65 !important;
  font-size: 14px !important;
}
body[data-country="GB"] .sgr-srv-tag,
body.country-gb .sgr-srv-tag {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
}
body[data-country="GB"] .sgr-srv-tag i,
body.country-gb .sgr-srv-tag i {
  color: #0f172a !important;
}
body[data-country="GB"] .sgr-srv-link,
body.country-gb .sgr-srv-link {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
body[data-country="GB"] .btn-explore-all-services,
body.country-gb .btn-explore-all-services {
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* --- UK Industries Section --- */
body[data-country="GB"] .sgr-ind-wrap,
body.country-gb .sgr-ind-wrap {
  background: #f8fafc !important;
  padding: 60px 0 !important;
}
body[data-country="GB"] .sgr-ind-card,
body.country-gb .sgr-ind-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}
body[data-country="GB"] .sgr-ind-card:hover,
body.country-gb .sgr-ind-card:hover {
  border-color: #0f172a !important;
  transform: translateY(-4px) !important;
}
body[data-country="GB"] .sgr-ind-pill,
body.country-gb .sgr-ind-pill {
  border-radius: 6px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #e2e8f0 !important;
}

/* --- UK Testimonials --- */
body[data-country="GB"] .sgr-testi,
body.country-gb .sgr-testi {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body[data-country="GB"] .sgr-testi-card,
body.country-gb .sgr-testi-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}
body[data-country="GB"] .sgr-testi-card:hover,
body.country-gb .sgr-testi-card:hover {
  border-color: #0f172a !important;
  transform: translateY(-4px) !important;
}
body[data-country="GB"] .sgr-testi-text,
body.country-gb .sgr-testi-text {
  color: #334155 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}
body[data-country="GB"] .sgr-testi-name,
body.country-gb .sgr-testi-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}
body[data-country="GB"] .sgr-testi-verified,
body.country-gb .sgr-testi-verified {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  border-radius: 4px !important;
  font-size: 11px !important;
}

/* --- UK Case Studies & Portfolio --- */
body[data-country="GB"] .sgr-port-card,
body[data-country="GB"] .cs-card,
body.country-gb .sgr-port-card,
body.country-gb .cs-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}
body[data-country="GB"] .sgr-port-card:hover,
body[data-country="GB"] .cs-card:hover,
body.country-gb .sgr-port-card:hover,
body.country-gb .cs-card:hover {
  border-color: #0f172a !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08) !important;
}
body[data-country="GB"] .sgr-port-title,
body[data-country="GB"] .cs-card-title,
body.country-gb .sgr-port-title,
body.country-gb .cs-card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}
body[data-country="GB"] .sgr-port-stack-item,
body[data-country="GB"] .cs-tag,
body.country-gb .sgr-port-stack-item,
body.country-gb .cs-tag {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}

/* --- UK Schedule A Meet --- */
body[data-country="GB"] .sgr-clean-hero,
body.country-gb .sgr-clean-hero {
  background: #0f172a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body[data-country="GB"] .sgr-booking-card,
body.country-gb .sgr-booking-card {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06) !important;
}

/* --- UK Contact & Form --- */
body[data-country="GB"] .sgr-form-wrapper,
body[data-country="GB"] .sgr-panel,
body.country-gb .sgr-form-wrapper,
body.country-gb .sgr-panel {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06) !important;
}
body[data-country="GB"] .sgr-top-gradient-strip,
body.country-gb .sgr-top-gradient-strip {
  background: #0f172a !important;
  height: 3px !important;
}
body[data-country="GB"] .sgr-input,
body.country-gb .sgr-input {
  border-radius: 8px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
}
body[data-country="GB"] .sgr-input:focus,
body.country-gb .sgr-input:focus {
  border-color: #0f172a !important;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;
}
body[data-country="GB"] #btnMainContactSubmit,
body[data-country="GB"] .sgr-btn-primary,
body[data-country="GB"] .sgr-btn-submit,
body[data-country="GB"] .btn-sgr-submit,
body.country-gb #btnMainContactSubmit,
body.country-gb .sgr-btn-primary,
body.country-gb .sgr-btn-submit,
body.country-gb .btn-sgr-submit {
  background: #0f172a !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}
body[data-country="GB"] #btnMainContactSubmit:hover,
body[data-country="GB"] .sgr-btn-primary:hover,
body[data-country="GB"] .sgr-btn-submit:hover,
body[data-country="GB"] .btn-sgr-submit:hover,
body.country-gb #btnMainContactSubmit:hover,
body.country-gb .sgr-btn-primary:hover,
body.country-gb .sgr-btn-submit:hover,
body.country-gb .btn-sgr-submit:hover {
  background: #1e293b !important;
  border-radius: 8px !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22) !important;
}

/* --- UK Footer: Executive Dark Navy Theme with Crisp High-Contrast Typography --- */
body[data-country="GB"] .footer,
body[data-country="UK"] .footer,
body.country-gb .footer,
body.country-uk .footer {
  background: #0b1329 !important;
  color: #cbd5e1 !important;
  border-top: 1px solid #1e293b !important;
}
body[data-country="GB"] .footer::before,
body[data-country="UK"] .footer::before,
body.country-gb .footer::before,
body.country-uk .footer::before {
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px) !important;
  opacity: 0.7 !important;
}
body[data-country="GB"] .footer-logo-bg,
body[data-country="UK"] .footer-logo-bg,
body.country-gb .footer-logo-bg,
body.country-uk .footer-logo-bg {
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}
body[data-country="GB"] .footer-contact-title,
body[data-country="UK"] .footer-contact-title,
body.country-gb .footer-contact-title,
body.country-uk .footer-contact-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}
body[data-country="GB"] .footer-contact-text,
body[data-country="GB"] .footer-contact-link,
body[data-country="UK"] .footer-contact-text,
body[data-country="UK"] .footer-contact-link,
body.country-gb .footer-contact-text,
body.country-gb .footer-contact-link,
body.country-uk .footer-contact-text,
body.country-uk .footer-contact-link {
  color: #cbd5e1 !important;
}
body[data-country="GB"] .footer-contact-link:hover,
body[data-country="UK"] .footer-contact-link:hover,
body.country-gb .footer-contact-link:hover,
body.country-uk .footer-contact-link:hover {
  color: #38bdf8 !important;
}
body[data-country="GB"] .footer-phone-link,
body[data-country="UK"] .footer-phone-link,
body.country-gb .footer-phone-link,
body.country-uk .footer-phone-link {
  color: #ffffff !important;
}
body[data-country="GB"] .footer-phone-link:hover,
body[data-country="UK"] .footer-phone-link:hover,
body.country-gb .footer-phone-link:hover,
body.country-uk .footer-phone-link:hover {
  color: #38bdf8 !important;
}
body[data-country="GB"] .footer-wa-badge,
body[data-country="GB"] .footer-wa-action-badge,
body[data-country="UK"] .footer-wa-badge,
body[data-country="UK"] .footer-wa-action-badge,
body.country-gb .footer-wa-badge,
body.country-gb .footer-wa-action-badge,
body.country-uk .footer-wa-badge,
body.country-uk .footer-wa-action-badge {
  background: #25d366 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.4) !important;
}
body[data-country="GB"] .footer-wa-badge i,
body[data-country="GB"] .footer-wa-action-badge i,
body[data-country="UK"] .footer-wa-badge i,
body[data-country="UK"] .footer-wa-action-badge i,
body.country-gb .footer-wa-badge i,
body.country-gb .footer-wa-action-badge i,
body.country-uk .footer-wa-badge i,
body.country-uk .footer-wa-action-badge i {
  color: #ffffff !important;
}
body[data-country="GB"] .footer-wa-badge:hover,
body[data-country="GB"] .footer-wa-action-badge:hover,
body[data-country="UK"] .footer-wa-badge:hover,
body[data-country="UK"] .footer-wa-action-badge:hover,
body.country-gb .footer-wa-badge:hover,
body.country-gb .footer-wa-action-badge:hover,
body.country-uk .footer-wa-badge:hover,
body.country-uk .footer-wa-action-badge:hover {
  background: #1ebc59 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-1px) scale(1.05) !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.55) !important;
}
body[data-country="GB"] .footer-column-title,
body[data-country="UK"] .footer-column-title,
body.country-gb .footer-column-title,
body.country-uk .footer-column-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="GB"] .footer-column-title::after,
body[data-country="UK"] .footer-column-title::after,
body.country-gb .footer-column-title::after,
body.country-uk .footer-column-title::after {
  background: #2563eb !important;
}
body[data-country="GB"] .footer-links a,
body[data-country="UK"] .footer-links a,
body.country-gb .footer-links a,
body.country-uk .footer-links a {
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  transition: all 0.2s ease !important;
}
body[data-country="GB"] .footer-links a:hover,
body[data-country="UK"] .footer-links a:hover,
body.country-gb .footer-links a:hover,
body.country-uk .footer-links a:hover {
  color: #ffffff !important;
  transform: translateX(3px) !important;
}
body[data-country="GB"] .footer-bottom,
body[data-country="UK"] .footer-bottom,
body.country-gb .footer-bottom,
body.country-uk .footer-bottom {
  background: #070d1e !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body[data-country="GB"] .footer-company-name,
body[data-country="UK"] .footer-company-name,
body.country-gb .footer-company-name,
body.country-uk .footer-company-name {
  color: #ffffff !important;
}
body[data-country="GB"] .footer-bottom-text,
body[data-country="GB"] .footer-sublink,
body[data-country="UK"] .footer-bottom-text,
body[data-country="UK"] .footer-sublink,
body.country-gb .footer-bottom-text,
body.country-gb .footer-sublink,
body.country-uk .footer-bottom-text,
body.country-uk .footer-sublink {
  color: #94a3b8 !important;
}
body[data-country="GB"] .footer-sublink:hover,
body[data-country="UK"] .footer-sublink:hover,
body.country-gb .footer-sublink:hover,
body.country-uk .footer-sublink:hover {
  color: #ffffff !important;
}


/* ==========================================================================
   UK (GB) DARK MODE — EXECUTIVE DARK BLUE THEME & TECH BOX GRID MESH
   Triggers on: .dark-mode or .sgr-dark-theme for UK
   ========================================================================== */

/* 1. Global UK Dark Blue Body & Background Box Mesh */
body.dark-mode[data-country="GB"],
body.dark-mode[data-country="UK"],
body.dark-mode.country-gb,
body.dark-mode.country-uk,
body.sgr-dark-theme[data-country="GB"],
body.sgr-dark-theme[data-country="UK"],
body.sgr-dark-theme.country-gb,
body.sgr-dark-theme.country-uk {
  background-color: #060b18 !important;
  color: #cbd5e1 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}

/* 2. UK Topbar in Dark Mode */
body.dark-mode[data-country="GB"] .topbar,
body.dark-mode[data-country="UK"] .topbar,
body.dark-mode.country-gb .topbar,
body.dark-mode.country-uk .topbar,
body.sgr-dark-theme[data-country="GB"] .topbar,
body.sgr-dark-theme[data-country="UK"] .topbar,
body.sgr-dark-theme.country-gb .topbar,
body.sgr-dark-theme.country-uk .topbar {
  background: #040813 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  color: #94a3b8 !important;
}

/* 3. UK Navbar in Dark Mode: Dark Blue with Tech Box Mesh & Glassmorphism */
body.dark-mode[data-country="GB"] .sgr-navbar-header,
body.dark-mode[data-country="UK"] .sgr-navbar-header,
body.dark-mode.country-gb .sgr-navbar-header,
body.dark-mode.country-uk .sgr-navbar-header,
body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header,
body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header,
body.sgr-dark-theme.country-gb .sgr-navbar-header,
body.sgr-dark-theme.country-uk .sgr-navbar-header {
  background: rgba(10, 18, 38, 0.96) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.18) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-navbar-header::before,
body.dark-mode[data-country="UK"] .sgr-navbar-header::before,
body.dark-mode.country-gb .sgr-navbar-header::before,
body.dark-mode.country-uk .sgr-navbar-header::before,
body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header::before,
body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header::before,
body.sgr-dark-theme.country-gb .sgr-navbar-header::before,
body.sgr-dark-theme.country-uk .sgr-navbar-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}
body.dark-mode[data-country="GB"] #mainNav .navbar-nav .nav-link,
body.dark-mode[data-country="UK"] #mainNav .navbar-nav .nav-link,
body.dark-mode.country-gb #mainNav .navbar-nav .nav-link,
body.dark-mode.country-uk #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme[data-country="GB"] #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme[data-country="UK"] #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme.country-gb #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme.country-uk #mainNav .navbar-nav .nav-link {
  color: #e2e8f0 !important;
}
body.dark-mode[data-country="GB"] #mainNav .navbar-nav .nav-link:hover,
body.dark-mode[data-country="UK"] #mainNav .navbar-nav .nav-link:hover,
body.dark-mode.country-gb #mainNav .navbar-nav .nav-link:hover,
body.dark-mode.country-uk #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme[data-country="GB"] #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme[data-country="UK"] #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme.country-gb #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme.country-uk #mainNav .navbar-nav .nav-link:hover {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.1) !important;
}
body.dark-mode[data-country="GB"] #mainNav .navbar-nav .nav-link.active,
body.dark-mode[data-country="UK"] #mainNav .navbar-nav .nav-link.active,
body.dark-mode.country-gb #mainNav .navbar-nav .nav-link.active,
body.dark-mode.country-uk #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme[data-country="GB"] #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme[data-country="UK"] #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme.country-gb #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme.country-uk #mainNav .navbar-nav .nav-link.active {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.15) !important;
  box-shadow: inset 0 -2px 0 #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-navbar-header .btn-primary,
body.dark-mode[data-country="GB"] #mainNav .btn-primary,
body.dark-mode[data-country="GB"] .btn-quote,
body.dark-mode[data-country="UK"] .sgr-navbar-header .btn-primary,
body.dark-mode[data-country="UK"] #mainNav .btn-primary,
body.dark-mode[data-country="UK"] .btn-quote,
body.dark-mode.country-gb .sgr-navbar-header .btn-primary,
body.dark-mode.country-gb #mainNav .btn-primary,
body.dark-mode.country-gb .btn-quote,
body.dark-mode.country-uk .sgr-navbar-header .btn-primary,
body.dark-mode.country-uk #mainNav .btn-primary,
body.dark-mode.country-uk .btn-quote,
body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .btn-primary,
body.sgr-dark-theme[data-country="GB"] #mainNav .btn-primary,
body.sgr-dark-theme[data-country="GB"] .btn-quote,
body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .btn-primary,
body.sgr-dark-theme[data-country="UK"] #mainNav .btn-primary,
body.sgr-dark-theme[data-country="UK"] .btn-quote,
body.sgr-dark-theme.country-gb .sgr-navbar-header .btn-primary,
body.sgr-dark-theme.country-gb #mainNav .btn-primary,
body.sgr-dark-theme.country-gb .btn-quote,
body.sgr-dark-theme.country-uk .sgr-navbar-header .btn-primary,
body.sgr-dark-theme.country-uk #mainNav .btn-primary,
body.sgr-dark-theme.country-uk .btn-quote {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4) !important;
}
body.dark-mode[data-country="GB"] .dropdown-menu,
body.dark-mode[data-country="UK"] .dropdown-menu,
body.dark-mode.country-gb .dropdown-menu,
body.dark-mode.country-uk .dropdown-menu,
body.sgr-dark-theme[data-country="GB"] .dropdown-menu,
body.sgr-dark-theme[data-country="UK"] .dropdown-menu,
body.sgr-dark-theme.country-gb .dropdown-menu,
body.sgr-dark-theme.country-uk .dropdown-menu {
  background: #0d1733 !important;
  border: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
body.dark-mode[data-country="GB"] .dropdown-item,
body.dark-mode[data-country="UK"] .dropdown-item,
body.dark-mode.country-gb .dropdown-item,
body.dark-mode.country-uk .dropdown-item,
body.sgr-dark-theme[data-country="GB"] .dropdown-item,
body.sgr-dark-theme[data-country="UK"] .dropdown-item,
body.sgr-dark-theme.country-gb .dropdown-item,
body.sgr-dark-theme.country-uk .dropdown-item {
  color: #cbd5e1 !important;
}
body.dark-mode[data-country="GB"] .dropdown-item:hover,
body.dark-mode[data-country="UK"] .dropdown-item:hover,
body.dark-mode.country-gb .dropdown-item:hover,
body.dark-mode.country-uk .dropdown-item:hover,
body.sgr-dark-theme[data-country="GB"] .dropdown-item:hover,
body.sgr-dark-theme[data-country="UK"] .dropdown-item:hover,
body.sgr-dark-theme.country-gb .dropdown-item:hover,
body.sgr-dark-theme.country-uk .dropdown-item:hover {
  background: rgba(56, 189, 248, 0.12) !important;
  color: #38bdf8 !important;
}

/* 4. UK Hero in Dark Mode: Deep Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-hero,
body.dark-mode[data-country="UK"] .sgr-hero,
body.dark-mode.country-gb .sgr-hero,
body.dark-mode.country-uk .sgr-hero,
body.sgr-dark-theme[data-country="GB"] .sgr-hero,
body.sgr-dark-theme[data-country="UK"] .sgr-hero,
body.sgr-dark-theme.country-gb .sgr-hero,
body.sgr-dark-theme.country-uk .sgr-hero {
  background: radial-gradient(120% 120% at 85% 20%, rgba(37, 99, 235, 0.25) 0%, rgba(11, 19, 43, 0.95) 50%, #060b18 100%) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-hero::before,
body.dark-mode[data-country="UK"] .sgr-hero::before,
body.dark-mode.country-gb .sgr-hero::before,
body.dark-mode.country-uk .sgr-hero::before,
body.sgr-dark-theme[data-country="GB"] .sgr-hero::before,
body.sgr-dark-theme[data-country="UK"] .sgr-hero::before,
body.sgr-dark-theme.country-gb .sgr-hero::before,
body.sgr-dark-theme.country-uk .sgr-hero::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.08) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.9 !important;
}
body.dark-mode[data-country="GB"] .eyebrow,
body.dark-mode[data-country="UK"] .eyebrow,
body.dark-mode.country-gb .eyebrow,
body.dark-mode.country-uk .eyebrow,
body.sgr-dark-theme[data-country="GB"] .eyebrow,
body.sgr-dark-theme[data-country="UK"] .eyebrow,
body.sgr-dark-theme.country-gb .eyebrow,
body.sgr-dark-theme.country-uk .eyebrow {
  background: rgba(37, 99, 235, 0.22) !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .eyebrow-dot,
body.dark-mode[data-country="UK"] .eyebrow-dot,
body.dark-mode.country-gb .eyebrow-dot,
body.dark-mode.country-uk .eyebrow-dot,
body.sgr-dark-theme[data-country="GB"] .eyebrow-dot,
body.sgr-dark-theme[data-country="UK"] .eyebrow-dot,
body.sgr-dark-theme.country-gb .eyebrow-dot,
body.sgr-dark-theme.country-uk .eyebrow-dot {
  background: #38bdf8 !important;
  box-shadow: 0 0 10px #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .hero h1,
body.dark-mode[data-country="UK"] .hero h1,
body.dark-mode.country-gb .hero h1,
body.dark-mode.country-uk .hero h1,
body.sgr-dark-theme[data-country="GB"] .hero h1,
body.sgr-dark-theme[data-country="UK"] .hero h1,
body.sgr-dark-theme.country-gb .hero h1,
body.sgr-dark-theme.country-uk .hero h1 {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .hero h1 .blue,
body.dark-mode[data-country="UK"] .hero h1 .blue,
body.dark-mode.country-gb .hero h1 .blue,
body.dark-mode.country-uk .hero h1 .blue,
body.sgr-dark-theme[data-country="GB"] .hero h1 .blue,
body.sgr-dark-theme[data-country="UK"] .hero h1 .blue,
body.sgr-dark-theme.country-gb .hero h1 .blue,
body.sgr-dark-theme.country-uk .hero h1 .blue {
  background: linear-gradient(135deg, #38bdf8 0%, #06b6d4 50%, #60a5fa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.dark-mode[data-country="GB"] .hero-desc,
body.dark-mode[data-country="UK"] .hero-desc,
body.dark-mode.country-gb .hero-desc,
body.dark-mode.country-uk .hero-desc,
body.sgr-dark-theme[data-country="GB"] .hero-desc,
body.sgr-dark-theme[data-country="UK"] .hero-desc,
body.sgr-dark-theme.country-gb .hero-desc,
body.sgr-dark-theme.country-uk .hero-desc {
  color: #94a3b8 !important;
}
body.dark-mode[data-country="GB"] .cert-badge,
body.dark-mode[data-country="UK"] .cert-badge,
body.dark-mode.country-gb .cert-badge,
body.dark-mode.country-uk .cert-badge,
body.sgr-dark-theme[data-country="GB"] .cert-badge,
body.sgr-dark-theme[data-country="UK"] .cert-badge,
body.sgr-dark-theme.country-gb .cert-badge,
body.sgr-dark-theme.country-uk .cert-badge {
  background: rgba(15, 26, 54, 0.85) !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
body.dark-mode[data-country="GB"] .hero-btns .btn-primary,
body.dark-mode[data-country="UK"] .hero-btns .btn-primary,
body.dark-mode.country-gb .hero-btns .btn-primary,
body.dark-mode.country-uk .hero-btns .btn-primary,
body.sgr-dark-theme[data-country="GB"] .hero-btns .btn-primary,
body.sgr-dark-theme[data-country="UK"] .hero-btns .btn-primary,
body.sgr-dark-theme.country-gb .hero-btns .btn-primary,
body.sgr-dark-theme.country-uk .hero-btns .btn-primary {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.45) !important;
}
body.dark-mode[data-country="GB"] .hero-btns .btn-outline,
body.dark-mode[data-country="UK"] .hero-btns .btn-outline,
body.dark-mode.country-gb .hero-btns .btn-outline,
body.dark-mode.country-uk .hero-btns .btn-outline,
body.sgr-dark-theme[data-country="GB"] .hero-btns .btn-outline,
body.sgr-dark-theme[data-country="UK"] .hero-btns .btn-outline,
body.sgr-dark-theme.country-gb .hero-btns .btn-outline,
body.sgr-dark-theme.country-uk .hero-btns .btn-outline {
  background: rgba(15, 26, 54, 0.75) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(56, 189, 248, 0.3) !important;
}
body.dark-mode[data-country="GB"] .hero-btns .btn-outline:hover,
body.dark-mode[data-country="UK"] .hero-btns .btn-outline:hover,
body.dark-mode.country-gb .hero-btns .btn-outline:hover,
body.dark-mode.country-uk .hero-btns .btn-outline:hover,
body.sgr-dark-theme[data-country="GB"] .hero-btns .btn-outline:hover,
body.sgr-dark-theme[data-country="UK"] .hero-btns .btn-outline:hover,
body.sgr-dark-theme.country-gb .hero-btns .btn-outline:hover,
body.sgr-dark-theme.country-uk .hero-btns .btn-outline:hover {
  background: rgba(56, 189, 248, 0.15) !important;
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* 5. UK Why Choose SGR in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-why-wrap,
body.dark-mode[data-country="UK"] .sgr-why-wrap,
body.dark-mode.country-gb .sgr-why-wrap,
body.dark-mode.country-uk .sgr-why-wrap,
body.sgr-dark-theme[data-country="GB"] .sgr-why-wrap,
body.sgr-dark-theme[data-country="UK"] .sgr-why-wrap,
body.sgr-dark-theme.country-gb .sgr-why-wrap,
body.sgr-dark-theme.country-uk .sgr-why-wrap {
  background: #060b18 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-why-wrap::before,
body.dark-mode[data-country="UK"] .sgr-why-wrap::before,
body.dark-mode.country-gb .sgr-why-wrap::before,
body.dark-mode.country-uk .sgr-why-wrap::before,
body.sgr-dark-theme[data-country="GB"] .sgr-why-wrap::before,
body.sgr-dark-theme[data-country="UK"] .sgr-why-wrap::before,
body.sgr-dark-theme.country-gb .sgr-why-wrap::before,
body.sgr-dark-theme.country-uk .sgr-why-wrap::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
}
body.dark-mode[data-country="GB"] .sgr-why-eyebrow,
body.dark-mode[data-country="UK"] .sgr-why-eyebrow,
body.dark-mode.country-gb .sgr-why-eyebrow,
body.dark-mode.country-uk .sgr-why-eyebrow,
body.sgr-dark-theme[data-country="GB"] .sgr-why-eyebrow,
body.sgr-dark-theme[data-country="UK"] .sgr-why-eyebrow,
body.sgr-dark-theme.country-gb .sgr-why-eyebrow,
body.sgr-dark-theme.country-uk .sgr-why-eyebrow {
  background: rgba(37, 99, 235, 0.2) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-why-heading,
body.dark-mode[data-country="UK"] .sgr-why-heading,
body.dark-mode.country-gb .sgr-why-heading,
body.dark-mode.country-uk .sgr-why-heading,
body.sgr-dark-theme[data-country="GB"] .sgr-why-heading,
body.sgr-dark-theme[data-country="UK"] .sgr-why-heading,
body.sgr-dark-theme.country-gb .sgr-why-heading,
body.sgr-dark-theme.country-uk .sgr-why-heading {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-why-heading span,
body.dark-mode[data-country="UK"] .sgr-why-heading span,
body.dark-mode.country-gb .sgr-why-heading span,
body.dark-mode.country-uk .sgr-why-heading span,
body.sgr-dark-theme[data-country="GB"] .sgr-why-heading span,
body.sgr-dark-theme[data-country="UK"] .sgr-why-heading span,
body.sgr-dark-theme.country-gb .sgr-why-heading span,
body.sgr-dark-theme.country-uk .sgr-why-heading span {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat,
body.dark-mode[data-country="UK"] .sgr-why-stat,
body.dark-mode.country-gb .sgr-why-stat,
body.dark-mode.country-uk .sgr-why-stat,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat,
body.sgr-dark-theme.country-gb .sgr-why-stat,
body.sgr-dark-theme.country-uk .sgr-why-stat {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat::before,
body.dark-mode[data-country="UK"] .sgr-why-stat::before,
body.dark-mode.country-gb .sgr-why-stat::before,
body.dark-mode.country-uk .sgr-why-stat::before,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat::before,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat::before,
body.sgr-dark-theme.country-gb .sgr-why-stat::before,
body.sgr-dark-theme.country-uk .sgr-why-stat::before {
  background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat:hover,
body.dark-mode[data-country="UK"] .sgr-why-stat:hover,
body.dark-mode.country-gb .sgr-why-stat:hover,
body.dark-mode.country-uk .sgr-why-stat:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat:hover,
body.sgr-dark-theme.country-gb .sgr-why-stat:hover,
body.sgr-dark-theme.country-uk .sgr-why-stat:hover {
  border-color: #38bdf8 !important;
  box-shadow: 0 16px 36px rgba(56, 189, 248, 0.18) !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat-icon,
body.dark-mode[data-country="UK"] .sgr-why-stat-icon,
body.dark-mode.country-gb .sgr-why-stat-icon,
body.dark-mode.country-uk .sgr-why-stat-icon,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat-icon,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat-icon,
body.sgr-dark-theme.country-gb .sgr-why-stat-icon,
body.sgr-dark-theme.country-uk .sgr-why-stat-icon {
  background: rgba(37, 99, 235, 0.25) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat-icon i,
body.dark-mode[data-country="UK"] .sgr-why-stat-icon i,
body.dark-mode.country-gb .sgr-why-stat-icon i,
body.dark-mode.country-uk .sgr-why-stat-icon i,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat-icon i,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat-icon i,
body.sgr-dark-theme.country-gb .sgr-why-stat-icon i,
body.sgr-dark-theme.country-uk .sgr-why-stat-icon i {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat-num,
body.dark-mode[data-country="UK"] .sgr-why-stat-num,
body.dark-mode.country-gb .sgr-why-stat-num,
body.dark-mode.country-uk .sgr-why-stat-num,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat-num,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat-num,
body.sgr-dark-theme.country-gb .sgr-why-stat-num,
body.sgr-dark-theme.country-uk .sgr-why-stat-num {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-why-stat-label,
body.dark-mode[data-country="UK"] .sgr-why-stat-label,
body.dark-mode.country-gb .sgr-why-stat-label,
body.dark-mode.country-uk .sgr-why-stat-label,
body.sgr-dark-theme[data-country="GB"] .sgr-why-stat-label,
body.sgr-dark-theme[data-country="UK"] .sgr-why-stat-label,
body.sgr-dark-theme.country-gb .sgr-why-stat-label,
body.sgr-dark-theme.country-uk .sgr-why-stat-label {
  color: #94a3b8 !important;
}

/* 6. UK Process / Methodology in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-hww-wrap,
body.dark-mode[data-country="UK"] .sgr-hww-wrap,
body.dark-mode.country-gb .sgr-hww-wrap,
body.dark-mode.country-uk .sgr-hww-wrap,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-wrap,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-wrap,
body.sgr-dark-theme.country-gb .sgr-hww-wrap,
body.sgr-dark-theme.country-uk .sgr-hww-wrap {
  background: #091024 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-wrap::before,
body.dark-mode[data-country="UK"] .sgr-hww-wrap::before,
body.dark-mode.country-gb .sgr-hww-wrap::before,
body.dark-mode.country-uk .sgr-hww-wrap::before,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-wrap::before,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-wrap::before,
body.sgr-dark-theme.country-gb .sgr-hww-wrap::before,
body.sgr-dark-theme.country-uk .sgr-hww-wrap::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card,
body.dark-mode[data-country="UK"] .sgr-hww-card,
body.dark-mode.country-gb .sgr-hww-card,
body.dark-mode.country-uk .sgr-hww-card,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card,
body.sgr-dark-theme.country-gb .sgr-hww-card,
body.sgr-dark-theme.country-uk .sgr-hww-card {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card::before,
body.dark-mode[data-country="UK"] .sgr-hww-card::before,
body.dark-mode.country-gb .sgr-hww-card::before,
body.dark-mode.country-uk .sgr-hww-card::before,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card::before,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card::before,
body.sgr-dark-theme.country-gb .sgr-hww-card::before,
body.sgr-dark-theme.country-uk .sgr-hww-card::before {
  background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card:hover,
body.dark-mode[data-country="UK"] .sgr-hww-card:hover,
body.dark-mode.country-gb .sgr-hww-card:hover,
body.dark-mode.country-uk .sgr-hww-card:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card:hover,
body.sgr-dark-theme.country-gb .sgr-hww-card:hover,
body.sgr-dark-theme.country-uk .sgr-hww-card:hover {
  border-color: #38bdf8 !important;
  box-shadow: 0 16px 36px rgba(56, 189, 248, 0.15) !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-badge,
body.dark-mode[data-country="UK"] .sgr-hww-badge,
body.dark-mode.country-gb .sgr-hww-badge,
body.dark-mode.country-uk .sgr-hww-badge,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-badge,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-badge,
body.sgr-dark-theme.country-gb .sgr-hww-badge,
body.sgr-dark-theme.country-uk .sgr-hww-badge {
  background: rgba(37, 99, 235, 0.25) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-badge-step,
body.dark-mode[data-country="UK"] .sgr-hww-badge-step,
body.dark-mode.country-gb .sgr-hww-badge-step,
body.dark-mode.country-uk .sgr-hww-badge-step,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-badge-step,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-badge-step,
body.sgr-dark-theme.country-gb .sgr-hww-badge-step,
body.sgr-dark-theme.country-uk .sgr-hww-badge-step {
  color: #38bdf8 !important;
  font-weight: 800 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-icon-box,
body.dark-mode[data-country="UK"] .sgr-hww-icon-box,
body.dark-mode.country-gb .sgr-hww-icon-box,
body.dark-mode.country-uk .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-icon-box,
body.sgr-dark-theme.country-gb .sgr-hww-icon-box,
body.sgr-dark-theme.country-uk .sgr-hww-icon-box {
  background: rgba(56, 189, 248, 0.1) !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-icon-box i,
body.dark-mode[data-country="UK"] .sgr-hww-icon-box i,
body.dark-mode.country-gb .sgr-hww-icon-box i,
body.dark-mode.country-uk .sgr-hww-icon-box i,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-icon-box i,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-icon-box i,
body.sgr-dark-theme.country-gb .sgr-hww-icon-box i,
body.sgr-dark-theme.country-uk .sgr-hww-icon-box i,
body.dark-mode[data-country="GB"] .sgr-hww-icon-box svg,
body.dark-mode[data-country="UK"] .sgr-hww-icon-box svg,
body.dark-mode.country-gb .sgr-hww-icon-box svg,
body.dark-mode.country-uk .sgr-hww-icon-box svg,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-icon-box svg,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-icon-box svg,
body.sgr-dark-theme.country-gb .sgr-hww-icon-box svg,
body.sgr-dark-theme.country-uk .sgr-hww-icon-box svg {
  color: #38bdf8 !important;
  fill: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box,
body.dark-mode[data-country="UK"] .sgr-hww-card:hover .sgr-hww-icon-box,
body.dark-mode.country-gb .sgr-hww-card:hover .sgr-hww-icon-box,
body.dark-mode.country-uk .sgr-hww-card:hover .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card:hover .sgr-hww-icon-box,
body.sgr-dark-theme.country-gb .sgr-hww-card:hover .sgr-hww-icon-box,
body.sgr-dark-theme.country-uk .sgr-hww-card:hover .sgr-hww-icon-box {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box i,
body.dark-mode[data-country="UK"] .sgr-hww-card:hover .sgr-hww-icon-box i,
body.dark-mode.country-gb .sgr-hww-card:hover .sgr-hww-icon-box i,
body.dark-mode.country-uk .sgr-hww-card:hover .sgr-hww-icon-box i,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card:hover .sgr-hww-icon-box i,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card:hover .sgr-hww-icon-box i,
body.sgr-dark-theme.country-gb .sgr-hww-card:hover .sgr-hww-icon-box i,
body.sgr-dark-theme.country-uk .sgr-hww-card:hover .sgr-hww-icon-box i {
  color: #060b18 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card-title,
body.dark-mode[data-country="UK"] .sgr-hww-card-title,
body.dark-mode.country-gb .sgr-hww-card-title,
body.dark-mode.country-uk .sgr-hww-card-title,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card-title,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card-title,
body.sgr-dark-theme.country-gb .sgr-hww-card-title,
body.sgr-dark-theme.country-uk .sgr-hww-card-title,
body.dark-mode[data-country="GB"] .sgr-hww-title,
body.dark-mode[data-country="UK"] .sgr-hww-title,
body.dark-mode.country-gb .sgr-hww-title,
body.dark-mode.country-uk .sgr-hww-title,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-title,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-title,
body.sgr-dark-theme.country-gb .sgr-hww-title,
body.sgr-dark-theme.country-uk .sgr-hww-title {
  color: #ffffff !important;
  font-weight: 800 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-card-desc,
body.dark-mode[data-country="UK"] .sgr-hww-card-desc,
body.dark-mode.country-gb .sgr-hww-card-desc,
body.dark-mode.country-uk .sgr-hww-card-desc,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-card-desc,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-card-desc,
body.sgr-dark-theme.country-gb .sgr-hww-card-desc,
body.sgr-dark-theme.country-uk .sgr-hww-card-desc,
body.dark-mode[data-country="GB"] .sgr-hww-desc,
body.dark-mode[data-country="UK"] .sgr-hww-desc,
body.dark-mode.country-gb .sgr-hww-desc,
body.dark-mode.country-uk .sgr-hww-desc,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-desc,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-desc,
body.sgr-dark-theme.country-gb .sgr-hww-desc,
body.sgr-dark-theme.country-uk .sgr-hww-desc {
  color: #cbd5e1 !important;
  line-height: 1.65 !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-bottom,
body.dark-mode[data-country="UK"] .sgr-hww-bottom,
body.dark-mode.country-gb .sgr-hww-bottom,
body.dark-mode.country-uk .sgr-hww-bottom,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-bottom,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-bottom,
body.sgr-dark-theme.country-gb .sgr-hww-bottom,
body.sgr-dark-theme.country-uk .sgr-hww-bottom {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-bottom-text h3,
body.dark-mode[data-country="UK"] .sgr-hww-bottom-text h3,
body.dark-mode.country-gb .sgr-hww-bottom-text h3,
body.dark-mode.country-uk .sgr-hww-bottom-text h3,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-bottom-text h3,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-bottom-text h3,
body.sgr-dark-theme.country-gb .sgr-hww-bottom-text h3,
body.sgr-dark-theme.country-uk .sgr-hww-bottom-text h3 {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-hww-bottom-text p,
body.dark-mode[data-country="UK"] .sgr-hww-bottom-text p,
body.dark-mode.country-gb .sgr-hww-bottom-text p,
body.dark-mode.country-uk .sgr-hww-bottom-text p,
body.sgr-dark-theme[data-country="GB"] .sgr-hww-bottom-text p,
body.sgr-dark-theme[data-country="UK"] .sgr-hww-bottom-text p,
body.sgr-dark-theme.country-gb .sgr-hww-bottom-text p,
body.sgr-dark-theme.country-uk .sgr-hww-bottom-text p {
  color: #94a3b8 !important;
}

/* 7. UK Capabilities / Services in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-srv-wrap,
body.dark-mode[data-country="UK"] .sgr-srv-wrap,
body.dark-mode.country-gb .sgr-srv-wrap,
body.dark-mode.country-uk .sgr-srv-wrap,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-wrap,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-wrap,
body.sgr-dark-theme.country-gb .sgr-srv-wrap,
body.sgr-dark-theme.country-uk .sgr-srv-wrap {
  background: #060b18 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-wrap::before,
body.dark-mode[data-country="UK"] .sgr-srv-wrap::before,
body.dark-mode.country-gb .sgr-srv-wrap::before,
body.dark-mode.country-uk .sgr-srv-wrap::before,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-wrap::before,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-wrap::before,
body.sgr-dark-theme.country-gb .sgr-srv-wrap::before,
body.sgr-dark-theme.country-uk .sgr-srv-wrap::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
  z-index: 1 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-heading,
body.dark-mode[data-country="UK"] .sgr-srv-heading,
body.dark-mode.country-gb .sgr-srv-heading,
body.dark-mode.country-uk .sgr-srv-heading,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-heading,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-heading,
body.sgr-dark-theme.country-gb .sgr-srv-heading,
body.sgr-dark-theme.country-uk .sgr-srv-heading {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-heading span,
body.dark-mode[data-country="UK"] .sgr-srv-heading span,
body.dark-mode.country-gb .sgr-srv-heading span,
body.dark-mode.country-uk .sgr-srv-heading span,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-heading span,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-heading span,
body.sgr-dark-theme.country-gb .sgr-srv-heading span,
body.sgr-dark-theme.country-uk .sgr-srv-heading span {
  background: linear-gradient(135deg, #38bdf8 0%, #60a5fa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-sub,
body.dark-mode[data-country="UK"] .sgr-srv-sub,
body.dark-mode.country-gb .sgr-srv-sub,
body.dark-mode.country-uk .sgr-srv-sub,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-sub,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-sub,
body.sgr-dark-theme.country-gb .sgr-srv-sub,
body.sgr-dark-theme.country-uk .sgr-srv-sub {
  color: #94a3b8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-card,
body.dark-mode[data-country="UK"] .sgr-srv-card,
body.dark-mode.country-gb .sgr-srv-card,
body.dark-mode.country-uk .sgr-srv-card,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card,
body.sgr-dark-theme.country-gb .sgr-srv-card,
body.sgr-dark-theme.country-uk .sgr-srv-card {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
  border-radius: 16px !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-card:hover,
body.dark-mode[data-country="UK"] .sgr-srv-card:hover,
body.dark-mode.country-gb .sgr-srv-card:hover,
body.dark-mode.country-uk .sgr-srv-card:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card:hover,
body.sgr-dark-theme.country-gb .sgr-srv-card:hover,
body.sgr-dark-theme.country-uk .sgr-srv-card:hover {
  background: #132247 !important;
  border-color: #38bdf8 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px rgba(56, 189, 248, 0.18) !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-icon,
body.dark-mode[data-country="UK"] .sgr-srv-icon,
body.dark-mode.country-gb .sgr-srv-icon,
body.dark-mode.country-uk .sgr-srv-icon,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-icon,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-icon,
body.sgr-dark-theme.country-gb .sgr-srv-icon,
body.sgr-dark-theme.country-uk .sgr-srv-icon {
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-icon i,
body.dark-mode[data-country="UK"] .sgr-srv-icon i,
body.dark-mode.country-gb .sgr-srv-icon i,
body.dark-mode.country-uk .sgr-srv-icon i,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-icon i,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-icon i,
body.sgr-dark-theme.country-gb .sgr-srv-icon i,
body.sgr-dark-theme.country-uk .sgr-srv-icon i {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-card:hover .sgr-srv-icon,
body.dark-mode[data-country="UK"] .sgr-srv-card:hover .sgr-srv-icon,
body.dark-mode.country-gb .sgr-srv-card:hover .sgr-srv-icon,
body.dark-mode.country-uk .sgr-srv-card:hover .sgr-srv-icon,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card:hover .sgr-srv-icon,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card:hover .sgr-srv-icon,
body.sgr-dark-theme.country-gb .sgr-srv-card:hover .sgr-srv-icon,
body.sgr-dark-theme.country-uk .sgr-srv-card:hover .sgr-srv-icon {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-card:hover .sgr-srv-icon i,
body.dark-mode[data-country="UK"] .sgr-srv-card:hover .sgr-srv-icon i,
body.dark-mode.country-gb .sgr-srv-card:hover .sgr-srv-icon i,
body.dark-mode.country-uk .sgr-srv-card:hover .sgr-srv-icon i,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card:hover .sgr-srv-icon i,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card:hover .sgr-srv-icon i,
body.sgr-dark-theme.country-gb .sgr-srv-card:hover .sgr-srv-icon i,
body.sgr-dark-theme.country-uk .sgr-srv-card:hover .sgr-srv-icon i {
  color: #060b18 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-badge,
body.dark-mode[data-country="UK"] .sgr-srv-badge,
body.dark-mode.country-gb .sgr-srv-badge,
body.dark-mode.country-uk .sgr-srv-badge,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-badge,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-badge,
body.sgr-dark-theme.country-gb .sgr-srv-badge,
body.sgr-dark-theme.country-uk .sgr-srv-badge {
  background: rgba(37, 99, 235, 0.25) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-title,
body.dark-mode[data-country="UK"] .sgr-srv-title,
body.dark-mode.country-gb .sgr-srv-title,
body.dark-mode.country-uk .sgr-srv-title,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-title,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-title,
body.sgr-dark-theme.country-gb .sgr-srv-title,
body.sgr-dark-theme.country-uk .sgr-srv-title,
body.dark-mode[data-country="GB"] .sgr-srv-title a,
body.dark-mode[data-country="UK"] .sgr-srv-title a,
body.dark-mode.country-gb .sgr-srv-title a,
body.dark-mode.country-uk .sgr-srv-title a,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-title a,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-title a,
body.sgr-dark-theme.country-gb .sgr-srv-title a,
body.sgr-dark-theme.country-uk .sgr-srv-title a {
  color: #ffffff !important;
  font-weight: 800 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-card:hover .sgr-srv-title,
body.dark-mode[data-country="UK"] .sgr-srv-card:hover .sgr-srv-title,
body.dark-mode.country-gb .sgr-srv-card:hover .sgr-srv-title,
body.dark-mode.country-uk .sgr-srv-card:hover .sgr-srv-title,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card:hover .sgr-srv-title,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card:hover .sgr-srv-title,
body.sgr-dark-theme.country-gb .sgr-srv-card:hover .sgr-srv-title,
body.sgr-dark-theme.country-uk .sgr-srv-card:hover .sgr-srv-title,
body.dark-mode[data-country="GB"] .sgr-srv-card:hover .sgr-srv-title a,
body.dark-mode[data-country="UK"] .sgr-srv-card:hover .sgr-srv-title a,
body.dark-mode.country-gb .sgr-srv-card:hover .sgr-srv-title a,
body.dark-mode.country-uk .sgr-srv-card:hover .sgr-srv-title a,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-card:hover .sgr-srv-title a,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-card:hover .sgr-srv-title a,
body.sgr-dark-theme.country-gb .sgr-srv-card:hover .sgr-srv-title a,
body.sgr-dark-theme.country-uk .sgr-srv-card:hover .sgr-srv-title a {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-desc,
body.dark-mode[data-country="UK"] .sgr-srv-desc,
body.dark-mode.country-gb .sgr-srv-desc,
body.dark-mode.country-uk .sgr-srv-desc,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-desc,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-desc,
body.sgr-dark-theme.country-gb .sgr-srv-desc,
body.sgr-dark-theme.country-uk .sgr-srv-desc {
  color: #cbd5e1 !important;
  line-height: 1.65 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-tag,
body.dark-mode[data-country="UK"] .sgr-srv-tag,
body.dark-mode.country-gb .sgr-srv-tag,
body.dark-mode.country-uk .sgr-srv-tag,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-tag,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-tag,
body.sgr-dark-theme.country-gb .sgr-srv-tag,
body.sgr-dark-theme.country-uk .sgr-srv-tag {
  background: #060b18 !important;
  border: 1px solid rgba(56, 189, 248, 0.18) !important;
  color: #cbd5e1 !important;
  border-radius: 6px !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-tag i,
body.dark-mode[data-country="UK"] .sgr-srv-tag i,
body.dark-mode.country-gb .sgr-srv-tag i,
body.dark-mode.country-uk .sgr-srv-tag i,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-tag i,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-tag i,
body.sgr-dark-theme.country-gb .sgr-srv-tag i,
body.sgr-dark-theme.country-uk .sgr-srv-tag i {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-link,
body.dark-mode[data-country="UK"] .sgr-srv-link,
body.dark-mode.country-gb .sgr-srv-link,
body.dark-mode.country-uk .sgr-srv-link,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-link,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-link,
body.sgr-dark-theme.country-gb .sgr-srv-link,
body.sgr-dark-theme.country-uk .sgr-srv-link {
  color: #38bdf8 !important;
  font-weight: 700 !important;
}
body.dark-mode[data-country="GB"] .sgr-srv-link:hover,
body.dark-mode[data-country="UK"] .sgr-srv-link:hover,
body.dark-mode.country-gb .sgr-srv-link:hover,
body.dark-mode.country-uk .sgr-srv-link:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-srv-link:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-srv-link:hover,
body.sgr-dark-theme.country-gb .sgr-srv-link:hover,
body.sgr-dark-theme.country-uk .sgr-srv-link:hover {
  color: #7dd3fc !important;
}
body.dark-mode[data-country="GB"] .btn-explore-all-services,
body.dark-mode[data-country="UK"] .btn-explore-all-services,
body.dark-mode.country-gb .btn-explore-all-services,
body.dark-mode.country-uk .btn-explore-all-services,
body.sgr-dark-theme[data-country="GB"] .btn-explore-all-services,
body.sgr-dark-theme[data-country="UK"] .btn-explore-all-services,
body.sgr-dark-theme.country-gb .btn-explore-all-services,
body.sgr-dark-theme.country-uk .btn-explore-all-services {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .btn-explore-all-services:hover,
body.dark-mode[data-country="UK"] .btn-explore-all-services:hover,
body.dark-mode.country-gb .btn-explore-all-services:hover,
body.dark-mode.country-uk .btn-explore-all-services:hover,
body.sgr-dark-theme[data-country="GB"] .btn-explore-all-services:hover,
body.sgr-dark-theme[data-country="UK"] .btn-explore-all-services:hover,
body.sgr-dark-theme.country-gb .btn-explore-all-services:hover,
body.sgr-dark-theme.country-uk .btn-explore-all-services:hover {
  background: #38bdf8 !important;
  color: #060b18 !important;
  border-color: #38bdf8 !important;
}

/* 8. UK Industries / Key Sectors in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-ind-wrap,
body.dark-mode[data-country="UK"] .sgr-ind-wrap,
body.dark-mode.country-gb .sgr-ind-wrap,
body.dark-mode.country-uk .sgr-ind-wrap,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-wrap,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-wrap,
body.sgr-dark-theme.country-gb .sgr-ind-wrap,
body.sgr-dark-theme.country-uk .sgr-ind-wrap {
  background: #091024 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-wrap::before,
body.dark-mode[data-country="UK"] .sgr-ind-wrap::before,
body.dark-mode.country-gb .sgr-ind-wrap::before,
body.dark-mode.country-uk .sgr-ind-wrap::before,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-wrap::before,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-wrap::before,
body.sgr-dark-theme.country-gb .sgr-ind-wrap::before,
body.sgr-dark-theme.country-uk .sgr-ind-wrap::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
  z-index: 1 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-glow-1,
body.dark-mode[data-country="UK"] .sgr-ind-glow-1,
body.dark-mode.country-gb .sgr-ind-glow-1,
body.dark-mode.country-uk .sgr-ind-glow-1,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-glow-1,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-glow-1,
body.sgr-dark-theme.country-gb .sgr-ind-glow-1,
body.sgr-dark-theme.country-uk .sgr-ind-glow-1,
body.dark-mode[data-country="GB"] .sgr-ind-glow-2,
body.dark-mode[data-country="UK"] .sgr-ind-glow-2,
body.dark-mode.country-gb .sgr-ind-glow-2,
body.dark-mode.country-uk .sgr-ind-glow-2,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-glow-2,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-glow-2,
body.sgr-dark-theme.country-gb .sgr-ind-glow-2,
body.sgr-dark-theme.country-uk .sgr-ind-glow-2 {
  opacity: 0.1 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-eyebrow,
body.dark-mode[data-country="UK"] .sgr-ind-eyebrow,
body.dark-mode.country-gb .sgr-ind-eyebrow,
body.dark-mode.country-uk .sgr-ind-eyebrow,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-eyebrow,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-eyebrow,
body.sgr-dark-theme.country-gb .sgr-ind-eyebrow,
body.sgr-dark-theme.country-uk .sgr-ind-eyebrow {
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: #38bdf8 !important;
  box-shadow: 0 4px 15px rgba(56, 189, 248, 0.1) !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-eyebrow-dot,
body.dark-mode[data-country="UK"] .sgr-ind-eyebrow-dot,
body.dark-mode.country-gb .sgr-ind-eyebrow-dot,
body.dark-mode.country-uk .sgr-ind-eyebrow-dot,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-eyebrow-dot,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-eyebrow-dot,
body.sgr-dark-theme.country-gb .sgr-ind-eyebrow-dot,
body.sgr-dark-theme.country-uk .sgr-ind-eyebrow-dot {
  background: #38bdf8 !important;
  box-shadow: 0 0 10px #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-heading,
body.dark-mode[data-country="UK"] .sgr-ind-heading,
body.dark-mode.country-gb .sgr-ind-heading,
body.dark-mode.country-uk .sgr-ind-heading,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-heading,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-heading,
body.sgr-dark-theme.country-gb .sgr-ind-heading,
body.sgr-dark-theme.country-uk .sgr-ind-heading {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-heading span,
body.dark-mode[data-country="UK"] .sgr-ind-heading span,
body.dark-mode.country-gb .sgr-ind-heading span,
body.dark-mode.country-uk .sgr-ind-heading span,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-heading span,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-heading span,
body.sgr-dark-theme.country-gb .sgr-ind-heading span,
body.sgr-dark-theme.country-uk .sgr-ind-heading span {
  background: linear-gradient(135deg, #38bdf8 0%, #60a5fa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-sub,
body.dark-mode[data-country="UK"] .sgr-ind-sub,
body.dark-mode.country-gb .sgr-ind-sub,
body.dark-mode.country-uk .sgr-ind-sub,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-sub,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-sub,
body.sgr-dark-theme.country-gb .sgr-ind-sub,
body.sgr-dark-theme.country-uk .sgr-ind-sub {
  color: #94a3b8 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-card,
body.dark-mode[data-country="UK"] .sgr-ind-card,
body.dark-mode.country-gb .sgr-ind-card,
body.dark-mode.country-uk .sgr-ind-card,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-card,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-card,
body.sgr-dark-theme.country-gb .sgr-ind-card,
body.sgr-dark-theme.country-uk .sgr-ind-card {
  background: #0f1a36 !important;
  border: 1.5px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  border-radius: 20px !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-card:hover,
body.dark-mode[data-country="UK"] .sgr-ind-card:hover,
body.dark-mode.country-gb .sgr-ind-card:hover,
body.dark-mode.country-uk .sgr-ind-card:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-card:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-card:hover,
body.sgr-dark-theme.country-gb .sgr-ind-card:hover,
body.sgr-dark-theme.country-uk .sgr-ind-card:hover {
  background: #132247 !important;
  border-color: #38bdf8 !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 45px rgba(56, 189, 248, 0.2) !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-img-wrap,
body.dark-mode[data-country="UK"] .sgr-ind-img-wrap,
body.dark-mode.country-gb .sgr-ind-img-wrap,
body.dark-mode.country-uk .sgr-ind-img-wrap,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-img-wrap,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-img-wrap,
body.sgr-dark-theme.country-gb .sgr-ind-img-wrap,
body.sgr-dark-theme.country-uk .sgr-ind-img-wrap {
  background: #060b18 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-badge,
body.dark-mode[data-country="UK"] .sgr-ind-badge,
body.dark-mode.country-gb .sgr-ind-badge,
body.dark-mode.country-uk .sgr-ind-badge,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-badge,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-badge,
body.sgr-dark-theme.country-gb .sgr-ind-badge,
body.sgr-dark-theme.country-uk .sgr-ind-badge {
  background: rgba(6, 11, 24, 0.9) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-icon,
body.dark-mode[data-country="UK"] .sgr-ind-icon,
body.dark-mode.country-gb .sgr-ind-icon,
body.dark-mode.country-uk .sgr-ind-icon,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-icon,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-icon,
body.sgr-dark-theme.country-gb .sgr-ind-icon,
body.sgr-dark-theme.country-uk .sgr-ind-icon {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%) !important;
  box-shadow: 0 8px 20px rgba(6, 182, 212, 0.35) !important;
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-card h3,
body.dark-mode[data-country="UK"] .sgr-ind-card h3,
body.dark-mode.country-gb .sgr-ind-card h3,
body.dark-mode.country-uk .sgr-ind-card h3,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-card h3,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-card h3,
body.sgr-dark-theme.country-gb .sgr-ind-card h3,
body.sgr-dark-theme.country-uk .sgr-ind-card h3 {
  color: #ffffff !important;
  font-weight: 700 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-card:hover h3,
body.dark-mode[data-country="UK"] .sgr-ind-card:hover h3,
body.dark-mode.country-gb .sgr-ind-card:hover h3,
body.dark-mode.country-uk .sgr-ind-card:hover h3,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-card:hover h3,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-card:hover h3,
body.sgr-dark-theme.country-gb .sgr-ind-card:hover h3,
body.sgr-dark-theme.country-uk .sgr-ind-card:hover h3 {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-card p,
body.dark-mode[data-country="UK"] .sgr-ind-card p,
body.dark-mode.country-gb .sgr-ind-card p,
body.dark-mode.country-uk .sgr-ind-card p,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-card p,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-card p,
body.sgr-dark-theme.country-gb .sgr-ind-card p,
body.sgr-dark-theme.country-uk .sgr-ind-card p {
  color: #cbd5e1 !important;
  line-height: 1.65 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-pill,
body.dark-mode[data-country="UK"] .sgr-ind-pill,
body.dark-mode.country-gb .sgr-ind-pill,
body.dark-mode.country-uk .sgr-ind-pill,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-pill,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-pill,
body.sgr-dark-theme.country-gb .sgr-ind-pill,
body.sgr-dark-theme.country-uk .sgr-ind-pill {
  background: #060b18 !important;
  border: 1px solid rgba(56, 189, 248, 0.18) !important;
  color: #cbd5e1 !important;
  border-radius: 12px !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-pill i,
body.dark-mode[data-country="UK"] .sgr-ind-pill i,
body.dark-mode.country-gb .sgr-ind-pill i,
body.dark-mode.country-uk .sgr-ind-pill i,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-pill i,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-pill i,
body.sgr-dark-theme.country-gb .sgr-ind-pill i,
body.sgr-dark-theme.country-uk .sgr-ind-pill i {
  color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-view-all-btn,
body.dark-mode[data-country="UK"] .sgr-ind-view-all-btn,
body.dark-mode.country-gb .sgr-ind-view-all-btn,
body.dark-mode.country-uk .sgr-ind-view-all-btn,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-view-all-btn,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-view-all-btn,
body.sgr-dark-theme.country-gb .sgr-ind-view-all-btn,
body.sgr-dark-theme.country-uk .sgr-ind-view-all-btn {
  background: linear-gradient(135deg, #2563eb 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35) !important;
}
body.dark-mode[data-country="GB"] .sgr-ind-view-all-btn:hover,
body.dark-mode[data-country="UK"] .sgr-ind-view-all-btn:hover,
body.dark-mode.country-gb .sgr-ind-view-all-btn:hover,
body.dark-mode.country-uk .sgr-ind-view-all-btn:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-ind-view-all-btn:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-ind-view-all-btn:hover,
body.sgr-dark-theme.country-gb .sgr-ind-view-all-btn:hover,
body.sgr-dark-theme.country-uk .sgr-ind-view-all-btn:hover {
  box-shadow: 0 14px 35px rgba(56, 189, 248, 0.4) !important;
  color: #ffffff !important;
}

/* 9. UK Testimonials in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-testi,
body.dark-mode[data-country="UK"] .sgr-testi,
body.dark-mode.country-gb .sgr-testi,
body.dark-mode.country-uk .sgr-testi,
body.sgr-dark-theme[data-country="GB"] .sgr-testi,
body.sgr-dark-theme[data-country="UK"] .sgr-testi,
body.sgr-dark-theme.country-gb .sgr-testi,
body.sgr-dark-theme.country-uk .sgr-testi {
  background: #060b18 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-testi::before,
body.dark-mode[data-country="UK"] .sgr-testi::before,
body.dark-mode.country-gb .sgr-testi::before,
body.dark-mode.country-uk .sgr-testi::before,
body.sgr-dark-theme[data-country="GB"] .sgr-testi::before,
body.sgr-dark-theme[data-country="UK"] .sgr-testi::before,
body.sgr-dark-theme.country-gb .sgr-testi::before,
body.sgr-dark-theme.country-uk .sgr-testi::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
}
body.dark-mode[data-country="GB"] .sgr-testi-card,
body.dark-mode[data-country="UK"] .sgr-testi-card,
body.dark-mode.country-gb .sgr-testi-card,
body.dark-mode.country-uk .sgr-testi-card,
body.sgr-dark-theme[data-country="GB"] .sgr-testi-card,
body.sgr-dark-theme[data-country="UK"] .sgr-testi-card,
body.sgr-dark-theme.country-gb .sgr-testi-card,
body.sgr-dark-theme.country-uk .sgr-testi-card {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
body.dark-mode[data-country="GB"] .sgr-testi-card:hover,
body.dark-mode[data-country="UK"] .sgr-testi-card:hover,
body.dark-mode.country-gb .sgr-testi-card:hover,
body.dark-mode.country-uk .sgr-testi-card:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-testi-card:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-testi-card:hover,
body.sgr-dark-theme.country-gb .sgr-testi-card:hover,
body.sgr-dark-theme.country-uk .sgr-testi-card:hover {
  border-color: #38bdf8 !important;
}
body.dark-mode[data-country="GB"] .sgr-testi-text,
body.dark-mode[data-country="UK"] .sgr-testi-text,
body.dark-mode.country-gb .sgr-testi-text,
body.dark-mode.country-uk .sgr-testi-text,
body.sgr-dark-theme[data-country="GB"] .sgr-testi-text,
body.sgr-dark-theme[data-country="UK"] .sgr-testi-text,
body.sgr-dark-theme.country-gb .sgr-testi-text,
body.sgr-dark-theme.country-uk .sgr-testi-text {
  color: #cbd5e1 !important;
}
body.dark-mode[data-country="GB"] .sgr-testi-name,
body.dark-mode[data-country="UK"] .sgr-testi-name,
body.dark-mode.country-gb .sgr-testi-name,
body.dark-mode.country-uk .sgr-testi-name,
body.sgr-dark-theme[data-country="GB"] .sgr-testi-name,
body.sgr-dark-theme[data-country="UK"] .sgr-testi-name,
body.sgr-dark-theme.country-gb .sgr-testi-name,
body.sgr-dark-theme.country-uk .sgr-testi-name {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-testi-verified,
body.dark-mode[data-country="UK"] .sgr-testi-verified,
body.dark-mode.country-gb .sgr-testi-verified,
body.dark-mode.country-uk .sgr-testi-verified,
body.sgr-dark-theme[data-country="GB"] .sgr-testi-verified,
body.sgr-dark-theme[data-country="UK"] .sgr-testi-verified,
body.sgr-dark-theme.country-gb .sgr-testi-verified,
body.sgr-dark-theme.country-uk .sgr-testi-verified {
  background: rgba(37, 99, 235, 0.25) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
}

/* 8. UK Portfolio & Case Studies in Dark Mode */
body.dark-mode[data-country="GB"] .sgr-port-card,
body.dark-mode[data-country="GB"] .cs-card,
body.dark-mode[data-country="UK"] .sgr-port-card,
body.dark-mode[data-country="UK"] .cs-card,
body.dark-mode.country-gb .sgr-port-card,
body.dark-mode.country-gb .cs-card,
body.dark-mode.country-uk .sgr-port-card,
body.dark-mode.country-uk .cs-card,
body.sgr-dark-theme[data-country="GB"] .sgr-port-card,
body.sgr-dark-theme[data-country="GB"] .cs-card,
body.sgr-dark-theme[data-country="UK"] .sgr-port-card,
body.sgr-dark-theme[data-country="UK"] .cs-card,
body.sgr-dark-theme.country-gb .sgr-port-card,
body.sgr-dark-theme.country-gb .cs-card,
body.sgr-dark-theme.country-uk .sgr-port-card,
body.sgr-dark-theme.country-uk .cs-card {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
body.dark-mode[data-country="GB"] .sgr-port-card:hover,
body.dark-mode[data-country="GB"] .cs-card:hover,
body.dark-mode[data-country="UK"] .sgr-port-card:hover,
body.dark-mode[data-country="UK"] .cs-card:hover,
body.dark-mode.country-gb .sgr-port-card:hover,
body.dark-mode.country-gb .cs-card:hover,
body.dark-mode.country-uk .sgr-port-card:hover,
body.dark-mode.country-uk .cs-card:hover,
body.sgr-dark-theme[data-country="GB"] .sgr-port-card:hover,
body.sgr-dark-theme[data-country="GB"] .cs-card:hover,
body.sgr-dark-theme[data-country="UK"] .sgr-port-card:hover,
body.sgr-dark-theme[data-country="UK"] .cs-card:hover,
body.sgr-dark-theme.country-gb .sgr-port-card:hover,
body.sgr-dark-theme.country-gb .cs-card:hover,
body.sgr-dark-theme.country-uk .sgr-port-card:hover,
body.sgr-dark-theme.country-uk .cs-card:hover {
  border-color: #38bdf8 !important;
  box-shadow: 0 16px 32px rgba(56, 189, 248, 0.15) !important;
}
body.dark-mode[data-country="GB"] .sgr-port-title,
body.dark-mode[data-country="GB"] .cs-card-title,
body.dark-mode[data-country="UK"] .sgr-port-title,
body.dark-mode[data-country="UK"] .cs-card-title,
body.dark-mode.country-gb .sgr-port-title,
body.dark-mode.country-gb .cs-card-title,
body.dark-mode.country-uk .sgr-port-title,
body.dark-mode.country-uk .cs-card-title,
body.sgr-dark-theme[data-country="GB"] .sgr-port-title,
body.sgr-dark-theme[data-country="GB"] .cs-card-title,
body.sgr-dark-theme[data-country="UK"] .sgr-port-title,
body.sgr-dark-theme[data-country="UK"] .cs-card-title,
body.sgr-dark-theme.country-gb .sgr-port-title,
body.sgr-dark-theme.country-gb .cs-card-title,
body.sgr-dark-theme.country-uk .sgr-port-title,
body.sgr-dark-theme.country-uk .cs-card-title {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-port-stack-item,
body.dark-mode[data-country="GB"] .cs-tag,
body.dark-mode[data-country="UK"] .sgr-port-stack-item,
body.dark-mode[data-country="UK"] .cs-tag,
body.dark-mode.country-gb .sgr-port-stack-item,
body.dark-mode.country-gb .cs-tag,
body.dark-mode.country-uk .sgr-port-stack-item,
body.dark-mode.country-uk .cs-tag,
body.sgr-dark-theme[data-country="GB"] .sgr-port-stack-item,
body.sgr-dark-theme[data-country="GB"] .cs-tag,
body.sgr-dark-theme[data-country="UK"] .sgr-port-stack-item,
body.sgr-dark-theme[data-country="UK"] .cs-tag,
body.sgr-dark-theme.country-gb .sgr-port-stack-item,
body.sgr-dark-theme.country-gb .cs-tag,
body.sgr-dark-theme.country-uk .sgr-port-stack-item,
body.sgr-dark-theme.country-uk .cs-tag {
  background: rgba(37, 99, 235, 0.2) !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  color: #cbd5e1 !important;
}

/* 9. UK Contact CTA in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .sgr-contact-section,
body.dark-mode[data-country="UK"] .sgr-contact-section,
body.dark-mode.country-gb .sgr-contact-section,
body.dark-mode.country-uk .sgr-contact-section,
body.sgr-dark-theme[data-country="GB"] .sgr-contact-section,
body.sgr-dark-theme[data-country="UK"] .sgr-contact-section,
body.sgr-dark-theme.country-gb .sgr-contact-section,
body.sgr-dark-theme.country-uk .sgr-contact-section {
  background: #091024 !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .sgr-contact-section::before,
body.dark-mode[data-country="UK"] .sgr-contact-section::before,
body.dark-mode.country-gb .sgr-contact-section::before,
body.dark-mode.country-uk .sgr-contact-section::before,
body.sgr-dark-theme[data-country="GB"] .sgr-contact-section::before,
body.sgr-dark-theme[data-country="UK"] .sgr-contact-section::before,
body.sgr-dark-theme.country-gb .sgr-contact-section::before,
body.sgr-dark-theme.country-uk .sgr-contact-section::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.8 !important;
}
body.dark-mode[data-country="GB"] .sgr-form-wrapper,
body.dark-mode[data-country="GB"] .sgr-panel,
body.dark-mode[data-country="UK"] .sgr-form-wrapper,
body.dark-mode[data-country="UK"] .sgr-panel,
body.dark-mode.country-gb .sgr-form-wrapper,
body.dark-mode.country-gb .sgr-panel,
body.dark-mode.country-uk .sgr-form-wrapper,
body.dark-mode.country-uk .sgr-panel,
body.sgr-dark-theme[data-country="GB"] .sgr-form-wrapper,
body.sgr-dark-theme[data-country="GB"] .sgr-panel,
body.sgr-dark-theme[data-country="UK"] .sgr-form-wrapper,
body.sgr-dark-theme[data-country="UK"] .sgr-panel,
body.sgr-dark-theme.country-gb .sgr-form-wrapper,
body.sgr-dark-theme.country-gb .sgr-panel,
body.sgr-dark-theme.country-uk .sgr-form-wrapper,
body.sgr-dark-theme.country-uk .sgr-panel {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
}
body.dark-mode[data-country="GB"] .sgr-top-gradient-strip,
body.dark-mode[data-country="UK"] .sgr-top-gradient-strip,
body.dark-mode.country-gb .sgr-top-gradient-strip,
body.dark-mode.country-uk .sgr-top-gradient-strip,
body.sgr-dark-theme[data-country="GB"] .sgr-top-gradient-strip,
body.sgr-dark-theme[data-country="UK"] .sgr-top-gradient-strip,
body.sgr-dark-theme.country-gb .sgr-top-gradient-strip,
body.sgr-dark-theme.country-uk .sgr-top-gradient-strip {
  background: linear-gradient(90deg, #1d4ed8, #38bdf8) !important;
}
body.dark-mode[data-country="GB"] .sgr-form-inner,
body.dark-mode[data-country="UK"] .sgr-form-inner,
body.dark-mode.country-gb .sgr-form-inner,
body.dark-mode.country-uk .sgr-form-inner,
body.sgr-dark-theme[data-country="GB"] .sgr-form-inner,
body.sgr-dark-theme[data-country="UK"] .sgr-form-inner,
body.sgr-dark-theme.country-gb .sgr-form-inner,
body.sgr-dark-theme.country-uk .sgr-form-inner {
  color: #cbd5e1 !important;
}
body.dark-mode[data-country="GB"] .sgr-form-header h3,
body.dark-mode[data-country="UK"] .sgr-form-header h3,
body.dark-mode.country-gb .sgr-form-header h3,
body.dark-mode.country-uk .sgr-form-header h3,
body.sgr-dark-theme[data-country="GB"] .sgr-form-header h3,
body.sgr-dark-theme[data-country="UK"] .sgr-form-header h3,
body.sgr-dark-theme.country-gb .sgr-form-header h3,
body.sgr-dark-theme.country-uk .sgr-form-header h3 {
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-input,
body.dark-mode[data-country="UK"] .sgr-input,
body.dark-mode.country-gb .sgr-input,
body.dark-mode.country-uk .sgr-input,
body.sgr-dark-theme[data-country="GB"] .sgr-input,
body.sgr-dark-theme[data-country="UK"] .sgr-input,
body.sgr-dark-theme.country-gb .sgr-input,
body.sgr-dark-theme.country-uk .sgr-input {
  background: #060b18 !important;
  border: 1.5px solid rgba(56, 189, 248, 0.25) !important;
  color: #ffffff !important;
}
body.dark-mode[data-country="GB"] .sgr-input:focus,
body.dark-mode[data-country="UK"] .sgr-input:focus,
body.dark-mode.country-gb .sgr-input:focus,
body.dark-mode.country-uk .sgr-input:focus,
body.sgr-dark-theme[data-country="GB"] .sgr-input:focus,
body.sgr-dark-theme[data-country="UK"] .sgr-input:focus,
body.sgr-dark-theme.country-gb .sgr-input:focus,
body.sgr-dark-theme.country-uk .sgr-input:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.25) !important;
}
body.dark-mode[data-country="GB"] .sgr-card,
body.dark-mode[data-country="UK"] .sgr-card,
body.dark-mode.country-gb .sgr-card,
body.dark-mode.country-uk .sgr-card,
body.sgr-dark-theme[data-country="GB"] .sgr-card,
body.sgr-dark-theme[data-country="UK"] .sgr-card,
body.sgr-dark-theme.country-gb .sgr-card,
body.sgr-dark-theme.country-uk .sgr-card {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
}
body.dark-mode[data-country="GB"] .sgr-card p,
body.dark-mode[data-country="GB"] .sgr-link,
body.dark-mode[data-country="UK"] .sgr-card p,
body.dark-mode[data-country="UK"] .sgr-link,
body.dark-mode.country-gb .sgr-card p,
body.dark-mode.country-gb .sgr-link,
body.dark-mode.country-uk .sgr-card p,
body.dark-mode.country-uk .sgr-link,
body.sgr-dark-theme[data-country="GB"] .sgr-card p,
body.sgr-dark-theme[data-country="GB"] .sgr-link,
body.sgr-dark-theme[data-country="UK"] .sgr-card p,
body.sgr-dark-theme[data-country="UK"] .sgr-link,
body.sgr-dark-theme.country-gb .sgr-card p,
body.sgr-dark-theme.country-gb .sgr-link,
body.sgr-dark-theme.country-uk .sgr-card p,
body.sgr-dark-theme.country-uk .sgr-link {
  color: #ffffff !important;
}

/* 10. UK Footer in Dark Mode: Dark Blue + 40px Box Grid Mesh */
body.dark-mode[data-country="GB"] .footer,
body.dark-mode[data-country="UK"] .footer,
body.dark-mode.country-gb .footer,
body.dark-mode.country-uk .footer,
body.sgr-dark-theme[data-country="GB"] .footer,
body.sgr-dark-theme[data-country="UK"] .footer,
body.sgr-dark-theme.country-gb .footer,
body.sgr-dark-theme.country-uk .footer {
  background: #060b18 !important;
  border-top: 1px solid rgba(56, 189, 248, 0.18) !important;
  position: relative !important;
}
body.dark-mode[data-country="GB"] .footer::before,
body.dark-mode[data-country="UK"] .footer::before,
body.dark-mode.country-gb .footer::before,
body.dark-mode.country-uk .footer::before,
body.sgr-dark-theme[data-country="GB"] .footer::before,
body.sgr-dark-theme[data-country="UK"] .footer::before,
body.sgr-dark-theme.country-gb .footer::before,
body.sgr-dark-theme.country-uk .footer::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.08) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
}
body.dark-mode[data-country="GB"] .footer-bottom,
body.dark-mode[data-country="UK"] .footer-bottom,
body.dark-mode.country-gb .footer-bottom,
body.dark-mode.country-uk .footer-bottom,
body.sgr-dark-theme[data-country="GB"] .footer-bottom,
body.sgr-dark-theme[data-country="UK"] .footer-bottom,
body.sgr-dark-theme.country-gb .footer-bottom,
body.sgr-dark-theme.country-uk .footer-bottom {
  background: #040813 !important;
  border-top: 1px solid rgba(56, 189, 248, 0.12) !important;
}


/* ==========================================================================
   UK (GB) RESPONSIVE — TABLET & PHONE MEDIA QUERIES
   ========================================================================== */

/* ── Tablet: max-width 1024px ──────────────────────────────────────────── */
@media (max-width: 1024px) {
  /* Hero — scale globe down */
  body[data-country="GB"] .hero-right,
  body[data-country="UK"] .hero-right,
  body.country-gb .hero-right,
  body.country-uk .hero-right {
    width: 460px !important;
    height: 460px !important;
    right: -80px !important;
    top: 55% !important;
    opacity: 0.6 !important;
  }

  /* Why Choose — ensure 2-col stat grid on tablet */
  body[data-country="GB"] .sgr-why-inner,
  body[data-country="UK"] .sgr-why-inner,
  body.country-gb .sgr-why-inner,
  body.country-uk .sgr-why-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }

  /* Process — 2-col grid (already default, reinforce for UK) */
  body[data-country="GB"] .sgr-hww-grid,
  body[data-country="UK"] .sgr-hww-grid,
  body.country-gb .sgr-hww-grid,
  body.country-uk .sgr-hww-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }

  /* Industries — 2-col on tablet */
  body[data-country="GB"] .sgr-ind-grid,
  body[data-country="UK"] .sgr-ind-grid,
  body.country-gb .sgr-ind-grid,
  body.country-uk .sgr-ind-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* ── Navbar Mobile Drawer: max-width 991.98px ──────────────────────────── */
@media (max-width: 991.98px) {

  /* UK Light Mode — white drawer */
  body[data-country="GB"] .sgr-navbar-header .navbar-collapse,
  body[data-country="UK"] .sgr-navbar-header .navbar-collapse,
  body.country-gb .sgr-navbar-header .navbar-collapse,
  body.country-uk .sgr-navbar-header .navbar-collapse {
    background: #ffffff !important;
    border-right: 2px solid #e2e8f0 !important;
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.12) !important;
  }

  body[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link,
  body[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.country-gb .sgr-navbar-header .navbar-collapse .nav-link,
  body.country-uk .sgr-navbar-header .navbar-collapse .nav-link {
    color: #0f172a !important;
  }

  body[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.country-gb .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.country-uk .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #1d4ed8 !important;
  }

  /* UK Dark Mode — dark blue drawer with box-grid mesh */
  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-collapse,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-collapse,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-collapse,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-collapse {
    background: #0a1226 !important;
    border-right: 2px solid rgba(56, 189, 248, 0.25) !important;
    box-shadow: 4px 0 32px rgba(0, 0, 0, 0.55) !important;
    background-image:
      linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
  }

  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-collapse .nav-link,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-collapse .nav-link {
    color: #e2e8f0 !important;
  }

  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #38bdf8 !important;
  }

  /* Dark mode mobile dropdown menus */
  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-collapse .dropdown-menu {
    background: #091024 !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
  }

  /* Close / toggler button in dark mode */
  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-toggler,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-toggler,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-toggler,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-toggler {
    border-color: rgba(56, 189, 248, 0.4) !important;
    color: #38bdf8 !important;
  }

  body.dark-mode[data-country="GB"] .sgr-navbar-header .navbar-toggler-icon,
  body.dark-mode[data-country="UK"] .sgr-navbar-header .navbar-toggler-icon,
  body.dark-mode.country-gb .sgr-navbar-header .navbar-toggler-icon,
  body.dark-mode.country-uk .sgr-navbar-header .navbar-toggler-icon,
  body.sgr-dark-theme[data-country="GB"] .sgr-navbar-header .navbar-toggler-icon,
  body.sgr-dark-theme[data-country="UK"] .sgr-navbar-header .navbar-toggler-icon,
  body.sgr-dark-theme.country-gb .sgr-navbar-header .navbar-toggler-icon,
  body.sgr-dark-theme.country-uk .sgr-navbar-header .navbar-toggler-icon {
    filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg) !important;
  }

  /* Mobile drawer header area */
  body.dark-mode[data-country="GB"] .sgr-mobile-drawer-header,
  body.dark-mode[data-country="UK"] .sgr-mobile-drawer-header,
  body.dark-mode.country-gb .sgr-mobile-drawer-header,
  body.dark-mode.country-uk .sgr-mobile-drawer-header,
  body.sgr-dark-theme[data-country="GB"] .sgr-mobile-drawer-header,
  body.sgr-dark-theme[data-country="UK"] .sgr-mobile-drawer-header,
  body.sgr-dark-theme.country-gb .sgr-mobile-drawer-header,
  body.sgr-dark-theme.country-uk .sgr-mobile-drawer-header {
    background: #060b18 !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
  }
}

/* ── Phone: max-width 768px ────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Prevent horizontal scroll */
  body[data-country="GB"] .sgr-hero,
  body[data-country="UK"] .sgr-hero,
  body.country-gb .sgr-hero,
  body.country-uk .sgr-hero {
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 18%, rgba(37, 99, 235, 0.09) 0%, transparent 65%), #ffffff !important;
    padding: 34px 18px 42px !important;
    text-align: center !important;
  }

  /* Hero globe — small, watermark-style */
  body[data-country="GB"] .hero-right,
  body[data-country="UK"] .hero-right,
  body.country-gb .hero-right,
  body.country-uk .hero-right {
    width: 320px !important;
    height: 320px !important;
    right: -60px !important;
    top: 58% !important;
    opacity: 0.22 !important;
    pointer-events: none !important;
  }

  /* Hero left — full width, centered */
  body[data-country="GB"] .hero-left,
  body[data-country="UK"] .hero-left,
  body.country-gb .hero-left,
  body.country-uk .hero-left {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    z-index: 2 !important;
    position: relative !important;
  }

  body[data-country="GB"] .eyebrow,
  body[data-country="UK"] .eyebrow,
  body.country-gb .eyebrow,
  body.country-uk .eyebrow {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(37, 99, 235, 0.28) !important;
    border-radius: 50px !important;
    color: #1e3a8a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    padding: 6px 16px !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.08) !important;
    margin-bottom: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-country="GB"] .eyebrow-dot,
  body[data-country="UK"] .eyebrow-dot,
  body.country-gb .eyebrow-dot,
  body.country-uk .eyebrow-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #2563eb !important;
    box-shadow: 0 0 10px rgba(37, 99, 235, 0.8) !important;
  }

  body[data-country="GB"] .hero h1,
  body[data-country="UK"] .hero h1,
  body.country-gb .hero h1,
  body.country-uk .hero h1 {
    font-size: clamp(28px, 7.5vw, 35px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.03em !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    margin-bottom: 12px !important;
  }

  body[data-country="GB"] .hero h1 .blue,
  body[data-country="UK"] .hero h1 .blue,
  body.country-gb .hero h1 .blue,
  body.country-uk .hero h1 .blue {
    background: linear-gradient(135deg, #1e40af 0%, #0284c7 60%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  body[data-country="GB"] .hero-desc,
  body[data-country="UK"] .hero-desc,
  body.country-gb .hero-desc,
  body.country-uk .hero-desc {
    font-size: 14px !important;
    line-height: 1.62 !important;
    color: #475569 !important;
    max-width: 92% !important;
    margin: 0 auto 16px auto !important;
  }

  body[data-country="GB"] .cert-badge,
  body[data-country="UK"] .cert-badge,
  body.country-gb .cert-badge,
  body.country-uk .cert-badge {
    border-radius: 50px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
    height: 38px !important;
    padding: 0 16px !important;
    margin: 0 auto 14px auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="GB"] .cert-badge img,
  body[data-country="UK"] .cert-badge img,
  body.country-gb .cert-badge img,
  body.country-uk .cert-badge img {
    height: 22px !important;
    max-height: 22px !important;
  }

  body[data-country="GB"] .hero-btns,
  body[data-country="UK"] .hero-btns,
  body.country-gb .hero-btns,
  body.country-uk .hero-btns {
    width: 100% !important;
    max-width: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }

  body[data-country="GB"] .hero-btns .btn-primary,
  body[data-country="UK"] .hero-btns .btn-primary,
  body.country-gb .hero-btns .btn-primary,
  body.country-uk .hero-btns .btn-primary {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25), 0 0 14px rgba(37, 99, 235, 0.2) !important;
    height: 48px !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 24px !important;
  }

  body[data-country="GB"] .hero-btns .btn-outline,
  body[data-country="UK"] .hero-btns .btn-outline,
  body.country-gb .hero-btns .btn-outline,
  body.country-uk .hero-btns .btn-outline {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 50px !important;
    color: #0f172a !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    height: 44px !important;
    width: 100% !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
  }

  /* Why Choose — stack to single column */
  body[data-country="GB"] .sgr-why-inner,
  body[data-country="UK"] .sgr-why-inner,
  body.country-gb .sgr-why-inner,
  body.country-uk .sgr-why-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body[data-country="GB"] .sgr-why-right,
  body[data-country="UK"] .sgr-why-right,
  body.country-gb .sgr-why-right,
  body.country-uk .sgr-why-right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  /* Process — single column */
  body[data-country="GB"] .sgr-hww-grid,
  body[data-country="UK"] .sgr-hww-grid,
  body.country-gb .sgr-hww-grid,
  body.country-uk .sgr-hww-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Industries — 2-col on phone (wide enough) */
  body[data-country="GB"] .sgr-ind-grid,
  body[data-country="UK"] .sgr-ind-grid,
  body.country-gb .sgr-ind-grid,
  body.country-uk .sgr-ind-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  body[data-country="GB"] .sgr-ind-card,
  body[data-country="UK"] .sgr-ind-card,
  body.country-gb .sgr-ind-card,
  body.country-uk .sgr-ind-card {
    min-height: unset !important;
  }

  body[data-country="GB"] .sgr-ind-card img,
  body[data-country="UK"] .sgr-ind-card img,
  body.country-gb .sgr-ind-card img,
  body.country-uk .sgr-ind-card img {
    height: 160px !important;
    object-fit: cover !important;
  }

  /* Services cards — reduce padding */
  body[data-country="GB"] .sgr-srv-card,
  body[data-country="UK"] .sgr-srv-card,
  body.country-gb .sgr-srv-card,
  body.country-uk .sgr-srv-card {
    padding: 20px 16px !important;
  }

  /* Explore all services button — full width */
  body[data-country="GB"] .btn-explore-all-services,
  body[data-country="UK"] .btn-explore-all-services,
  body.country-gb .btn-explore-all-services,
  body.country-uk .btn-explore-all-services {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Testimonials — center stat row */
  body[data-country="GB"] .sgr-testi .row,
  body[data-country="UK"] .sgr-testi .row,
  body.country-gb .sgr-testi .row,
  body.country-uk .sgr-testi .row {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Contact form — stacked layout */
  body[data-country="GB"] .sgr-form-wrapper,
  body[data-country="UK"] .sgr-form-wrapper,
  body.country-gb .sgr-form-wrapper,
  body.country-uk .sgr-form-wrapper {
    padding: 24px 16px !important;
  }

  /* Footer — responsive 2-column mobile layout */
  body[data-country="GB"] .footer .col-lg-4,
  body[data-country="UK"] .footer .col-lg-4,
  body.country-gb .footer .col-lg-4,
  body.country-uk .footer .col-lg-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  body[data-country="GB"] .footer .footer-menu-col,
  body[data-country="UK"] .footer .footer-menu-col,
  body.country-gb .footer .footer-menu-col,
  body.country-uk .footer .footer-menu-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 18px !important;
  }

  body[data-country="GB"] .footer-links a,
  body[data-country="UK"] .footer-links a,
  body.country-gb .footer-links a,
  body.country-uk .footer-links a {
    min-height: unset !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 3px 0 !important;
  }

  body[data-country="GB"] .footer-bottom,
  body[data-country="UK"] .footer-bottom,
  body.country-gb .footer-bottom,
  body.country-uk .footer-bottom {
    padding-bottom: 80px !important;
    text-align: center !important;
  }
}

/* ── Small Phone: max-width 480px ──────────────────────────────────────── */
@media (max-width: 480px) {
  /* Globe — tiny watermark */
  body[data-country="GB"] .hero-right,
  body[data-country="UK"] .hero-right,
  body.country-gb .hero-right,
  body.country-uk .hero-right {
    width: 270px !important;
    height: 270px !important;
    right: -50px !important;
    opacity: 0.18 !important;
    pointer-events: none !important;
  }

  /* Why Choose stat grid — 2 cards per row & centered */
  body[data-country="GB"] .sgr-why-right,
  body[data-country="UK"] .sgr-why-right,
  body.country-gb .sgr-why-right,
  body.country-uk .sgr-why-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  body[data-country="GB"] .sgr-why-stat,
  body[data-country="UK"] .sgr-why-stat,
  body.country-gb .sgr-why-stat,
  body.country-uk .sgr-why-stat {
    padding: 16px 10px 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  body[data-country="GB"] .sgr-why-stat-icon,
  body[data-country="UK"] .sgr-why-stat-icon,
  body.country-gb .sgr-why-stat-icon,
  body.country-uk .sgr-why-stat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 10px !important;
    margin: 0 auto 10px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="GB"] .sgr-why-stat-num,
  body[data-country="UK"] .sgr-why-stat-num,
  body.country-gb .sgr-why-stat-num,
  body.country-uk .sgr-why-stat-num {
    font-size: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    line-height: 1.15 !important;
    width: 100% !important;
  }

  body[data-country="GB"] .sgr-why-stat-label,
  body[data-country="UK"] .sgr-why-stat-label,
  body.country-gb .sgr-why-stat-label,
  body.country-uk .sgr-why-stat-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.35 !important;
    letter-spacing: 0.04em !important;
    width: 100% !important;
  }

  /* Industries — 1-col on very small phones */
  body[data-country="GB"] .sgr-ind-grid,
  body[data-country="UK"] .sgr-ind-grid,
  body.country-gb .sgr-ind-grid,
  body.country-uk .sgr-ind-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Hero buttons — full-width stack */
  body[data-country="GB"] .hero-btns .btn,
  body[data-country="UK"] .hero-btns .btn,
  body.country-gb .hero-btns .btn,
  body.country-uk .hero-btns .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Section paddings — tighter on small phones */
  body[data-country="GB"] .sgr-why-wrap,
  body[data-country="UK"] .sgr-why-wrap,
  body.country-gb .sgr-why-wrap,
  body.country-uk .sgr-why-wrap,
  body[data-country="GB"] .sgr-hww-wrap,
  body[data-country="UK"] .sgr-hww-wrap,
  body.country-gb .sgr-hww-wrap,
  body.country-uk .sgr-hww-wrap,
  body[data-country="GB"] .sgr-srv-wrap,
  body[data-country="UK"] .sgr-srv-wrap,
  body.country-gb .sgr-srv-wrap,
  body.country-uk .sgr-srv-wrap,
  body[data-country="GB"] .sgr-ind-wrap,
  body[data-country="UK"] .sgr-ind-wrap,
  body.country-gb .sgr-ind-wrap,
  body.country-uk .sgr-ind-wrap {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* Clean footer links on phone */
  body[data-country="GB"] .footer-links a,
  body[data-country="UK"] .footer-links a,
  body.country-gb .footer-links a,
  body.country-uk .footer-links a {
    min-height: unset !important;
    font-size: 13px !important;
    padding: 3px 0 !important;
    line-height: 1.4 !important;
  }
}

/* ==========================================================================
   2. CANADA (CA) — CANADIAN CRIMSON & DARK SLATE (BOLD & VIBRANT TECH)
   Design Language:
   - Iconic Canadian Maple Crimson (#e11d48 / #be123c) + Bright Coral (#ff4d6d)
   - Deepest Slate/Ink Typography (#0f172a, #1e293b) — Ultra-sharp, zero dullness
   - Crisp Pure White (#ffffff) & Fresh Ice (#f8fafc / #fff5f6) backgrounds
   - Bold high-contrast cards with ruby glow accents & vibrant CTAs
   - Inspired by: Shopify, ApplyBoard, Arc'teryx, Canadian Tech Unicorns
   ========================================================================== */

/* --- Base Tokens & Global Overrides for Canada --- */
body[data-country="CA"],
body.country-ca {
  --ca-crimson: #e11d48;
  --ca-crimson-dark: #be123c;
  --ca-coral: #ff4d6d;
  --ca-crimson-soft: #fff1f2;
  --ca-crimson-tint: #ffe4e6;
  --ca-slate: #0f172a;
  --ca-slate-dark: #020617;
  --ca-text: #1e293b;
  --ca-muted: #475569;
  --ca-border: #fecdd3;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme),
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) {
  background-color: #ffffff !important;
  color: #1e293b !important;
}

/* Global utility overrides for Canada */
body[data-country="CA"] .text-primary,
body.country-ca .text-primary {
  color: #e11d48 !important;
}

body[data-country="CA"] .bg-primary,
body.country-ca .bg-primary {
  background-color: #e11d48 !important;
}

body[data-country="CA"] .bg-primary-subtle,
body.country-ca .bg-primary-subtle {
  background-color: #fff1f2 !important;
  color: #e11d48 !important;
  border-color: #fecdd3 !important;
}

body[data-country="CA"] .border-primary,
body.country-ca .border-primary {
  border-color: #e11d48 !important;
}

body[data-country="CA"] .btn-primary,
body.country-ca .btn-primary {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.35) !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  transition: all 0.3s ease !important;
}

body[data-country="CA"] .btn-primary:hover,
body.country-ca .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(225, 29, 72, 0.5) !important;
  color: #ffffff !important;
}

body[data-country="CA"] .btn-outline-primary,
body.country-ca .btn-outline-primary {
  border: 2px solid #e11d48 !important;
  color: #e11d48 !important;
  background: transparent !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .btn-outline-primary:hover,
body.country-ca .btn-outline-primary:hover {
  background: #e11d48 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.35) !important;
}

/* 1. Topbar — Canadian Maple Red / Crimson Theme */
body[data-country="CA"] .topbar,
body.country-ca .topbar {
  background: linear-gradient(135deg, #e11d48 0%, #dc2626 50%, #ff4d6d 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  padding: 7px 0 !important;
  font-size: 12.5px !important;
  color: #ffffff !important;
}

body.dark-mode[data-country="CA"] .topbar,
body.dark-mode.country-ca .topbar,
body.sgr-dark-theme[data-country="CA"] .topbar,
body.sgr-dark-theme.country-ca .topbar {
  background: linear-gradient(135deg, #be123c 0%, #e11d48 50%, #9f1239 100%) !important;
  border-bottom: 1px solid rgba(225, 29, 72, 0.4) !important;
}

body[data-country="CA"] .topbar a,
body.country-ca .topbar a,
body[data-country="CA"] .topbar .text-white,
body.country-ca .topbar .text-white {
  color: #ffffff !important;
}

body[data-country="CA"] .topbar .text-info,
body.country-ca .topbar .text-info {
  color: #ffffff !important;
  opacity: 0.95 !important;
}

/* Left Offcanvas Drawer Header & Elements in Canada Theme */
body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .offcanvas-header,
body.country-ca #sgrGlobalOfficesLeftDrawer .offcanvas-header {
  background: radial-gradient(circle at 85% 20%, rgba(255, 77, 109, 0.4) 0%, transparent 60%),
              linear-gradient(135deg, #4c0519 0%, #881337 45%, #e11d48 100%) !important;
}

/* Ensure Header Title & Subtitle Stay Pure White & Sharp */
body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-title,
body[data-country="CA"] #sgrGlobalOfficesLeftDrawer #sgrGlobalOfficesLeftDrawerLabel,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-title,
body.country-ca #sgrGlobalOfficesLeftDrawer #sgrGlobalOfficesLeftDrawerLabel {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-sub,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-sub {
  color: rgba(255, 255, 255, 0.92) !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-shield,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-header-shield {
  color: #ffe4e6 !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-badge-net,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-badge-net {
  color: #ffffff !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-close-btn,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-close-btn {
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .sgr-drawer-close-btn:hover,
body.country-ca #sgrGlobalOfficesLeftDrawer .sgr-drawer-close-btn:hover {
  background: rgba(255, 255, 255, 0.32) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Canada Left Drawer Angled Cut Blade & Node Accents (Matches Canadian Red) */
body[data-country="CA"] .sgr-drawer-slash-glow-line,
body.country-ca .sgr-drawer-slash-glow-line {
  stroke: url(#sgrSlashGlowBladeCA) !important;
}

body[data-country="CA"] .sgr-drawer-slash-node-circle,
body.country-ca .sgr-drawer-slash-node-circle {
  fill: #ff4d6d !important;
}

body[data-country="CA"] .sgr-drawer-slash-node-poly,
body.country-ca .sgr-drawer-slash-node-poly {
  fill: #ff758f !important;
}

/* Drawer Sub-header */
body[data-country="CA"] .sgr-drawer-sub-header,
body[data-country="CA"] .sgr-drawer-sub-header span,
body.country-ca .sgr-drawer-sub-header,
body.country-ca .sgr-drawer-sub-header span {
  color: #64748b !important;
}

body[data-country="CA"] .sgr-drawer-sub-header i,
body.country-ca .sgr-drawer-sub-header i,
body[data-country="CA"] .sgr-drawer-sub-tap,
body.country-ca .sgr-drawer-sub-tap {
  color: #e11d48 !important;
}

/* Office Cards in Canada Light Theme */
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-country-name,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-country-name {
  color: #0f172a !important;
  font-weight: 700 !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-city-text,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-city-text {
  color: #64748b !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-badge-code,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-badge-code {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-arrow-circle,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card .sgr-card-arrow-circle {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #94a3b8 !important;
}

/* Hover State on Office Cards (Canadian Ruby Red Hover) */
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover {
  background: #fff8f8 !important;
  border-color: #e11d48 !important;
  transform: translateX(4px) !important;
  box-shadow: 0 6px 18px rgba(225, 29, 72, 0.16) !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-country-name,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-country-name {
  color: #e11d48 !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-arrow-circle {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  border-color: #e11d48 !important;
  color: #ffffff !important;
  transform: translateX(3px) !important;
}

/* Active Canada Card in Canada Light Theme */
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active {
  background: #fff1f2 !important;
  border: 1.5px solid #e11d48 !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.2) !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-country-name,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-country-name {
  color: #e11d48 !important;
  font-weight: 800 !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-badge-code,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-badge-code {
  background: #e11d48 !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
}

body[data-country="CA"] .sgr-drawer-office-card.active .sgr-drawer-active-pill,
body.country-ca .sgr-drawer-office-card.active .sgr-drawer-active-pill {
  background: rgba(225, 29, 72, 0.12) !important;
  color: #e11d48 !important;
  border: 1px solid rgba(225, 29, 72, 0.3) !important;
}

body[data-country="CA"] .sgr-drawer-office-card.active .sgr-drawer-active-dot,
body.country-ca .sgr-drawer-office-card.active .sgr-drawer-active-dot {
  background: #e11d48 !important;
  box-shadow: 0 0 6px #e11d48 !important;
}

/* Support Box in Canada Drawer — Crystal Clear Readable */
body[data-country="CA"] .sgr-drawer-support-box,
body.country-ca .sgr-drawer-support-box {
  background: #fff8f8 !important;
  border: 1px solid #fecdd3 !important;
}

body[data-country="CA"] .sgr-drawer-support-link,
body[data-country="CA"] .sgr-drawer-support-link span,
body.country-ca .sgr-drawer-support-link,
body.country-ca .sgr-drawer-support-link span {
  color: #0f172a !important;
  font-weight: 700 !important;
}

body[data-country="CA"] .sgr-drawer-support-link:hover,
body[data-country="CA"] .sgr-drawer-support-link:hover span,
body.country-ca .sgr-drawer-support-link:hover,
body.country-ca .sgr-drawer-support-link:hover span {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-drawer-support-icon,
body.country-ca .sgr-drawer-support-icon {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-drawer-support-divider,
body.country-ca .sgr-drawer-support-divider {
  color: #cbd5e1 !important;
}

/* Consultation Button in Canada Drawer */
body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .btn.rounded-pill,
body.country-ca #sgrGlobalOfficesLeftDrawer .btn.rounded-pill {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.35) !important;
  color: #ffffff !important;
  border: none !important;
}

body[data-country="CA"] #sgrGlobalOfficesLeftDrawer .btn.rounded-pill:hover,
body.country-ca #sgrGlobalOfficesLeftDrawer .btn.rounded-pill:hover {
  background: linear-gradient(135deg, #be123c 0%, #e11d48 100%) !important;
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* Topbar Global Offices Button in Canada */
body[data-country="CA"] #globalOfficesToggleBtn,
body.country-ca #globalOfficesToggleBtn {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

body[data-country="CA"] #globalOfficesToggleBtn:hover,
body.country-ca #globalOfficesToggleBtn:hover {
  background: rgba(255, 255, 255, 0.32) !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
}

/* Ensure all text & contact icons inside Canada Topbar bar (excluding left drawer) stay bright white */
body[data-country="CA"] .topbar > .container a,
body.country-ca .topbar > .container a,
body[data-country="CA"] .topbar > .container span,
body.country-ca .topbar > .container span,
body[data-country="CA"] .topbar > .container i,
body.country-ca .topbar > .container i {
  color: #ffffff !important;
}

body[data-country="CA"] .topbar > .container a:hover,
body.country-ca .topbar > .container a:hover {
  color: #ffe4e6 !important;
}

/* Language selector button in Canada topbar */
body[data-country="CA"] #sgrLangTranslatorBtn,
body.country-ca #sgrLangTranslatorBtn,
body[data-country="CA"] #sgrLangTranslatorBtnMobile,
body.country-ca #sgrLangTranslatorBtnMobile {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
}

body[data-country="CA"] #sgrLangTranslatorBtn:hover,
body.country-ca #sgrLangTranslatorBtn:hover,
body[data-country="CA"] #sgrLangTranslatorBtnMobile:hover,
body.country-ca #sgrLangTranslatorBtnMobile:hover {
  background: rgba(255, 255, 255, 0.32) !important;
  border-color: #ffffff !important;
}

/* 2. Navbar — Crisp White with Crimson Brand Accent */
body[data-country="CA"] .sgr-navbar-header,
body.country-ca .sgr-navbar-header {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.15) !important;
  box-shadow: 0 4px 24px rgba(225, 29, 72, 0.08) !important;
}

body[data-country="CA"] #mainNav .navbar-nav .nav-link,
body.country-ca #mainNav .navbar-nav .nav-link {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  transition: all 0.25s ease !important;
}

body[data-country="CA"] #mainNav .navbar-nav .nav-link:hover,
body.country-ca #mainNav .navbar-nav .nav-link:hover {
  color: #e11d48 !important;
  background: #fff1f2 !important;
}

body[data-country="CA"] #mainNav .navbar-nav .nav-link.active,
body.country-ca #mainNav .navbar-nav .nav-link.active {
  color: #e11d48 !important;
  background: #ffe4e6 !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-navbar-header .dropdown-menu,
body.country-ca .sgr-navbar-header .dropdown-menu {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.18) !important;
  box-shadow: 0 16px 40px rgba(225, 29, 72, 0.12) !important;
  border-radius: 14px !important;
}

body[data-country="CA"] .sgr-navbar-header .dropdown-menu .dropdown-item,
body.country-ca .sgr-navbar-header .dropdown-menu .dropdown-item {
  color: #0f172a !important;
  font-weight: 600 !important;
}

body[data-country="CA"] .sgr-navbar-header .dropdown-menu .dropdown-item:hover,
body.country-ca .sgr-navbar-header .dropdown-menu .dropdown-item:hover {
  background: #fff1f2 !important;
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-navbar-header .btn-primary,
body[data-country="CA"] #mainNav .btn-primary,
body[data-country="CA"] .btn-quote,
body.country-ca .sgr-navbar-header .btn-primary,
body.country-ca #mainNav .btn-primary,
body.country-ca .btn-quote {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: none !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
  padding: 10px 24px !important;
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.35) !important;
}

body[data-country="CA"] .sgr-navbar-header .btn-primary:hover,
body[data-country="CA"] #mainNav .btn-primary:hover,
body[data-country="CA"] .btn-quote:hover,
body.country-ca .sgr-navbar-header .btn-primary:hover,
body.country-ca #mainNav .btn-primary:hover,
body.country-ca .btn-quote:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(225, 29, 72, 0.5) !important;
}

/* 3. Hero — Bright Stark White with Vibrant Crimson Glow & Cyber Mesh */
body[data-country="CA"] .sgr-hero,
body.country-ca .sgr-hero {
  background:
    radial-gradient(ellipse 75% 60% at 85% 15%, rgba(225, 29, 72, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse 55% 45% at 5% 90%, rgba(255, 77, 109, 0.08) 0%, transparent 55%),
    #ffffff !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 48px 5% 58px 5% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 30px !important;
}

body[data-country="CA"] .sgr-hero::before,
body.country-ca .sgr-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.05) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body[data-country="CA"] .hero-left,
body.country-ca .hero-left {
  max-width: 660px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 4 !important;
}

body[data-country="CA"] .eyebrow,
body.country-ca .eyebrow {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.35) !important;
  border-radius: 50px !important;
  color: #e11d48 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  padding: 7px 20px !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.15) !important;
}

body[data-country="CA"] .eyebrow-dot,
body.country-ca .eyebrow-dot {
  background: #e11d48 !important;
  box-shadow: 0 0 10px rgba(225, 29, 72, 0.9) !important;
}

body[data-country="CA"] .hero h1,
body.country-ca .hero h1 {
  color: #0f172a !important;
  font-weight: 850 !important;
  letter-spacing: -0.8px !important;
  line-height: 1.18 !important;
}

body[data-country="CA"] .hero h1 .blue,
body.country-ca .hero h1 .blue {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 60%, #be123c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .hero-desc,
body.country-ca .hero-desc {
  color: #334155 !important;
  font-size: 1.12rem !important;
  line-height: 1.75 !important;
  max-width: 640px !important;
  font-weight: 500 !important;
}

body[data-country="CA"] .cert-badge,
body.country-ca .cert-badge {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.1) !important;
}

body[data-country="CA"] .cert-badge i,
body.country-ca .cert-badge i {
  color: #e11d48 !important;
}

body[data-country="CA"] .hero-btns .btn-primary,
body[data-country="CA"] .hero .btn-primary,
body[data-country="CA"] .btn-primary,
body.country-ca .hero-btns .btn-primary,
body.country-ca .hero .btn-primary,
body.country-ca .btn-primary {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 14px 34px !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(225, 29, 72, 0.4) !important;
}

body[data-country="CA"] .hero-btns .btn-primary:hover,
body[data-country="CA"] .hero .btn-primary:hover,
body[data-country="CA"] .btn-primary:hover,
body.country-ca .hero-btns .btn-primary:hover,
body.country-ca .hero .btn-primary:hover,
body.country-ca .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 42px rgba(225, 29, 72, 0.55) !important;
}

body[data-country="CA"] .hero-btns .btn-outline,
body[data-country="CA"] .hero .btn-outline,
body[data-country="CA"] .btn-outline,
body.country-ca .hero-btns .btn-outline,
body.country-ca .hero .btn-outline,
body.country-ca .btn-outline {
  background: #ffffff !important;
  color: #e11d48 !important;
  border: 2px solid #e11d48 !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.1) !important;
}

body[data-country="CA"] .hero-btns .btn-outline:hover,
body.country-ca .hero-btns .btn-outline:hover {
  background: #fff1f2 !important;
  border-color: #be123c !important;
  color: #be123c !important;
}

/* Hero Globe */
body[data-country="CA"] .hero-right,
body.country-ca .hero-right {
  position: absolute !important;
  right: -50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 740px !important;
  height: 740px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  display: block !important;
}

body[data-country="CA"] canvas#globe,
body.country-ca canvas#globe {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
}

/* Hide orbit ring behind globe for Canada */
body[data-country="CA"] .cyber-orbit-ring,
body.country-ca .cyber-orbit-ring,
body[data-country="CA"] .cyber-orbit-ring.ring-2,
body.country-ca .cyber-orbit-ring.ring-2 {
  display: none !important;
}

/* 4. Why Choose SGR — Fresh Crisp Section with Bold Crimson Stats */
body[data-country="CA"] .sgr-why-wrap,
body.country-ca .sgr-why-wrap {
  background: #fff8f8 !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
  padding: 70px 0 60px !important;
}

body[data-country="CA"] .sgr-why-wrap::before,
body.country-ca .sgr-why-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.045) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-why-eyebrow,
body.country-ca .sgr-why-eyebrow {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(225, 29, 72, 0.12) !important;
}

body[data-country="CA"] .sgr-why-eyebrow-dot,
body.country-ca .sgr-why-eyebrow-dot {
  background: #e11d48 !important;
  box-shadow: 0 0 10px #e11d48 !important;
}

body[data-country="CA"] .sgr-why-left h2,
body[data-country="CA"] .sgr-why-wrap h2,
body[data-country="CA"] .sgr-why-heading,
body.country-ca .sgr-why-left h2,
body.country-ca .sgr-why-wrap h2,
body.country-ca .sgr-why-heading {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-why-heading span,
body.country-ca .sgr-why-heading span {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .sgr-why-wrap p,
body[data-country="CA"] .sgr-why-point,
body.country-ca .sgr-why-wrap p,
body.country-ca .sgr-why-point {
  color: #334155 !important;
  font-weight: 500 !important;
}

body[data-country="CA"] .sgr-why-point:hover,
body.country-ca .sgr-why-point:hover {
  border-color: #e11d48 !important;
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.12) !important;
}

body[data-country="CA"] .sgr-why-point-icon,
body.country-ca .sgr-why-point-icon {
  background: linear-gradient(135deg, #e11d48, #ff4d6d) !important;
  box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3) !important;
}

body[data-country="CA"] .sgr-why-stat,
body.country-ca .sgr-why-stat {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.18) !important;
  border-radius: 22px !important;
  padding: 34px 26px !important;
  box-shadow: 0 12px 35px rgba(225, 29, 72, 0.09), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

body[data-country="CA"] .sgr-why-stat::before,
body.country-ca .sgr-why-stat::before {
  height: 4px !important;
  background: linear-gradient(90deg, #e11d48, #ff4d6d) !important;
  border-radius: 22px 22px 0 0 !important;
}

body[data-country="CA"] .sgr-why-stat:hover,
body.country-ca .sgr-why-stat:hover {
  transform: translateY(-6px) !important;
  border-color: #e11d48 !important;
  box-shadow: 0 20px 48px rgba(225, 29, 72, 0.2) !important;
}

body[data-country="CA"] .sgr-why-stat-icon,
body.country-ca .sgr-why-stat-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  box-shadow: 0 8px 22px rgba(225, 29, 72, 0.35) !important;
}

body[data-country="CA"] .sgr-why-stat-num,
body.country-ca .sgr-why-stat-num {
  color: #e11d48 !important;
  font-size: 44px !important;
  font-weight: 850 !important;
  letter-spacing: -1px !important;
}

body[data-country="CA"] .sgr-why-stat-label,
body.country-ca .sgr-why-stat-label {
  color: #475569 !important;
  font-weight: 600 !important;
}

body[data-country="CA"] .sgr-why-btn,
body.country-ca .sgr-why-btn {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  border-radius: 50px !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.35) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-why-btn:hover .sgr-why-btn-badge svg,
body.country-ca .sgr-why-btn:hover .sgr-why-btn-badge svg {
  fill: #e11d48 !important;
}

/* 5. Process / How We Work — Pure White with Floating Elevated Cards */
body[data-country="CA"] .sgr-hww-wrap,
body.country-ca .sgr-hww-wrap {
  background: #ffffff !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
  padding: 70px 0 !important;
}

body[data-country="CA"] .sgr-hww-wrap::before,
body.country-ca .sgr-hww-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.04) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-hww-wrap h2,
body[data-country="CA"] .sgr-hww-heading,
body.country-ca .sgr-hww-wrap h2,
body.country-ca .sgr-hww-heading {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-hww-heading em,
body.country-ca .sgr-hww-heading em {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .sgr-hww-tag,
body.country-ca .sgr-hww-tag {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
  border-radius: 30px !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-hww-tag-dot,
body.country-ca .sgr-hww-tag-dot {
  background: #e11d48 !important;
  box-shadow: 0 0 8px #e11d48 !important;
}

body[data-country="CA"] .sgr-hww-wrap p,
body[data-country="CA"] .sgr-hww-sub,
body.country-ca .sgr-hww-wrap p,
body.country-ca .sgr-hww-sub {
  color: #475569 !important;
}

body[data-country="CA"] .sgr-hww-card,
body.country-ca .sgr-hww-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.15) !important;
  border-radius: 20px !important;
  padding: 32px 26px !important;
  box-shadow: 0 10px 30px rgba(225, 29, 72, 0.07), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body[data-country="CA"] .sgr-hww-card:hover,
body.country-ca .sgr-hww-card:hover {
  background: #fff8f8 !important;
  border-color: #e11d48 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 48px rgba(225, 29, 72, 0.18) !important;
}

body[data-country="CA"] .sgr-hww-card-title,
body.country-ca .sgr-hww-card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-hww-card-desc,
body.country-ca .sgr-hww-card-desc {
  color: #475569 !important;
  font-weight: 500 !important;
}

body[data-country="CA"] .sgr-hww-badge,
body.country-ca .sgr-hww-badge {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  border-radius: 50px !important;
}

body[data-country="CA"] .sgr-hww-badge-step,
body.country-ca .sgr-hww-badge-step {
  color: #e11d48 !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-hww-icon-box,
body.country-ca .sgr-hww-icon-box {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.25) !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.14) !important;
}

body[data-country="CA"] .sgr-hww-icon-box i,
body.country-ca .sgr-hww-icon-box i {
  color: #e11d48 !important;
}

/* 6. Capabilities & Services — Fresh Warm Contrast */
body[data-country="CA"] .sgr-srv-wrap,
body.country-ca .sgr-srv-wrap {
  background: #fff8f8 !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
  padding: 70px 0 !important;
}

body[data-country="CA"] .sgr-srv-wrap::before,
body.country-ca .sgr-srv-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.045) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-srv-wrap h2,
body[data-country="CA"] .sgr-srv-heading,
body.country-ca .sgr-srv-wrap h2,
body.country-ca .sgr-srv-heading {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-srv-heading span,
body.country-ca .sgr-srv-heading span {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .sgr-srv-wrap p,
body[data-country="CA"] .sgr-srv-sub,
body.country-ca .sgr-srv-wrap p,
body.country-ca .sgr-srv-sub {
  color: #475569 !important;
}

body[data-country="CA"] .sgr-srv-card,
body.country-ca .sgr-srv-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.14) !important;
  border-radius: 20px !important;
  padding: 34px 28px !important;
  box-shadow: 0 10px 30px rgba(225, 29, 72, 0.07), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body[data-country="CA"] .sgr-srv-card:hover,
body.country-ca .sgr-srv-card:hover {
  transform: translateY(-6px) !important;
  border-color: #e11d48 !important;
  box-shadow: 0 22px 48px rgba(225, 29, 72, 0.18) !important;
}

body[data-country="CA"] .sgr-srv-card:hover .sgr-srv-title,
body.country-ca .sgr-srv-card:hover .sgr-srv-title {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-srv-title,
body.country-ca .sgr-srv-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-srv-desc,
body.country-ca .sgr-srv-desc {
  color: #475569 !important;
  font-weight: 500 !important;
}

body[data-country="CA"] .sgr-srv-badge,
body.country-ca .sgr-srv-badge {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-srv-tag,
body.country-ca .sgr-srv-tag {
  border-radius: 50px !important;
  background: #fff1f2 !important;
  border: 1px solid rgba(225, 29, 72, 0.22) !important;
  color: #be123c !important;
  font-weight: 600 !important;
}

body[data-country="CA"] .sgr-srv-card:hover .sgr-srv-tag,
body.country-ca .sgr-srv-card:hover .sgr-srv-tag {
  background: #ffe4e6 !important;
  border-color: #fecdd3 !important;
  color: #9f1239 !important;
}

body[data-country="CA"] .sgr-srv-tag i,
body.country-ca .sgr-srv-tag i {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-srv-link,
body.country-ca .sgr-srv-link {
  color: #e11d48 !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-srv-link:hover,
body.country-ca .sgr-srv-link:hover {
  color: #be123c !important;
}

body[data-country="CA"] .sgr-srv-icon,
body.country-ca .sgr-srv-icon {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.25) !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.12) !important;
  color: #e11d48 !important;
}

body[data-country="CA"] .btn-explore-all-services,
body.country-ca .btn-explore-all-services {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.35) !important;
}

body[data-country="CA"] .btn-explore-all-services:hover,
body.country-ca .btn-explore-all-services:hover {
  box-shadow: 0 16px 42px rgba(225, 29, 72, 0.5) !important;
}

/* 7. Key Industries — Crisp White */
body[data-country="CA"] .sgr-ind-wrap,
body.country-ca .sgr-ind-wrap {
  background: #ffffff !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
}

body[data-country="CA"] .sgr-ind-wrap::before,
body.country-ca .sgr-ind-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.04) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-ind-wrap h2,
body[data-country="CA"] .sgr-ind-heading,
body.country-ca .sgr-ind-wrap h2,
body.country-ca .sgr-ind-heading {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-ind-heading span,
body.country-ca .sgr-ind-heading span {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .sgr-ind-eyebrow,
body.country-ca .sgr-ind-eyebrow {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-ind-eyebrow-dot,
body.country-ca .sgr-ind-eyebrow-dot {
  background: #e11d48 !important;
  box-shadow: 0 0 10px #e11d48 !important;
}

body[data-country="CA"] .sgr-ind-card,
body.country-ca .sgr-ind-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.15) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.07), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body[data-country="CA"] .sgr-ind-card::before,
body.country-ca .sgr-ind-card::before {
  background: linear-gradient(90deg, #e11d48, #ff4d6d) !important;
}

body[data-country="CA"] .sgr-ind-card:hover,
body.country-ca .sgr-ind-card:hover {
  border-color: #e11d48 !important;
  box-shadow: 0 22px 48px rgba(225, 29, 72, 0.18) !important;
  transform: translateY(-5px) !important;
}

body[data-country="CA"] .sgr-ind-icon,
body.country-ca .sgr-ind-icon {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.3) !important;
}

body[data-country="CA"] .sgr-ind-card h3,
body[data-country="CA"] .sgr-ind-card h4,
body[data-country="CA"] .sgr-ind-card h5,
body.country-ca .sgr-ind-card h3,
body.country-ca .sgr-ind-card h4,
body.country-ca .sgr-ind-card h5 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-ind-badge,
body.country-ca .sgr-ind-badge {
  background: #fff1f2 !important;
  color: #e11d48 !important;
  font-weight: 700 !important;
}

body[data-country="CA"] .sgr-ind-pill,
body.country-ca .sgr-ind-pill {
  background: #fff1f2 !important;
  border: 1px solid rgba(225, 29, 72, 0.25) !important;
  color: #be123c !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

body[data-country="CA"] .sgr-ind-pill i,
body.country-ca .sgr-ind-pill i {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-ind-view-all-btn,
body.country-ca .sgr-ind-view-all-btn {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.35) !important;
}

body[data-country="CA"] .sgr-ind-cta-banner,
body.country-ca .sgr-ind-cta-banner {
  background: linear-gradient(135deg, #be123c 0%, #e11d48 50%, #ff4d6d 100%) !important;
  box-shadow: 0 20px 50px rgba(225, 29, 72, 0.3) !important;
}

/* 8. Testimonials */
body[data-country="CA"] .sgr-testi,
body.country-ca .sgr-testi {
  background: #fff8f8 !important;
  border-bottom: 1.5px solid rgba(225, 29, 72, 0.12) !important;
  position: relative !important;
  --testi-bg: #fff8f8 !important;
  --testi-tag-bg: #fff1f2 !important;
  --testi-tag-border: rgba(225, 29, 72, 0.3) !important;
  --testi-tag-text: #e11d48 !important;
  --testi-stat-num: #e11d48 !important;
  --testi-stat-label: #475569 !important;
  --testi-card-bg: #ffffff !important;
  --testi-card-border: rgba(225, 29, 72, 0.16) !important;
  --testi-card-hover-border: #e11d48 !important;
  --testi-quote: rgba(225, 29, 72, 0.08) !important;
  --testi-text: #334155 !important;
  --testi-name: #0f172a !important;
  --testi-verified-bg: #fff1f2 !important;
  --testi-verified-border: rgba(225, 29, 72, 0.3) !important;
  --testi-verified-text: #e11d48 !important;
}

body[data-country="CA"] .sgr-testi::before,
body.country-ca .sgr-testi::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.045) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-testi h2,
body[data-country="CA"] .sgr-testi-heading,
body.country-ca .sgr-testi h2,
body.country-ca .sgr-testi-heading {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-testi-heading em,
body.country-ca .sgr-testi-heading em {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-country="CA"] .sgr-testi-tag,
body.country-ca .sgr-testi-tag {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-testi-tag span,
body.country-ca .sgr-testi-tag span {
  background: #e11d48 !important;
}

body[data-country="CA"] .sgr-testi-stat-num,
body.country-ca .sgr-testi-stat-num {
  color: #e11d48 !important;
}

body[data-country="CA"] .sgr-testi-card,
body.country-ca .sgr-testi-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.16) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 32px rgba(225, 29, 72, 0.08) !important;
}

body[data-country="CA"] .sgr-testi-card:hover,
body.country-ca .sgr-testi-card:hover {
  border-color: #e11d48 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 48px rgba(225, 29, 72, 0.18) !important;
}

body[data-country="CA"] .sgr-testi-text,
body.country-ca .sgr-testi-text {
  color: #334155 !important;
  font-weight: 500 !important;
}

body[data-country="CA"] .sgr-testi-name,
body.country-ca .sgr-testi-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-testi-verified,
body.country-ca .sgr-testi-verified {
  background: #fff1f2 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
  color: #e11d48 !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
}

/* 9. Portfolio / Case Studies */
body[data-country="CA"] .sgr-port-card,
body[data-country="CA"] .cs-card,
body.country-ca .sgr-port-card,
body.country-ca .cs-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.08) !important;
}

body[data-country="CA"] .sgr-port-card:hover,
body[data-country="CA"] .cs-card:hover,
body.country-ca .sgr-port-card:hover,
body.country-ca .cs-card:hover {
  border-color: #e11d48 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 48px rgba(225, 29, 72, 0.18) !important;
}

body[data-country="CA"] .sgr-port-title,
body[data-country="CA"] .cs-card-title,
body.country-ca .sgr-port-title,
body.country-ca .cs-card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .sgr-port-stack-item,
body[data-country="CA"] .cs-tag,
body.country-ca .sgr-port-stack-item,
body.country-ca .cs-tag {
  background: #fff1f2 !important;
  border: 1px solid rgba(225, 29, 72, 0.22) !important;
  color: #be123c !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* 10. Booking / Schedule A Meet */
body[data-country="CA"] .sgr-booking-card,
body.country-ca .sgr-booking-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 44px rgba(225, 29, 72, 0.09) !important;
}

/* 11. Contact and Form */
body[data-country="CA"] .sgr-contact-section,
body.country-ca .sgr-contact-section {
  background: #ffffff !important;
  position: relative !important;
}

body[data-country="CA"] .sgr-contact-section::before,
body.country-ca .sgr-contact-section::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.045) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
}

body[data-country="CA"] .sgr-form-wrapper,
body[data-country="CA"] .sgr-panel,
body.country-ca .sgr-form-wrapper,
body.country-ca .sgr-panel {
  background: #ffffff !important;
  border: 2px solid rgba(225, 29, 72, 0.2) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 55px rgba(225, 29, 72, 0.12) !important;
}

body[data-country="CA"] .sgr-top-gradient-strip,
body.country-ca .sgr-top-gradient-strip {
  background: linear-gradient(90deg, #e11d48 0%, #ff4d6d 100%) !important;
}

body[data-country="CA"] .sgr-form-header h3,
body.country-ca .sgr-form-header h3 {
  color: #0f172a !important;
  font-weight: 850 !important;
}

body[data-country="CA"] .sgr-form-inner,
body.country-ca .sgr-form-inner {
  color: #334155 !important;
}

body[data-country="CA"] .sgr-input,
body.country-ca .sgr-input {
  background: #fff8f8 !important;
  border: 1.5px solid rgba(225, 29, 72, 0.22) !important;
  border-radius: 14px !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

body[data-country="CA"] .sgr-input:focus,
body.country-ca .sgr-input:focus {
  border-color: #e11d48 !important;
  box-shadow: 0 0 0 3.5px rgba(225, 29, 72, 0.15) !important;
  background: #ffffff !important;
}

body[data-country="CA"] .sgr-card,
body.country-ca .sgr-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(225, 29, 72, 0.15) !important;
}

body[data-country="CA"] .sgr-card p,
body[data-country="CA"] .sgr-link,
body.country-ca .sgr-card p,
body.country-ca .sgr-link {
  color: #334155 !important;
}

body[data-country="CA"] #btnMainContactSubmit,
body[data-country="CA"] .sgr-btn-primary,
body[data-country="CA"] .sgr-btn-submit,
body[data-country="CA"] .btn-sgr-submit,
body.country-ca #btnMainContactSubmit,
body.country-ca .sgr-btn-primary,
body.country-ca .sgr-btn-submit,
body.country-ca .btn-sgr-submit {
  border-radius: 50px !important;
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  box-shadow: 0 10px 30px rgba(225, 29, 72, 0.38) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

body[data-country="CA"] #btnMainContactSubmit:hover,
body[data-country="CA"] .sgr-btn-primary:hover,
body[data-country="CA"] .sgr-btn-submit:hover,
body[data-country="CA"] .btn-sgr-submit:hover,
body.country-ca #btnMainContactSubmit:hover,
body.country-ca .sgr-btn-primary:hover,
body.country-ca .sgr-btn-submit:hover,
body.country-ca .btn-sgr-submit:hover {
  border-radius: 50px !important;
  background: linear-gradient(135deg, #be123c 0%, #e11d48 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 42px rgba(225, 29, 72, 0.5) !important;
}

/* 12. Footer — High-End Deep Slate with Crimson Ruby Highlights */
body[data-country="CA"] .footer,
body.country-ca .footer {
  background: #0f172a !important;
  border-top: none !important;
  position: relative !important;
}

body[data-country="CA"] .footer-top-accent-line,
body.country-ca .footer-top-accent-line {
  background: linear-gradient(90deg, #c8102e 0%, #dc2626 50%, #e11d48 100%) !important;
  height: 3px !important;
}

body[data-country="CA"] .footer-column-title::after,
body.country-ca .footer-column-title::after {
  background: #e11d48 !important;
}

body[data-country="CA"] .footer::before,
body.country-ca .footer::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(225, 29, 72, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 29, 72, 0.08) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
}

body[data-country="CA"] .footer-column-title,
body[data-country="CA"] .footer-title,
body.country-ca .footer-column-title,
body.country-ca .footer-title {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body[data-country="CA"] .footer-links a,
body[data-country="CA"] .footer-sublink,
body.country-ca .footer-links a,
body.country-ca .footer-sublink {
  color: #cbd5e1 !important;
}

body[data-country="CA"] .footer-logo-bg,
body.country-ca .footer-logo-bg {
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

body[data-country="CA"] .footer-contact-title,
body.country-ca .footer-contact-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body[data-country="CA"] .footer-contact-text,
body[data-country="CA"] .footer-contact-link,
body.country-ca .footer-contact-text,
body.country-ca .footer-contact-link {
  color: #cbd5e1 !important;
}

body[data-country="CA"] .footer-contact-link:hover,
body.country-ca .footer-contact-link:hover {
  color: #ff4d6d !important;
}

body[data-country="CA"] .footer-phone-link,
body.country-ca .footer-phone-link {
  color: #ffffff !important;
}

body[data-country="CA"] .footer-phone-link:hover,
body.country-ca .footer-phone-link:hover {
  color: #ff4d6d !important;
}

body[data-country="CA"] .footer-wa-badge,
body.country-ca .footer-wa-badge {
  background: rgba(22, 163, 74, 0.2) !important;
  color: #4ade80 !important;
  border-color: rgba(74, 222, 128, 0.4) !important;
}

body[data-country="CA"] .footer-column-title,
body.country-ca .footer-column-title {
  color: #ffffff !important;
}

body[data-country="CA"] .footer-links a:hover,
body.country-ca .footer-links a:hover {
  color: #ff4d6d !important;
}

body[data-country="CA"] .footer-contact-title i,
body.country-ca .footer-contact-title i {
  color: #ff4d6d !important;
}

body[data-country="CA"] .footer-bottom,
body.country-ca .footer-bottom {
  background: #090d16 !important;
  border-top: 1px solid rgba(225, 29, 72, 0.2) !important;
}

body[data-country="CA"] .footer-bottom-text,
body.country-ca .footer-bottom-text {
  color: #cbd5e1 !important;
}

body[data-country="CA"] .footer-company-name,
body.country-ca .footer-company-name {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 13. Sticky Brochure Tab & Chatbot Launcher */
body[data-country="CA"] .sgr-side-brochure-tab,
body.country-ca .sgr-side-brochure-tab {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.4) !important;
}

body[data-country="CA"] .sgr-chat-trigger,
body.country-ca .sgr-chat-trigger {
  background: linear-gradient(135deg, #0f172a 0%, #be123c 50%, #e11d48 100%) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 10px 35px rgba(225, 29, 72, 0.45), 0 0 0 6px rgba(225, 29, 72, 0.12) !important;
}

body[data-country="CA"] .sgr-chat-trigger:hover,
body.country-ca .sgr-chat-trigger:hover {
  box-shadow: 0 14px 40px rgba(225, 29, 72, 0.6), 0 0 0 8px rgba(225, 29, 72, 0.18) !important;
}

body[data-country="CA"] .sgr-chat-badge,
body.country-ca .sgr-chat-badge {
  background: #e11d48 !important;
}

body[data-country="CA"] .sgr-chat-header,
body.country-ca .sgr-chat-header {
  background: linear-gradient(135deg, #0f172a 0%, #be123c 55%, #e11d48 100%) !important;
}

body[data-country="CA"] .sgr-chat-send-btn,
body.country-ca .sgr-chat-send-btn {
  background: linear-gradient(135deg, #e11d48, #ff4d6d) !important;
}

/* Global text — Deep Slate/Ink on White (Light Mode Only) */
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) h1,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) h2,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) h3,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) h4,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) h5,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) h1,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) h2,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) h3,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) h4,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) h5 {
  color: #0f172a !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) p,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) p {
  color: #334155 !important;
}

/* Explicit Exception: Dark Cyber Banners (Team Hero, Page Banner) must stay crisp pure white */
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero h1,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero h1,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-page-banner h1,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-page-banner h1 {
  color: #ffffff !important;
}

body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero p,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero p,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero .hero-sub,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-team-page-hero .hero-sub,
body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-page-banner p,
body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-page-banner p {
  color: #f8fafc !important;
  opacity: 0.96 !important;
}

/* ==========================================================================
   CANADA (CA) FULL DARK MODE ENGINE — 100% IDENTICAL CYBER-TECH LOOK AS INDIA (IND)
   - Background: #060a14
   - Surface / Cards: rgba(15, 23, 42, 0.88) with cyber cyan borders rgba(56, 189, 248, 0.2)
   - Background grid mesh animation
   - Typography: #ffffff headings, #cbd5e1 / #94a3b8 text
   - Signature red/crimson accents preserved on active states and badges
   ========================================================================== */

body.dark-mode[data-country="CA"],
body.dark-mode.country-ca,
body.sgr-dark-theme[data-country="CA"],
body.sgr-dark-theme.country-ca,
html[data-theme="dark"] body[data-country="CA"],
html[data-theme="dark"] body.country-ca {
  background-color: #060a14 !important;
  color: #e2e8f0 !important;
}

/* Background Cyber Grid Mesh Animation Overlay for Canada Dark Mode */
body.dark-mode[data-country="CA"]::before,
body.dark-mode.country-ca::before,
body.sgr-dark-theme[data-country="CA"]::before,
body.sgr-dark-theme.country-ca::before,
html[data-theme="dark"] body[data-country="CA"]::before,
html[data-theme="dark"] body.country-ca::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: block !important;
  opacity: 1 !important;
}

/* Navbar in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-navbar-header,
body.dark-mode.country-ca .sgr-navbar-header,
body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header,
body.sgr-dark-theme.country-ca .sgr-navbar-header,
html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header,
html[data-theme="dark"] body.country-ca .sgr-navbar-header {
  background: rgba(6, 11, 24, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.18) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode[data-country="CA"] #mainNav .navbar-nav .nav-link,
body.dark-mode.country-ca #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme[data-country="CA"] #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme.country-ca #mainNav .navbar-nav .nav-link,
html[data-theme="dark"] body[data-country="CA"] #mainNav .navbar-nav .nav-link,
html[data-theme="dark"] body.country-ca #mainNav .navbar-nav .nav-link {
  color: #f1f5f9 !important;
  background: transparent !important;
}

body.dark-mode[data-country="CA"] #mainNav .navbar-nav .nav-link:hover,
body.dark-mode.country-ca #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme[data-country="CA"] #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme.country-ca #mainNav .navbar-nav .nav-link:hover,
html[data-theme="dark"] body[data-country="CA"] #mainNav .navbar-nav .nav-link:hover,
html[data-theme="dark"] body.country-ca #mainNav .navbar-nav .nav-link:hover {
  color: #ff4d6d !important;
  background: rgba(225, 29, 72, 0.15) !important;
}

body.dark-mode[data-country="CA"] #mainNav .navbar-nav .nav-link.active,
body.dark-mode.country-ca #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme[data-country="CA"] #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme.country-ca #mainNav .navbar-nav .nav-link.active,
html[data-theme="dark"] body[data-country="CA"] #mainNav .navbar-nav .nav-link.active,
html[data-theme="dark"] body.country-ca #mainNav .navbar-nav .nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(225, 29, 72, 0.3) 0%, rgba(255, 77, 109, 0.2) 100%) !important;
  box-shadow: 0 0 15px rgba(225, 29, 72, 0.25) !important;
}

/* Dropdowns in Canada Dark Mode */
body.dark-mode[data-country="CA"] .dropdown-menu,
body.dark-mode.country-ca .dropdown-menu,
body.sgr-dark-theme[data-country="CA"] .dropdown-menu,
body.sgr-dark-theme.country-ca .dropdown-menu,
html[data-theme="dark"] body[data-country="CA"] .dropdown-menu,
html[data-theme="dark"] body.country-ca .dropdown-menu {
  background: #0f1a36 !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode[data-country="CA"] .dropdown-item,
body.dark-mode.country-ca .dropdown-item,
body.sgr-dark-theme[data-country="CA"] .dropdown-item,
body.sgr-dark-theme.country-ca .dropdown-item,
html[data-theme="dark"] body[data-country="CA"] .dropdown-item,
html[data-theme="dark"] body.country-ca .dropdown-item {
  color: #cbd5e1 !important;
}

body.dark-mode[data-country="CA"] .dropdown-item:hover,
body.dark-mode[data-country="CA"] .dropdown-item.active,
body.dark-mode.country-ca .dropdown-item:hover,
body.dark-mode.country-ca .dropdown-item.active,
body.sgr-dark-theme[data-country="CA"] .dropdown-item:hover,
body.sgr-dark-theme[data-country="CA"] .dropdown-item.active,
body.sgr-dark-theme.country-ca .dropdown-item:hover,
body.sgr-dark-theme.country-ca .dropdown-item.active,
html[data-theme="dark"] body[data-country="CA"] .dropdown-item:hover,
html[data-theme="dark"] body[data-country="CA"] .dropdown-item.active,
html[data-theme="dark"] body.country-ca .dropdown-item:hover,
html[data-theme="dark"] body.country-ca .dropdown-item.active {
  background: rgba(225, 29, 72, 0.18) !important;
  color: #ff4d6d !important;
}

/* Headings in Canada Dark Mode */
body.dark-mode[data-country="CA"] h1,
body.dark-mode[data-country="CA"] h2,
body.dark-mode[data-country="CA"] h3,
body.dark-mode[data-country="CA"] h4,
body.dark-mode[data-country="CA"] h5,
body.dark-mode[data-country="CA"] h6,
body.dark-mode.country-ca h1,
body.dark-mode.country-ca h2,
body.dark-mode.country-ca h3,
body.dark-mode.country-ca h4,
body.dark-mode.country-ca h5,
body.dark-mode.country-ca h6,
body.sgr-dark-theme[data-country="CA"] h1,
body.sgr-dark-theme[data-country="CA"] h2,
body.sgr-dark-theme[data-country="CA"] h3,
body.sgr-dark-theme[data-country="CA"] h4,
body.sgr-dark-theme[data-country="CA"] h5,
body.sgr-dark-theme[data-country="CA"] h6,
body.sgr-dark-theme.country-ca h1,
body.sgr-dark-theme.country-ca h2,
body.sgr-dark-theme.country-ca h3,
body.sgr-dark-theme.country-ca h4,
body.sgr-dark-theme.country-ca h5,
body.sgr-dark-theme.country-ca h6,
html[data-theme="dark"] body[data-country="CA"] h1,
html[data-theme="dark"] body[data-country="CA"] h2,
html[data-theme="dark"] body[data-country="CA"] h3,
html[data-theme="dark"] body[data-country="CA"] h4,
html[data-theme="dark"] body[data-country="CA"] h5,
html[data-theme="dark"] body[data-country="CA"] h6,
html[data-theme="dark"] body.country-ca h1,
html[data-theme="dark"] body.country-ca h2,
html[data-theme="dark"] body.country-ca h3,
html[data-theme="dark"] body.country-ca h4,
html[data-theme="dark"] body.country-ca h5,
html[data-theme="dark"] body.country-ca h6,
body.dark-mode[data-country="CA"] .sgr-why-heading,
body.dark-mode[data-country="CA"] .sgr-hww-heading,
body.dark-mode[data-country="CA"] .sgr-srv-heading,
body.dark-mode[data-country="CA"] .sgr-ind-heading,
body.dark-mode[data-country="CA"] .sgr-testi-heading,
body.dark-mode[data-country="CA"] .sgr-port-title,
body.dark-mode[data-country="CA"] .cs-card-title,
body.dark-mode[data-country="CA"] .sgr-hww-card-title,
body.dark-mode[data-country="CA"] .sgr-srv-title,
body.dark-mode[data-country="CA"] .sgr-form-header h3,
body.dark-mode[data-country="CA"] .sgr-testi-name,
body.dark-mode[data-country="CA"] .hero h1,
body.sgr-dark-theme[data-country="CA"] .hero h1 {
  color: #ffffff !important;
}

/* Descriptions & Paragraphs in Canada Dark Mode */
body.dark-mode[data-country="CA"] p,
body.dark-mode.country-ca p,
body.sgr-dark-theme[data-country="CA"] p,
body.sgr-dark-theme.country-ca p,
html[data-theme="dark"] body[data-country="CA"] p,
html[data-theme="dark"] body.country-ca p,
body.dark-mode[data-country="CA"] .hero-desc,
body.dark-mode[data-country="CA"] .sgr-why-wrap p,
body.dark-mode[data-country="CA"] .sgr-why-point,
body.dark-mode[data-country="CA"] .sgr-hww-wrap p,
body.dark-mode[data-country="CA"] .sgr-hww-sub,
body.dark-mode[data-country="CA"] .sgr-hww-card-desc,
body.dark-mode[data-country="CA"] .sgr-srv-wrap p,
body.dark-mode[data-country="CA"] .sgr-srv-sub,
body.dark-mode[data-country="CA"] .sgr-srv-desc,
body.dark-mode[data-country="CA"] .sgr-ind-card p,
body.dark-mode[data-country="CA"] .sgr-testi-text,
body.dark-mode[data-country="CA"] .sgr-card p,
body.dark-mode[data-country="CA"] .sgr-link,
body.dark-mode[data-country="CA"] .sgr-form-inner,
body.dark-mode[data-country="CA"] .text-muted,
body.sgr-dark-theme[data-country="CA"] .hero-desc,
body.sgr-dark-theme[data-country="CA"] .sgr-why-wrap p,
body.sgr-dark-theme[data-country="CA"] .sgr-why-point,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-wrap p,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-sub,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-card-desc,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-wrap p,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-sub,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-desc,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-card p,
body.sgr-dark-theme[data-country="CA"] .sgr-testi-text,
body.sgr-dark-theme[data-country="CA"] .sgr-card p,
body.sgr-dark-theme[data-country="CA"] .sgr-link,
body.sgr-dark-theme[data-country="CA"] .sgr-form-inner,
body.sgr-dark-theme[data-country="CA"] .text-muted {
  color: #cbd5e1 !important;
}

/* Hero Section in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-hero,
body.dark-mode.country-ca .sgr-hero,
body.sgr-dark-theme[data-country="CA"] .sgr-hero,
body.sgr-dark-theme.country-ca .sgr-hero,
html[data-theme="dark"] body[data-country="CA"] .sgr-hero,
html[data-theme="dark"] body.country-ca .sgr-hero {
  background:
    radial-gradient(ellipse 75% 60% at 85% 15%, rgba(225, 29, 72, 0.16) 0%, transparent 60%),
    radial-gradient(ellipse 55% 45% at 5% 90%, rgba(56, 189, 248, 0.08) 0%, transparent 55%),
    #060a14 !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.18) !important;
}

body.dark-mode[data-country="CA"] .eyebrow,
body.dark-mode.country-ca .eyebrow,
body.sgr-dark-theme[data-country="CA"] .eyebrow,
body.sgr-dark-theme.country-ca .eyebrow {
  background: rgba(225, 29, 72, 0.15) !important;
  border: 1.5px solid rgba(225, 29, 72, 0.45) !important;
  color: #ff4d6d !important;
  box-shadow: 0 0 15px rgba(225, 29, 72, 0.2) !important;
}

body.dark-mode[data-country="CA"] .cert-badge,
body.dark-mode.country-ca .cert-badge,
body.sgr-dark-theme[data-country="CA"] .cert-badge,
body.sgr-dark-theme.country-ca .cert-badge {
  background: rgba(15, 26, 54, 0.85) !important;
  border: 1.5px solid rgba(56, 189, 248, 0.25) !important;
  color: #f1f5f9 !important;
}

/* Section Wrappers in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-why-wrap,
body.dark-mode[data-country="CA"] .sgr-hww-wrap,
body.dark-mode[data-country="CA"] .sgr-srv-wrap,
body.dark-mode[data-country="CA"] .sgr-ind-wrap,
body.dark-mode[data-country="CA"] .sgr-testi,
body.dark-mode[data-country="CA"] .sgr-contact-section,
body.dark-mode.country-ca .sgr-why-wrap,
body.dark-mode.country-ca .sgr-hww-wrap,
body.dark-mode.country-ca .sgr-srv-wrap,
body.dark-mode.country-ca .sgr-ind-wrap,
body.dark-mode.country-ca .sgr-testi,
body.dark-mode.country-ca .sgr-contact-section,
body.sgr-dark-theme[data-country="CA"] .sgr-why-wrap,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-wrap,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-wrap,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-wrap,
body.sgr-dark-theme[data-country="CA"] .sgr-testi,
body.sgr-dark-theme[data-country="CA"] .sgr-contact-section,
body.sgr-dark-theme.country-ca .sgr-why-wrap,
body.sgr-dark-theme.country-ca .sgr-hww-wrap,
body.sgr-dark-theme.country-ca .sgr-srv-wrap,
body.sgr-dark-theme.country-ca .sgr-ind-wrap,
body.sgr-dark-theme.country-ca .sgr-testi,
body.sgr-dark-theme.country-ca .sgr-contact-section,
html[data-theme="dark"] body[data-country="CA"] .sgr-why-wrap,
html[data-theme="dark"] body[data-country="CA"] .sgr-hww-wrap,
html[data-theme="dark"] body[data-country="CA"] .sgr-srv-wrap,
html[data-theme="dark"] body[data-country="CA"] .sgr-ind-wrap,
html[data-theme="dark"] body[data-country="CA"] .sgr-testi,
html[data-theme="dark"] body[data-country="CA"] .sgr-contact-section,
html[data-theme="dark"] body.country-ca .sgr-why-wrap,
html[data-theme="dark"] body.country-ca .sgr-hww-wrap,
html[data-theme="dark"] body.country-ca .sgr-srv-wrap,
html[data-theme="dark"] body.country-ca .sgr-ind-wrap,
html[data-theme="dark"] body.country-ca .sgr-testi,
html[data-theme="dark"] body.country-ca .sgr-contact-section {
  background: transparent !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
}

body.dark-mode[data-country="CA"] .sgr-why-wrap::before,
body.dark-mode[data-country="CA"] .sgr-hww-wrap::before,
body.dark-mode[data-country="CA"] .sgr-srv-wrap::before,
body.dark-mode[data-country="CA"] .sgr-ind-wrap::before,
body.dark-mode[data-country="CA"] .sgr-testi::before,
body.dark-mode[data-country="CA"] .sgr-contact-section::before,
body.sgr-dark-theme[data-country="CA"] .sgr-why-wrap::before,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-wrap::before,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-wrap::before,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-wrap::before,
body.sgr-dark-theme[data-country="CA"] .sgr-testi::before,
body.sgr-dark-theme[data-country="CA"] .sgr-contact-section::before {
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px) !important;
}

/* Universal Cyber-Tech Cards in Canada Dark Mode (Same as IND) */
body.dark-mode[data-country="CA"] .sgr-why-stat,
body.dark-mode[data-country="CA"] .sgr-hww-card,
body.dark-mode[data-country="CA"] .sgr-srv-card,
body.dark-mode[data-country="CA"] .service-card,
body.dark-mode[data-country="CA"] .sgr-ind-card,
body.dark-mode[data-country="CA"] .sgr-testi-card,
body.dark-mode[data-country="CA"] .sgr-port-card,
body.dark-mode[data-country="CA"] .cs-card,
body.dark-mode[data-country="CA"] .sgr-booking-card,
body.dark-mode[data-country="CA"] .sgr-form-wrapper,
body.dark-mode[data-country="CA"] .sgr-panel,
body.dark-mode[data-country="CA"] .sgr-card,
body.dark-mode[data-country="CA"] .stat-box,
body.dark-mode[data-country="CA"] .process-card,
body.dark-mode.country-ca .sgr-why-stat,
body.dark-mode.country-ca .sgr-hww-card,
body.dark-mode.country-ca .sgr-srv-card,
body.dark-mode.country-ca .service-card,
body.dark-mode.country-ca .sgr-ind-card,
body.dark-mode.country-ca .sgr-testi-card,
body.dark-mode.country-ca .sgr-port-card,
body.dark-mode.country-ca .cs-card,
body.dark-mode.country-ca .sgr-booking-card,
body.dark-mode.country-ca .sgr-form-wrapper,
body.dark-mode.country-ca .sgr-panel,
body.dark-mode.country-ca .sgr-card,
body.dark-mode.country-ca .stat-box,
body.dark-mode.country-ca .process-card,
body.sgr-dark-theme[data-country="CA"] .sgr-why-stat,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-card,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-card,
body.sgr-dark-theme[data-country="CA"] .service-card,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-card,
body.sgr-dark-theme[data-country="CA"] .sgr-testi-card,
body.sgr-dark-theme[data-country="CA"] .sgr-port-card,
body.sgr-dark-theme[data-country="CA"] .cs-card,
body.sgr-dark-theme[data-country="CA"] .sgr-booking-card,
body.sgr-dark-theme[data-country="CA"] .sgr-form-wrapper,
body.sgr-dark-theme[data-country="CA"] .sgr-panel,
body.sgr-dark-theme[data-country="CA"] .sgr-card,
body.sgr-dark-theme[data-country="CA"] .stat-box,
body.sgr-dark-theme[data-country="CA"] .process-card,
body.sgr-dark-theme.country-ca .sgr-why-stat,
body.sgr-dark-theme.country-ca .sgr-hww-card,
body.sgr-dark-theme.country-ca .sgr-srv-card,
body.sgr-dark-theme.country-ca .service-card,
body.sgr-dark-theme.country-ca .sgr-ind-card,
body.sgr-dark-theme.country-ca .sgr-testi-card,
body.sgr-dark-theme.country-ca .sgr-port-card,
body.sgr-dark-theme.country-ca .cs-card,
body.sgr-dark-theme.country-ca .sgr-booking-card,
body.sgr-dark-theme.country-ca .sgr-form-wrapper,
body.sgr-dark-theme.country-ca .sgr-panel,
body.sgr-dark-theme.country-ca .sgr-card,
body.sgr-dark-theme.country-ca .stat-box,
body.sgr-dark-theme.country-ca .process-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-why-stat,
html[data-theme="dark"] body[data-country="CA"] .sgr-hww-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-srv-card,
html[data-theme="dark"] body[data-country="CA"] .service-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-ind-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-testi-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-port-card,
html[data-theme="dark"] body[data-country="CA"] .cs-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-booking-card,
html[data-theme="dark"] body[data-country="CA"] .sgr-form-wrapper,
html[data-theme="dark"] body[data-country="CA"] .sgr-panel,
html[data-theme="dark"] body[data-country="CA"] .sgr-card,
html[data-theme="dark"] body[data-country="CA"] .stat-box,
html[data-theme="dark"] body[data-country="CA"] .process-card,
html[data-theme="dark"] body.country-ca .sgr-why-stat,
html[data-theme="dark"] body.country-ca .sgr-hww-card,
html[data-theme="dark"] body.country-ca .sgr-srv-card,
html[data-theme="dark"] body.country-ca .service-card,
html[data-theme="dark"] body.country-ca .sgr-ind-card,
html[data-theme="dark"] body.country-ca .sgr-testi-card,
html[data-theme="dark"] body.country-ca .sgr-port-card,
html[data-theme="dark"] body.country-ca .cs-card,
html[data-theme="dark"] body.country-ca .sgr-booking-card,
html[data-theme="dark"] body.country-ca .sgr-form-wrapper,
html[data-theme="dark"] body.country-ca .sgr-panel,
html[data-theme="dark"] body.country-ca .sgr-card,
html[data-theme="dark"] body.country-ca .stat-box,
html[data-theme="dark"] body.country-ca .process-card {
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode[data-country="CA"] .sgr-why-stat:hover,
body.dark-mode[data-country="CA"] .sgr-hww-card:hover,
body.dark-mode[data-country="CA"] .sgr-srv-card:hover,
body.dark-mode[data-country="CA"] .service-card:hover,
body.dark-mode[data-country="CA"] .sgr-ind-card:hover,
body.dark-mode[data-country="CA"] .sgr-testi-card:hover,
body.dark-mode[data-country="CA"] .sgr-port-card:hover,
body.dark-mode[data-country="CA"] .cs-card:hover,
body.dark-mode.country-ca .sgr-why-stat:hover,
body.dark-mode.country-ca .sgr-hww-card:hover,
body.dark-mode.country-ca .sgr-srv-card:hover,
body.dark-mode.country-ca .service-card:hover,
body.dark-mode.country-ca .sgr-ind-card:hover,
body.dark-mode.country-ca .sgr-testi-card:hover,
body.dark-mode.country-ca .sgr-port-card:hover,
body.dark-mode.country-ca .cs-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-why-stat:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-card:hover,
body.sgr-dark-theme[data-country="CA"] .service-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-testi-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-port-card:hover,
body.sgr-dark-theme[data-country="CA"] .cs-card:hover,
body.sgr-dark-theme.country-ca .sgr-why-stat:hover,
body.sgr-dark-theme.country-ca .sgr-hww-card:hover,
body.sgr-dark-theme.country-ca .sgr-srv-card:hover,
body.sgr-dark-theme.country-ca .service-card:hover,
body.sgr-dark-theme.country-ca .sgr-ind-card:hover,
body.sgr-dark-theme.country-ca .sgr-testi-card:hover,
body.sgr-dark-theme.country-ca .sgr-port-card:hover,
body.sgr-dark-theme.country-ca .cs-card:hover {
  background: rgba(15, 23, 42, 0.98) !important;
  border-color: rgba(225, 29, 72, 0.6) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(225, 29, 72, 0.25) !important;
  transform: translateY(-6px) !important;
}

/* Badges, Tags & Pills in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-why-eyebrow,
body.dark-mode[data-country="CA"] .sgr-hww-tag,
body.dark-mode[data-country="CA"] .sgr-srv-badge,
body.dark-mode[data-country="CA"] .sgr-ind-eyebrow,
body.dark-mode[data-country="CA"] .sgr-testi-tag,
body.dark-mode[data-country="CA"] .sgr-hww-badge,
body.dark-mode[data-country="CA"] .sgr-srv-tag,
body.dark-mode[data-country="CA"] .sgr-ind-pill,
body.dark-mode[data-country="CA"] .sgr-ind-badge,
body.dark-mode[data-country="CA"] .sgr-testi-verified,
body.dark-mode[data-country="CA"] .sgr-port-stack-item,
body.dark-mode[data-country="CA"] .cs-tag,
body.dark-mode.country-ca .sgr-why-eyebrow,
body.dark-mode.country-ca .sgr-hww-tag,
body.dark-mode.country-ca .sgr-srv-badge,
body.dark-mode.country-ca .sgr-ind-eyebrow,
body.dark-mode.country-ca .sgr-testi-tag,
body.dark-mode.country-ca .sgr-hww-badge,
body.dark-mode.country-ca .sgr-srv-tag,
body.dark-mode.country-ca .sgr-ind-pill,
body.dark-mode.country-ca .sgr-ind-badge,
body.dark-mode.country-ca .sgr-testi-verified,
body.dark-mode.country-ca .sgr-port-stack-item,
body.dark-mode.country-ca .cs-tag,
body.sgr-dark-theme[data-country="CA"] .sgr-why-eyebrow,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-tag,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-badge,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-eyebrow,
body.sgr-dark-theme[data-country="CA"] .sgr-testi-tag,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-badge,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-tag,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-pill,
body.sgr-dark-theme[data-country="CA"] .sgr-ind-badge,
body.sgr-dark-theme[data-country="CA"] .sgr-testi-verified,
body.sgr-dark-theme[data-country="CA"] .sgr-port-stack-item,
body.sgr-dark-theme[data-country="CA"] .cs-tag,
body.sgr-dark-theme.country-ca .sgr-why-eyebrow,
body.sgr-dark-theme.country-ca .sgr-hww-tag,
body.sgr-dark-theme.country-ca .sgr-srv-badge,
body.sgr-dark-theme.country-ca .sgr-ind-eyebrow,
body.sgr-dark-theme.country-ca .sgr-testi-tag,
body.sgr-dark-theme.country-ca .sgr-hww-badge,
body.sgr-dark-theme.country-ca .sgr-srv-tag,
body.sgr-dark-theme.country-ca .sgr-ind-pill,
body.sgr-dark-theme.country-ca .sgr-ind-badge,
body.sgr-dark-theme.country-ca .sgr-testi-verified,
body.sgr-dark-theme.country-ca .sgr-port-stack-item,
body.sgr-dark-theme.country-ca .cs-tag {
  background: rgba(225, 29, 72, 0.15) !important;
  border: 1px solid rgba(225, 29, 72, 0.35) !important;
  color: #ff758f !important;
}

/* Icon containers in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-hww-icon-box,
body.dark-mode[data-country="CA"] .sgr-srv-icon,
body.dark-mode[data-country="CA"] .sgr-why-point-icon,
body.dark-mode.country-ca .sgr-hww-icon-box,
body.dark-mode.country-ca .sgr-srv-icon,
body.dark-mode.country-ca .sgr-why-point-icon,
body.sgr-dark-theme[data-country="CA"] .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="CA"] .sgr-srv-icon,
body.sgr-dark-theme[data-country="CA"] .sgr-why-point-icon,
body.sgr-dark-theme.country-ca .sgr-hww-icon-box,
body.sgr-dark-theme.country-ca .sgr-srv-icon,
body.sgr-dark-theme.country-ca .sgr-why-point-icon {
  background: rgba(225, 29, 72, 0.18) !important;
  border: 1.5px solid rgba(255, 77, 109, 0.45) !important;
  color: #ff4d6d !important;
  box-shadow: 0 0 15px rgba(225, 29, 72, 0.3) !important;
}

/* Form Inputs in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-input,
body.dark-mode[data-country="CA"] .form-control,
body.dark-mode[data-country="CA"] .form-select,
body.dark-mode.country-ca .sgr-input,
body.dark-mode.country-ca .form-control,
body.dark-mode.country-ca .form-select,
body.sgr-dark-theme[data-country="CA"] .sgr-input,
body.sgr-dark-theme[data-country="CA"] .form-control,
body.sgr-dark-theme[data-country="CA"] .form-select,
body.sgr-dark-theme.country-ca .sgr-input,
body.sgr-dark-theme.country-ca .form-control,
body.sgr-dark-theme.country-ca .form-select {
  background: #0a1128 !important;
  border: 1.5px solid rgba(56, 189, 248, 0.25) !important;
  color: #f8fafc !important;
}

body.dark-mode[data-country="CA"] .sgr-input:focus,
body.dark-mode[data-country="CA"] .form-control:focus,
body.dark-mode[data-country="CA"] .form-select:focus,
body.dark-mode.country-ca .sgr-input:focus,
body.dark-mode.country-ca .form-control:focus,
body.dark-mode.country-ca .form-select:focus,
body.sgr-dark-theme[data-country="CA"] .sgr-input:focus,
body.sgr-dark-theme[data-country="CA"] .form-control:focus,
body.sgr-dark-theme[data-country="CA"] .form-select:focus,
body.sgr-dark-theme.country-ca .sgr-input:focus,
body.sgr-dark-theme.country-ca .form-control:focus,
body.sgr-dark-theme.country-ca .form-select:focus {
  border-color: #ff4d6d !important;
  box-shadow: 0 0 0 3.5px rgba(225, 29, 72, 0.3) !important;
  background: #060e20 !important;
}

/* Outline Buttons in Canada Dark Mode */
body.dark-mode[data-country="CA"] .hero-btns .btn-outline,
body.dark-mode[data-country="CA"] .hero .btn-outline,
body.dark-mode[data-country="CA"] .btn-outline,
body.dark-mode.country-ca .hero-btns .btn-outline,
body.dark-mode.country-ca .hero .btn-outline,
body.dark-mode.country-ca .btn-outline,
body.sgr-dark-theme[data-country="CA"] .hero-btns .btn-outline,
body.sgr-dark-theme[data-country="CA"] .hero .btn-outline,
body.sgr-dark-theme[data-country="CA"] .btn-outline,
body.sgr-dark-theme.country-ca .hero-btns .btn-outline,
body.sgr-dark-theme.country-ca .hero .btn-outline,
body.sgr-dark-theme.country-ca .btn-outline {
  background: rgba(15, 23, 42, 0.6) !important;
  color: #ff4d6d !important;
  border: 2px solid #ff4d6d !important;
}

body.dark-mode[data-country="CA"] .hero-btns .btn-outline:hover,
body.dark-mode.country-ca .hero-btns .btn-outline:hover,
body.sgr-dark-theme[data-country="CA"] .hero-btns .btn-outline:hover,
body.sgr-dark-theme.country-ca .hero-btns .btn-outline:hover {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
  color: #ffffff !important;
}

/* Drawer Active Office Card in Canada Dark Mode */
body.dark-mode[data-country="CA"] .sgr-drawer-office-card.active,
body.dark-mode.country-ca .sgr-drawer-office-card.active,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card.active,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card.active {
  background: linear-gradient(135deg, rgba(225, 29, 72, 0.22) 0%, rgba(255, 77, 109, 0.12) 100%) !important;
  border: 1.5px solid #ff4d6d !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.3) !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-office-card.active .sgr-card-country-name,
body.dark-mode.country-ca .sgr-drawer-office-card.active .sgr-card-country-name,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card.active .sgr-card-country-name,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card.active .sgr-card-country-name {
  color: #ffffff !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-office-card.active .sgr-card-badge-code,
body.dark-mode.country-ca .sgr-drawer-office-card.active .sgr-card-badge-code,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card.active .sgr-card-badge-code,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card.active .sgr-card-badge-code {
  background: #e11d48 !important;
  color: #ffffff !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-office-card:hover,
body.dark-mode.country-ca .sgr-drawer-office-card:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card:hover,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card:hover {
  background: #181d36 !important;
  border-color: #ff4d6d !important;
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.25) !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-office-card:hover .sgr-card-country-name,
body.dark-mode.country-ca .sgr-drawer-office-card:hover .sgr-card-country-name,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card:hover .sgr-card-country-name,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card:hover .sgr-card-country-name {
  color: #ff4d6d !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.dark-mode.country-ca .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.sgr-dark-theme.country-ca .sgr-drawer-office-card:hover .sgr-card-arrow-circle {
  background: linear-gradient(135deg, #e11d48 0%, #ff4d6d 100%) !important;
  border-color: #ff4d6d !important;
  color: #ffffff !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-support-box,
body.dark-mode.country-ca .sgr-drawer-support-box,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-support-box,
body.sgr-dark-theme.country-ca .sgr-drawer-support-box {
  background: #0c1834 !important;
  border: 1px solid rgba(225, 29, 72, 0.3) !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-support-link,
body.dark-mode[data-country="CA"] .sgr-drawer-support-link span,
body.dark-mode.country-ca .sgr-drawer-support-link,
body.dark-mode.country-ca .sgr-drawer-support-link span,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-support-link,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-support-link span,
body.sgr-dark-theme.country-ca .sgr-drawer-support-link,
body.sgr-dark-theme.country-ca .sgr-drawer-support-link span {
  color: #e2e8f0 !important;
}

body.dark-mode[data-country="CA"] .sgr-drawer-support-link:hover,
body.dark-mode[data-country="CA"] .sgr-drawer-support-link:hover span,
body.dark-mode.country-ca .sgr-drawer-support-link:hover,
body.dark-mode.country-ca .sgr-drawer-support-link:hover span,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-support-link:hover,
body.sgr-dark-theme[data-country="CA"] .sgr-drawer-support-link:hover span,
body.sgr-dark-theme.country-ca .sgr-drawer-support-link:hover,
body.sgr-dark-theme.country-ca .sgr-drawer-support-link:hover span {
  color: #ff4d6d !important;
}

/* ==========================================================================
   CANADA (CA) FULL RESPONSIVE — TABLET & MOBILE MEDIA QUERIES
   ========================================================================== */

@media (max-width: 1024px) {
  body[data-country="CA"] .hero-right,
  body.country-ca .hero-right {
    width: 460px !important;
    height: 460px !important;
    right: -80px !important;
    top: 55% !important;
    opacity: 0.55 !important;
  }
  body[data-country="CA"] .sgr-why-inner,
  body.country-ca .sgr-why-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  body[data-country="CA"] .sgr-hww-grid,
  body.country-ca .sgr-hww-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
  body[data-country="CA"] .sgr-ind-grid,
  body.country-ca .sgr-ind-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 991.98px) {
  body[data-country="CA"] .navbar-toggler,
  body.country-ca .navbar-toggler {
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
  }

  body[data-country="CA"] .sgr-navbar-header .navbar-collapse,
  body.country-ca .sgr-navbar-header .navbar-collapse {
    background: #ffffff !important;
    border-right: 2.5px solid #e11d48 !important;
    box-shadow: 6px 0 30px rgba(225, 29, 72, 0.12) !important;
  }

  body[data-country="CA"] .sgr-mobile-drawer-header,
  body.country-ca .sgr-mobile-drawer-header {
    border-bottom: 1px solid rgba(225, 29, 72, 0.15) !important;
  }

  body[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.country-ca .sgr-navbar-header .navbar-collapse .nav-link {
    color: #0f172a !important;
    padding: 7px 12px !important;
    font-size: 13.5px !important;
    border-radius: 8px !important;
    margin-bottom: 2px !important;
  }

  body[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.country-ca .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #e11d48 !important;
    background: #fff1f2 !important;
  }

  body[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link.active,
  body.country-ca .sgr-navbar-header .navbar-collapse .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
    box-shadow: 0 3px 10px rgba(225, 29, 72, 0.3) !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 768px) {
  body[data-country="CA"] .sgr-hero,
  body.country-ca .sgr-hero {
    padding: 34px 18px 42px !important;
    overflow: hidden !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  body[data-country="CA"] .hero-right,
  body.country-ca .hero-right {
    width: 320px !important;
    height: 320px !important;
    right: -60px !important;
    top: 58% !important;
    opacity: 0.22 !important;
    pointer-events: none !important;
  }

  body[data-country="CA"] .hero-left,
  body.country-ca .hero-left {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    z-index: 2 !important;
    position: relative !important;
  }

  body[data-country="CA"] .eyebrow,
  body.country-ca .eyebrow {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(225, 29, 72, 0.3) !important;
    border-radius: 50px !important;
    color: #e11d48 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    padding: 6px 16px !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.1) !important;
    margin-bottom: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-country="CA"] .eyebrow-dot,
  body.country-ca .eyebrow-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #e11d48 !important;
    box-shadow: 0 0 10px rgba(225, 29, 72, 0.8) !important;
  }

  body[data-country="CA"] .hero h1,
  body.country-ca .hero h1 {
    font-size: clamp(28px, 7.5vw, 35px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.03em !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    margin-bottom: 12px !important;
  }

  body[data-country="CA"] .hero-desc,
  body.country-ca .hero-desc {
    font-size: 14px !important;
    line-height: 1.62 !important;
    color: #475569 !important;
    max-width: 92% !important;
    margin: 0 auto 16px auto !important;
  }

  body[data-country="CA"] .cert-badge,
  body.country-ca .cert-badge {
    border-radius: 50px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(225, 29, 72, 0.25) !important;
    box-shadow: 0 4px 16px rgba(225, 29, 72, 0.08) !important;
    height: 38px !important;
    padding: 0 16px !important;
    margin: 0 auto 14px auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="CA"] .cert-badge img,
  body.country-ca .cert-badge img {
    height: 22px !important;
    max-height: 22px !important;
  }

  body[data-country="CA"] .hero-btns,
  body.country-ca .hero-btns {
    width: 100% !important;
    max-width: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }

  body[data-country="CA"] .hero-btns .btn-primary,
  body.country-ca .hero-btns .btn-primary {
    border-radius: 50px !important;
    height: 48px !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 24px !important;
  }

  body[data-country="CA"] .hero-btns .btn-outline,
  body.country-ca .hero-btns .btn-outline {
    border-radius: 50px !important;
    height: 44px !important;
    width: 100% !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
  }

  body[data-country="CA"] .sgr-why-inner,
  body.country-ca .sgr-why-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body[data-country="CA"] .sgr-why-right,
  body.country-ca .sgr-why-right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  body[data-country="CA"] .sgr-why-points,
  body.country-ca .sgr-why-points {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body[data-country="CA"] .sgr-hww-grid,
  body.country-ca .sgr-hww-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body[data-country="CA"] .sgr-ind-grid,
  body.country-ca .sgr-ind-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  body[data-country="CA"] .sgr-srv-card,
  body.country-ca .sgr-srv-card {
    padding: 22px 18px !important;
  }

  body[data-country="CA"] .btn-explore-all-services,
  body.country-ca .btn-explore-all-services {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  body[data-country="CA"] .sgr-form-wrapper,
  body.country-ca .sgr-form-wrapper {
    padding: 24px 18px !important;
  }

  /* Footer — responsive 2-column mobile layout */
  body[data-country="CA"] .footer .col-lg-4,
  body.country-ca .footer .col-lg-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  body[data-country="CA"] .footer .footer-menu-col,
  body.country-ca .footer .footer-menu-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 18px !important;
  }

  body[data-country="CA"] .footer-links a,
  body.country-ca .footer-links a {
    min-height: unset !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 3px 0 !important;
  }

  body[data-country="CA"] .footer-bottom,
  body.country-ca .footer-bottom {
    padding-bottom: 80px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  body[data-country="CA"] .hero-right,
  body.country-ca .hero-right {
    width: 270px !important;
    height: 270px !important;
    right: -50px !important;
    opacity: 0.18 !important;
  }

  body[data-country="CA"] .hero h1,
  body.country-ca .hero h1 {
    font-size: 27px !important;
  }

  /* Why Choose stat grid — 2 cards per row & centered */
  body[data-country="CA"] .sgr-why-right,
  body.country-ca .sgr-why-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  body[data-country="CA"] .sgr-why-stat,
  body.country-ca .sgr-why-stat {
    padding: 16px 10px 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  body[data-country="CA"] .sgr-why-stat-icon,
  body.country-ca .sgr-why-stat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 10px !important;
    margin: 0 auto 10px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="CA"] .sgr-why-stat-num,
  body.country-ca .sgr-why-stat-num {
    font-size: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    line-height: 1.15 !important;
    width: 100% !important;
  }

  body[data-country="CA"] .sgr-why-stat-label,
  body.country-ca .sgr-why-stat-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.35 !important;
    letter-spacing: 0.04em !important;
    width: 100% !important;
  }

  body[data-country="CA"] .sgr-ind-grid,
  body.country-ca .sgr-ind-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body[data-country="CA"] .hero-btns .btn,
  body.country-ca .hero-btns .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  body[data-country="CA"] .sgr-why-stat,
  body.country-ca .sgr-why-stat {
    padding: 24px 20px !important;
  }

  body[data-country="CA"] .sgr-why-stat-num,
  body.country-ca .sgr-why-stat-num {
    font-size: 36px !important;
  }
}

/* ==========================================================================
   3. SINGAPORE (SG) — EMERALD & CYBER MINT TECH CAPITAL
   Design Language:
   - Green Tech, Smart City, Asian ESG & Deep Fintech Capital
   - Ultra-sleek, precision engineering, crystalline glassmorphism
   - Emerald + Neon Mint + Forest Slate (#059669, #10b981, #00f5a0, #064e3b, #0f172a)
   - Dynamic micro-glows, cyber-chips, precision stat cards
   - Dual-tone gradient CTAs with animated glowing elements
   ========================================================================== */

body[data-country="SG"],
body.country-sg {
  --sg-emerald: #059669;
  --sg-mint: #10b981;
  --sg-neon: #00f5a0;
  --sg-deep: #064e3b;
  --sg-slate: #0f172a;
  --sg-surface: #f0fdf4;
  --sg-surface-alt: #f0fdfa;
  --sg-border: rgba(16, 185, 129, 0.22);
  --sg-border-glow: rgba(16, 185, 129, 0.4);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme),
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) {
  background-color: #f7fdf9 !important;
  color: #0f172a !important;
}

/* --- Singapore Header & Navigation (Emerald & Forest Night) --- */
body[data-country="SG"] .topbar,
body.country-sg .topbar {
  background: linear-gradient(90deg, #022c22 0%, #064e3b 100%) !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.3) !important;
  padding: 6px 0 !important;
}
body[data-country="SG"] .sgr-navbar-header,
body.country-sg .sgr-navbar-header {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1.5px solid rgba(16, 185, 129, 0.22) !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.08) !important;
}
body[data-country="SG"] #mainNav .navbar-nav .nav-link,
body.country-sg #mainNav .navbar-nav .nav-link {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body[data-country="SG"] #mainNav .navbar-nav .nav-link:hover,
body.country-sg #mainNav .navbar-nav .nav-link:hover {
  color: #059669 !important;
  background: rgba(16, 185, 129, 0.08) !important;
}
body[data-country="SG"] #mainNav .navbar-nav .nav-link.active,
body.country-sg #mainNav .navbar-nav .nav-link.active {
  color: #059669 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  box-shadow: inset 0 -2px 0 #10b981 !important;
}
body[data-country="SG"] .sgr-navbar-header .btn-primary,
body[data-country="SG"] #mainNav .btn-primary,
body[data-country="SG"] .btn-quote,
body.country-sg .sgr-navbar-header .btn-primary,
body.country-sg #mainNav .btn-primary,
body.country-sg .btn-quote {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 10px 22px !important;
  box-shadow: 0 4px 18px rgba(16, 185, 129, 0.38) !important;
  transition: all 0.25s ease !important;
}
body[data-country="SG"] .sgr-navbar-header .btn-primary:hover,
body[data-country="SG"] #mainNav .btn-primary:hover,
body[data-country="SG"] .btn-quote:hover,
body.country-sg .sgr-navbar-header .btn-primary:hover,
body.country-sg #mainNav .btn-primary:hover,
body.country-sg .btn-quote:hover {
  transform: translateY(-2px) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.55) !important;
}

/* --- Singapore Hero Section: Green Tech Capital & Precision Engineering --- */
body[data-country="SG"] .sgr-hero,
body.country-sg .sgr-hero {
  background: linear-gradient(180deg, #f2fbf7 0%, #ffffff 55%, #f0fdf4 100%) !important;
  padding: 52px 5% 62px 5% !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  gap: 32px !important;
  overflow: hidden !important;
}
body[data-country="SG"] .sgr-hero::before,
body.country-sg .sgr-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Singapore Hero Left Column */
body[data-country="SG"] .hero-left,
body.country-sg .hero-left {
  width: 50% !important;
  max-width: 600px !important;
  position: relative !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
}

body[data-country="SG"] .eyebrow,
body.country-sg .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.32) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.15) !important;
  backdrop-filter: blur(8px) !important;
  margin-bottom: 18px !important;
}
body[data-country="SG"] .eyebrow-dot,
body.country-sg .eyebrow-dot {
  width: 7px !important;
  height: 7px !important;
  background: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px #10b981 !important;
}
body[data-country="SG"] .hero h1,
body.country-sg .hero h1 {
  color: #061d15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.15 !important;
  margin-bottom: 18px !important;
}
body[data-country="SG"] .hero h1 .blue,
body.country-sg .hero h1 .blue {
  background: linear-gradient(135deg, #059669 0%, #10b981 50%, #047857 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
  filter: drop-shadow(0 2px 8px rgba(16, 185, 129, 0.2)) !important;
}
body[data-country="SG"] .hero-desc,
body.country-sg .hero-desc {
  color: #475569 !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
  max-width: 530px !important;
  margin-bottom: 26px !important;
}
body[data-country="SG"] .hero-btns .btn-primary,
body[data-country="SG"] .hero .btn-primary,
body[data-country="SG"] .btn-primary,
body.country-sg .hero-btns .btn-primary,
body.country-sg .hero .btn-primary,
body.country-sg .btn-primary {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding: 14px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 24px -4px rgba(16, 185, 129, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body[data-country="SG"] .hero-btns .btn-primary:hover,
body[data-country="SG"] .hero .btn-primary:hover,
body[data-country="SG"] .btn-primary:hover,
body.country-sg .hero-btns .btn-primary:hover,
body.country-sg .hero .btn-primary:hover,
body.country-sg .btn-primary:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 14px 32px -4px rgba(16, 185, 129, 0.58), inset 0 1px 1px rgba(255, 255, 255, 0.45) !important;
}
body[data-country="SG"] .hero-btns .btn-outline,
body[data-country="SG"] .hero .btn-outline,
body[data-country="SG"] .btn-outline,
body.country-sg .hero-btns .btn-outline,
body.country-sg .hero .btn-outline,
body.country-sg .btn-outline {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  color: #059669 !important;
  border: 1.5px solid rgba(16, 185, 129, 0.35) !important;
  border-radius: 12px !important;
  padding: 14px 26px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.08) !important;
  transition: all 0.25s ease !important;
}
body[data-country="SG"] .hero-btns .btn-outline:hover,
body[data-country="SG"] .hero .btn-outline:hover,
body[data-country="SG"] .btn-outline:hover,
body.country-sg .hero-btns .btn-outline:hover,
body.country-sg .hero .btn-outline:hover,
body.country-sg .btn-outline:hover {
  border-color: #10b981 !important;
  background: #ffffff !important;
  color: #047857 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.2) !important;
}

/* Singapore Trust Strip & Badges */
body[data-country="SG"] .sgr-regional-trust-strip,
body.country-sg .sgr-regional-trust-strip {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #475569 !important;
}
body[data-country="SG"] .hero-badges,
body.country-sg .hero-badges {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.07) !important;
  padding: 8px 16px !important;
}

/* Singapore Hero Right: Clean Holographic 3D Globe (No background circle or rings) */
body[data-country="SG"] .hero-right,
body.country-sg .hero-right {
  position: absolute !important;
  right: -30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 720px !important;
  height: 720px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  display: block !important;
}
body[data-country="SG"] canvas#globe,
body.country-sg canvas#globe {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
}
/* Completely remove circle rings behind globe for Singapore */
body[data-country="SG"] .cyber-orbit-ring,
body.country-sg .cyber-orbit-ring,
body[data-country="SG"] .cyber-orbit-ring.ring-1,
body[data-country="SG"] .cyber-orbit-ring.ring-2,
body.country-sg .cyber-orbit-ring.ring-1,
body.country-sg .cyber-orbit-ring.ring-2 {
  display: none !important;
}

/* --- Singapore Why Choose SGR Section: High-Velocity Telemetry --- */
body[data-country="SG"] .sgr-why-wrap,
body.country-sg .sgr-why-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f2fbf7 50%, #ffffff 100%) !important;
  padding: 70px 0 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.16) !important;
}
body[data-country="SG"] .sgr-why-eyebrow,
body.country-sg .sgr-why-eyebrow {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.1) !important;
}
body[data-country="SG"] .sgr-why-heading span,
body.country-sg .sgr-why-heading span {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-country="SG"] .sgr-why-stat,
body.country-sg .sgr-why-stat {
  background: linear-gradient(145deg, #ffffff 0%, #f2fbf7 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  box-shadow: 0 8px 26px -6px rgba(16, 185, 129, 0.1), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body[data-country="SG"] .sgr-why-stat::before,
body.country-sg .sgr-why-stat::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0;
  height: 3.5px !important;
  background: linear-gradient(90deg, #059669 0%, #10b981 60%, #00f5a0 100%) !important;
  border-radius: 16px 16px 0 0 !important;
  opacity: 1 !important;
}
body[data-country="SG"] .sgr-why-stat:hover,
body.country-sg .sgr-why-stat:hover {
  transform: translateY(-6px) !important;
  border-color: #10b981 !important;
  box-shadow: 0 20px 42px -8px rgba(16, 185, 129, 0.25), 0 4px 12px rgba(16, 185, 129, 0.08) !important;
}
body[data-country="SG"] .sgr-why-stat-icon,
body.country-sg .sgr-why-stat-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 22px !important;
  margin-bottom: 16px !important;
}
body[data-country="SG"] .sgr-why-stat-num,
body.country-sg .sgr-why-stat-num {
  display: block !important;
  width: fit-content !important;
  background: linear-gradient(135deg, #059669 0%, #10b981 50%, #047857 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  margin-bottom: 6px !important;
}
body[data-country="SG"] .sgr-why-stat-label,
body.country-sg .sgr-why-stat-label {
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
}
body[data-country="SG"] .sgr-why-point,
body.country-sg .sgr-why-point {
  background: #ffffff !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  border-radius: 14px !important;
  padding: 13px 18px !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.05) !important;
  transition: all 0.25s ease !important;
}
body[data-country="SG"] .sgr-why-point:hover,
body.country-sg .sgr-why-point:hover {
  transform: translateX(4px) !important;
  border-color: #10b981 !important;
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.12) !important;
}
body[data-country="SG"] .sgr-why-point-icon,
body.country-sg .sgr-why-point-icon {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}
body[data-country="SG"] .sgr-why-btn,
body.country-sg .sgr-why-btn {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4) !important;
  padding: 12px 24px !important;
}

/* --- Singapore Process Section: High-Velocity Lifecycle --- */
body[data-country="SG"] .sgr-hww-wrap,
body.country-sg .sgr-hww-wrap {
  background: linear-gradient(180deg, #f2fbf7 0%, #ffffff 50%, #f0fdf4 100%) !important;
  padding: 70px 0 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.15) !important;
}
body[data-country="SG"] .sgr-hww-eyebrow,
body.country-sg .sgr-hww-eyebrow,
body[data-country="SG"] .sgr-hww-tag,
body.country-sg .sgr-hww-tag {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="SG"] .sgr-hww-tag-dot,
body.country-sg .sgr-hww-tag-dot {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}
body[data-country="SG"] .sgr-hww-heading span,
body.country-sg .sgr-hww-heading span,
body[data-country="SG"] .sgr-hww-heading em,
body.country-sg .sgr-hww-heading em {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-style: normal !important;
}
body[data-country="SG"] .sgr-hww-card,
body.country-sg .sgr-hww-card {
  background: linear-gradient(145deg, #ffffff 0%, #f2fbf7 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body[data-country="SG"] .sgr-hww-card:hover,
body.country-sg .sgr-hww-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 20px 42px rgba(16, 185, 129, 0.22) !important;
  transform: translateY(-6px) !important;
}
body[data-country="SG"] .sgr-hww-badge,
body.country-sg .sgr-hww-badge {
  border-radius: 9999px !important;
  background: rgba(16, 185, 129, 0.1) !important;
  border: 1px solid rgba(16, 185, 129, 0.32) !important;
  padding: 4px 12px !important;
}
body[data-country="SG"] .sgr-hww-badge-step,
body.country-sg .sgr-hww-badge-step {
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
body[data-country="SG"] .sgr-hww-icon-box,
body.country-sg .sgr-hww-icon-box {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(5, 150, 105, 0.12) 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  color: #059669 !important;
  border-radius: 14px !important;
}

/* --- Singapore Services Section --- */
body[data-country="SG"] .sgr-srv-wrap,
body.country-sg .sgr-srv-wrap {
  background: #ffffff !important;
  padding: 70px 0 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.15) !important;
}
body[data-country="SG"] .sgr-srv-eyebrow,
body.country-sg .sgr-srv-eyebrow {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="SG"] .sgr-srv-heading span,
body.country-sg .sgr-srv-heading span {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-country="SG"] .sgr-srv-card,
body.country-sg .sgr-srv-card {
  border: 1.5px solid rgba(16, 185, 129, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 26px rgba(16, 185, 129, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body[data-country="SG"] .sgr-srv-card::before,
body.country-sg .sgr-srv-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0;
  height: 3.5px !important;
  background: linear-gradient(90deg, #059669 0%, #10b981 60%, #00f5a0 100%) !important;
  border-radius: 16px 16px 0 0 !important;
}
body[data-country="SG"] .sgr-srv-card:hover,
body.country-sg .sgr-srv-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 22px 46px rgba(16, 185, 129, 0.22) !important;
  transform: translateY(-6px) !important;
}
body[data-country="SG"] .sgr-srv-tag,
body.country-sg .sgr-srv-tag {
  border-radius: 8px !important;
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  color: #061d15 !important;
  font-weight: 600 !important;
}
body[data-country="SG"] .sgr-srv-tag i,
body.country-sg .sgr-srv-tag i {
  color: #059669 !important;
}
body[data-country="SG"] .sgr-srv-link,
body.country-sg .sgr-srv-link,
body[data-country="SG"] .sgr-srv-card a,
body.country-sg .sgr-srv-card a {
  color: #059669 !important;
}
body[data-country="SG"] .btn-explore-all-services,
body.country-sg .btn-explore-all-services {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding: 13px 30px !important;
}

/* --- Singapore Industries Section --- */
body[data-country="SG"] .sgr-ind-wrap,
body.country-sg .sgr-ind-wrap {
  background: linear-gradient(180deg, #f2fbf7 0%, #ffffff 50%, #f0fdf4 100%) !important;
  padding: 70px 0 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.15) !important;
}
body[data-country="SG"] .sgr-ind-eyebrow,
body.country-sg .sgr-ind-eyebrow {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="SG"] .sgr-ind-heading span,
body.country-sg .sgr-ind-heading span {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-country="SG"] .sgr-ind-card,
body.country-sg .sgr-ind-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(16, 185, 129, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.06) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}
body[data-country="SG"] .sgr-ind-card:hover,
body.country-sg .sgr-ind-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 20px 42px rgba(16, 185, 129, 0.2) !important;
  transform: translateY(-6px) !important;
}
body[data-country="SG"] .sgr-ind-icon,
body.country-sg .sgr-ind-icon {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}
body[data-country="SG"] .sgr-ind-pill,
body.country-sg .sgr-ind-pill {
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  color: #059669 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
body[data-country="SG"] .sgr-ind-view-all-btn,
body.country-sg .sgr-ind-view-all-btn {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* --- Singapore Testimonials --- */
body[data-country="SG"] .sgr-testi,
body[data-country="SG"] .sgr-testi-wrap,
body.country-sg .sgr-testi,
body.country-sg .sgr-testi-wrap {
  --testi-stat-num: #059669 !important;
  --testi-quote: rgba(16, 185, 129, 0.12) !important;
  --testi-card-hover-border: rgba(16, 185, 129, 0.35) !important;
  --testi-verified-bg: rgba(16, 185, 129, 0.1) !important;
  --testi-verified-border: rgba(16, 185, 129, 0.3) !important;
  --testi-verified-text: #059669 !important;
  --testi-tag-bg: rgba(16, 185, 129, 0.08) !important;
  --testi-tag-border: rgba(16, 185, 129, 0.25) !important;
  --testi-tag-text: #059669 !important;
  background: #ffffff !important;
  padding: 70px 0 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.15) !important;
}
body[data-country="SG"] .sgr-testi-tag,
body.country-sg .sgr-testi-tag {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  color: #059669 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
body[data-country="SG"] .sgr-testi-tag span,
body.country-sg .sgr-testi-tag span {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}
body[data-country="SG"] .sgr-testi-heading span,
body.country-sg .sgr-testi-heading span,
body[data-country="SG"] .sgr-testi-heading em,
body.country-sg .sgr-testi-heading em {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-style: normal !important;
}
body[data-country="SG"] .sgr-testi-card,
body.country-sg .sgr-testi-card {
  border: 1.5px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 26px rgba(16, 185, 129, 0.06) !important;
}
body[data-country="SG"] .sgr-testi-card:hover,
body.country-sg .sgr-testi-card:hover {
  border-color: #10b981 !important;
  box-shadow: 0 20px 42px rgba(16, 185, 129, 0.22) !important;
  transform: translateY(-6px) !important;
}
body[data-country="SG"] .sgr-testi-verified,
body.country-sg .sgr-testi-verified {
  background: rgba(16, 185, 129, 0.1) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  color: #059669 !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
}
body[data-country="SG"] .sgr-testi-stat-num,
body.country-sg .sgr-testi-stat-num {
  color: #059669 !important;
}

/* --- Singapore Case Studies & Portfolio --- */
body[data-country="SG"] .sgr-port-card,
body[data-country="SG"] .cs-card,
body.country-sg .sgr-port-card,
body.country-sg .cs-card {
  border: 1.5px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.08) !important;
}
body[data-country="SG"] .sgr-port-card:hover,
body[data-country="SG"] .cs-card:hover,
body.country-sg .sgr-port-card:hover,
body.country-sg .cs-card:hover {
  border-color: #10b981 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 42px rgba(16, 185, 129, 0.25) !important;
}
body[data-country="SG"] .sgr-port-stack-item,
body[data-country="SG"] .cs-tag,
body.country-sg .sgr-port-stack-item,
body.country-sg .cs-tag {
  border-radius: 8px !important;
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  color: #059669 !important;
  font-weight: 600 !important;
}

/* --- Singapore Schedule A Meet --- */
body[data-country="SG"] .sgr-booking-card,
body.country-sg .sgr-booking-card {
  border-radius: 18px !important;
  border: 1.5px solid rgba(16, 185, 129, 0.25) !important;
  box-shadow: 0 16px 45px rgba(16, 185, 129, 0.12) !important;
}

/* --- Singapore Contact & Form --- */
body[data-country="SG"] .sgr-form-wrapper,
body[data-country="SG"] .sgr-panel,
body.country-sg .sgr-form-wrapper,
body.country-sg .sgr-panel {
  border-radius: 18px !important;
  border: 1.5px solid rgba(16, 185, 129, 0.2) !important;
  box-shadow: 0 16px 40px rgba(16, 185, 129, 0.1) !important;
}
body[data-country="SG"] .sgr-top-gradient-strip,
body.country-sg .sgr-top-gradient-strip {
  background: linear-gradient(90deg, #059669 0%, #10b981 50%, #00f5a0 100%) !important;
}
body[data-country="SG"] .sgr-input,
body.country-sg .sgr-input {
  border-radius: 12px !important;
}
body[data-country="SG"] .sgr-input:focus,
body.country-sg .sgr-input:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
}
body[data-country="SG"] #btnMainContactSubmit,
body[data-country="SG"] .sgr-btn-primary,
body[data-country="SG"] .sgr-btn-submit,
body[data-country="SG"] .btn-sgr-submit,
body.country-sg #btnMainContactSubmit,
body.country-sg .sgr-btn-primary,
body.country-sg .sgr-btn-submit,
body.country-sg .btn-sgr-submit {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
}
body[data-country="SG"] #btnMainContactSubmit:hover,
body[data-country="SG"] .sgr-btn-primary:hover,
body[data-country="SG"] .sgr-btn-submit:hover,
body[data-country="SG"] .btn-sgr-submit:hover,
body.country-sg #btnMainContactSubmit:hover,
body.country-sg .sgr-btn-primary:hover,
body.country-sg .sgr-btn-submit:hover,
body.country-sg .btn-sgr-submit:hover {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #047857 0%, #059669 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.55) !important;
}

/* --- Singapore Footer Overrides --- */
body[data-country="SG"] .footer-top-accent-line,
body.country-sg .footer-top-accent-line {
  background: linear-gradient(90deg, #059669 0%, #10b981 50%, #00f5a0 100%) !important;
}

body[data-country="SG"] .footer::before,
body.country-sg .footer::before {
  background-image: 
    linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px) !important;
}

body[data-country="SG"] .footer-glow-blob-1,
body.country-sg .footer-glow-blob-1 {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, transparent 70%) !important;
}

body[data-country="SG"] .footer-glow-blob-2,
body.country-sg .footer-glow-blob-2 {
  background: radial-gradient(circle, rgba(5, 150, 105, 0.06) 0%, transparent 70%) !important;
}

body[data-country="SG"] .footer-column-title::after,
body.country-sg .footer-column-title::after {
  background: linear-gradient(90deg, #059669 0%, #10b981 100%) !important;
}

body[data-country="SG"] .footer .text-primary,
body.country-sg .footer .text-primary,
body[data-country="SG"] .footer-card-loc-icon i,
body.country-sg .footer-card-loc-icon i,
body[data-country="SG"] .footer-card-loc-body i,
body.country-sg .footer-card-loc-body i {
  color: #059669 !important;
}

body[data-country="SG"] .footer-action-chip,
body.country-sg .footer-action-chip {
  color: #1e293b !important;
}

body[data-country="SG"] .footer-phone-action-btn,
body.country-sg .footer-phone-action-btn {
  color: #0f172a !important;
}

body[data-country="SG"] .footer-card-loc-tag,
body.country-sg .footer-card-loc-tag {
  color: #0f172a !important;
}

body[data-country="SG"] .footer-card-loc-val,
body.country-sg .footer-card-loc-val {
  color: #334155 !important;
}

body[data-country="SG"] .footer .footer-links a:hover,
body.country-sg .footer .footer-links a:hover,
body[data-country="SG"] .footer-links a:hover,
body.country-sg .footer-links a:hover,
body[data-country="SG"] .footer-card-loc-link:hover,
body.country-sg .footer-card-loc-link:hover,
body[data-country="SG"] .footer-action-chip:hover,
body.country-sg .footer-action-chip:hover,
body[data-country="SG"] .footer-phone-action-btn:hover,
body.country-sg .footer-phone-action-btn:hover,
body[data-country="SG"] .footer-sublink:hover,
body.country-sg .footer-sublink:hover {
  color: #059669 !important;
}

body[data-country="SG"] .footer-back-to-top:hover,
body.country-sg .footer-back-to-top:hover {
  background-color: #059669 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}

/* --- Singapore Floating Action Buttons & Chatbot --- */
body[data-country="SG"] .sgr-side-phone-btn,
body.country-sg .sgr-side-phone-btn {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  box-shadow: 0 4px 18px rgba(16, 185, 129, 0.45) !important;
}

body[data-country="SG"] .sgr-phone-pop-header,
body.country-sg .sgr-phone-pop-header {
  background: linear-gradient(135deg, #064e3b 0%, #059669 100%) !important;
}

body[data-country="SG"] .sgr-side-brochure-tab,
body.country-sg .sgr-side-brochure-tab {
  background: linear-gradient(180deg, #059669 0%, #047857 100%) !important;
  box-shadow: -3px 4px 18px rgba(16, 185, 129, 0.35) !important;
}

@media (max-width: 991.98px) {
  body[data-country="SG"] .sgr-side-brochure-tab,
  body.country-sg .sgr-side-brochure-tab {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.45) !important;
  }
}

body[data-country="SG"] .sgr-chat-trigger,
body.country-sg .sgr-chat-trigger {
  background: linear-gradient(135deg, #064e3b 0%, #022c22 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  box-shadow: 0 8px 26px rgba(16, 185, 129, 0.4) !important;
}

body[data-country="SG"] .sgr-chat-header,
body.country-sg .sgr-chat-header {
  background: linear-gradient(135deg, #064e3b 0%, #059669 100%) !important;
}

body[data-country="SG"] .sgr-chat-send-btn,
body.country-sg .sgr-chat-send-btn {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
}

/* ==========================================================================
   SINGAPORE (SG) DRAWER STYLING (EMERALD & MINT TECH)
   ========================================================================== */
body[data-country="SG"] #sgrGlobalOfficesLeftDrawer .offcanvas-header,
body.country-sg #sgrGlobalOfficesLeftDrawer .offcanvas-header {
  background: radial-gradient(circle at 85% 20%, rgba(0, 245, 160, 0.3) 0%, transparent 60%),
              linear-gradient(135deg, #022c22 0%, #064e3b 45%, #059669 100%) !important;
}

body[data-country="SG"] .sgr-drawer-slash-glow-line,
body.country-sg .sgr-drawer-slash-glow-line {
  stroke: url(#sgrSlashGlowBladeSG) !important;
}

body[data-country="SG"] .sgr-drawer-slash-node-circle,
body.country-sg .sgr-drawer-slash-node-circle {
  fill: #10b981 !important;
}

body[data-country="SG"] .sgr-drawer-slash-node-poly,
body.country-sg .sgr-drawer-slash-node-poly {
  fill: #00f5a0 !important;
}

body[data-country="SG"] .sgr-drawer-sub-header i,
body.country-sg .sgr-drawer-sub-header i,
body[data-country="SG"] .sgr-drawer-sub-tap,
body.country-sg .sgr-drawer-sub-tap {
  color: #059669 !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover {
  background: #f0fdf4 !important;
  border-color: #10b981 !important;
  transform: translateX(4px) !important;
  box-shadow: 0 6px 18px rgba(16, 185, 129, 0.16) !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-country-name,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-country-name {
  color: #059669 !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card:hover .sgr-card-arrow-circle {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-color: #059669 !important;
  color: #ffffff !important;
  transform: translateX(3px) !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active {
  background: #f0fdf4 !important;
  border: 1.5px solid #10b981 !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.2) !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-country-name,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-country-name {
  color: #059669 !important;
  font-weight: 800 !important;
}

body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-badge-code,
body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-drawer-office-card.active .sgr-card-badge-code {
  background: #059669 !important;
  color: #ffffff !important;
  border-color: #059669 !important;
}

body[data-country="SG"] .sgr-drawer-office-card.active .sgr-drawer-active-pill,
body.country-sg .sgr-drawer-office-card.active .sgr-drawer-active-pill {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body[data-country="SG"] .sgr-drawer-office-card.active .sgr-drawer-active-dot,
body.country-sg .sgr-drawer-office-card.active .sgr-drawer-active-dot {
  background: #10b981 !important;
  box-shadow: 0 0 6px #10b981 !important;
}

body[data-country="SG"] .sgr-drawer-support-link i,
body.country-sg .sgr-drawer-support-link i {
  color: #059669 !important;
}

body[data-country="SG"] #sgrGlobalOfficesLeftDrawer .btn.rounded-pill,
body.country-sg #sgrGlobalOfficesLeftDrawer .btn.rounded-pill {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
}

/* ==========================================================================
   SINGAPORE (SG) FULL DARK MODE ENGINE — CYBER TECH EMERALD & DEEP TECH LOOK
   - Deep Tech Canvas: #060a14 & #060b18
   - Universal Cyber Tech Grid Mesh Animation Overlay on background
   - High-Contrast Glowing Cards: #0f1a36 / rgba(15, 23, 42, 0.88) with emerald borders
   - Headings: Pure White #ffffff
   - Text & Descriptions: Crisp Silver #cbd5e1 / #94a3b8
   - Singapore Signature Emerald (#059669) & Neon Mint (#00f5a0) accents
   ========================================================================== */

body.dark-mode[data-country="SG"],
body.dark-mode.country-sg,
body.sgr-dark-theme[data-country="SG"],
body.sgr-dark-theme.country-sg,
html[data-theme="dark"] body[data-country="SG"],
html[data-theme="dark"] body.country-sg {
  background-color: #060a14 !important;
  color: #e2e8f0 !important;
}

/* Universal Cyber Tech Grid Mesh Animation for Singapore Dark Mode */
body.dark-mode[data-country="SG"]::before,
body.dark-mode.country-sg::before,
body.sgr-dark-theme[data-country="SG"]::before,
body.sgr-dark-theme.country-sg::before,
html[data-theme="dark"] body[data-country="SG"]::before,
html[data-theme="dark"] body.country-sg::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: block !important;
  opacity: 1 !important;
}

/* Topbar in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .topbar,
body.dark-mode.country-sg .topbar,
body.sgr-dark-theme[data-country="SG"] .topbar,
body.sgr-dark-theme.country-sg .topbar {
  background: linear-gradient(90deg, #011c15 0%, #064e3b 100%) !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.3) !important;
}

/* Navbar in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-navbar-header,
body.dark-mode.country-sg .sgr-navbar-header,
body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header,
body.sgr-dark-theme.country-sg .sgr-navbar-header,
html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header,
html[data-theme="dark"] body.country-sg .sgr-navbar-header {
  background: rgba(6, 14, 28, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.22) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode[data-country="SG"] #mainNav .navbar-nav .nav-link,
body.dark-mode.country-sg #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme[data-country="SG"] #mainNav .navbar-nav .nav-link,
body.sgr-dark-theme.country-sg #mainNav .navbar-nav .nav-link,
html[data-theme="dark"] body[data-country="SG"] #mainNav .navbar-nav .nav-link,
html[data-theme="dark"] body.country-sg #mainNav .navbar-nav .nav-link {
  color: #f1f5f9 !important;
  background: transparent !important;
}

body.dark-mode[data-country="SG"] #mainNav .navbar-nav .nav-link:hover,
body.dark-mode.country-sg #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme[data-country="SG"] #mainNav .navbar-nav .nav-link:hover,
body.sgr-dark-theme.country-sg #mainNav .navbar-nav .nav-link:hover,
html[data-theme="dark"] body[data-country="SG"] #mainNav .navbar-nav .nav-link:hover,
html[data-theme="dark"] body.country-sg #mainNav .navbar-nav .nav-link:hover {
  color: #00f5a0 !important;
  background: rgba(16, 185, 129, 0.14) !important;
}

body.dark-mode[data-country="SG"] #mainNav .navbar-nav .nav-link.active,
body.dark-mode.country-sg #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme[data-country="SG"] #mainNav .navbar-nav .nav-link.active,
body.sgr-dark-theme.country-sg #mainNav .navbar-nav .nav-link.active,
html[data-theme="dark"] body[data-country="SG"] #mainNav .navbar-nav .nav-link.active,
html[data-theme="dark"] body.country-sg #mainNav .navbar-nav .nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.35) 0%, rgba(16, 185, 129, 0.2) 100%) !important;
  box-shadow: inset 0 -2px 0 #00f5a0 !important;
}

/* Dropdowns in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .dropdown-menu,
body.dark-mode.country-sg .dropdown-menu,
body.sgr-dark-theme[data-country="SG"] .dropdown-menu,
body.sgr-dark-theme.country-sg .dropdown-menu,
html[data-theme="dark"] body[data-country="SG"] .dropdown-menu,
html[data-theme="dark"] body.country-sg .dropdown-menu {
  background: #0c1834 !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode[data-country="SG"] .dropdown-item,
body.dark-mode.country-sg .dropdown-item,
body.sgr-dark-theme[data-country="SG"] .dropdown-item,
body.sgr-dark-theme.country-sg .dropdown-item,
html[data-theme="dark"] body[data-country="SG"] .dropdown-item,
html[data-theme="dark"] body.country-sg .dropdown-item {
  color: #cbd5e1 !important;
}

body.dark-mode[data-country="SG"] .dropdown-item:hover,
body.dark-mode[data-country="SG"] .dropdown-item.active,
body.dark-mode.country-sg .dropdown-item:hover,
body.dark-mode.country-sg .dropdown-item.active,
body.sgr-dark-theme[data-country="SG"] .dropdown-item:hover,
body.sgr-dark-theme[data-country="SG"] .dropdown-item.active,
body.sgr-dark-theme.country-sg .dropdown-item:hover,
body.sgr-dark-theme.country-sg .dropdown-item.active,
html[data-theme="dark"] body[data-country="SG"] .dropdown-item:hover,
html[data-theme="dark"] body[data-country="SG"] .dropdown-item.active,
html[data-theme="dark"] body.country-sg .dropdown-item:hover,
html[data-theme="dark"] body.country-sg .dropdown-item.active {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #00f5a0 !important;
}

/* Headings in Singapore Dark Mode */
body.dark-mode[data-country="SG"] h1,
body.dark-mode[data-country="SG"] h2,
body.dark-mode[data-country="SG"] h3,
body.dark-mode[data-country="SG"] h4,
body.dark-mode[data-country="SG"] h5,
body.dark-mode[data-country="SG"] h6,
body.dark-mode.country-sg h1,
body.dark-mode.country-sg h2,
body.dark-mode.country-sg h3,
body.dark-mode.country-sg h4,
body.dark-mode.country-sg h5,
body.dark-mode.country-sg h6,
body.sgr-dark-theme[data-country="SG"] h1,
body.sgr-dark-theme[data-country="SG"] h2,
body.sgr-dark-theme[data-country="SG"] h3,
body.sgr-dark-theme[data-country="SG"] h4,
body.sgr-dark-theme[data-country="SG"] h5,
body.sgr-dark-theme[data-country="SG"] h6,
body.sgr-dark-theme.country-sg h1,
body.sgr-dark-theme.country-sg h2,
body.sgr-dark-theme.country-sg h3,
body.sgr-dark-theme.country-sg h4,
body.sgr-dark-theme.country-sg h5,
body.sgr-dark-theme.country-sg h6,
html[data-theme="dark"] body[data-country="SG"] h1,
html[data-theme="dark"] body[data-country="SG"] h2,
html[data-theme="dark"] body[data-country="SG"] h3,
html[data-theme="dark"] body[data-country="SG"] h4,
html[data-theme="dark"] body[data-country="SG"] h5,
html[data-theme="dark"] body[data-country="SG"] h6,
html[data-theme="dark"] body.country-sg h1,
html[data-theme="dark"] body.country-sg h2,
html[data-theme="dark"] body.country-sg h3,
html[data-theme="dark"] body.country-sg h4,
html[data-theme="dark"] body.country-sg h5,
html[data-theme="dark"] body.country-sg h6,
body.dark-mode[data-country="SG"] .hero h1,
body.sgr-dark-theme[data-country="SG"] .hero h1,
body.dark-mode[data-country="SG"] .sgr-why-heading,
body.dark-mode[data-country="SG"] .sgr-hww-heading,
body.dark-mode[data-country="SG"] .sgr-srv-heading,
body.dark-mode[data-country="SG"] .sgr-ind-heading,
body.dark-mode[data-country="SG"] .sgr-testi-heading,
body.dark-mode[data-country="SG"] .sgr-port-title,
body.dark-mode[data-country="SG"] .cs-card-title,
body.dark-mode[data-country="SG"] .sgr-form-header h3 {
  color: #ffffff !important;
}

body.dark-mode[data-country="SG"] .hero h1 .blue,
body.dark-mode.country-sg .hero h1 .blue,
body.sgr-dark-theme[data-country="SG"] .hero h1 .blue,
body.sgr-dark-theme.country-sg .hero h1 .blue {
  background: linear-gradient(135deg, #00f5a0 0%, #10b981 50%, #059669 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Descriptions & Paragraphs in Singapore Dark Mode */
body.dark-mode[data-country="SG"] p,
body.dark-mode.country-sg p,
body.sgr-dark-theme[data-country="SG"] p,
body.sgr-dark-theme.country-sg p,
html[data-theme="dark"] body[data-country="SG"] p,
html[data-theme="dark"] body.country-sg p,
body.dark-mode[data-country="SG"] .hero-desc,
body.dark-mode[data-country="SG"] .sgr-why-wrap p,
body.dark-mode[data-country="SG"] .sgr-hww-wrap p,
body.dark-mode[data-country="SG"] .sgr-srv-wrap p,
body.dark-mode[data-country="SG"] .sgr-ind-wrap p,
body.dark-mode[data-country="SG"] .sgr-testi p,
body.dark-mode[data-country="SG"] .sgr-card p,
body.dark-mode[data-country="SG"] .sgr-link,
body.dark-mode[data-country="SG"] .sgr-form-inner,
body.dark-mode[data-country="SG"] .text-muted,
body.sgr-dark-theme[data-country="SG"] .hero-desc,
body.sgr-dark-theme[data-country="SG"] .sgr-why-wrap p,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-wrap p,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-wrap p,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-wrap p,
body.sgr-dark-theme[data-country="SG"] .sgr-testi p,
body.sgr-dark-theme[data-country="SG"] .sgr-card p,
body.sgr-dark-theme[data-country="SG"] .sgr-link,
body.sgr-dark-theme[data-country="SG"] .sgr-form-inner,
body.sgr-dark-theme[data-country="SG"] .text-muted {
  color: #cbd5e1 !important;
}

/* Hero Section in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-hero,
body.dark-mode.country-sg .sgr-hero,
body.sgr-dark-theme[data-country="SG"] .sgr-hero,
body.sgr-dark-theme.country-sg .sgr-hero,
html[data-theme="dark"] body[data-country="SG"] .sgr-hero,
html[data-theme="dark"] body.country-sg .sgr-hero {
  background:
    radial-gradient(ellipse 75% 60% at 85% 15%, rgba(16, 185, 129, 0.16) 0%, transparent 60%),
    radial-gradient(ellipse 55% 45% at 5% 90%, rgba(56, 189, 248, 0.08) 0%, transparent 55%),
    #060a14 !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.2) !important;
}

body.dark-mode[data-country="SG"] .eyebrow,
body.dark-mode.country-sg .eyebrow,
body.sgr-dark-theme[data-country="SG"] .eyebrow,
body.sgr-dark-theme.country-sg .eyebrow {
  background: rgba(16, 185, 129, 0.14) !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
  color: #00f5a0 !important;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.22) !important;
}

body.dark-mode[data-country="SG"] .hero-badges,
body.dark-mode.country-sg .hero-badges,
body.sgr-dark-theme[data-country="SG"] .hero-badges,
body.sgr-dark-theme.country-sg .hero-badges {
  background: rgba(15, 26, 54, 0.85) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  color: #f1f5f9 !important;
}

body.dark-mode[data-country="SG"] .sgr-regional-trust-strip,
body.dark-mode.country-sg .sgr-regional-trust-strip,
body.sgr-dark-theme[data-country="SG"] .sgr-regional-trust-strip,
body.sgr-dark-theme.country-sg .sgr-regional-trust-strip {
  color: #94a3b8 !important;
}

/* Section Wrappers in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-why-wrap,
body.dark-mode[data-country="SG"] .sgr-hww-wrap,
body.dark-mode[data-country="SG"] .sgr-srv-wrap,
body.dark-mode[data-country="SG"] .sgr-ind-wrap,
body.dark-mode[data-country="SG"] .sgr-testi,
body.dark-mode[data-country="SG"] .sgr-testi-wrap,
body.dark-mode[data-country="SG"] .sgr-contact-section,
body.dark-mode.country-sg .sgr-why-wrap,
body.dark-mode.country-sg .sgr-hww-wrap,
body.dark-mode.country-sg .sgr-srv-wrap,
body.dark-mode.country-sg .sgr-ind-wrap,
body.dark-mode.country-sg .sgr-testi,
body.dark-mode.country-sg .sgr-testi-wrap,
body.dark-mode.country-sg .sgr-contact-section,
body.sgr-dark-theme[data-country="SG"] .sgr-why-wrap,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-wrap,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-wrap,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-wrap,
body.sgr-dark-theme[data-country="SG"] .sgr-testi,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-wrap,
body.sgr-dark-theme[data-country="SG"] .sgr-contact-section,
body.sgr-dark-theme.country-sg .sgr-why-wrap,
body.sgr-dark-theme.country-sg .sgr-hww-wrap,
body.sgr-dark-theme.country-sg .sgr-srv-wrap,
body.sgr-dark-theme.country-sg .sgr-ind-wrap,
body.sgr-dark-theme.country-sg .sgr-testi,
body.sgr-dark-theme.country-sg .sgr-testi-wrap,
body.sgr-dark-theme.country-sg .sgr-contact-section,
html[data-theme="dark"] body[data-country="SG"] .sgr-why-wrap,
html[data-theme="dark"] body[data-country="SG"] .sgr-hww-wrap,
html[data-theme="dark"] body[data-country="SG"] .sgr-srv-wrap,
html[data-theme="dark"] body[data-country="SG"] .sgr-ind-wrap,
html[data-theme="dark"] body[data-country="SG"] .sgr-testi,
html[data-theme="dark"] body[data-country="SG"] .sgr-testi-wrap,
html[data-theme="dark"] body[data-country="SG"] .sgr-contact-section,
html[data-theme="dark"] body.country-sg .sgr-why-wrap,
html[data-theme="dark"] body.country-sg .sgr-hww-wrap,
html[data-theme="dark"] body.country-sg .sgr-srv-wrap,
html[data-theme="dark"] body.country-sg .sgr-ind-wrap,
html[data-theme="dark"] body.country-sg .sgr-testi,
html[data-theme="dark"] body.country-sg .sgr-testi-wrap,
html[data-theme="dark"] body.country-sg .sgr-contact-section {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.18) !important;
}

body.dark-mode[data-country="SG"] .sgr-why-wrap::before,
body.dark-mode[data-country="SG"] .sgr-hww-wrap::before,
body.dark-mode[data-country="SG"] .sgr-srv-wrap::before,
body.dark-mode[data-country="SG"] .sgr-ind-wrap::before,
body.dark-mode[data-country="SG"] .sgr-testi::before,
body.dark-mode[data-country="SG"] .sgr-contact-section::before,
body.sgr-dark-theme[data-country="SG"] .sgr-why-wrap::before,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-wrap::before,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-wrap::before,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-wrap::before,
body.sgr-dark-theme[data-country="SG"] .sgr-testi::before,
body.sgr-dark-theme[data-country="SG"] .sgr-contact-section::before {
  background-image:
    linear-gradient(rgba(16, 185, 129, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.04) 1px, transparent 1px) !important;
}

/* Universal Cyber-Tech Cards in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-why-stat,
body.dark-mode[data-country="SG"] .sgr-hww-card,
body.dark-mode[data-country="SG"] .sgr-srv-card,
body.dark-mode[data-country="SG"] .service-card,
body.dark-mode[data-country="SG"] .sgr-ind-card,
body.dark-mode[data-country="SG"] .sgr-testi-card,
body.dark-mode[data-country="SG"] .sgr-port-card,
body.dark-mode[data-country="SG"] .cs-card,
body.dark-mode[data-country="SG"] .sgr-booking-card,
body.dark-mode[data-country="SG"] .sgr-form-wrapper,
body.dark-mode[data-country="SG"] .sgr-panel,
body.dark-mode[data-country="SG"] .sgr-card,
body.dark-mode[data-country="SG"] .stat-box,
body.dark-mode[data-country="SG"] .process-card,
body.dark-mode.country-sg .sgr-why-stat,
body.dark-mode.country-sg .sgr-hww-card,
body.dark-mode.country-sg .sgr-srv-card,
body.dark-mode.country-sg .service-card,
body.dark-mode.country-sg .sgr-ind-card,
body.dark-mode.country-sg .sgr-testi-card,
body.dark-mode.country-sg .sgr-port-card,
body.dark-mode.country-sg .cs-card,
body.dark-mode.country-sg .sgr-booking-card,
body.dark-mode.country-sg .sgr-form-wrapper,
body.dark-mode.country-sg .sgr-panel,
body.dark-mode.country-sg .sgr-card,
body.dark-mode.country-sg .stat-box,
body.dark-mode.country-sg .process-card,
body.sgr-dark-theme[data-country="SG"] .sgr-why-stat,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-card,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-card,
body.sgr-dark-theme[data-country="SG"] .service-card,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-card,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-card,
body.sgr-dark-theme[data-country="SG"] .sgr-port-card,
body.sgr-dark-theme[data-country="SG"] .cs-card,
body.sgr-dark-theme[data-country="SG"] .sgr-booking-card,
body.sgr-dark-theme[data-country="SG"] .sgr-form-wrapper,
body.sgr-dark-theme[data-country="SG"] .sgr-panel,
body.sgr-dark-theme[data-country="SG"] .sgr-card,
body.sgr-dark-theme[data-country="SG"] .stat-box,
body.sgr-dark-theme[data-country="SG"] .process-card,
body.sgr-dark-theme.country-sg .sgr-why-stat,
body.sgr-dark-theme.country-sg .sgr-hww-card,
body.sgr-dark-theme.country-sg .sgr-srv-card,
body.sgr-dark-theme.country-sg .service-card,
body.sgr-dark-theme.country-sg .sgr-ind-card,
body.sgr-dark-theme.country-sg .sgr-testi-card,
body.sgr-dark-theme.country-sg .sgr-port-card,
body.sgr-dark-theme.country-sg .cs-card,
body.sgr-dark-theme.country-sg .sgr-booking-card,
body.sgr-dark-theme.country-sg .sgr-form-wrapper,
body.sgr-dark-theme.country-sg .sgr-panel,
body.sgr-dark-theme.country-sg .sgr-card,
body.sgr-dark-theme.country-sg .stat-box,
body.sgr-dark-theme.country-sg .process-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-why-stat,
html[data-theme="dark"] body[data-country="SG"] .sgr-hww-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-srv-card,
html[data-theme="dark"] body[data-country="SG"] .service-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-ind-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-testi-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-port-card,
html[data-theme="dark"] body[data-country="SG"] .cs-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-booking-card,
html[data-theme="dark"] body[data-country="SG"] .sgr-form-wrapper,
html[data-theme="dark"] body[data-country="SG"] .sgr-panel,
html[data-theme="dark"] body[data-country="SG"] .sgr-card,
html[data-theme="dark"] body[data-country="SG"] .stat-box,
html[data-theme="dark"] body[data-country="SG"] .process-card,
html[data-theme="dark"] body.country-sg .sgr-why-stat,
html[data-theme="dark"] body.country-sg .sgr-hww-card,
html[data-theme="dark"] body.country-sg .sgr-srv-card,
html[data-theme="dark"] body.country-sg .service-card,
html[data-theme="dark"] body.country-sg .sgr-ind-card,
html[data-theme="dark"] body.country-sg .sgr-testi-card,
html[data-theme="dark"] body.country-sg .sgr-port-card,
html[data-theme="dark"] body.country-sg .cs-card,
html[data-theme="dark"] body.country-sg .sgr-booking-card,
html[data-theme="dark"] body.country-sg .sgr-form-wrapper,
html[data-theme="dark"] body.country-sg .sgr-panel,
html[data-theme="dark"] body.country-sg .sgr-card,
html[data-theme="dark"] body.country-sg .stat-box,
html[data-theme="dark"] body.country-sg .process-card {
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode[data-country="SG"] .sgr-why-stat:hover,
body.dark-mode[data-country="SG"] .sgr-hww-card:hover,
body.dark-mode[data-country="SG"] .sgr-srv-card:hover,
body.dark-mode[data-country="SG"] .service-card:hover,
body.dark-mode[data-country="SG"] .sgr-ind-card:hover,
body.dark-mode[data-country="SG"] .sgr-testi-card:hover,
body.dark-mode[data-country="SG"] .sgr-port-card:hover,
body.dark-mode[data-country="SG"] .cs-card:hover,
body.dark-mode.country-sg .sgr-why-stat:hover,
body.dark-mode.country-sg .sgr-hww-card:hover,
body.dark-mode.country-sg .sgr-srv-card:hover,
body.dark-mode.country-sg .service-card:hover,
body.dark-mode.country-sg .sgr-ind-card:hover,
body.dark-mode.country-sg .sgr-testi-card:hover,
body.dark-mode.country-sg .sgr-port-card:hover,
body.dark-mode.country-sg .cs-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-why-stat:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-card:hover,
body.sgr-dark-theme[data-country="SG"] .service-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-port-card:hover,
body.sgr-dark-theme[data-country="SG"] .cs-card:hover,
body.sgr-dark-theme.country-sg .sgr-why-stat:hover,
body.sgr-dark-theme.country-sg .sgr-hww-card:hover,
body.sgr-dark-theme.country-sg .sgr-srv-card:hover,
body.sgr-dark-theme.country-sg .service-card:hover,
body.sgr-dark-theme.country-sg .sgr-ind-card:hover,
body.sgr-dark-theme.country-sg .sgr-testi-card:hover,
body.sgr-dark-theme.country-sg .sgr-port-card:hover,
body.sgr-dark-theme.country-sg .cs-card:hover {
  background: rgba(15, 23, 42, 0.98) !important;
  border-color: rgba(16, 185, 129, 0.65) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(16, 185, 129, 0.25) !important;
  transform: translateY(-6px) !important;
}

body.dark-mode[data-country="SG"] .sgr-why-stat-label,
body.dark-mode.country-sg .sgr-why-stat-label,
body.sgr-dark-theme[data-country="SG"] .sgr-why-stat-label,
body.sgr-dark-theme.country-sg .sgr-why-stat-label,
body.dark-mode[data-country="SG"] .sgr-testi-stat-label,
body.dark-mode.country-sg .sgr-testi-stat-label,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-stat-label,
body.sgr-dark-theme.country-sg .sgr-testi-stat-label {
  color: #94a3b8 !important;
}

/* Badges, Tags & Pills in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-why-eyebrow,
body.dark-mode[data-country="SG"] .sgr-hww-eyebrow,
body.dark-mode[data-country="SG"] .sgr-hww-tag,
body.dark-mode[data-country="SG"] .sgr-hww-badge,
body.dark-mode[data-country="SG"] .sgr-srv-eyebrow,
body.dark-mode[data-country="SG"] .sgr-srv-badge,
body.dark-mode[data-country="SG"] .sgr-srv-tag,
body.dark-mode[data-country="SG"] .sgr-ind-eyebrow,
body.dark-mode[data-country="SG"] .sgr-ind-pill,
body.dark-mode[data-country="SG"] .sgr-testi-tag,
body.dark-mode[data-country="SG"] .sgr-testi-verified,
body.dark-mode[data-country="SG"] .sgr-port-stack-item,
body.dark-mode[data-country="SG"] .cs-tag,
body.dark-mode.country-sg .sgr-why-eyebrow,
body.dark-mode.country-sg .sgr-hww-eyebrow,
body.dark-mode.country-sg .sgr-hww-tag,
body.dark-mode.country-sg .sgr-hww-badge,
body.dark-mode.country-sg .sgr-srv-eyebrow,
body.dark-mode.country-sg .sgr-srv-badge,
body.dark-mode.country-sg .sgr-srv-tag,
body.dark-mode.country-sg .sgr-ind-eyebrow,
body.dark-mode.country-sg .sgr-ind-pill,
body.dark-mode.country-sg .sgr-testi-tag,
body.dark-mode.country-sg .sgr-testi-verified,
body.dark-mode.country-sg .sgr-port-stack-item,
body.dark-mode.country-sg .cs-tag,
body.sgr-dark-theme[data-country="SG"] .sgr-why-eyebrow,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-eyebrow,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-tag,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-badge,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-eyebrow,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-badge,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-tag,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-eyebrow,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-pill,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-tag,
body.sgr-dark-theme[data-country="SG"] .sgr-testi-verified,
body.sgr-dark-theme[data-country="SG"] .sgr-port-stack-item,
body.sgr-dark-theme[data-country="SG"] .cs-tag,
body.sgr-dark-theme.country-sg .sgr-why-eyebrow,
body.sgr-dark-theme.country-sg .sgr-hww-eyebrow,
body.sgr-dark-theme.country-sg .sgr-hww-tag,
body.sgr-dark-theme.country-sg .sgr-hww-badge,
body.sgr-dark-theme.country-sg .sgr-srv-eyebrow,
body.sgr-dark-theme.country-sg .sgr-srv-badge,
body.sgr-dark-theme.country-sg .sgr-srv-tag,
body.sgr-dark-theme.country-sg .sgr-ind-eyebrow,
body.sgr-dark-theme.country-sg .sgr-ind-pill,
body.sgr-dark-theme.country-sg .sgr-testi-tag,
body.sgr-dark-theme.country-sg .sgr-testi-verified,
body.sgr-dark-theme.country-sg .sgr-port-stack-item,
body.sgr-dark-theme.country-sg .cs-tag {
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  color: #00f5a0 !important;
}

body.dark-mode[data-country="SG"] .sgr-why-point,
body.dark-mode.country-sg .sgr-why-point,
body.sgr-dark-theme[data-country="SG"] .sgr-why-point,
body.sgr-dark-theme.country-sg .sgr-why-point {
  background: rgba(15, 23, 42, 0.7) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  color: #cbd5e1 !important;
}

body.dark-mode[data-country="SG"] .sgr-why-point:hover,
body.dark-mode.country-sg .sgr-why-point:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-why-point:hover,
body.sgr-dark-theme.country-sg .sgr-why-point:hover {
  border-color: #10b981 !important;
  background: rgba(15, 23, 42, 0.95) !important;
}

/* Icon containers in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-hww-icon-box,
body.dark-mode[data-country="SG"] .sgr-srv-icon,
body.dark-mode[data-country="SG"] .sgr-why-point-icon,
body.dark-mode[data-country="SG"] .sgr-why-stat-icon,
body.dark-mode[data-country="SG"] .sgr-ind-icon,
body.dark-mode.country-sg .sgr-hww-icon-box,
body.dark-mode.country-sg .sgr-srv-icon,
body.dark-mode.country-sg .sgr-why-point-icon,
body.dark-mode.country-sg .sgr-why-stat-icon,
body.dark-mode.country-sg .sgr-ind-icon,
body.sgr-dark-theme[data-country="SG"] .sgr-hww-icon-box,
body.sgr-dark-theme[data-country="SG"] .sgr-srv-icon,
body.sgr-dark-theme[data-country="SG"] .sgr-why-point-icon,
body.sgr-dark-theme[data-country="SG"] .sgr-why-stat-icon,
body.sgr-dark-theme[data-country="SG"] .sgr-ind-icon,
body.sgr-dark-theme.country-sg .sgr-hww-icon-box,
body.sgr-dark-theme.country-sg .sgr-srv-icon,
body.sgr-dark-theme.country-sg .sgr-why-point-icon,
body.sgr-dark-theme.country-sg .sgr-why-stat-icon,
body.sgr-dark-theme.country-sg .sgr-ind-icon {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.25) 0%, rgba(16, 185, 129, 0.35) 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.5) !important;
  color: #00f5a0 !important;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3) !important;
}

/* Form Inputs in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-input,
body.dark-mode[data-country="SG"] .form-control,
body.dark-mode[data-country="SG"] .form-select,
body.dark-mode.country-sg .sgr-input,
body.dark-mode.country-sg .form-control,
body.dark-mode.country-sg .form-select,
body.sgr-dark-theme[data-country="SG"] .sgr-input,
body.sgr-dark-theme[data-country="SG"] .form-control,
body.sgr-dark-theme[data-country="SG"] .form-select,
body.sgr-dark-theme.country-sg .sgr-input,
body.sgr-dark-theme.country-sg .form-control,
body.sgr-dark-theme.country-sg .form-select {
  background: #0a1128 !important;
  border: 1.5px solid rgba(16, 185, 129, 0.3) !important;
  color: #f8fafc !important;
}

body.dark-mode[data-country="SG"] .sgr-input:focus,
body.dark-mode[data-country="SG"] .form-control:focus,
body.dark-mode[data-country="SG"] .form-select:focus,
body.dark-mode.country-sg .sgr-input:focus,
body.dark-mode.country-sg .form-control:focus,
body.dark-mode.country-sg .form-select:focus,
body.sgr-dark-theme[data-country="SG"] .sgr-input:focus,
body.sgr-dark-theme[data-country="SG"] .form-control:focus,
body.sgr-dark-theme[data-country="SG"] .form-select:focus,
body.sgr-dark-theme.country-sg .sgr-input:focus,
body.sgr-dark-theme.country-sg .form-control:focus,
body.sgr-dark-theme.country-sg .form-select:focus {
  border-color: #00f5a0 !important;
  box-shadow: 0 0 0 3.5px rgba(16, 185, 129, 0.3) !important;
  background: #060e20 !important;
}

/* Outline Buttons in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .hero-btns .btn-outline,
body.dark-mode[data-country="SG"] .hero .btn-outline,
body.dark-mode[data-country="SG"] .btn-outline,
body.dark-mode.country-sg .hero-btns .btn-outline,
body.dark-mode.country-sg .hero .btn-outline,
body.dark-mode.country-sg .btn-outline,
body.sgr-dark-theme[data-country="SG"] .hero-btns .btn-outline,
body.sgr-dark-theme[data-country="SG"] .hero .btn-outline,
body.sgr-dark-theme[data-country="SG"] .btn-outline,
body.sgr-dark-theme.country-sg .hero-btns .btn-outline,
body.sgr-dark-theme.country-sg .hero .btn-outline,
body.sgr-dark-theme.country-sg .btn-outline {
  background: rgba(15, 23, 42, 0.6) !important;
  color: #00f5a0 !important;
  border: 1.5px solid #10b981 !important;
}

body.dark-mode[data-country="SG"] .hero-btns .btn-outline:hover,
body.dark-mode.country-sg .hero-btns .btn-outline:hover,
body.sgr-dark-theme[data-country="SG"] .hero-btns .btn-outline:hover,
body.sgr-dark-theme.country-sg .hero-btns .btn-outline:hover {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}

/* Drawer Active Office Card in Singapore Dark Mode */
body.dark-mode[data-country="SG"] .sgr-drawer-office-card.active,
body.dark-mode.country-sg .sgr-drawer-office-card.active,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card.active,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card.active {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.22) 0%, rgba(5, 150, 105, 0.12) 100%) !important;
  border: 1.5px solid #10b981 !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}

body.dark-mode[data-country="SG"] .sgr-drawer-office-card.active .sgr-card-country-name,
body.dark-mode.country-sg .sgr-drawer-office-card.active .sgr-card-country-name,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card.active .sgr-card-country-name,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card.active .sgr-card-country-name {
  color: #ffffff !important;
}

body.dark-mode[data-country="SG"] .sgr-drawer-office-card.active .sgr-card-badge-code,
body.dark-mode.country-sg .sgr-drawer-office-card.active .sgr-card-badge-code,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card.active .sgr-card-badge-code,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card.active .sgr-card-badge-code {
  background: #059669 !important;
  color: #ffffff !important;
}

body.dark-mode[data-country="SG"] .sgr-drawer-office-card:hover,
body.dark-mode.country-sg .sgr-drawer-office-card:hover,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card:hover,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card:hover {
  background: #181d36 !important;
  border-color: #10b981 !important;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.25) !important;
}

body.dark-mode[data-country="SG"] .sgr-drawer-office-card:hover .sgr-card-country-name,
body.dark-mode.country-sg .sgr-drawer-office-card:hover .sgr-card-country-name,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card:hover .sgr-card-country-name,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card:hover .sgr-card-country-name {
  color: #00f5a0 !important;
}

body.dark-mode[data-country="SG"] .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.dark-mode.country-sg .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.sgr-dark-theme[data-country="SG"] .sgr-drawer-office-card:hover .sgr-card-arrow-circle,
body.sgr-dark-theme.country-sg .sgr-drawer-office-card:hover .sgr-card-arrow-circle {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}

/* ── Canada Mobile Drawer Navigation (Light & Dark Mode) ─────────────────── */
@media (max-width: 991.98px) {
  /* Canada Light Mode — clean drawer with red accent */
  body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse,
  body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse {
    background: #ffffff !important;
    border-right: 2.5px solid #e11d48 !important;
    box-shadow: 4px 0 24px rgba(225, 29, 72, 0.12) !important;
  }
  body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link,
  body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link {
    color: #0f172a !important;
  }
  body[data-country="CA"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.country-ca:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #e11d48 !important;
  }

  /* Canada Dark Mode — tech dark drawer with crimson accent & mesh */
  body.dark-mode[data-country="CA"] .sgr-navbar-header .navbar-collapse,
  body.dark-mode.country-ca .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme.country-ca .sgr-navbar-header .navbar-collapse,
  html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header .navbar-collapse,
  html[data-theme="dark"] body.country-ca .sgr-navbar-header .navbar-collapse {
    background: #0b1120 !important;
    border-right: 2.5px solid #ff4d6d !important;
    box-shadow: 10px 0 35px rgba(0, 0, 0, 0.7) !important;
    background-image:
      linear-gradient(rgba(225, 29, 72, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(225, 29, 72, 0.08) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
  }

  body.dark-mode[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.dark-mode.country-ca .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme.country-ca .sgr-navbar-header .navbar-collapse .nav-link,
  html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link,
  html[data-theme="dark"] body.country-ca .sgr-navbar-header .navbar-collapse .nav-link {
    color: #f1f5f9 !important;
  }

  body.dark-mode[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.dark-mode.country-ca .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme.country-ca .sgr-navbar-header .navbar-collapse .nav-link:hover,
  html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  html[data-theme="dark"] body.country-ca .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #ff4d6d !important;
  }

  /* Canada Dark Mode mobile dropdown menus */
  body.dark-mode[data-country="CA"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.dark-mode.country-ca .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme.country-ca .sgr-navbar-header .navbar-collapse .dropdown-menu,
  html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  html[data-theme="dark"] body.country-ca .sgr-navbar-header .navbar-collapse .dropdown-menu {
    background: #0f172a !important;
    border: 1px solid rgba(225, 29, 72, 0.25) !important;
  }

  /* Canada Dark Mode mobile toggler button */
  body.dark-mode[data-country="CA"] .sgr-navbar-header .navbar-toggler,
  body.dark-mode.country-ca .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme[data-country="CA"] .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme.country-ca .sgr-navbar-header .navbar-toggler,
  html[data-theme="dark"] body[data-country="CA"] .sgr-navbar-header .navbar-toggler,
  html[data-theme="dark"] body.country-ca .sgr-navbar-header .navbar-toggler {
    border-color: rgba(225, 29, 72, 0.4) !important;
    color: #ff4d6d !important;
  }
}

/* ── Singapore Mobile Drawer Navigation (Light & Dark Mode) ─────────────── */
@media (max-width: 991.98px) {
  /* Singapore Light Mode — clean drawer with emerald accent */
  body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse,
  body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse {
    background: #ffffff !important;
    border-right: 2.5px solid #059669 !important;
    box-shadow: 4px 0 24px rgba(5, 150, 105, 0.12) !important;
  }
  body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link,
  body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link {
    color: #0f172a !important;
  }
  body[data-country="SG"]:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.country-sg:not(.dark-mode):not(.sgr-dark-theme) .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #059669 !important;
  }

  /* Singapore Dark Mode — cyber tech drawer with neon mint accent & mesh */
  body.dark-mode[data-country="SG"] .sgr-navbar-header .navbar-collapse,
  body.dark-mode.country-sg .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header .navbar-collapse,
  body.sgr-dark-theme.country-sg .sgr-navbar-header .navbar-collapse,
  html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header .navbar-collapse,
  html[data-theme="dark"] body.country-sg .sgr-navbar-header .navbar-collapse {
    background: #060e20 !important;
    border-right: 2.5px solid #00f5a0 !important;
    box-shadow: 10px 0 35px rgba(0, 0, 0, 0.7) !important;
    background-image:
      linear-gradient(rgba(16, 185, 129, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(16, 185, 129, 0.08) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
  }

  body.dark-mode[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.dark-mode.country-sg .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link,
  body.sgr-dark-theme.country-sg .sgr-navbar-header .navbar-collapse .nav-link,
  html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link,
  html[data-theme="dark"] body.country-sg .sgr-navbar-header .navbar-collapse .nav-link {
    color: #f1f5f9 !important;
  }

  body.dark-mode[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.dark-mode.country-sg .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  body.sgr-dark-theme.country-sg .sgr-navbar-header .navbar-collapse .nav-link:hover,
  html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header .navbar-collapse .nav-link:hover,
  html[data-theme="dark"] body.country-sg .sgr-navbar-header .navbar-collapse .nav-link:hover {
    color: #00f5a0 !important;
  }

  /* Singapore Dark Mode mobile dropdown menus */
  body.dark-mode[data-country="SG"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.dark-mode.country-sg .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  body.sgr-dark-theme.country-sg .sgr-navbar-header .navbar-collapse .dropdown-menu,
  html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header .navbar-collapse .dropdown-menu,
  html[data-theme="dark"] body.country-sg .sgr-navbar-header .navbar-collapse .dropdown-menu {
    background: #091228 !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
  }

  /* Singapore Dark Mode mobile toggler button */
  body.dark-mode[data-country="SG"] .sgr-navbar-header .navbar-toggler,
  body.dark-mode.country-sg .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme[data-country="SG"] .sgr-navbar-header .navbar-toggler,
  body.sgr-dark-theme.country-sg .sgr-navbar-header .navbar-toggler,
  html[data-theme="dark"] body[data-country="SG"] .sgr-navbar-header .navbar-toggler,
  html[data-theme="dark"] body.country-sg .sgr-navbar-header .navbar-toggler {
    border-color: rgba(16, 185, 129, 0.4) !important;
    color: #00f5a0 !important;
  }
}

/* ==========================================================================
   4. RESPONSIVE OPTIMIZATIONS (Mobile & Tablet across UK, CA, SG)
   ========================================================================== */

@media (max-width: 991.98px) {
  /* Common Hero Column Stacking for UK, CA, SG */
  body[data-country="GB"] .sgr-hero,
  body.country-gb .sgr-hero,
  body[data-country="CA"] .sgr-hero,
  body.country-ca .sgr-hero,
  body[data-country="SG"] .sgr-hero,
  body.country-sg .sgr-hero {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 32px !important;
  }
  body[data-country="GB"] .hero-left,
  body.country-gb .hero-left,
  body[data-country="CA"] .hero-left,
  body.country-ca .hero-left,
  body[data-country="SG"] .hero-left,
  body.country-sg .hero-left {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Hero responsive adjustments */
  body[data-country="GB"] .hero-right,
  body.country-gb .hero-right,
  body[data-country="CA"] .hero-right,
  body.country-ca .hero-right,
  body[data-country="SG"] .hero-right,
  body.country-sg .hero-right {
    position: absolute !important;
    right: -120px !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
    width: 520px !important;
    height: 520px !important;
    opacity: 0.6 !important;
    display: block !important;
  }

  /* UK Mobile */
  body[data-country="GB"] .sgr-hero,
  body.country-gb .sgr-hero {
    padding: 35px 16px 45px 16px !important;
  }
  body[data-country="GB"] .hero h1,
  body.country-gb .hero h1 {
    font-size: 32px !important;
    letter-spacing: -0.6px !important;
  }
  body[data-country="GB"] .sgr-why-inner,
  body.country-gb .sgr-why-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  body[data-country="GB"] .sgr-why-right,
  body.country-gb .sgr-why-right {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  /* Canada Mobile */
  body[data-country="CA"] .sgr-hero,
  body.country-ca .sgr-hero {
    padding: 38px 16px 48px 16px !important;
  }
  body[data-country="CA"] .hero h1,
  body.country-ca .hero h1 {
    font-size: 32px !important;
  }
  body[data-country="CA"] .sgr-why-inner,
  body.country-ca .sgr-why-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  body[data-country="CA"] .sgr-why-right,
  body.country-ca .sgr-why-right {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  /* Singapore Mobile */
  body[data-country="SG"] .sgr-hero,
  body.country-sg .sgr-hero {
    padding: 35px 16px 45px 16px !important;
  }
  body[data-country="SG"] .hero h1,
  body.country-sg .hero h1 {
    font-size: 32px !important;
  }
  body[data-country="SG"] .sgr-why-inner,
  body.country-sg .sgr-why-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  body[data-country="SG"] .sgr-why-right,
  body.country-sg .sgr-why-right {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  body[data-country="GB"] .sgr-why-stat,
  body[data-country="UK"] .sgr-why-stat,
  body.country-gb .sgr-why-stat,
  body.country-uk .sgr-why-stat,
  body[data-country="CA"] .sgr-why-stat,
  body.country-ca .sgr-why-stat,
  body[data-country="SG"] .sgr-why-stat,
  body.country-sg .sgr-why-stat {
    padding: 20px 14px 18px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-country="GB"] .sgr-why-stat-icon,
  body[data-country="UK"] .sgr-why-stat-icon,
  body.country-gb .sgr-why-stat-icon,
  body.country-uk .sgr-why-stat-icon,
  body[data-country="CA"] .sgr-why-stat-icon,
  body.country-ca .sgr-why-stat-icon,
  body[data-country="SG"] .sgr-why-stat-icon,
  body.country-sg .sgr-why-stat-icon {
    margin: 0 auto 12px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="GB"] .sgr-why-stat-num,
  body[data-country="UK"] .sgr-why-stat-num,
  body.country-gb .sgr-why-stat-num,
  body.country-uk .sgr-why-stat-num,
  body[data-country="CA"] .sgr-why-stat-num,
  body.country-ca .sgr-why-stat-num,
  body[data-country="SG"] .sgr-why-stat-num,
  body.country-sg .sgr-why-stat-num {
    text-align: center !important;
    margin-bottom: 4px !important;
    width: 100% !important;
  }

  body[data-country="GB"] .sgr-why-stat-label,
  body[data-country="UK"] .sgr-why-stat-label,
  body.country-gb .sgr-why-stat-label,
  body.country-uk .sgr-why-stat-label,
  body[data-country="CA"] .sgr-why-stat-label,
  body.country-ca .sgr-why-stat-label,
  body[data-country="SG"] .sgr-why-stat-label,
  body.country-sg .sgr-why-stat-label {
    text-align: center !important;
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  body[data-country="GB"] .sgr-why-right,
  body[data-country="UK"] .sgr-why-right,
  body.country-gb .sgr-why-right,
  body.country-uk .sgr-why-right,
  body[data-country="CA"] .sgr-why-right,
  body.country-ca .sgr-why-right,
  body[data-country="SG"] .sgr-why-right,
  body.country-sg .sgr-why-right,
  .sgr-why-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  body[data-country="GB"] .sgr-why-stat,
  body[data-country="UK"] .sgr-why-stat,
  body.country-gb .sgr-why-stat,
  body.country-uk .sgr-why-stat,
  body[data-country="CA"] .sgr-why-stat,
  body.country-ca .sgr-why-stat,
  body[data-country="SG"] .sgr-why-stat,
  body.country-sg .sgr-why-stat,
  .sgr-why-stat {
    padding: 16px 10px 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  body[data-country="GB"] .sgr-why-stat-icon,
  body[data-country="UK"] .sgr-why-stat-icon,
  body.country-gb .sgr-why-stat-icon,
  body.country-uk .sgr-why-stat-icon,
  body[data-country="CA"] .sgr-why-stat-icon,
  body.country-ca .sgr-why-stat-icon,
  body[data-country="SG"] .sgr-why-stat-icon,
  body.country-sg .sgr-why-stat-icon,
  .sgr-why-stat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 10px !important;
    margin: 0 auto 10px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-country="GB"] .sgr-why-stat-num,
  body[data-country="UK"] .sgr-why-stat-num,
  body.country-gb .sgr-why-stat-num,
  body.country-uk .sgr-why-stat-num,
  body[data-country="CA"] .sgr-why-stat-num,
  body.country-ca .sgr-why-stat-num,
  body[data-country="SG"] .sgr-why-stat-num,
  body.country-sg .sgr-why-stat-num,
  .sgr-why-stat-num {
    font-size: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    line-height: 1.15 !important;
    width: 100% !important;
  }

  body[data-country="GB"] .sgr-why-stat-label,
  body[data-country="UK"] .sgr-why-stat-label,
  body.country-gb .sgr-why-stat-label,
  body.country-uk .sgr-why-stat-label,
  body[data-country="CA"] .sgr-why-stat-label,
  body.country-ca .sgr-why-stat-label,
  body[data-country="SG"] .sgr-why-stat-label,
  body.country-sg .sgr-why-stat-label,
  .sgr-why-stat-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.35 !important;
    letter-spacing: 0.04em !important;
    width: 100% !important;
  }

  /* Footer Always Responsive on Phone */
  .footer .col-lg-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  .footer .footer-menu-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 18px !important;
  }

  .footer-links a {
    min-height: unset !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 3px 0 !important;
  }

  .footer-bottom {
    padding-bottom: 80px !important;
    text-align: center !important;
  }
}