/* ================================================================
   HOSTGROW — IT SERVICES CSS
   Font: Poppins | All bugs fixed
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --hg-primary:  #1E3A8A;
  --hg-blue2:    #2563EB;
  --hg-accent:   #FF6B35;
  --hg-cyan:     #06B6D4;
  --hg-dark:     #0F172A;
  --hg-dark2:    #1E293B;
  --hg-text:     #334155;
  --hg-muted:    #64748B;
  --hg-border:   #E2E8F0;
  --hg-light:    #F8FAFC;
  --hg-white:    #FFFFFF;
  --hg-r:        16px;
  --hg-r-sm:     10px;
  --hg-t:        0.28s cubic-bezier(0.4,0,0.2,1);
  --hg-sh:       0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);
  --hg-sh-lg:    0 20px 25px -5px rgba(0,0,0,.07),0 8px 10px -5px rgba(0,0,0,.03);
  --hg-sh-xl:    0 25px 50px -12px rgba(30,58,138,.15);
}

/* ── Global font override ── */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, li, span, div {
  font-family: 'Poppins', sans-serif !important;
}

/* ══════════════════════════
   HERO
══════════════════════════ */
.hg-hero-new {
  background: linear-gradient(135deg, #0A1628 0%, #1B3380 50%, #0D6E8A 100%);
  position: relative;
  overflow: hidden;
  min-height: 620px;
  display: flex;
  align-items: center;
}
.hg-hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}
.hg-hero-orb { position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none; }
.hg-hero-orb-1 { width:500px;height:500px;background:rgba(6,182,212,.15);top:-150px;right:-80px;animation:hgOrb 6s ease-in-out infinite; }
.hg-hero-orb-2 { width:280px;height:280px;background:rgba(255,107,53,.1);bottom:-40px;left:4%;animation:hgOrb 8s ease-in-out infinite reverse; }
@keyframes hgOrb { 0%,100%{transform:scale(1)} 50%{transform:scale(1.1)} }

.hg-hero-inner {
  position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;
  padding:80px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;
}

.hg-hero-pill {
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(6,182,212,.14);border:1px solid rgba(6,182,212,.32);
  border-radius:99px;padding:6px 16px;font-size:.72rem;font-weight:600;
  color:#67E8F9;letter-spacing:.5px;margin-bottom:20px;
}
.hg-hero-pill-dot { width:6px;height:6px;background:#06B6D4;border-radius:50%;animation:hgBlink 1.6s ease-in-out infinite; }
@keyframes hgBlink { 0%,100%{opacity:1} 50%{opacity:.25} }

.hg-hero-title {
  font-size: clamp(2rem,4.2vw,3.4rem);
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 16px;
  letter-spacing: -1px;
}
.hg-grad-text {
  background: linear-gradient(90deg,#38BDF8,#F59E0B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hg-hero-subtitle {
  font-size: .95rem;
  color: rgba(255,255,255,.65);
  line-height: 1.75;
  margin-bottom: 32px;
  max-width: 480px;
}
.hg-hero-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px; }

.hg-btn-hero-primary {
  padding:12px 24px;background:var(--hg-accent);color:#fff;border:none;
  border-radius:var(--hg-r-sm);font-weight:700;font-size:.88rem;cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;gap:7px;
  transition:var(--hg-t);box-shadow:0 4px 18px rgba(255,107,53,.42);
}
.hg-btn-hero-primary:hover { transform:translateY(-3px);box-shadow:0 8px 28px rgba(255,107,53,.5);color:#fff;text-decoration:none; }
.hg-btn-hero-outline {
  padding:12px 24px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);
  border:1.5px solid rgba(255,255,255,.22);border-radius:var(--hg-r-sm);
  font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:7px;transition:var(--hg-t);backdrop-filter:blur(8px);
}
.hg-btn-hero-outline:hover { background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);color:#fff;text-decoration:none; }

.hg-hero-stats {
  display:flex;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;overflow:hidden;backdrop-filter:blur(12px);width:fit-content;
}
.hg-hero-stat-item { padding:14px 24px;border-right:1px solid rgba(255,255,255,.1);text-align:center; }
.hg-hero-stat-item:last-child { border-right:none; }
.hg-hero-stat-num { display:block;font-size:1.55rem;font-weight:800;color:#38BDF8;line-height:1; }
.hg-hero-stat-label { font-size:.62rem;color:rgba(255,255,255,.5);letter-spacing:.5px;margin-top:3px; }

.hg-hero-right { position:relative; }
.hg-hero-visual-wrap {
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:22px;padding:24px;backdrop-filter:blur(14px);
}
.hg-floating-cards-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.hg-fc {
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:12px;padding:12px;display:flex;align-items:center;gap:9px;transition:var(--hg-t);
}
.hg-fc:hover { background:rgba(255,255,255,.14);border-color:rgba(6,182,212,.35);transform:translateY(-2px); }
.hg-fc-icon { font-size:1.3rem;flex-shrink:0; }
.hg-fc-name { font-size:.77rem;font-weight:700;color:#fff;line-height:1.2; }
.hg-fc-sub { font-size:.65rem;color:rgba(255,255,255,.48);margin-top:2px; }

/* ── Hero placeholder box ── */
.hg-hero-img-placeholder {
  background: rgba(255,255,255,.04);
  border: 1.5px dashed rgba(255,255,255,.15);
  border-radius: 14px;
  padding: 28px 20px;
  text-align: center;
  margin-bottom: 14px;
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.hg-hero-img-placeholder span:first-child { font-size:1.8rem;opacity:.35; }
.hg-hero-img-placeholder span:last-child {
  font-size:.62rem;color:rgba(255,255,255,.28);font-weight:600;
  letter-spacing:1px;text-transform:uppercase;line-height:1.5;
}

/* ══════════════════════════
   TRUST BAR
══════════════════════════ */
.hg-trust-bar { background:#fff;padding:18px 28px;border-bottom:1px solid var(--hg-border);box-shadow:0 2px 8px rgba(0,0,0,.05); }
.hg-trust-inner { max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:16px; }
.hg-trust-item { display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--hg-text); }
.hg-trust-icon { width:32px;height:32px;border-radius:8px;background:rgba(30,58,138,.07);display:flex;align-items:center;justify-content:center;font-size:.9rem; }

/* ══════════════════════════
   SECTION HEADERS
══════════════════════════ */
.hg-section-header { text-align:center;margin-bottom:48px; }
.hg-section-eyebrow {
  display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--hg-accent);background:rgba(255,107,53,.07);
  padding:5px 14px;border-radius:99px;margin-bottom:12px;
}
.hg-section-title {
  font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:800;color:var(--hg-dark);
  line-height:1.22;margin-bottom:10px;letter-spacing:-.4px;
}
.hg-section-title .hg-accent-text, .hg-accent-text { color:var(--hg-primary); }
.hg-section-subtitle { font-size:.9rem;color:var(--hg-muted);max-width:520px;margin:0 auto;line-height:1.75; }
.hg-section-divider { width:40px;height:4px;background:linear-gradient(90deg,var(--hg-accent),var(--hg-cyan));border-radius:2px;margin:0 auto 16px; }

/* ══════════════════════════
   SERVICES GRID
══════════════════════════ */
.hg-services-section { padding:80px 0;background:var(--hg-light); }
.hg-services-grid {
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  max-width:1240px;margin:0 auto;padding:0 28px;
}
.hg-service-card {
  background:#fff;border:1.5px solid var(--hg-border);border-radius:var(--hg-r);
  padding:24px 18px;transition:var(--hg-t);position:relative;overflow:hidden;
  cursor:pointer;text-decoration:none;display:block;
}
.hg-service-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--hg-primary),var(--hg-cyan));
  transform:scaleX(0);transform-origin:left;transition:transform .35s ease;
}
.hg-service-card:hover::before { transform:scaleX(1); }
.hg-service-card:hover {
  border-color:rgba(30,58,138,.16);
  box-shadow:var(--hg-sh-xl);
  transform:translateY(-5px);
  text-decoration:none;
}
.hg-sc-icon-wrap {
  width:48px;height:48px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:1.35rem;margin-bottom:14px;transition:var(--hg-t);
}
.hg-service-card:hover .hg-sc-icon-wrap { transform:scale(1.08) rotate(-5deg); }
.hg-sc-blue{background:rgba(30,58,138,.08)} .hg-sc-orange{background:rgba(255,107,53,.1)}
.hg-sc-cyan{background:rgba(6,182,212,.1)} .hg-sc-purple{background:rgba(124,58,237,.1)}
.hg-sc-green{background:rgba(16,185,129,.1)} .hg-sc-amber{background:rgba(245,158,11,.1)}
.hg-sc-pink{background:rgba(236,72,153,.1)} .hg-sc-rose{background:rgba(239,68,68,.1)}
.hg-sc-name { font-size:.92rem;font-weight:700;color:var(--hg-dark);margin-bottom:6px; }
.hg-sc-desc { font-size:.76rem;color:var(--hg-muted);line-height:1.65;margin-bottom:12px; }
.hg-sc-link { display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:var(--hg-primary);transition:gap .22s; }
.hg-service-card:hover .hg-sc-link { gap:8px; }

/* ══════════════════════════
   HOSTING PLAN TABS
══════════════════════════ */
.hg-plans-section { background:var(--hg-light);padding:72px 0; }
.hg-plan-tabs { display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px; }
.hg-plan-tab {
  padding:9px 20px;border-radius:9px;border:1.5px solid var(--hg-border);background:#fff;
  font-size:.8rem;font-weight:700;color:var(--hg-muted);cursor:pointer;
  transition:all .2s ease;white-space:nowrap;
}
.hg-plan-tab:hover { border-color:var(--hg-primary);color:var(--hg-primary); }
.hg-plan-tab.active { background:var(--hg-primary);border-color:var(--hg-primary);color:#fff;box-shadow:0 4px 14px rgba(30,58,138,.3); }
.hg-plan-tab-content { width:100%; }
.hg-plan-tab-pane { display:none; }
.hg-plan-tab-pane.active { display:block; }

.hg-plans-grid {
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  max-width:1240px;margin:0 auto;padding:16px 28px 36px;align-items:start;
}
.hg-plan-card {
  background:#fff;border:1.5px solid var(--hg-border);border-radius:18px;
  padding:24px 20px;display:flex;flex-direction:column;position:relative;
  transition:transform .24s,box-shadow .24s,border-color .24s;
}
.hg-plan-card:hover { transform:translateY(-5px);box-shadow:var(--hg-sh-xl);border-color:rgba(30,58,138,.2); }
.hg-plan-recommended {
  background:linear-gradient(155deg,#1a3a8a 0%,#1e4bd8 52%,#0882b2 100%);
  border-color:transparent;margin-top:-14px;padding-top:42px;
  box-shadow:0 10px 32px rgba(30,58,138,.3);
}
.hg-plan-recommended:hover { border-color:transparent;box-shadow:0 18px 44px rgba(30,58,138,.42); }
.hg-plan-badge {
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,#FF6B35,#F59E0B);color:#fff;
  font-size:.62rem;font-weight:800;letter-spacing:.5px;
  padding:4px 14px;border-radius:99px;white-space:nowrap;
  box-shadow:0 4px 12px rgba(255,107,53,.38);
}
.hg-plan-name { font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--hg-primary);margin-bottom:4px; }
.hg-plan-recommended .hg-plan-name { color:rgba(255,255,255,.6); }
.hg-plan-desc { font-size:.74rem;color:#94A3B8;line-height:1.5;margin-bottom:14px;min-height:32px; }
.hg-plan-recommended .hg-plan-desc { color:rgba(255,255,255,.45); }
.hg-plan-price { font-size:1.9rem;font-weight:800;color:var(--hg-dark);line-height:1;display:flex;align-items:baseline;gap:3px;margin-bottom:5px; }
.hg-plan-recommended .hg-plan-price { color:#fff; }
.hg-plan-per { font-size:.72rem;font-weight:600;color:#94A3B8; }
.hg-plan-recommended .hg-plan-per { color:rgba(255,255,255,.42); }
.hg-plan-old { display:flex;align-items:center;gap:7px;margin-bottom:16px; }
.hg-plan-strike { font-size:.74rem;color:#94A3B8;text-decoration:line-through; }
.hg-plan-recommended .hg-plan-strike { color:rgba(255,255,255,.35); }
.hg-plan-save { background:rgba(245,158,11,.1);color:#B45309;font-size:.63rem;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid rgba(245,158,11,.18); }
.hg-plan-recommended .hg-plan-save { background:rgba(255,255,255,.14);color:#FDE68A;border-color:rgba(255,255,255,.18); }
.hg-plan-btn {
  display:block;text-align:center;padding:10px;border-radius:9px;
  background:transparent;border:2px solid var(--hg-primary);color:var(--hg-primary);
  font-weight:700;font-size:.78rem;letter-spacing:.4px;text-decoration:none;
  transition:background .2s,color .2s;margin-bottom:18px;
}
.hg-plan-btn:hover { background:var(--hg-primary);color:#fff;text-decoration:none;box-shadow:0 5px 15px rgba(30,58,138,.24); }
.hg-plan-btn-rec {
  display:block;text-align:center;padding:10px;border-radius:9px;
  background:#fff;border:none;color:var(--hg-primary);
  font-weight:800;font-size:.78rem;text-decoration:none;
  transition:transform .2s,box-shadow .2s;margin-bottom:18px;
  box-shadow:0 4px 14px rgba(0,0,0,.14);
}
.hg-plan-btn-rec:hover { transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.2);text-decoration:none;color:var(--hg-primary); }
.hg-plan-features { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px; }
.hg-plan-features li { font-size:.78rem;color:#475569;display:flex;align-items:center;gap:8px;line-height:1.4; }
.hg-plan-features li::before {
  content:'✓';width:16px;min-width:16px;height:16px;
  background:rgba(30,58,138,.08);border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:.58rem;font-weight:800;color:var(--hg-primary);
}
.hg-plan-recommended .hg-plan-features li { color:rgba(255,255,255,.85); }
.hg-plan-recommended .hg-plan-features li::before { background:rgba(255,255,255,.18);color:#fff; }

/* ══════════════════════════
   MARQUEE
══════════════════════════ */
.hg-hosting-banner { background:linear-gradient(90deg,#1E3A8A,#0E7490);padding:16px 0;overflow:hidden; }
.hg-marquee-track { display:flex;animation:hgMarquee 30s linear infinite;width:max-content; }
.hg-marquee-item { display:flex;align-items:center;gap:8px;padding:0 26px;color:rgba(255,255,255,.78);font-size:.76rem;font-weight:600;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.16);white-space:nowrap; }
.hg-marquee-item span { font-size:.9rem; }
@keyframes hgMarquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ══════════════════════════
   SHOWCASE TABS
══════════════════════════ */
.hg-showcase-section { padding:80px 0;background:#fff; }
.hg-showcase-tabs { display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:44px; }
.hg-tab-btn {
  padding:8px 18px;border-radius:99px;border:1.5px solid var(--hg-border);background:transparent;
  font-size:.78rem;font-weight:600;color:var(--hg-muted);cursor:pointer;transition:var(--hg-t);
}
.hg-tab-btn:hover { border-color:var(--hg-primary);color:var(--hg-primary); }
.hg-tab-btn.active { background:var(--hg-primary);border-color:var(--hg-primary);color:#fff;box-shadow:0 4px 14px rgba(30,58,138,.28); }
.hg-showcase-content { max-width:1240px;margin:0 auto;padding:0 28px; }
.hg-showcase-panel { display:none;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }
.hg-showcase-panel.active { display:grid; }
.hg-showcase-title { font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;color:var(--hg-dark);margin:10px 0;line-height:1.25; }
.hg-showcase-desc { font-size:.88rem;color:var(--hg-muted);line-height:1.8;margin-bottom:20px; }
.hg-showcase-features { display:flex;flex-direction:column;gap:10px;margin-bottom:24px; }
.hg-sf-item { display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:var(--hg-text);line-height:1.5; }
.hg-sf-check { width:19px;height:19px;background:rgba(30,58,138,.1);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--hg-primary);font-size:.64rem;flex-shrink:0;margin-top:1px; }

/* showcase visual placeholder */
.hg-showcase-visual-box {
  background: var(--hg-dark2);
  border-radius: 18px;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  border: 1.5px dashed rgba(255,255,255,.12);
  position: relative;
  overflow: hidden;
}
.hg-showcase-visual-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 30%, rgba(6,182,212,.08) 0%, transparent 60%);
}
.hg-svb-icon { font-size: 2.2rem; opacity: .4; position: relative; z-index: 1; }
.hg-svb-label {
  font-size: .64rem;
  color: rgba(255,255,255,.25);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 1.6;
}

/* ══════════════════════════
   WHY SECTION
══════════════════════════ */
.hg-why-section { padding:80px 0;background:var(--hg-light); }
.hg-why-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1240px;margin:0 auto;padding:0 28px; }
.hg-why-features { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px; }
.hg-why-feat-card { background:#fff;border:1.5px solid var(--hg-border);border-radius:var(--hg-r-sm);padding:16px;transition:var(--hg-t); }
.hg-why-feat-card:hover { border-color:rgba(30,58,138,.2);transform:translateY(-3px);box-shadow:var(--hg-sh); }
.hg-wfc-icon { font-size:1.3rem;margin-bottom:7px;display:block; }
.hg-wfc-title { font-size:.84rem;font-weight:700;color:var(--hg-dark);margin-bottom:4px; }
.hg-wfc-text { font-size:.73rem;color:var(--hg-muted);line-height:1.6; }


.hg-why-right::before { content:'';position:absolute;top:-25%;right:-15%;width:320px;height:320px;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%);pointer-events:none; }
.hg-why-stats { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px; }
.hg-why-stat { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 14px;text-align:center;transition:var(--hg-t); }
.hg-why-stat:hover { background:rgba(255,255,255,.08);border-color:rgba(6,182,212,.28); }
.hg-why-stat-num { display:block;font-size:1.75rem;font-weight:800;color:#38BDF8;margin-bottom:3px; }
.hg-why-stat-label { font-size:.68rem;color:rgba(255,255,255,.42); }
.hg-tech-stack-label { font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:10px; }
.hg-tech-chips { display:flex;flex-wrap:wrap;gap:6px; }
.hg-tech-chip { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;font-size:.7rem;color:rgba(255,255,255,.55);transition:var(--hg-t); }
.hg-tech-chip:hover { background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.28);color:#38BDF8; }

/* ══════════════════════════
   PROCESS — ALWAYS VISIBLE
══════════════════════════ */
.hg-process-section { padding:80px 0;background:#fff; }
.hg-process-grid {
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;
  max-width:1240px;margin:0 auto;padding:0 28px;position:relative;
}
.hg-process-grid::before {
  content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,transparent,var(--hg-primary),var(--hg-cyan),var(--hg-accent),transparent);
  opacity:.2;
}
/* FIXED: always visible, no opacity animation */
.hg-process-step {
  text-align:center;
  padding:0 8px;
  opacity: 1 !important;
  transform: none !important;
}
.hg-step-circle {
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--hg-primary),#0891B2);
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;margin:0 auto 12px;
  box-shadow:0 4px 14px rgba(30,58,138,.26);transition:var(--hg-t);
}
.hg-process-step:hover .hg-step-circle { transform:scale(1.12);box-shadow:0 8px 22px rgba(30,58,138,.38); }
.hg-step-title { font-size:.8rem;font-weight:700;color:var(--hg-dark);margin-bottom:5px; }
.hg-step-desc { font-size:.7rem;color:var(--hg-muted);line-height:1.6; }

/* ══════════════════════════
   TESTIMONIALS — SLICK-BASED
══════════════════════════ */
.hg-testi-section { padding:80px 0;background:var(--hg-light); }
.hg-testi-slick-wrap { max-width:1240px;margin:0 auto;padding:0 28px; }

/* Slick overrides for testi cards */
.hg-testi-card {
  background:#fff;
  border:1.5px solid var(--hg-border);
  border-radius:16px;
  padding:26px 22px;
  margin: 0 10px;
  transition:box-shadow .24s,border-color .24s;
  outline: none;
}
.hg-testi-card:hover { border-color:rgba(30,58,138,.16);box-shadow:var(--hg-sh-lg); }
.hg-testi-stars { color:#F59E0B;font-size:.82rem;letter-spacing:2px;margin-bottom:12px; }
.hg-testi-text {
  font-size:.83rem;color:#475569;line-height:1.82;
  font-style:italic;margin-bottom:18px;min-height:88px;
}
.hg-testi-author { display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px solid #F1F5F9; }
.hg-testi-av { width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.84rem;color:#fff;flex-shrink:0; }
.hg-testi-name { font-weight:700;font-size:.84rem;color:var(--hg-dark); }
.hg-testi-role { font-size:.7rem;color:#94A3B8;margin-top:2px; }

/* Slick dots custom */
.hg-testi-slick-wrap .slick-dots { bottom:-32px; }
.hg-testi-slick-wrap .slick-dots li button:before { color:var(--hg-primary);font-size:8px; }
.hg-testi-slick-wrap .slick-dots li.slick-active button:before { color:var(--hg-primary); }
.hg-testi-slick-wrap .slick-prev, .hg-testi-slick-wrap .slick-next { z-index:10; }
.hg-testi-slick-wrap .slick-prev { left:-20px; }
.hg-testi-slick-wrap .slick-next { right:-20px; }
.hg-testi-slick-wrap .slick-prev:before, .hg-testi-slick-wrap .slick-next:before { color:var(--hg-primary);font-size:22px; }

/* ══════════════════════════
   CTA
══════════════════════════ */
.hg-cta-section { padding:72px 0;background:linear-gradient(135deg,#1E3A8A 0%,#0E7490 100%);position:relative;overflow:hidden; }
.hg-cta-section::before { content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.04) 0%,transparent 60%); }
.hg-cta-inner { max-width:720px;margin:0 auto;padding:0 28px;text-align:center;position:relative;z-index:1; }
.hg-cta-title { font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.4px; }
.hg-cta-text { font-size:.9rem;color:rgba(255,255,255,.68);margin-bottom:30px;line-height:1.72; }
.hg-cta-btns { display:flex;gap:11px;justify-content:center;flex-wrap:wrap; }
.hg-btn-white { padding:12px 22px;background:#fff;color:var(--hg-primary);border:none;border-radius:var(--hg-r-sm);font-weight:700;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:var(--hg-t);box-shadow:0 4px 18px rgba(0,0,0,.18); }
.hg-btn-white:hover { transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.24);color:var(--hg-primary);text-decoration:none; }
.hg-btn-outline-white { padding:12px 22px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:var(--hg-r-sm);font-weight:600;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:var(--hg-t); }
.hg-btn-outline-white:hover { background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7);color:#fff;text-decoration:none; }

/* General buttons */
.hg-btn-primary { padding:11px 22px;background:linear-gradient(135deg,var(--hg-primary),#0891B2);color:#fff;border:none;border-radius:var(--hg-r-sm);font-weight:700;font-size:.84rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:var(--hg-t);box-shadow:0 4px 14px rgba(30,58,138,.26); }
.hg-btn-primary:hover { transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,58,138,.38);color:#fff;text-decoration:none; }

/* ══════════════════════════
   SERVICE DETAIL PAGES
══════════════════════════ */
.hg-service-hero { background:linear-gradient(135deg,#0A1628 0%,#1B3380 52%,#0D6E8A 100%);padding:72px 28px;position:relative;overflow:hidden; }
.hg-service-hero::before { content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;pointer-events:none; }
.hg-service-hero-inner { max-width:1060px;margin:0 auto;position:relative;z-index:1; }
.hg-breadcrumb { display:flex;align-items:center;gap:7px;font-size:.72rem;color:rgba(255,255,255,.45);margin-bottom:16px; }
.hg-breadcrumb a { color:rgba(255,255,255,.45);text-decoration:none; }
.hg-breadcrumb a:hover { color:rgba(255,255,255,.8); }
.hg-service-hero-title { font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-.8px;margin-bottom:12px; }
.hg-service-hero-desc { font-size:.96rem;color:rgba(255,255,255,.65);max-width:560px;line-height:1.75;margin-bottom:26px; }
.hg-hero-tags { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px; }
.hg-hero-tag { background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:4px 12px;font-size:.71rem;color:rgba(255,255,255,.72);font-weight:600; }
.hg-detail-section { padding:72px 28px; }
.hg-detail-inner { max-width:1060px;margin:0 auto; }
.hg-features-2col { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px; }
.hg-feat-card { background:#fff;border:1.5px solid var(--hg-border);border-radius:var(--hg-r);padding:22px 20px;transition:var(--hg-t); }
.hg-feat-card:hover { border-color:rgba(30,58,138,.18);box-shadow:var(--hg-sh-lg);transform:translateY(-3px); }
.hg-feat-card-icon { font-size:1.85rem;margin-bottom:10px;display:block; }
.hg-feat-card-title { font-size:.95rem;font-weight:700;color:var(--hg-dark);margin-bottom:7px; }
.hg-feat-card-desc { font-size:.8rem;color:var(--hg-muted);line-height:1.7; }
.hg-technologies-grid { display:flex;flex-wrap:wrap;gap:10px;margin-top:20px; }
.hg-tech-badge { display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--hg-border);border-radius:9px;padding:9px 14px;font-size:.8rem;font-weight:600;color:var(--hg-text);transition:var(--hg-t); }
.hg-tech-badge:hover { border-color:var(--hg-primary);color:var(--hg-primary);box-shadow:var(--hg-sh); }
.hg-process-detail { display:flex;flex-direction:column;margin-top:32px; }
.hg-pd-step { display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--hg-border); }
.hg-pd-step:last-child { border-bottom:none; }
.hg-pd-num { width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--hg-primary),#0891B2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.84rem;color:#fff;flex-shrink:0; }
.hg-pd-title { font-weight:700;font-size:.95rem;color:var(--hg-dark);margin-bottom:4px; }
.hg-pd-desc { font-size:.8rem;color:var(--hg-muted);line-height:1.7; }
.hg-faq-list { display:flex;flex-direction:column;gap:10px;margin-top:28px; }
.hg-faq-item { background:#fff;border:1.5px solid var(--hg-border);border-radius:var(--hg-r-sm);overflow:hidden; }
.hg-faq-q { width:100%;text-align:left;padding:15px 18px;background:none;border:none;font-size:.86rem;font-weight:700;color:var(--hg-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center; }
.hg-faq-q:hover { color:var(--hg-primary); }
.hg-faq-arrow { font-size:.66rem;transition:transform .28s;color:var(--hg-muted); }
.hg-faq-item.open .hg-faq-arrow { transform:rotate(180deg); }
.hg-faq-a { display:none;padding:0 18px 14px;font-size:.81rem;color:var(--hg-muted);line-height:1.75; }
.hg-faq-item.open .hg-faq-a { display:block; }

/* ══════════════════════════
   FORCE ALL REVEAL VISIBLE
══════════════════════════ */
.hg-reveal, .hg-reveal-left, .hg-reveal-right,
.hg-reveal.visible, .hg-reveal-left.visible, .hg-reveal-right.visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ══════════════════════════
   RESPONSIVE
══════════════════════════ */
@media(max-width:1100px){
  .hg-services-grid{grid-template-columns:repeat(3,1fr)}
  .hg-hero-inner{grid-template-columns:1fr;gap:36px}
  .hg-features-2col{grid-template-columns:1fr}
  .hg-plans-grid{grid-template-columns:repeat(2,1fr)}
  .hg-plan-recommended{margin-top:0}
}
@media(max-width:900px){
  .hg-why-grid{grid-template-columns:1fr}
  .hg-showcase-panel{grid-template-columns:1fr;gap:32px}
  .hg-process-grid{grid-template-columns:repeat(3,1fr);gap:22px}
  .hg-process-grid::before{display:none}
}
@media(max-width:700px){
  .hg-services-grid{grid-template-columns:1fr 1fr}
  .hg-why-features{grid-template-columns:1fr}
  .hg-hero-stats{flex-wrap:wrap}
  .hg-plans-grid{grid-template-columns:1fr;padding:12px 16px}
}
@media(max-width:480px){
  .hg-services-grid{grid-template-columns:1fr}
  .hg-process-grid{grid-template-columns:1fr 1fr}
  .hg-hero-inner{padding:56px 18px}
}

/* ══════════════════════════════════════════
   SERVICES MEGA DROPDOWN — FINAL FIX
   Services = FIRST nav item (leftmost)
   Dropdown opens to the RIGHT → left: 0
══════════════════════════════════════════ */
.its-services-dd .dropdown-menu.it-services-mega,
div#navbarSupportedContent ul.navbar-nav li.its-services-dd .dropdown-menu,
div#navbarSupportedContent ul.navbar-nav li.its-services-dd .dropdown-menu.show {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: 700px !important;
  min-width: 700px !important;
  padding: 24px 18px !important;
  border-radius: 0 12px 12px 12px !important;
  border: 0 !important;
  border-top: 3px solid #1E3A8A !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.15) !important;
  top: 54px !important;
  transform: none !important;
}

/* Hide default caret (left:50% puts it under wrong item) */
li.nav-item.dropdown.show.its-services-dd .dropdown-menu.show:after,
li.nav-item.dropdown.show.its-services-dd .dropdown-menu.it-services-mega:after {
  display: none !important;
  content: none !important;
}

/* Caret above top-left corner → aligns with Services button */
.its-services-dd .dropdown-menu.it-services-mega::before {
  content: '' !important;
  position: absolute !important;
  top: -9px !important;
  left: 18px !important;
  right: auto !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid #1E3A8A !important;
  display: block !important;
}

/* Column headings */
.it-services-mega p.text-uppercase {
  font-size: .62rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: #94A3B8 !important;
  padding: 0 8px 10px !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* Items */
.it-services-mega a.dropdown-item {
  padding: 7px 10px !important;
  border-radius: 7px !important;
  margin-bottom: 2px !important;
  background: transparent !important;
}
.it-services-mega a.dropdown-item:hover {
  background: rgba(30,58,138,.06) !important;
}
.it-services-mega .sub_menu_name {
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  font-family: 'Poppins', sans-serif !important;
}
.it-services-mega a.dropdown-item:hover .sub_menu_name {
  color: #1E3A8A !important;
}

/* Row & columns */
.it-services-mega .row { margin: 0 !important; }
.it-services-mega .col-4 { padding: 0 10px !important; }
.it-services-mega .col-4:not(:last-child) {
  border-right: 1px solid #F1F5F9;
}