/*
Theme Name: Etech Global Services Hv
Theme URI: https://www.etechgs.com
Author: Etech Global Services Hv
Author URI: https://www.etechgs.com
Description: Custom WordPress theme for Etech Global Services — Contact Center Operations, AI, Analytics. Built with Outfit and Josefin Sans typography, scroll-reveal animations, and full brand design system.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: etech
Tags: one-column, custom-menu, featured-images, full-width-template
*/

/* ════════════════════════════════════════
   RESET & BASE
   ════════════════════════════════════════ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Josefin Sans', sans-serif; color: #374151; background: #FFF; }
a { text-decoration: none; color: inherit; transition: opacity 0.2s; }
a:hover { opacity: 0.88; }
::selection { background: rgba(14,107,59,0.12); }
img { max-width: 100%; height: auto; display: block; }

/* ════════════════════════════════════════
   DESIGN TOKENS (CSS Custom Properties)
   ════════════════════════════════════════ */
:root {
  --c-indigo: #232755;
  --c-green: #0E6B3B;
  --c-gray:#424351;
  --c-logo-green: #026A3A;
  --c-alice: #F5F7FB;
  --c-white: #FFF;
  --c-g100: #F3F4F6;
  --c-g200: #E5E7EB;
  --c-g300: #D1D5DB;
  --c-g400: #9CA3AF;
  --c-g500: #374151;
  --c-g600: #4B5563;
  --c-g700: #374151;
  --f-heading: 'Outfit', sans-serif;
  --f-body: 'Josefin Sans', sans-serif;
  --max-w: 1400px;
  --pad-x: 20px;
	
}

/* ════════════════════════════════════════
   TYPOGRAPHY
   ════════════════════════════════════════ */
.f-heading { font-family: var(--f-heading); }
.f-body { font-family: var(--f-body); }
.section-label {
  font-family: var(--f-heading)!important;
  font-weight: 600!important;
  font-size: 16px!important;
  color: var(--c-green)!important;
  letter-spacing: 2.5px!important;
  text-transform: uppercase!important;
  margin-bottom: 8px!important;
}
.section-title {
  font-family: var(--f-heading)!important;
  font-weight: 700!important;
  font-size: 40px!important;
  line-height: 1.18!important;
  color: var(--c-indigo)!important;
  margin: 0 0 16px!important;
}
.section-desc {
  font-family: var(--f-body)!important;
  font-weight: 400!important;
  font-size: 18px!important;
  line-height: 30px!important;
  color: var(--c-g600);
}

/* ════════════════════════════════════════
   LAYOUT
   ════════════════════════════════════════ */
.container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--pad-x);
}
.section-pad { padding: 120px var(--pad-x); }
.bg-white { background-color: var(--c-white); }
.bg-alice { background-color: var(--c-alice); }
.bg-indigo { background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 50%, #0f1330 100%); }

/* ════════════════════════════════════════
   SCROLL REVEAL
   ════════════════════════════════════════ */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(.16,1,.3,1), transform 0.8s cubic-bezier(.16,1,.3,1);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal[data-delay="100"] { transition-delay: 100ms; }
.reveal[data-delay="200"] { transition-delay: 200ms; }
.reveal[data-delay="300"] { transition-delay: 300ms; }
.reveal[data-delay="400"] { transition-delay: 400ms; }
.reveal[data-delay="500"] { transition-delay: 500ms; }

/* ════════════════════════════════════════
   ANIMATIONS
   ════════════════════════════════════════ */
@keyframes float1 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(-40px,30px); } }
@keyframes float2 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(30px,-25px); } }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes clientMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

/* ════════════════════════════════════════
   NAVIGATION
   ════════════════════════════════════════ */
.site-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  padding: 18px 0;
  border-bottom: 1px solid transparent;
  transition: all 0.4s ease;
   background:transparent;	
}
.site-nav.scrolled {
  background-color: rgba(255,255,255,0.97)!important;
  backdrop-filter: blur(20px);
  border-bottom-color: var(--c-g200);
  padding: 10px 0;
}
.nav-inner {
  max-width: var(--max-w)!important;
  margin: 0 auto!important;
  padding: 0 var(--pad-x)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
}
.nav-logo {
  height: 60px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: all 0.3s;
}
.site-nav.scrolled .nav-logo {
  height: 60px!important;
  filter: none;
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
}
.nav-links a {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 14px;
  color: #FFF;
  transition: color 0.3s;
}
.site-nav.scrolled .nav-links a { color: var(--c-indigo); }
ul .nav-cta a {    
    color: #fff !important;
}
.nav-cta {
  font-family: var(--f-heading) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #FFF !important;
  background-color: var(--c-green) !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
}

/* Mobile nav toggle */
.nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}
.nav-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #FFF;
  margin: 5px 0;
  transition: all 0.3s;
}
.site-nav.scrolled .nav-toggle span { background: var(--c-indigo); }

/* ════════════════════════════════════════
   HERO
   ════════════════════════════════════════ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(165deg, var(--c-indigo) 0%, #1d2248 35%, #252b55 65%, #2f3462 100%);
  overflow: hidden;
}
.hero-orb-1 {
  position: absolute; top: -20%; right: -15%;
  width: 800px; height: 800px; border-radius: 50%;
  background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
  filter: blur(80px);
  animation: float1 12s ease-in-out infinite;
}
.hero-orb-2 {
  position: absolute; bottom: -10%; left: -10%;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
  filter: blur(60px);
  animation: float2 10s ease-in-out infinite;
}
.hero-grid {
  position: absolute; inset: 0; opacity: 0.03;
 background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
  background-size: 80px 80px;
}
.hero-inner {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 160px var(--pad-x) 100px;
  position: relative; z-index: 2; width: 100%;
}
.hero-grid-layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px 5px 6px;
  border-radius: 100px;
  border: 1px solid rgba(16,185,129,0.2);
  background-color: rgba(16,185,129,0.05);
  margin-bottom: 20px;
}
.hero-badge-year {
  background-color: rgba(16,185,129,0.15);
  border-radius: 100px;
  padding: 3px 10px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: #10B981;
}
.hero-badge-text {
  font-family: var(--f-body);
  font-size: 16px;
  color:#FFFFFF99;	
  font-weight:400;
}
.hero h1 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 56px;
  line-height: 1.08;
  color: #FFF;
  margin: 0 0 24px;
  letter-spacing: -0.02em;
}
.hero h1 .gradient-text {
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero h1 {max-width:450px;}
.hero-desc {
  font-family: var(--f-body);
  
  max-width: 480px;
  margin: 0 0 16px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.55);
  max-width: 480px;
}
.hero-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.4);
  max-width: 480px;
  margin: 0 0 36px;
}
.hero-buttons { display: flex; gap: 14px; }
.btn-primary {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 19px!important;
  color: #FFF;
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  padding: 15px 32px;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(14,107,59,0.3);
  display: inline-block;
}
.btn-secondary {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 19px!important;
  color: rgba(255,255,255,0.85);
  padding: 15px 28px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: inline-block;
}
.btn-secondary-dark {
  color: rgba(255,255,255,0.8);
  border: 1px solid rgba(255,255,255,0.18);
	font-size:19px!important;
}

/* Hero photo composition */
.hero-photo-wrap { position: relative; }
.hero-photo-main {
  aspect-ratio: 4/3.2;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,0.3);
}
.hero-photo-small {
  position: absolute;
  bottom: -28px; left: -36px;
  width: 170px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  border: 4px solid rgba(35,39,85,0.95);
  box-shadow: 0 12px 40px rgba(0,0,0,0.25);
  overflow: hidden;
}
.hero-stat-card {
  position: absolute; top: -36px; right: -25px;
  background: #FFF;
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12);
  border: 1px solid rgba(14,107,59,0.1);
}
.hero-stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-stat-label {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 16px;
  color: #374151;
}
.hero-stat-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
    color: rgb(156, 163, 175);
}
.hero-qeval-card {
  position: absolute;
  bottom: -28px; right: -20px;
  background: #FFF;
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12);
  border: 1px solid rgba(14,107,59,0.1);
  max-width: 200px;
}
.hero-live {
  position: absolute; top: 20px; left: 20px;
  display: flex; align-items: center; gap: 6px;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 14px;
}
.hero-live-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background-color: #10B981;
  animation: pulse 2s infinite;
}
.hero-live span {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.5px;
}

/* Trust marquee at hero bottom */
.hero-trust-bar {
  position: absolute; bottom: 0; left: 0; right: 0;
  background-color: rgba(255,255,255,0.04);
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 14px 0;
  overflow: hidden;
}
.hero-trust-track {
  display: flex; gap: 64px;
  animation: marquee 30s linear infinite;
  white-space: nowrap;
  width: max-content;
}
.hero-trust-item {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 1.2px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero-trust-item svg { color: #10B981; opacity: 0.6; }

/* ════════════════════════════════════════
   TRUSTED BY (Client Marquee)
   ════════════════════════════════════════ */
.trusted-by {
  padding: 0;
  border-bottom: 1px solid var(--c-g100);
  overflow: hidden;
}
.trusted-label {
  padding: 32px 0 22px;
  text-align: center;
}
.trusted-label span {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color:#4B5563;
}
.client-track-wrap {
  padding: 0 0 32px;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
}
.client-track {
  display: flex;
  align-items: center;
  gap: 56px;
  animation: clientMarquee 35s linear infinite;
  white-space: nowrap;
  width: max-content;
}
.client-track:hover { animation-play-state: paused; }
.client-name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 26px;
  color: var(--c-g300);
  letter-spacing: -0.5px;
  transition: color 0.3s ease;
  cursor: default;
}
.client-name:hover { color:#424351; }
.client-name.fw600 { font-weight: 600; letter-spacing: 0; }

/* ════════════════════════════════════════
   OUTCOMES (Dark Stats Band)
   ════════════════════════════════════════ */
.outcomes {
  background: linear-gradient(135deg, #232755 0%, #1A1F45 50%, #0F1330 100%);
  padding: 120px var(--pad-x) 160px;
  position: relative;
  overflow: hidden;
}
.outcomes-dot-bg {
  position: absolute; inset: 0; opacity: 0.04;
  background-image: radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.8) 1px, transparent 0);
  background-size: 28px 28px;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  text-align: center;
	margin-bottom:33px!important;
}
.stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.7) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 6px;
}
.stat-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 19px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 4px;
	margin-bottom:6px;
}
.stat-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color:#FFFFFF80;
}
.ws-desc {color:#4B5563!important;}
.ws-card-desc{color:#374151;}
.ws-stat-label{color:#4B5563;}
/* Awards strip */
.awards-strip {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.06);
  text-align: center;
}
.awards-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF80;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.awards-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
.award-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.04);
  transition: background-color 0.2s;
  cursor: default;
}
.award-badge:hover { background-color: rgba(255,255,255,0.08); }
.award-year {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: #10B981;
  letter-spacing: 0.5px;
}
.award-name {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFFA3;
}

/* ════════════════════════════════════════
   FULL STACK (Lifted Card)
   ════════════════════════════════════════ */
.fullstack-section { position: relative; padding: 0 var(--pad-x); }
.fullstack-card {
  top: -60px;
  background-color: var(--c-white);
  border-radius: 24px 24px 0px 0px;
  box-shadow: 0 12px 56px rgba(35,39,85,0.07), 0 1px 3px rgba(35,39,85,0.04);
  padding: 44px 38px 40px;
  position: relative;
  z-index: 10;
  border: 1px solid rgba(229,231,235,0.6);
}
.fullstack-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.fullstack-stat {
  text-align: right;
}
.fullstack-stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: #424351;
}
.fullstack-stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color:#4B5563;
}
.pillars-legend {
  display: flex; gap: 20px; margin-bottom: 24px;flex-wrap:wrap;
}
.pill-tag {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 6px;
}
.pill-tag.run { color: var(--c-green); background-color: rgba(14,107,59,0.08); }
.pill-tag.see { color: #10B981; background-color: rgba(16,185,129,0.08); }
.pill-tag.build { color: var(--c-indigo); background-color: rgba(35,39,85,0.06); }
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.pillar-card {
  padding: 28px 22px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  cursor: pointer;
}
.pillar-card:hover {

  background: linear-gradient(135deg, #232755 0%, #1A1F45 50%, #0F1330 100%);
  border-color: transparent;
}
.pillar-card .pillar-tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g400);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
  transition: color 0.35s;
}
.pillar-card:hover .pillar-tag { color: rgba(255,255,255,0.35); }
.pillar-card .pillar-icon {
  color: var(--c-green);
  margin-bottom: 14px;
  transition: color 0.35s;
}
.pillar-card:hover .pillar-icon { color: #10B981; }
.pillar-card h3 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 8px;
  color: var(--c-gray);
  transition: color 0.35s;
}
.pillar-card:hover h3 { color: #FFF; }
.pillar-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin: 0;
  color: #374151;;
  transition: color 0.35s;
}
.pillar-card:hover p { color: rgba(255,255,255,0.55); }
.fullstack-footer {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--c-g100);
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.fullstack-footer p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #4B5563;
  margin: 0;
  line-height:21px;
}
.fullstack-footer .etslabs-name {
  font-family: var(--f-heading);
  font-weight: 600;
  color: var(--c-indigo);
}
.link-arrow {
  font-family: var(--f-heading)!important;
  font-weight: 600!important;
  font-size: 16px!important;
  color: var(--c-green)!important;
  white-space: nowrap!important;
  display: flex!important;
  align-items: center!important;
  gap: 6px!important;
}

/* ════════════════════════════════════════
   INDUSTRIES
   ════════════════════════════════════════ */
.industries-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.industry-card {
  padding: 32px 28px;
  border-radius: 18px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
  cursor: pointer;
  height: 100%;
}
.industry-card:hover {
  border-color: var(--c-green);
  box-shadow: 0 6px 24px rgba(14,107,59,0.06);
  transform: translateY(-2px);
}
.industry-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.industry-card-header svg{height:32px!important;width:32px!important;}
.industry-card h3 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #424351;
  margin: 0 0 8px;
}
.industry-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #374151;
  margin: 0 0 12px;
}
.industry-clients {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: #6B7280;
  letter-spacing: 0.2px;
}
.industry-years {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-green);
}

/* ════════════════════════════════════════
   SERVICES
   ════════════════════════════════════════ */
.services-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.service-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  transition: box-shadow 0.3s, transform 0.3s;
  cursor: pointer;
}
.service-card:hover {
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
  transform: translateY(-4px);
}
.service-img {
  aspect-ratio: 16/7;
  overflow: hidden;
}
.service-body { padding: 28px 32px 32px; }
.service-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.service-icon { color: var(--c-green); opacity: 0.8; }
.service-card h3 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #424351;
  margin: 0;
  flex: 1;
}
.service-sub {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-green);
}
.service-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #374151;
  margin: 0 0 16px;
}

/* ════════════════════════════════════════
   PEOPLE
   ════════════════════════════════════════ */
.people-grid {
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 80px;
  align-items: center;
}
.people-grid .section-title.width-fix{max-width:430px;}
.attrition-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.people-grid{align-items:start;}
.people-grid .people-photo-wrap{height:100%;}
.people-grid .people-photo-wrap .photo-placeholder{height:100%;}
.attrition-card {
  border-radius: 14px;
  padding: 24px;
}
.attrition-card.etech {
  background: linear-gradient(114.4deg, #F5F7FB 17.16%, #E8F5E9 84.51%);
  border-left: 2.21553px solid #0E6B3B;
  border-radius: 14px;
}
.attrition-card.industry {
  background: linear-gradient(90deg, rgba(243, 244, 246, 0) 0%, #F3F4F6 100%);
  border-left: 2.21553px solid #D1D5DB;
  border-radius: 14px;
}
.attrition-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
}
.attrition-card.etech .attrition-value {
  background: linear-gradient(135deg, #0E6B3B, #10B981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.attrition-card.industry .attrition-value {
  font-weight: 700;
  color: #4B5563;
}
.people-photo-wrap { position: relative; }
.people-quote {
  position: absolute;
  bottom: 28px; left: 28px; right: 28px;
  background-color: rgba(255,255,255,0.95);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 22px 26px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}
.people-quote blockquote {
  font-family: var(--f-body);
  font-style: italic;
  margin: 0 0 8px;
  line-height: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
   color: #4B5563;
}
.people-quote cite {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-indigo);
  font-style: normal;
}

/* ════════════════════════════════════════
   STORY
   ════════════════════════════════════════ */
.story-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;

}
.story-photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
	margin-top:30px;
}
.story-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.story-stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color:#424351;
}
.story-stat-unit {
  font-size: 16px;
  font-weight: 500;
  color: var(--c-green);
}
.story-stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #9CA3AF;
}

/* ════════════════════════════════════════
   TRANSPARENCY
   ════════════════════════════════════════ */
.transparency {
  padding: 100px var(--pad-x);
  border-top: 1px solid var(--c-g100);
  border-bottom: 1px solid var(--c-g100);
}
.invoice-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  max-width: 960px;
  margin: 0 auto;
}
.invoice-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  box-shadow: 0 8px 32px rgba(35,39,85,0.04);
}
.invoice-card.faded { opacity: 0.7; }
.invoice-header {
  padding: 20px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invoice-header.etech {
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
}
.invoice-header.etech span { color: #FFF;font-size:19px;font-weight:700; }
.invoice-header.etech span.text-one{    font-family: var(--f-heading);
    font-weight: 700;
    font-size: 19px;}
.invoice-header.etech span.text-two{text-transform:uppercase;font-family: var(--f-heading);
    font-weight: 600;
    font-size: 12px;
    
    letter-spacing: 1.5px;
    text-transform: uppercase;}
.invoice-header.typical { background-color: var(--c-g100); }
.invoice-header.typical span { color: var(--c-g400); }

/* ════════════════════════════════════════
   CASE STUDIES
   ════════════════════════════════════════ */
.cases-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.case-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.case-header {
 background: #232755;;
  padding: 24px 28px;
}
.case-industry {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.case-body {
  padding: 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.case-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 6px;
	color:#4B5563!important;
}
.case-label.challenge { color: var(--c-g400); }
.case-label.solution { color: var(--c-g400); }
.case-label.results { color: var(--c-green)!important;margin-bottom:12px; }
.case-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #374151;
  margin: 0;
}
.case-results {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--c-g100);
}
.results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.result-value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color:#424351;
}
.result-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #9CA3AF;
}

/* ════════════════════════════════════════
   AI JOURNEY
   ════════════════════════════════════════ */
.journey-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  align-items: start;
}
.journey-sticky { position: sticky; top: 120px; }
.journey-retention-card {
  background-color: var(--c-white);
  border-radius: 16px;
  padding: 28px;
  border: 1px solid var(--c-g200);
}
.step-card {
  background-color: var(--c-white);
  border-radius: 18px;
  padding: 28px 28px;
  border: 1px solid var(--c-g200);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  transition: border-color 0.2s, box-shadow 0.2s;
  margin-bottom: 16px;
}
.step-card:hover {
  border-color: var(--c-green);
  box-shadow: 0 4px 20px rgba(14,107,59,0.06);
}
.step-number {
  width: 48px; height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
}
.step-card h3 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #424351;
  margin: 0 0 8px;
}
.step-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #374151;
  margin: 0;
}
.journey-cta {
  background: linear-gradient(135deg, #232755 0%, #1A1F45 100%);
  border-radius: 18px;
  padding: 28px 32px;
  display: flex;
  align-items: center;
  gap: 16px;
}

/* ════════════════════════════════════════
   TECHNOLOGY
   ════════════════════════════════════════ */
.tech-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  align-items: start;
}
.tech-callout {
  background-color: var(--c-alice);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 28px;
  border-left: 3px solid var(--c-green);
}
.tech-callout p.para-one{font-family:var(--f-heading);font-weight:600;font-size:19px;color:#424351;margin:0 0 12px;line-height:19px;}
.tech-callout p.para-two{font-family:var(--f-body);font-weight:400;font-size:18px;color:#374151;margin:0;line-height:20px;}
.tech-list-item {
  display: flex;
  gap: 14px;
  align-items: start;
  margin-bottom: 16px;
}
.tech-list-item span{color:#424351;font-size:16px;line-height:23px;}
.tech-list-item span.text-one{font-weight:600;}
.tech-list-item span.text-two{font-weight:400;}
.tech-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background-color: var(--c-green);
  margin-top: 7px;
  flex-shrink: 0;
}
.tech-photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.tech-stat-card {
  border-radius: 16px;
  padding: 28px;
}
.tech-stat-card.light {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}
.tech-stat-card.dark {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
}

/* ════════════════════════════════════════
   SECURITY
   ════════════════════════════════════════ */
.security-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
  align-items: start;
}
.certs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.cert-card {
  background-color: var(--c-alice);
  border-radius: 14px;
  padding: 24px 20px;
  border: 1px solid var(--c-g200);
}
.cert-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.cert-icon { color: var(--c-green); opacity: 0.6; }
.cert-card h4 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 19px;
   color:rgb(66, 67, 81);
  margin: 0;
}
.cert-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  color: #374151;
  margin: 0;
}

/* ════════════════════════════════════════
   GLOBAL
   ════════════════════════════════════════ */
.global-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.region-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  height:100%;
}
.region-body { padding: 28px; }
.region-count {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  color:rgb(66, 67, 81)!important;
}
.region-unit {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 19px;
  color: var(--c-g400);
}
.region-card h3 {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color:rgb(66, 67, 81);
  margin-bottom: 10px;
}
.region-site {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #6B7280;
  margin-bottom: 4px;
}

/* ════════════════════════════════════════
   CTA
   ════════════════════════════════════════ */
.cta-section { padding: 120px var(--pad-x); }
.cta-card {
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
  background-color:#232755!important;
  border-radius: 28px!important;
  overflow: hidden!important;
  box-shadow: 0 24px 64px rgba(35,39,85,0.15)!important;
}
.cta-body { padding: 64px 56px; }
body.home .cta-card .photo-placeholder img{object-fit:contain!important;}
.cta-card h2 {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 38px;
  line-height: 1.15;
  color: #FFF;
  margin: 0 0 20px;
}
.cta-card p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 36px;
}
.cta-buttons { display: flex; gap: 14px; }
.cta-proof { margin-top: 40px; display: flex; gap: 32px; }
.cta-proof-value {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
  margin-bottom:3px;
}
.cta-proof-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.35);
}

/* ════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════ */
.site-footer {
  background-color: #0c0f28;
  padding: 64px var(--pad-x) 60px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 2.7fr 1fr 1fr 1fr 1fr;
  gap: 36px;
  margin-bottom: 48px;
}
.footer-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #FFFFFF80;
  max-width: 400px;
}
.footer-col h4 {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF99;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
}
.footer-col a {
  display: block;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF99;
  margin-bottom: 10px;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.footer-copyright {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF80;
  line-height:24px;
}
.footer-legal { display: flex; gap: 20px; }
.footer-legal a {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF80;
}

/* ════════════════════════════════════════
   PHOTO PLACEHOLDERS
   ════════════════════════════════════════ */
.photo-placeholder {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.photo-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo-placeholder .overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(35,39,85,0.15) 0%, transparent 40%);
}
.ws-card-icon svg{height:32px!important;width:32px!important;}
.footer-col li.menu-item {
    list-style-type: none;
}
/* ════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════ */
@media(max-width:1199px){
  .security-grid{grid-template-columns: 1fr!important;}
  .tech-grid{grid-template-columns: 1fr!important;}
  .story-grid{grid-template-columns: 1fr!important;}
  .compounding-card{grid-template-columns: 1fr!important;}
  .people-grid{grid-template-columns: 1fr!important;}
  .industries-grid{grid-template-columns: 1fr 1fr!important;}
  .ws-grid{grid-template-columns: repeat(2, 1fr)!important;}
  .pillars-grid{grid-template-columns: repeat(3, 1fr)!important;}
  .journey-grid{grid-template-columns: 1fr!important;}
		.story-photos{margin-top:0px;order:2;}
	.journey-sticky{position:static;gap:30px;}
	
}
@media (max-width: 1024px) {
  :root { --pad-x: 15px; }
  .hero h1 { font-size: 42px; }
  .hero-grid-layout { grid-template-columns: 1fr; gap: 48px; }
  .hero-photo-wrap { max-width: 500px; margin: 0 auto; }
  .stats-grid { grid-template-columns: repeat(2, 1fr)!important; }
  .pillars-grid { grid-template-columns: repeat(2, 1fr)!important; }
  .industries-grid { grid-template-columns: 1fr 1fr!important; }
  .services-grid { grid-template-columns: 1fr!important; }
  .people-grid { grid-template-columns: 1fr!important; }
  .story-grid { grid-template-columns: 1fr!important; }
  .journey-grid { grid-template-columns: 1fr!important; gap:30px;}
  .journey-sticky { position: static; }
  .tech-grid { grid-template-columns: 1fr!important; gap:30px;}
  .security-grid { grid-template-columns: 1fr!important;gap:30px; }
  .certs-grid { grid-template-columns: 1fr 1fr!important; gap:30px;}
  .global-grid { grid-template-columns: 1fr 1fr!important; gap:30px;}
  .invoice-compare { grid-template-columns: 1fr!important; gap:30px;}
  .cases-grid { grid-template-columns: 1fr!important;gap:30px; }
  .cta-card { grid-template-columns: 1fr!important;gap:30px; }
  .footer-grid { grid-template-columns: 1fr 1fr!important; gap:30px;}
  .fullstack-header { flex-direction: column; align-items: flex-start; gap: 20px; }
	.story-photos{margin-top:0px;}
}

@media (max-width: 768px) {
  :root { --pad-x: 10px; }
  .hero h1 { font-size: 34px!important; }
  .section-title { font-size: 30px!important; }
	.cta-card h2{font-size:28px!important;}
  .nav-links { display: none; }
  .nav-toggle { display: block; }
  .nav-links.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: #FFF;
    padding: 20px var(--pad-x);
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
	  
  }
  .nav-links.open .nav-cta a{color:#fff !important;}
  .nav-links.open a { color: var(--c-indigo) !important; padding: 8px 0; }
	.nav-links.open a.nav-cta{color:#ffffff!important;}
  .stats-grid { grid-template-columns: 1fr!important; }
  .pillars-grid { grid-template-columns: 1fr!important; }
  .industries-grid { grid-template-columns: 1fr!important; }
  .global-grid { grid-template-columns: 1fr!important; }
  .certs-grid { grid-template-columns: 1fr!important; }
  .results-grid { grid-template-columns: 1fr!important; }
  .attrition-compare { grid-template-columns: 1fr!important; }
  .story-photos { grid-template-columns: 1fr!important; }
  .tech-photos { grid-template-columns: 1fr!important; }
  .footer-grid { grid-template-columns: 1fr!important; }
  .hero-buttons { flex-direction: column; }
  .cta-buttons { flex-direction: column; }
  .cta-proof { flex-direction: column; gap: 16px; }
  .fullstack-card { padding: 28px 20px; }
  .section-pad { padding: 80px var(--pad-x); }
  .cta-section { padding: 80px var(--pad-x);}
  .ws-grid {grid-template-columns: repeat(1, 1fr) !important;}   
	.story-photos{margin-top:0px;}
}

/**swagatika css**/
.hero-photo-small{position:absolute!important;}
.hero-photo-small{border:none;}
.hero-qeval-card h6{font-family: var(--f-heading);font-weight: 700;font-size: 19px;color:#424351;margin-bottom: 4px;}   
.hero-qeval-card p{margin-bottom:0px; font-family: var(--f-body);font-weight: 400;font-size: 16px;line-height: 16px;color: rgb(156, 163, 175);}
.fullstack-header h2{color:#424351!important;font-size:37px!important;line-height:46px!important;font-weight:700!important;}
.pillars-legend span.text-detail {color:#4B5563!important;font-size:14px!important;}
.pillars-legend span.no-competitor{color:#6B7280!important;font-size:16px!important;font-weight:400!important;}
.invoice-card.faded{opacity:1;}
.invoice-card .agent-hours span.text-one{font-family:var(--f-body);font-weight:400;font-size:19px;color:var(--c-g600);}
.invoice-card .agent-hours span.text-two{font-family:var(--f-heading);font-weight:700;font-size:15px;color:#424351;}
.invoice-card p.big-text{color:#4B5563!important;font-size:19px!important;font-weight:400!important;line-height:22px!important;}
.invoice-card p.green-text{font-size:16px!important;color:#0E6B3B!important;}
.invoice-card p.small-text{color:#4B5563!important;font-size:16px!important;font-weight:400!important;line-height:20px!important;}
.invoice-card.faded{opacity:1;}
.invoice-card.faded .invoice-header .text-one{font-family:var(--f-heading);font-weight:700;font-size:19px;color:#4B5563;}
.invoice-card.faded .invoice-header .text-two{font-family:var(--f-heading);font-weight:600;font-size:12px;color:#6B7280;letter-spacing:1.5px;text-transform:uppercase;}
.invoice-card.faded .invoice-body .text-one{font-family:var(--f-body);font-weight:400;font-size:19px;color:#4B5563;}
.invoice-card.faded .invoice-body .text-two{font-family:var(--f-heading);font-weight:500;font-size:19px;color:#6B7280;}
.invoice-card.faded .invoice-body p.additional-text{color:#6B7280!important;font-style:italic!important;margin-top:12px;font-family:var(--f-body);font-weight:600;font-size:16px;}
.service-card .service-img {border-radius: 12px 12px 0px 0px;background-repeat:no-repeat!important;background-size:cover!important;}
.services-grid .service-card{height:100%;}
.services-grid .service-card .link-arrow{font-size:19px;}
.journey-retention-card p.para-one{font-family:var(--f-body);font-weight:600;font-size:18px;color:#374151;margin-bottom:4px;line-height:21px}
.journey-retention-card p.para-two{font-family:var(--f-body);font-weight:400;font-size:16px;color:#374151;line-height:23px;}
.journey-cta p{font-family:var(--f-body);font-weight:400;font-size:16px;line-height:23px;color:#FFFFFF;margin:0;}
.build-heading h2.section-title.fix-width {max-width:380px;}
.ws-section{background-color:#F5F7FB!important;}
.industry-card-header svg{height:32px!important;width:32px!important;}
.fullstack-section {position:relative;}
.fullstack-section::after { content: "";display: block;width: 100%;height: 60px;background-color: #F5F7FB;position: absolute;left: 0;bottom: 0;}
.ws-section{padding-top:40px!important;}
#case-studies{padding-bottom:0px!important;}
.enterprise-security{padding-top:0px!important;}
.where-we-are .global-heading{margin-bottom:60px;}
.ws-card{background-color:#ffffff!important;}
.ws-card-tag{color:#9CA3AF!important;font-size:16px!important;font-weight:600!important;letter-spacing:2.5px!important;}
.ws-card-title{font-size:20px!important;font-weight:700!important;color:#424351!important;}
.ws-card-desc{color:#374151!important;font-size:16px!important;line-height:23px!important;}
.ws-stat-value{color:#424351!important;font-size:22px!important;font-weight:700!important;}
.ws-stat-label{color:#9CA3AF!important;font-size:16px!important;font-weight:400!important;}
.ws-desc{color:#4B5563!important;font-size:18px!important;}

footer p{color:#FFFFFF80!important;font-size:16px;line-height:23px;}
footer img{height:80px!important;}
.award-badge{position: relative;}
.award-badge::after {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 0.5px;background: linear-gradient( to right, #0E6B3B 0%, #0E6B3B 10%, #0E6B3B 18%, transparent 30%,transparent 70%,rgba(14,107,59,0.4) 82%,rgba(14,107,59,0.9) 90%,#0E6B3B 100% ); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor;z-index: -2;} 

/**automation page**/
.automation-security-sec .cert-card{background-color:#ffffff!important;}
.automation-runsec .industry-clients a.card-link{color:#0E6B3B!important;font-size:16px;font-weight:600!important;display:flex;align-items:center;gap:7px!important;}
.automation-runsec .industry-clients a.card-link svg{stroke:#0E6B3B;}

.automation-outcomes-sec .stats-grid{grid-template-columns: repeat(5, 1fr);}
.automation-license-sec{padding-top:40px!important;}
.automation-fullstack-sec::after{background-color: #ffffff!important;}
.automation-runsec .industry-card{background-color:#ffffff!important;}
#case-studies .case-results{padding-bottom:90px!important;}
#case-studies .case-results .results-grid {position:absolute;}

/* Guarav css */
.line-h-custom{
  line-height: 26px;
}
/* Guarav Css */
  
@media (min-width: 1024px){
	.fullstack-header .col-one{width:60%;}
	.fullstack-header .col-two{width:40%;}
}
@media (max-width: 1024px){
	.hero-inner{padding-bottom:170px;}
	.fullstack-header div:last-child {margin-left:0px!important;}
	.fullstack-header .fullstack-stat{text-align:left!important;}
	.pillar-card h3{font-size:18px;}
	.pillar-card p{font-size:14px;}
	.enterprise-security{padding-top:0px!important;}
	.where-we-are .global-heading{margin-bottom:30px;}
	
	.automation-license-sec{padding-top:40px!important;}
	
}
@media (max-width: 1199px){
	.hero-grid-layout{grid-template-columns: 1fr!important;}
	body.page-id-2 .cta-section .cta-card{grid-template-columns: 1fr!important;}
}

@media (max-width: 768px){
	.btn-primary{font-size:16px!important;}
	.btn-secondary{font-size:16px!important;}
	.hero-inner{ padding: 120px 20px 150px;}
	.hero-stat-card{padding:10px;right:-7px;}
	.hero-stat-value{font-size:24px;}
	.hero-stat-label{font-size:10px;}
	.hero-qeval-card{padding:10px;right:-14px;max-width:150px;}
	.hero-qeval-card h6{font-size:14px;}
	.hero-photo-small{width:100px;left:-12px;}
	.stat-value{font-size:28px;}
	.stat-label{font-size:16px;}
	.stat-desc{font-size:14px;}
	.fullstack-header h2{font-size:32px!important;line-height:40px!important;}
	.fullstack-header div:last-child{flex-direction:column!important;gap:15px!important;}
	.fullstack-stat-value{font-size:24px;margin-bottom:4px;}
	.fullstack-footer{flex-direction:column!important;}
	.fullstack-footer p{margin-bottom:8px!important;}
	.fullstack-footer .link-arrow{margin-left:0px!important;}
	.section-desc{font-size:16px;line-height:23px;}
	.cta-body{padding:20px;}
	.security-grid{gap:30px!important;}
	.service-header{flex-direction:column;align-items:self-start;}
	.journey-grid{gap:30px;}
	.tech-grid{gap:30px;}
	.enterprise-security{padding-top:0px!important;}
	.where-we-are .global-heading{margin-bottom:20px;}
	.build-sec .photo-two{padding-top:0px!important;}
	.automation-license-sec{padding-top:40px!important;}
}

@media (max-width: 768px) {
    #case-studies .case-results .results-grid {
        position: static;   /* key fix */
        top: auto;
        margin-top: 20px;   /* spacing instead */
        display: grid;
        grid-template-columns: 1fr; /* stack items */
        gap: 12px;
        
    }
#case-studies .case-results {
    padding-bottom: 0 !important;
}
  }

body.page-id-2 .cta-section .photo-placeholder{background-size:cover;background-repeat:no-repeat;}

/* ════════════════════════════════════════════════════════════════════
   Healthcare Page
   Namespace: .pg-hc
   Responsive: desktop 1200+, tablet 768-1199, mobile <768.
   Cross-browser: -webkit- prefixes for background-clip/backdrop-filter.
   Honors prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════════ */

/* ─── Tokens ───────────────────────────────────────────────────────── */
.pg-hc {
	--hc-indigo: #232755;
	--hc-indigo-2: #1d2248;
	--hc-indigo-3: #252b55;
	--hc-indigo-4: #2f3462;
	--hc-indigo-deep: #1a1f45;
	--hc-indigo-dark: #0f1330;
	--hc-green: #0E6B3B;
	--hc-green-alt: #0a8a4a;
	--hc-emerald: #10B981;
	--hc-alice: #F5F7FB;
	--hc-sage: #E8F5E9;
	--hc-white: #FFFFFF;
	--hc-g100: #F5F7FB;
	--hc-g200: #E5E8EF;
	--hc-g300: #CBD1DC;
	--hc-g400: #8A92A6;
	--hc-g500: #6C7489;
	--hc-g600: #4A5269;
	--hc-g700: #2E3448;

	--hc-f-head: 'Outfit', system-ui, -apple-system, sans-serif;
	--hc-f-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;

	font-family: var(--hc-f-body);
	color: var(--hc-g700);
}
.pg-hc *,
.pg-hc *::before,
.pg-hc *::after { box-sizing: border-box; }
.pg-hc img { max-width: 100%; display: block; }


.pg-hc-container { max-width: 1360px; margin: 0 auto; padding: 0 48px; }
.pg-hc-container--narrow { max-width: 1280px; }
.pg-hc-container--relative { position: relative; }
.pg-hc-section { padding: 120px 0; position: relative; overflow: hidden; }
.pg-hc-section--white { background-color: var(--hc-white); }
.pg-hc-section--alice { background-color: var(--hc-alice); }
.pg-hc-section--sage { background: linear-gradient(135deg, var(--hc-alice) 0%, var(--hc-sage) 100%); }
.pg-hc-section--results { background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 50%, var(--hc-indigo-dark) 100%); }
.pg-hc-section--stability { background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 100%); }
.pg-hc-section__orb {
	position: absolute;
	top: -30%; left: -10%;
	width: 600px; height: 600px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 60%);
	filter: blur(60px);
	pointer-events: none;
}
.pg-hc-section--stability .pg-hc-section__orb { top: -20%; left: auto; right: -10%; }
.pg-hc-section__head { margin-bottom: 56px; }
.pg-hc-section__head--center { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; }

.pg-hc-label {
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 13px;
	color: var(--hc-green);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin: 0 0 16px;
}
.pg-hc-label--emerald { color: var(--hc-emerald); }
.pg-hc-label--lg { font-size: 14px; margin-bottom: 14px; }

.pg-hc-section__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.14;
	color: var(--hc-indigo);
	margin: 0 0 18px;
	letter-spacing: -0.02em;
}
.pg-hc-section__title--white { color: var(--hc-white); }
.pg-hc-section__desc {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	color: var(--hc-g500);
	margin: 0;
}
.pg-hc-section__desc--muted { color: rgba(255,255,255,0.62); }
.pg-hc-placeholder { background: linear-gradient(135deg, #3D4580, #252B55); }
.pg-hc-accent,
.pg-hc-accent-em {
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pg-hc-accent-em { color: var(--hc-emerald); -webkit-text-fill-color: var(--hc-emerald); }

/* Buttons */
.pg-hc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 15px;
	padding: 15px 32px;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.16,1,.3,1);
	min-height: 44px;
	cursor: pointer;
	border: 0;
}
.pg-hc-btn:focus-visible { outline: 2px solid var(--hc-emerald); outline-offset: 3px; }
.pg-hc-btn--primary {
	color: var(--hc-white);
	background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-green-alt) 100%);
	box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-hc-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(14,107,59,0.4); }
.pg-hc-btn--ghost {
	color: var(--hc-white);
	background: transparent;
	border: 1px solid rgba(255,255,255,0.15);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	padding: 15px 28px;
	font-weight: 500;
}
.pg-hc-btn--ghost-dark { color: rgba(255,255,255,0.85); background: transparent; border: 1px solid rgba(255,255,255,0.15); padding: 15px 28px; font-weight: 500; }
.pg-hc-btn--ghost:hover,
.pg-hc-btn--ghost-dark:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.25); }


/* ═══ 1. HERO ═══ */
.pg-hc-hero {
	position: relative;
	min-height: 86vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(165deg, var(--hc-indigo) 0%, var(--hc-indigo-2) 35%, var(--hc-indigo-3) 65%, var(--hc-indigo-4) 100%);
	overflow: hidden;
}
.pg-hc-hero__orb-a,
.pg-hc-hero__orb-b { position: absolute; border-radius: 50%; pointer-events: none; }
.pg-hc-hero__orb-a {
	top: -20%; right: -15%; width: 800px; height: 800px;
	background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
	filter: blur(80px);
	animation: pgHcFloat1 12s ease-in-out infinite;
}
.pg-hc-hero__orb-b {
	bottom: -10%; left: -10%; width: 600px; height: 600px;
	background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
	filter: blur(60px);
	animation: pgHcFloat2 10s ease-in-out infinite;
}
.pg-hc-hero__grid {
	position: absolute; inset: 0; opacity: 0.03; pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px);
	background-size: 80px 80px;
}
.pg-hc-hero__inner {
	max-width: 1360px; margin: 0 auto; padding: 160px 48px 90px;
	position: relative; z-index: 2; width: 100%;
}
.pg-hc-hero__layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 80px;
	align-items: center;
}
.pg-hc-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px 5px 6px;
	border-radius: 100px;
	border: 1px solid rgba(16,185,129,0.2);
	background-color: rgba(16,185,129,0.05);
	margin-bottom: 24px;
}
.pg-hc-hero__chip-tag {
	background-color: rgba(16,185,129,0.15);
	border-radius: 100px;
	padding: 3px 10px;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--hc-emerald);
	letter-spacing: 1px;
}
.pg-hc-hero__chip-label {
	font-family: var(--hc-f-body);
	font-size: 13px;
	color: rgba(255,255,255,0.6);
}
.pg-hc-hero__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 56px;
	line-height: 1.1;
	color: var(--hc-white);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}
.pg-hc-hero__title-accent {
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pg-hc-hero__desc {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255,255,255,0.62);
	max-width: 600px;
	margin: 0 0 36px;
}
.pg-hc-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-hc-hero__media { position: relative; }
.pg-hc-hero__photo {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: 20px;
}
.pg-hc-hero__years-card {
	position: absolute;
	bottom: -28px;
	left: -20px;
	background-color: rgba(255,255,255,0.96);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 14px;
	padding: 22px 26px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.12);
	border: 1px solid rgba(14,107,59,0.1);
	max-width: 320px;
}
.pg-hc-hero__years-value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 34px;
	background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-emerald) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	line-height: 1;
}
.pg-hc-hero__years-label {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 14px;
	color: var(--hc-g500);
	margin-top: 6px;
	line-height: 1.55;
}
.pg-hc-hero__phi-pill {
	position: absolute;
	top: 20px;
	right: -16px;
	background-color: rgba(255,255,255,0.96);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 12px;
	padding: 14px 18px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
	display: flex;
	align-items: center;
	gap: 6px;
}
.pg-hc-hero__phi-dot { width: 8px; height: 8px; border-radius: 4px; background-color: var(--hc-emerald); animation: pgHcPulse 2s infinite; }
.pg-hc-hero__phi-text { font-family: var(--hc-f-head); font-weight: 600; font-size: 13px; color: var(--hc-indigo); }
.pg-hc-hero__pods-card {
	position: absolute;
	bottom: 90px;
	right: -36px;
	background-color: var(--hc-white);
	border-radius: 12px;
	padding: 12px 16px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
	border: 1px solid rgba(14,107,59,0.12);
}
.pg-hc-hero__pods-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); }
.pg-hc-hero__pods-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 12px; color: var(--hc-g500); }

.pg-hc-hero__strip {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background-color: rgba(255,255,255,0.04);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 14px 0;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 1360px;
	margin: 0 auto;
	padding-left: 48px;
	padding-right: 48px;
}
.pg-hc-hero__strip-item { text-align: center; }
.pg-hc-hero__strip-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-white); }
.pg-hc-hero__strip-label { font-family: var(--hc-f-body); font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 2px; }

@keyframes pgHcFloat1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-40px,30px)} }
@keyframes pgHcFloat2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(30px,-25px)} }
@keyframes pgHcPulse { 0%,100%{opacity:1} 50%{opacity:0.6} }


/* ═══ 2. BUYER VOICE ═══ */
.pg-hc-bv__head { max-width: 780px; margin-bottom: 52px; }
.pg-hc-bv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-bv-card {
	margin: 0;
	padding: 32px 30px;
	background-color: var(--hc-alice);
	border-radius: 18px;
	border: 1px solid var(--hc-g200);
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-bv-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(35,39,85,0.06);
	border-color: rgba(14,107,59,0.2);
}
.pg-hc-bv-card__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.pg-hc-bv-card__tag {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 11px;
	color: var(--hc-green);
	background-color: rgba(14,107,59,0.1);
	padding: 4px 12px;
	border-radius: 100px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.pg-hc-bv-card__cat { font-family: var(--hc-f-body); font-size: 13px; color: var(--hc-g400); letter-spacing: 0.3px; }
.pg-hc-bv-card__quotemark { color: var(--hc-green); opacity: 0.18; margin-bottom: 12px; }
.pg-hc-bv-card__quote {
	font-family: var(--hc-f-body);
	font-size: 16px;
	line-height: 1.65;
	color: var(--hc-g700);
	margin: 0 0 22px;
	flex: 1;
	font-style: italic;
}
.pg-hc-bv-card__author {
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 13px;
	color: var(--hc-g500);
	letter-spacing: 0.5px;
	line-height: 1.5;
	padding-top: 18px;
	border-top: 1px solid var(--hc-g200);
	font-style: normal;
}


/* ═══ 3. TENURE TIMELINE ═══ */
.pg-hc-ten__head {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 64px;
	align-items: center;
	margin-bottom: 48px;
}
.pg-hc-ten__line { position: relative; height: 2px; margin: 0 4%; }
.pg-hc-ten__line-bg { position: absolute; inset: 0; background-color: var(--hc-g300); }
.pg-hc-ten__line-fill {
	position: absolute; inset: 0;
	background: linear-gradient(to right, var(--hc-green) 0%, var(--hc-emerald) 100%);
	opacity: 0.9;
	width: 100%;
}
.pg-hc-ten__marks {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	margin-top: -8px;
	position: relative;
}
.pg-hc-ten-mark { text-align: center; position: relative; padding-top: 24px; }
.pg-hc-ten-mark__dot {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 16px; height: 16px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--hc-emerald), var(--hc-green));
	box-shadow: 0 4px 12px rgba(14,107,59,0.3);
	border: 3px solid var(--hc-white);
}
.pg-hc-ten-mark__year { font-family: var(--hc-f-head); font-weight: 800; font-size: 22px; color: var(--hc-indigo); margin: 8px 0 10px; }
.pg-hc-ten-mark__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.55; color: var(--hc-g600); padding: 0 8px; }


/* ═══ 4. PROGRAMS ═══ */
.pg-hc-prog__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.pg-hc-prog-card {
	padding: 30px 26px;
	border-radius: 16px;
	background-color: var(--hc-alice);
	border: 1px solid var(--hc-g200);
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-prog-card:hover {
	background-color: var(--hc-indigo);
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.14);
}
.pg-hc-prog-card__tag {
	display: inline-block;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--hc-green);
	background-color: rgba(14,107,59,0.08);
	padding: 3px 10px;
	border-radius: 100px;
	letter-spacing: 1px;
	margin-bottom: 16px;
	transition: all 0.35s;
}
.pg-hc-prog-card:hover .pg-hc-prog-card__tag { color: var(--hc-emerald); background-color: rgba(16,185,129,0.14); }
.pg-hc-prog-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 19px; color: var(--hc-indigo); margin: 0 0 10px; transition: color 0.35s; }
.pg-hc-prog-card:hover .pg-hc-prog-card__title { color: var(--hc-white); }
.pg-hc-prog-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; transition: color 0.35s; }
.pg-hc-prog-card:hover .pg-hc-prog-card__desc { color: rgba(255,255,255,0.65); }


/* ═══ 5. PHI REDACTION ═══ */
.pg-hc-phi { display: grid; grid-template-columns: 1fr 1.15fr; gap: 72px; align-items: center; }
.pg-hc-phi__points { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.pg-hc-phi__point { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background-color: var(--hc-white); border-radius: 12px; border: 1px solid rgba(14,107,59,0.15); }
.pg-hc-phi__check {
	width: 30px; height: 30px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald));
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hc-white);
}
.pg-hc-phi__point-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); margin: 0 0 4px; }
.pg-hc-phi__point-desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.65; color: var(--hc-g500); margin: 0; }

.pg-hc-phi__panel {
	background-color: var(--hc-white);
	border-radius: 20px;
	padding: 40px 38px;
	border: 1px solid var(--hc-g200);
	box-shadow: 0 12px 56px rgba(35,39,85,0.07);
}
.pg-hc-phi__panel-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--hc-indigo); margin: 0 0 22px; }
.pg-hc-phi__cats { display: grid; gap: 14px; margin-bottom: 24px; }
.pg-hc-phi-cat { padding: 18px 22px; background-color: var(--hc-alice); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-phi-cat--phi { border-left-color: var(--hc-indigo); }
.pg-hc-phi-cat--pii { border-left-color: var(--hc-g600); }
.pg-hc-phi-cat__head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.pg-hc-phi-cat__tag { font-family: var(--hc-f-head); font-weight: 700; font-size: 11px; padding: 4px 12px; border-radius: 100px; letter-spacing: 1.5px; color: var(--hc-green); background-color: rgba(14,107,59,0.12); }
.pg-hc-phi-cat--phi .pg-hc-phi-cat__tag { color: var(--hc-indigo); background-color: rgba(35,39,85,0.08); }
.pg-hc-phi-cat--pii .pg-hc-phi-cat__tag { color: var(--hc-g600); background-color: rgba(107,114,128,0.1); }
.pg-hc-phi-cat__heading { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); }
.pg-hc-phi-cat__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.65; color: var(--hc-g500); margin: 0; }

.pg-hc-phi__attest { padding: 16px 18px; background-color: rgba(14,107,59,0.04); border-radius: 10px; border: 1px solid rgba(14,107,59,0.12); }
.pg-hc-phi__attest-label { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0 0 6px; }
.pg-hc-phi__attest-quote { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g700); margin: 0; font-style: italic; }


/* ═══ 6. RESULTS ═══ */
.pg-hc-res__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.pg-hc-res-card { padding: 28px 22px; background-color: rgba(255,255,255,0.04); border-radius: 16px; border: 1px solid rgba(255,255,255,0.08); text-align: center; }
.pg-hc-res-card__value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 36px;
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
	line-height: 1;
}
.pg-hc-res-card__label { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-white); margin-bottom: 6px; }
.pg-hc-res-card__sub { font-family: var(--hc-f-body); font-weight: 400; font-size: 12px; color: rgba(255,255,255,0.42); line-height: 1.55; }


/* ═══ 7. COMPLIANCE ═══ */
.pg-hc-comp { display: grid; grid-template-columns: 1fr 1.35fr; gap: 72px; align-items: start; }
.pg-hc-comp__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0 28px; }
.pg-hc-comp-fact { padding: 18px 20px; background-color: var(--hc-alice); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-comp-fact__value { font-family: var(--hc-f-head); font-weight: 800; font-size: 24px; color: var(--hc-indigo); letter-spacing: -0.01em; line-height: 1; margin-bottom: 6px; }
.pg-hc-comp-fact__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g500); line-height: 1.5; }
.pg-hc-comp__callout { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.7; color: var(--hc-g700); margin: 0 0 28px; padding: 18px 22px; background-color: rgba(14,107,59,0.04); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-comp__link { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-green); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.pg-hc-comp__link:hover { text-decoration: underline; }
.pg-hc-comp__right { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pg-hc-comp-cert { padding: 22px; border-radius: 14px; background-color: var(--hc-alice); border: 1px solid var(--hc-g200); }
.pg-hc-comp-cert__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pg-hc-comp-cert__shield { width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); flex-shrink: 0; }
.pg-hc-comp-cert__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); margin: 0; }
.pg-hc-comp-cert__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.65; color: var(--hc-g500); margin: 0; }


/* ═══ 8. TENURE COMPARE ═══ */
.pg-hc-tc { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; }
.pg-hc-tc__table {
	background-color: var(--hc-white);
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--hc-g200);
	box-shadow: 0 12px 40px rgba(35,39,85,0.05);
}
.pg-hc-tc__thead { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--hc-g200); }
.pg-hc-tc__th { padding: 18px 24px; font-family: var(--hc-f-head); font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.pg-hc-tc__th--etech { background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-emerald) 100%); color: var(--hc-white); }
.pg-hc-tc__th--industry { background-color: var(--hc-g100); color: var(--hc-g500); }
.pg-hc-tc__row { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--hc-g100); }
.pg-hc-tc__row:last-child { border-bottom: 0; }
.pg-hc-tc__cell { padding: 22px 24px; }
.pg-hc-tc__cell--etech { background-color: var(--hc-white); }
.pg-hc-tc__row--highlight .pg-hc-tc__cell--etech { background-color: rgba(14,107,59,0.04); }
.pg-hc-tc__cell--industry { background-color: var(--hc-g100); }
.pg-hc-tc__cell-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 24px; color: var(--hc-indigo); letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.pg-hc-tc__cell--industry .pg-hc-tc__cell-value { font-weight: 700; font-size: 20px; color: var(--hc-g600); }
.pg-hc-tc__cell-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g500); }
.pg-hc-tc__cell--industry .pg-hc-tc__cell-label { color: var(--hc-g400); }


/* ═══ 9. PLATFORM ═══ */
.pg-hc-plat { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: center; }
.pg-hc-plat__feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.pg-hc-plat-feat { padding: 20px 22px; border-radius: 14px; background-color: var(--hc-alice); border: 1px solid var(--hc-g200); transition: all 0.3s; }
.pg-hc-plat-feat:hover { background-color: rgba(14,107,59,0.04); border-color: rgba(14,107,59,0.2); }
.pg-hc-plat-feat__icon {
	width: 36px; height: 36px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald));
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hc-white);
	margin-bottom: 12px;
}
.pg-hc-plat-feat__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 15px; color: var(--hc-indigo); margin: 0 0 4px; }
.pg-hc-plat-feat__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.6; color: var(--hc-g500); margin: 0; }
.pg-hc-plat__links { display: flex; gap: 22px; flex-wrap: wrap; }
.pg-hc-plat__link { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-green); text-decoration: none; }
.pg-hc-plat__link:hover { text-decoration: underline; }

.pg-hc-plat__right { position: relative; }
.pg-hc-plat__photo { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; border-radius: 20px; }
.pg-hc-plat__award {
	position: absolute;
	bottom: -30px;
	right: -20px;
	background-color: var(--hc-white);
	border-radius: 16px;
	padding: 20px 24px;
	box-shadow: 0 16px 44px rgba(35,39,85,0.14);
	border: 1px solid var(--hc-g200);
	max-width: 280px;
}
.pg-hc-plat__award-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pg-hc-plat__award-icon { width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); flex-shrink: 0; }
.pg-hc-plat__award-label { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.pg-hc-plat__award-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); line-height: 1.4; margin: 0; }
.pg-hc-plat__live {
	position: absolute;
	top: 24px;
	left: -24px;
	background-color: var(--hc-white);
	border-radius: 12px;
	padding: 14px 18px;
	box-shadow: 0 10px 30px rgba(35,39,85,0.1);
	border: 1px solid var(--hc-g200);
	display: flex;
	align-items: center;
	gap: 10px;
}
.pg-hc-plat__live-dot { width: 8px; height: 8px; border-radius: 4px; background-color: var(--hc-emerald); animation: pgHcPulse 2s infinite; flex-shrink: 0; }
.pg-hc-plat__live-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 18px; color: var(--hc-indigo); line-height: 1; }
.pg-hc-plat__live-label { font-family: var(--hc-f-body); font-size: 12px; color: var(--hc-g500); margin-top: 2px; }


/* ═══ 10. TRUSTED PARTNER ═══ */
.pg-hc-tp { display: grid; grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: center; }
.pg-hc-tp__quote {
	margin: 0;
	padding: 22px 26px;
	background-color: var(--hc-white);
	border-radius: 14px;
	border-left: 3px solid var(--hc-green);
	box-shadow: 0 4px 18px rgba(35,39,85,0.04);
}
.pg-hc-tp__quote svg { color: var(--hc-green); opacity: 0.3; margin-bottom: 8px; }
.pg-hc-tp__quote p { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.7; color: var(--hc-g700); margin: 0; font-style: italic; }

.pg-hc-tp__pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pg-hc-tp-pillar { padding: 30px 28px; background-color: var(--hc-white); border-radius: 18px; border: 1px solid var(--hc-g200); transition: all 0.35s cubic-bezier(.16,1,.3,1); }
.pg-hc-tp-pillar:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(35,39,85,0.08); border-color: rgba(14,107,59,0.2); }
.pg-hc-tp-pillar__icon { width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); margin-bottom: 18px; }
.pg-hc-tp-pillar__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 8px; }
.pg-hc-tp-pillar__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; }


/* ═══ 11. CASE STUDIES ═══ */
.pg-hc-cs__head { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: end; margin-bottom: 56px; }
.pg-hc-cs__head-desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 16px; line-height: 1.85; color: var(--hc-g500); margin: 0; max-width: 560px; }
.pg-hc-cs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-cs-card {
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid var(--hc-g200);
	background-color: var(--hc-white);
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-cs-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(35,39,85,0.12); }
.pg-hc-cs-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.pg-hc-cs-card__photo { width: 100%; height: 100%; object-fit: cover; }
.pg-hc-cs-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(35,39,85,0.25) 0%, rgba(35,39,85,0.05) 35%, rgba(35,39,85,0.85) 100%); }
.pg-hc-cs-card__tag {
	position: absolute; top: 18px; left: 18px;
	display: inline-flex;
	background-color: rgba(255,255,255,0.92);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding: 6px 12px;
	border-radius: 100px;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 11px;
	color: var(--hc-green);
	letter-spacing: 1px;
	text-transform: uppercase;
}
.pg-hc-cs-card__hero { position: absolute; bottom: 18px; left: 18px; right: 18px; color: var(--hc-white); }
.pg-hc-cs-card__hero-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 32px; letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.pg-hc-cs-card__hero-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: rgba(255,255,255,0.85); }
.pg-hc-cs-card__body { padding: 26px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.pg-hc-cs-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 6px; }
.pg-hc-cs-card__audience { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g400); margin: 0 0 18px; letter-spacing: 0.2px; }
.pg-hc-cs-card__line { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g600); margin: 0 0 22px; flex: 1; }
.pg-hc-cs-card__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 20px; border-top: 1px solid var(--hc-g100); }
.pg-hc-cs-card__stat-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); letter-spacing: -0.01em; }
.pg-hc-cs-card__stat-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 11px; color: var(--hc-g500); line-height: 1.4; margin-top: 3px; }


/* ═══ 12. RSB ═══ */
.pg-hc-rsb__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-rsb-card { padding: 36px 32px; border-radius: 20px; background-color: var(--hc-white); border: 1px solid var(--hc-g200); transition: all 0.35s cubic-bezier(.16,1,.3,1); }
.pg-hc-rsb-card:hover { transform: translateY(-6px); box-shadow: 0 18px 54px rgba(35,39,85,0.1); }
.pg-hc-rsb-card__tag {
	display: inline-flex;
	padding: 5px 12px;
	border-radius: 100px;
	background-color: rgba(14,107,59,0.08);
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 11px;
	color: var(--hc-emerald);
	letter-spacing: 2px;
	margin-bottom: 22px;
}
.pg-hc-rsb-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--hc-indigo); margin: 0 0 14px; }
.pg-hc-rsb-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.75; color: var(--hc-g500); margin: 0; }


/* ═══ 13. FOOTPRINT ═══ */
.pg-hc-fp__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 18px; }
.pg-hc-fp-card { border-radius: 18px; overflow: hidden; border: 1px solid var(--hc-g200); background-color: var(--hc-white); transition: all 0.35s; display: flex; flex-direction: column; }
.pg-hc-fp-card:hover { transform: translateY(-4px); box-shadow: 0 14px 40px rgba(35,39,85,0.08); }
.pg-hc-fp-card__photo { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.pg-hc-fp-card__body { padding: 22px 24px; }
.pg-hc-fp-card__heading { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0 0 8px; }
.pg-hc-fp-card__location { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 8px; }
.pg-hc-fp-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; }


/* ═══ 14. STABILITY ═══ */
.pg-hc-stab { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.pg-hc-stab__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pg-hc-stab-card {
	padding: 30px 26px;
	border-radius: 18px;
	background-color: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.pg-hc-stab-card__value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 48px;
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-bottom: 6px;
}
.pg-hc-stab-card__unit { font-size: 22px; margin-left: 4px; }
.pg-hc-stab-card__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.55; }


/* ═══ 15. CTA ═══ */
.pg-hc-cta {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(35,39,85,0.1);
	display: grid;
	grid-template-columns: 1.1fr 1fr;
}
.pg-hc-cta__body {
	background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 100%);
	padding: 64px 56px;
	color: var(--hc-white);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pg-hc-cta__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.22;
	margin: 0 0 22px;
	letter-spacing: -0.01em;
}
.pg-hc-cta__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,0.62); margin: 0 0 34px; }
.pg-hc-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-hc-cta__media { position: relative; min-height: 100%; }
.pg-hc-cta__img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; }


/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
	.pg-hc-container { padding: 0 32px; }
	.pg-hc-section { padding: 80px 0; }

	.pg-hc-hero { min-height: auto; }
	.pg-hc-hero__inner { padding: 140px 32px 90px; }
	.pg-hc-hero__layout { grid-template-columns: 1fr; gap: 60px; }
	.pg-hc-hero__title { font-size: 42px; }
	.pg-hc-hero__years-card { left: 0; }
	.pg-hc-hero__phi-pill { right: 0; }
	.pg-hc-hero__pods-card { right: 0; }
	.pg-hc-hero__strip { padding-left: 32px; padding-right: 32px; gap: 24px; }

	
	.hero-photo-wrap{ margin-left: auto;max-width: 90%;width: 90%;margin-right: auto;}
    
    
    
	.pg-hc-section__title { font-size: 32px; }
	.pg-hc-cta__title { font-size: 30px; }

	.pg-hc-bv__grid,
	.pg-hc-prog__grid,
	.pg-hc-res__grid,
	.pg-hc-cs__grid,
	.pg-hc-rsb__grid,
	.pg-hc-comp__right,
	.pg-hc-tp__pillars { grid-template-columns: 1fr 1fr; }
	.pg-hc-prog__grid { gap: 16px; }
	.pg-hc-res__grid { grid-template-columns: repeat(3, 1fr); }

	.pg-hc-ten__head { grid-template-columns: 1fr; gap: 24px; }
	.pg-hc-ten__marks { grid-template-columns: repeat(3, 1fr); row-gap: 32px; }

	.pg-hc-phi,
	.pg-hc-comp,
	.pg-hc-tc,
	.pg-hc-plat,
	.pg-hc-tp,
	.pg-hc-stab { grid-template-columns: 1fr; gap: 48px; }

	.pg-hc-cs__head { grid-template-columns: 1fr; gap: 24px; }

	.pg-hc-fp__grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }

	.pg-hc-plat__award { right: 0; }
	.pg-hc-plat__live { left: 0; }

	.pg-hc-cta { grid-template-columns: 1fr; }
	.pg-hc-cta__body { padding: 48px 36px; }
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.pg-hc-container { padding: 0 20px; }
	.pg-hc-section { padding: 60px 0; }

	.pg-hc-hero__inner { padding: 120px 20px 72px; }
	.pg-hc-hero__title { font-size: 30px; }
	.pg-hc-hero__desc { font-size: 15px; }
	.pg-hc-hero__years-card,
	.pg-hc-hero__phi-pill,
	.pg-hc-hero__pods-card { position: static; margin-top: 12px; max-width: none; }
	.pg-hc-hero__strip { position: static; padding-left: 20px; padding-right: 20px; gap: 16px; justify-content: flex-start; }

	.pg-hc-section__title { font-size: 24px; }
	.pg-hc-section__desc { font-size: 14px; }

	.pg-hc-bv__grid,
	.pg-hc-prog__grid,
	.pg-hc-cs__grid,
	.pg-hc-rsb__grid,
	.pg-hc-comp__right,
	.pg-hc-tp__pillars,
	.pg-hc-comp__facts,
	.pg-hc-plat__feats,
	.pg-hc-stab__grid,
	.pg-hc-fp__grid { grid-template-columns: 1fr; }

	.pg-hc-res__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.pg-hc-res-card__value { font-size: 28px; }

	.pg-hc-ten__marks { grid-template-columns: 1fr 1fr; }

	.pg-hc-prog-card,
	.pg-hc-rsb-card,
	.pg-hc-tp-pillar { padding: 24px 20px; }

	.pg-hc-phi__panel { padding: 28px 22px; }

	.pg-hc-tc__table { border-radius: 14px; }
	.pg-hc-tc__cell { padding: 16px 18px; }
	.pg-hc-tc__cell-value { font-size: 20px; }

	.pg-hc-plat__award,
	.pg-hc-plat__live { position: static; margin-top: 12px; max-width: none; }

	.pg-hc-cs-card__body { padding: 20px; }
	.pg-hc-cs-card__hero-value { font-size: 26px; }

	.pg-hc-stab-card { padding: 22px 18px; }
	.pg-hc-stab-card__value { font-size: 38px; }

	.pg-hc-cta__body { padding: 32px 22px; }
	.pg-hc-cta__title { font-size: 24px; }
	.pg-hc-cta__media { min-height: 220px; }

	.pg-hc-btn { font-size: 14px; padding: 13px 22px; }
}

/* ════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.pg-hc *,
	.pg-hc *::before,
	.pg-hc *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.pg-hc-hero__orb-a,
	.pg-hc-hero__orb-b,
	.pg-hc-hero__phi-dot,
	.pg-hc-plat__live-dot { animation: none; }
}

/**csr css**/


body.single-csr article h1{color:#424351!important;text-align:center!important;}
body.single-csr article p{font-size:18px!important;color:#4B5563!important;line-height:26px!important;font-weight:400;text-align:center!important;}
body.single-csr article  .foogallery {margin-bottom:25px!important;}
body.single-csr .site-nav{background-color:#232755;}
body.single-csr .site-nav.scrolled{background-color:#ffffff;}
body.single-csr .nav-links{justify-content:center;}
body.single-csr .nav-links a span{font-size:16px;}


@media (min-width: 768px){
	.pg-auto-cs-card__body{padding-bottom:150px!important;position:relative;}
	.pg-auto-cs-card__stats{
	 position: absolute;
     bottom: 30px;
     left: 0px;
     width: 100%;
	 padding-left:15px;padding-right:15px;
		min-height:80px;
	}
	.pg-auto-hf__callout{display:flex!important;justify-content:space-between!important;align-items:center;}
	.pg-auto-hf__bm-n{ font-weight: 800!imporatnt;font-size: 28px!important;}
	.pg-auto-hf__bm{margin-top:32px!important;}
    
}

/**vpn section**/
.pg-op-hero-media .ep-photo img{object-fit:unset;}
.pg-cc-proof-item__value{
	background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pg-qeval-hero-photo img{border-radius:16px;}
@media (max-width: 1199px){
	.pg-qa-cta-photo img {
        object-position: top;
    }
	.pg-qa-how .ep-section__header {margin-bottom:15px;}
}
@media (max-width: 767px){
	.pg-qeval-roi__slider-meta{flex-direction:column;}
	.pg-op-leader-caption{
		position: relative;
    left: 0px;
    bottom: 0px;
    border: 1px solid #E5E7EB;
    right: 0px;
    margin-top: 20px;
	}
}
/**single job listing page**/
body.single-job_listing .career-section  h2.card-title {
    font-family: var(--f-heading);
	color: #424351 !important;
    font-size: 37px !important;
    line-height: 46px !important;
    font-weight: 700 !important;
	margin-bottom:25px;
}
body.single-job_listing .career-section{margin:100px 0px;}
.single_job_listing .meta .job-type{color:#ffffff!important;background-color:#0E6B3B!important;border-radius:10px;}
.single_job_listing .meta li{color:#424351;}
body.single-job_listing .job_description p{
	font-family: var(--f-heading) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: var(--c-green) !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
	margin-top:25px;
}
body.single-job_listing .job_description ul{padding-left:20px;}
body.single-job_listing .job_description ul li{
	color:#374151;
	font-family: var(--f-body) !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 30px !important;
	margin:7px 0px;
}
body.single-job_listing  .single_job_listing .application .application_button {
	 font-family: var(--font-heading);
    font-weight: 600;
    color: var(--c-white);
    background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
    padding: 15px var(--space-xl);
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
    transition: opacity 0.2s;
    border: none;
    cursor: pointer;
}
body.single-job_listing .site-nav{background-color:#0c0f28;}
body.single-job_listing .site-nav.scrolled{background-color:#ffffff;}
body.single-job_listing .career-sidebar table td{padding:15px;border-bottom:1px solid #E5E7EB;}
body.single-job_listing .career-sidebar table td strong{font-family: var(--f-heading);}
body.single-job_listing .career-sidebar table{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;}
body.single-job_listing .share-job-inner{margin-top:20px;}
body.single-job_listing .share-job-inner a{font-size:18px;color:#0E6B3B;font-weight:500;}
body.single-job_listing .card:hover{box-shadow:none;transform: translateY(0px);border-color:#E5E7EB;}

body.page-template-job_apply .container.acf-main-container{margin-top:120px;margin-bottom:100px;}
body.page-template-job_apply .site-nav{background-color:#0c0f28;}
body.page-template-job_apply .site-nav.scrolled{background-color:#ffffff;}


 .csaf-card-title{font-size:18px;font-weight:700;color:#424351!important;}
 .csaf-filters{background-color:#ffffff!important;}
.csaf-filter-group{align-items:start;gap:0px;}

.ca-step-number{font-size:16px!important;font-weight:500!important;}
.cta-card{align-items:center;}
.homepage-service-sec .section-header{max-width:860px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:50px;}
.homepage-service-sec .section-header h2{max-width:640px;margin-left:auto!important;margin-right:auto!important;}
.ca-step-number{color:#10B981!important;}
.ws-card:hover {
    box-shadow:none!important;
    transform: translateY(0px)!important;
	background-color:rgb(39,35,85)!important;
}
.ws-card .ws-card-icon{color:rgb(14, 107, 59);}
.ws-card:hover .ws-card-title{color:#ffffff!important;}
.ws-card:hover .ws-card-desc{color:rgb(255, 255, 255,0.5)!important;}
.ws-card:hover .ws-stat-value{color:#ffffff!important;}
.ws-card:hover .ws-stat-label{color:rgb(255, 255, 255,0.5)!important;}
.ws-card:hover .ws-card-stat{border-top: 1px solid #e8e2da63;}
.ca-step-card:hover{border: 1px solid rgba(16, 285, 129, 0.3);background-color: rgba(16, 255, 255, 0.06);}
.region-card{  transition: all 0.3s;}  
.region-card:hover{box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06); transform: translateY(-4px);}
.region-card .photo-placeholder{background-repeat:no-repeat!important;background-size:cover!important;}
.ws-top{align-items:center!important;}   
.ws-desc{padding-top:38px!important;}
.story-grid .story-heading{max-width:400px;}
/**new changes**/
.compounding-card{grid-template-columns: 1fr 1.5fr!important;}
@media (max-width: 1199px){
	.compounding-card{grid-template-columns: 1fr!important;}
}
body.home .fullstack-header .col-two .divider{display:none;}
@media (max-width: 767px){}
.pg-ret-st__card-l{max-width:100%!important;}
#gdpr-cookie-consent-bar{width:100%!important;left:0px!important;bottom:0px!important;background-color:#2C2C2C!important;box-shadow:none!important;border:1px solid #8F8F8F!important;padding:20px 40px!important;}
#gdpr-cookie-consent-bar .row_spaced{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;}
#gdpr-cookie-consent-bar p{color:#ffffff!important;line-height:23px!important;}
#gdpr-cookie-consent-bar .row_spaced{flex-direction:row!important;}
#gdpr-cookie-consent-bar p a{color:#ffffff!important;text-decoration:underline!important;}
.powered-by-credits{color:#ffffff!important;}
.powered-by-credits a{color:#ffffff!important;text-decoration:underline!important;}
.powered-by-credits{display:none!important;}
#gdpr-cookie-consent-bar p{font-size:16px!important;}
#gdpr-cookie-consent-bar{flex-direction:row!important;justify-content:center!important;}
#gdpr-cookie-consent-bar h3{color:#FFFFFF!important;}
.gdpr_logo_image{height:43px!important;}
@media (max-width: 1199px){
	#gdpr-cookie-consent-bar .row_spaced{flex-direction:column!important;}
}
 @media (min-width: 1229px) {
    #gdpr-cookie-consent-bar #cookie-banner-cancle-img {
        right: 18px!important;
    }	 
}
#cookie_action_accept_all{
	background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%)!important;
   box-shadow: 0px 4px 24px rgba(14, 107, 59, 0.3)!important;
   border-radius: 10px!important;
	padding: 12px 22px!important;
	border-radius:10px!important;
	border:none!important;
	text-decoration:none!important;
	margin-right:10px;
	min-width:auto!important;
}

#cookie_action_reject{	
     border: 1px solid rgba(255, 255, 255, 0.15)!important;
     border-radius: 10px!important;
	background:transparent!important;
	color:#FFFFFFD9!important;
	padding: 12px 22px!important;
	text-decoration:none!important;
	min-width:auto!important;
}
#cookie-banner-cancle-img{color:#ffffff!important;}
#cookie-banner-cancle-img svg{fill:#ffffff!important;}

/**new navbar**/
.site-nav .nav-primary{}
.site-nav .nav-primary .nav-menu {height:fit-content!important;}
.site-nav .nav-primary .nav-menu > li {height:auto!important;}
.site-nav .nav-primary .nav-menu > li > a{    text-transform: capitalize!important;font-family: var(--f-heading)!important; font-size: 16px !important; font-weight: 400 !important;}
.site-nav .nav-primary .nav-cta{background-color:transparent!important;padding:0px!important;border-radius:0px!important;}
.site-nav .nav-primary .nav-cta a{
	background: linear-gradient(135deg, #0E6B3B 0%, #0A8A4A 100%)!important;
    box-shadow: 0px 4px 24px rgba(14, 107, 59, 0.3)!important;
    border-radius: 10px!important;
	padding:15px 32px!important;
}
.site-nav .nav-primary .nav-menu > li > a:hover{background:none!important;}
.site-nav .nav-primary .nav-menu > li:nth-child(5) ul.sub-menu{grid-template-columns:1fr;}
.site-nav .nav-primary  .nav-menu > li > a::after{display:none!important;}
.site-nav .nav-primary  .nav-menu .sub-menu {padding:24px!important;}
.site-nav .nav-primary  .nav-menu .sub-menu li a{padding:0px!important;}
.site-nav .nav-primary  .nav-menu .sub-menu li a:hover{background:transparent!important;color:#10B981!important;}
.site-nav .nav-primary  .nav-menu > li > .sub-menu{
	background: radial-gradient(194.66% 105.52% at 48.99% 0%, #606AC8 1.92%, #343B79 51.92%, #606AC8 100%)!important;
    border-radius: 12px!important;border-top:none!important;
	border-top:none!important;
}
.site-nav .nav-primary  .nav-menu > li:hover > .sub-menu{
	background: radial-gradient(194.66% 105.52% at 48.99% 0%, #606AC8 1.92%, #343B79 51.92%, #606AC8 100%)!important;
    border-radius: 12px!important;border-top:none!important;
	border-top:none!important;
}
.nav-menu .sub-menu li a{color:#ffffff!important;}   
.nav-menu .sub-menu li a{border-bottom:none!important;}
.site-nav .nav-primary .nav-menu .sub-menu li a{font-family: var(--f-heading) !important;font-size:16px!important; white-space: nowrap;}
.nav-menu .sub-menu{top: calc(100% + 20px);}
.site-nav .nav-primary .nav-cta a:hover{background: linear-gradient(135deg, #0E6B3B 0%, #0A8A4A 100%) !important;}
.site-nav .nav-primary{background:transparent!important;border-bottom:none!important;}
.site-nav{padding-top:0px!important;padding-bottom:0px!important;}
.site-nav.scrolled .nav-primary .nav-menu > li > a{color:#424351!important;}
.site-nav.scrolled .nav-primary .nav-menu > li.nav-cta > a{color:#ffffff!important;}
.site-nav .nav-primary .nav-menu > li.nav-cta > a:hover{color:#ffffff!important;    background: linear-gradient(135deg, #0E6B3B 0%, #0A8A4A 100%) !important; box-shadow: 0px 4px 24px rgba(14, 107, 59, 0.3) !important;}
.site-nav.scrolled .nav-primary .nav-cta a{color:#ffffff!important;}
.nav-menu .sub-menu li{margin:8px 0px;}
.site-nav .nav-primary .nav-menu > li > .sub-menu{display:grid;grid-template-columns: 1fr 1fr;gap:0px 30px;}
.site-nav .nav-primary .nav-menu > li:nth-child(5) > ul.sub-menu{grid-template-columns:1fr;}
@media (max-width: 1024px){
	.nav-toggle{display:block!important;}
	.mobile-menu li.nav-cta {padding:0px!important;width:fit-content!important;margin-left: 18px;margin-top: 13px;}     
}
.nav-menu .sub-menu li.current-menu-item > a{background:none!important;border-left:none!important;}
body{padding-top:0px!important;}
@media (max-width: 1024px) {
    .nav-overlay {
        display: none!important;
    }
	
}
.single-press_release .site-nav{    background: linear-gradient(165deg, rgb(35, 39, 85) 0%, rgb(29, 34, 72) 35%, rgb(37, 43, 85) 65%, rgb(47, 52, 98) 100%)!important;
}
.single-press_release .site-nav.scrolled{background:white!important;}
@media (max-width: 1199px){
	body.home .cta-card .photo-placeholder{min-height:auto!important;}
	 body.home .cta-card .photo-placeholder img{
		 height:auto!important;
	}
}
@media (max-width: 767px){
	.hero-stat-card{
		position: relative;
        top: 0px;
        right: 0px;
        margin-top: 10px;
	}
	.hero-qeval-card{	
        max-width: 150px;
        position: relative;
        max-width: 100%;
        bottom: 0px;
        margin-top: 10px;
	}
	.hero-photo-small{
		position: relative !important;
        bottom: 0px;
        left: 0px !important;
        margin-top: 10px;
      }
}
/**apply to job**/
body.page-template-job_apply h1{
	font-family: var(--f-heading);
    color: #424351 !important;
    font-size: 37px !important;
    line-height: 46px !important;
    font-weight: 700 !important;
    margin-bottom: 25px;
}
body.page-template-job_apply .acf-fields > .acf-field{border-top:none!important;}
body.page-template-job_apply  .acf-field .acf-label label{
	  display: block;
    font-size: 16px;
    margin-bottom: 6px;
    color: #4B5563;
    font-weight: 500;
    font-family:  'Outfit', sans-serif;
}
body.page-template-job_apply  .acf-field input[type="text"],body.page-template-job_apply  .acf-field input[type="email"],body.page-template-job_apply  .acf-field select{
	    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 16px;
    outline: none;
    color: #374151;
    font-family: var(--f-body);
}
body.page-template-job_apply  .acf-field select{
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(https://www.etechgs.com/wp-content/uploads/2026/04/dropdown-icon.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    cursor: pointer;
}
body.page-template-job_apply  .acf-field p.description{font-size:16px;line-height:1.7;font-weight:400;margin-bottom:15px;}
ul.acf-radio-list li, ul.acf-checkbox-list li{font-size:16px!important;}
body.page-template-job_apply  .acf-form-submit input[type="submit"]{
	    background: linear-gradient(135deg, #0E6B3B 0%, #0A8A4A 100%) !important;
    box-shadow: 0px 4px 24px rgba(14, 107, 59, 0.3) !important;
    border-radius: 10px !important;
    padding: 15px 32px !important;
	color: #fff !important;font-size:16px;
	border:none;
}
body.page-template-job_apply  .acf-field a.application-consent-read-more{color:#0E6B3B;}