/* =========================================================
   DigiTech India Solutions — Redesign v2 (White Theme)
   ========================================================= */
:root{
  --ink:        #14132B;
  --ink-soft:   #6B6B85;
  --paper:      #FFFFFF;
  --paper-soft: #F6F5FB;
  --paper-tint: #FBEFE9;
  --signal:     #FF5B2E;
  --signal-dk:  #E04A20;
  --violet:     #4F3FE0;
  --violet-dk:  #3B2EB0;
  --mint:       #18C29C;
  --gold:       #FFB23E;
  --line:       rgba(20,19,43,0.09);

  --font-display:'Fraunces','Georgia',serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;

  --radius:10px;
  --container:1180px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:3px;
}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--signal-dk);margin-bottom:16px;
}
.eyebrow::before{content:'';width:22px;height:1px;background:var(--signal);}
.eyebrow.on-dark{color:#ffff;}
.eyebrow.on-dark::before{background:#fff;}

.section-head{max-width:680px;margin:0 auto 56px;text-align:center;}
.section-head h2{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(30px,4vw,44px);line-height:1.18;color:var(--ink);letter-spacing:-0.01em;
}
.section-head p{margin-top:16px;color:var(--ink-soft);font-size:16.5px;}
.section{padding:110px 0;}
.section.soft{background:var(--paper-soft);}
@media (max-width:768px){.section{padding:72px 0;}}

.btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 26px;font-size:14.5px;font-weight:700;letter-spacing:0.01em;
  border-radius:8px;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;
  white-space:nowrap;
}
.btn-primary{background:#020c3f;color:#fff;}
.btn-primary:hover{background:#fff;color:#020c3f;border:2px solid #020c3f;transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,86,219,0.25);}
.btn-outline{border:1.5px solid var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:#fff;}
.btn-block{width:100%;justify-content:center;}

/* =========================================================
   Topbar + Nav
   ========================================================= */

.nav{
  position:sticky;top:0;left:0;right:0;bottom:0;z-index:999;
  background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);padding:14px 0;
}
.nav .container{display:flex;align-items:center;justify-content:space-between;}
.nav-logo img{height:70px;width:auto; }
.nav-logo{ margin-left: -120px;}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-links a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--signal);transition:width 0.25s ease;}
.nav-links a:hover::after{width:100%;}
.nav-cta{display:flex;align-items:center;gap:18px;}
.nav-phone{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13px;}
.nav-toggle{display:none;flex-direction:column;gap:5px;}
.nav-toggle span{width:24px;height:2px;background:var(--ink);transition:0.3s;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:980px){
  .nav-links,.nav-phone{display:none;}
  .nav-toggle{display:flex;}
  .nav-links.mobile-open{
    display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;width:78%;
    max-width:320px;background:#fff;padding:100px 32px 40px;gap:26px;box-shadow:-20px 0 60px rgba(0,0,0,0.15);z-index:1100;
  }
}

/* =========================================================
   SLIDER
   ========================================================= */
.slider-wrap{
  position:relative;
  width:100%;
  height:750px;
  overflow:hidden; 
}
/* Track — sabhi slides side by side */
.slider-track{
  display:flex;
  height:100%;
  transition:transform 0.8s cubic-bezier(0.77,0,0.18,1);
}

/* Individual slide */
.slide{
  min-width:100%;
  width:100%;        
  height:100%;
  position:relative;
  flex-shrink:0;
}

/* Background image */
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  overflow:hidden;  
}

/* Dark overlay */
.slide::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.3) 0%,
    rgba(0,0,0,0.65) 100%
  );
}

/* Text content */
.slide-content{
  position:absolute;
  bottom:140px;
  left:80px;
  z-index:2;
  color:#fff;
  max-width:700px;
}

.slide-content span{
  display:block;
  font-family:var(--font-mono, monospace);
  font-size:14px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.75);
  margin-bottom:16px;
}

.slide-content h2{
  font-family:var(--font-display, serif);
  font-size:clamp(42px, 6vw, 80px);
  font-weight:800;
  line-height:1.1;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 4px 20px rgba(0,0,0,0.4);
  margin-bottom:28px;
}

.slide-btn{
  display:inline-flex;
  align-items:center;
  padding:16px 36px;
  background:#FF5B2E;
  color:#fff;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  border-radius:8px;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.slide-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(255,91,46,0.45);
}

/* Arrows */
.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:52px;
  height:52px;
  border-radius:50%;
  background:rgba(255,255,255,0.15);
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,0.3);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:background 0.25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}
.slider-arrow:hover{
  background:rgba(255,91,46,0.85);
  border-color:transparent;
}
.prev{ left:24px; }
.next{ right:24px; }

/* Dots */
.slider-dots{
  position:absolute;
  bottom:32px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:10;
}
.slider-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,0.4);
  cursor:pointer;
  transition:all 0.3s ease;
  border:none;
}
.slider-dot.active{
  background:#FF5B2E;
  width:26px;
  border-radius:6px;
}

/* Mobile */
@media (max-width:768px){
  .slider-wrap{ height:500px; }
  .slide-content{ left:24px; bottom:80px; }
  .slide-content h2{ font-size:36px; }
}


/* =========================================================
   Hero
   ========================================================= */
.hero{
  position:relative;padding:80px 0 60px;
  background:
    radial-gradient(ellipse 700px 460px at 90% -10%, rgba(79,63,224,0.07), transparent 60%),
    radial-gradient(ellipse 600px 400px at 0% 100%, rgba(255,91,46,0.06), transparent 60%),
    var(--paper);
}
.hero .container{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:start;}
@media (max-width:980px){.hero .container{grid-template-columns:1fr;}}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--mint);margin-bottom:22px;
}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse-dot 2s infinite;}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(24,194,156,0.5);}70%{box-shadow:0 0 0 9px rgba(24,194,156,0);}100%{box-shadow:0 0 0 0 rgba(24,194,156,0);}}

.hero h1{
  font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.8vw,58px);
  line-height:1.1;letter-spacing:-0.015em;color:var(--ink);
}
.hero h1 em{font-style:italic;color:var(--signal);font-weight:500;}
.hero-sub{margin-top:22px;font-size:17px;color:var(--ink-soft);max-width:520px;}
.hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;}

.service-pills{
  margin-top:48px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
}
@media (max-width:760px){.service-pills{grid-template-columns:repeat(3,1fr);}}
@media (max-width:500px){.service-pills{grid-template-columns:repeat(2,1fr);}}
.pill{
  background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;
  padding:18px 12px;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;
}
.pill:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(20,19,43,0.08);border-color:var(--signal);}
.pill .ico{font-size:24px;margin-bottom:8px;}
.pill span{font-size:12px;font-weight:600;color:var(--ink);display:block;line-height:1.3;}

/* Discovery call form card */
.discovery-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:30px 28px;box-shadow:0 24px 60px rgba(20,19,43,0.10);
}
.discovery-card h3{font-family:var(--font-display);font-size:21px;font-weight:600;margin-bottom:4px;}
.discovery-card .sub{font-size:13px;color:var(--ink-soft);margin-bottom:22px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.03em;}
.field input, .field select, .field textarea{
  width:100%;padding:12px 13px;border:1px solid #DEDCEF;border-radius:7px;background:var(--paper-soft);
  font-family:var(--font-body);font-size:14px;color:var(--ink);transition:border-color 0.2s ease,background 0.2s ease;
}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--signal);background:#fff;outline:none;}
.field textarea{resize:vertical;min-height:70px;}
.form-note{margin-top:13px;font-size:11.5px;color:#9b9bb0;text-align:center;}

/* =========================================================
   CLIENT LOGOS SECTION
   ========================================================= */
/* =========================================================
   CLIENT STRIP — Auto Scroll Marquee
   ========================================================= */
.client-strip{
  padding:80px 0 60px;
  text-align:center;
  overflow:hidden;
}

.client-strip-label{
  font-size:16px;
  font-weight:600;
  color:var(--signal, #FF5B2E);
  margin-bottom:12px;
}

.client-strip-heading{
  font-family:var(--font-display, 'Inter', sans-serif);
  font-weight:800;
  font-size:clamp(28px, 3.6vw, 40px);
  color:var(--ink, #14132B);
  margin-bottom:50px;
}

/* Marquee wrapper — edges pe fade effect */
.marquee-wrapper{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

/* Track — sabhi cards ek line me */
.marquee-track{
  display:flex;
  gap:24px;
  width:max-content;
  animation:scroll-left 30s linear infinite;
}

/* Hover par ruk jaye */
.marquee-track:hover{
  animation-play-state:paused;
}

/* Scroll animation */
@keyframes scroll-left{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* Individual card */
.client-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e6e6ee;
  border-radius:14px;
  padding:24px 20px;
  width:200px;         /* card ki fixed width */
  min-height:200px;
  flex-shrink:0;
  transition:transform 0.3s ease, box-shadow 0.3s ease;
  cursor:pointer;
}

.client-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(20,19,43,0.12);
  border-color:var(--signal, #FF5B2E);
}

.client-card img{
  width:130px;        /* image bdi size */
  height:130px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:16px;
}

.client-card span{
  font-size:14.5px;
  font-weight:700;
  color:var(--ink, #14132B);
  text-align:center;
  line-height:1.3;
}

/* CTA button */
.client-strip-cta{
  margin-top:50px;
}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .client-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width:560px){
  .client-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .client-cell{
    padding:28px 18px;
  }
}

/* =========================================================
   Services color blocks
   ========================================================= */

/* Services Section Background */
.services-violet{
  background:var(--ink);
  padding:100px 0;
  color:#fff;
}
.services-violet .eyebrow{color:#C9C2FF;}
.services-violet .eyebrow::before{background:#C9C2FF;}
.services-violet .section-head h2{color:#fff;}
.services-violet .section-head p{color:#D8D4FF;}

/* Grid */
.sv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin: 90px;
  gap:28px;
}
@media (max-width:860px){.sv-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.sv-grid{grid-template-columns:1fr;}}

/* Card */
.sv-card{
  background:#fff;
  color:var(--ink);
  border-radius:20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.sv-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(0,0,0,0.3);
}

/* Image area — top */
/* Image area — full cover */
.sv-card-img{
  background:#FFF0EC;
  width:100%;
  height:260px;        /* fixed height */
  overflow:hidden;
  padding:0;           /* padding hatao */
}

.sv-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;    /* contain ki jagah cover karo */
  display:block;
}

/* Body — bottom */
.sv-card-body{
  padding:28px 26px 32px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.sv-card-body h4{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
  color:var(--ink);
  line-height:1.3;
}
.sv-card-body p{
  font-size:14.5px;
  color:var(--ink-soft);
  line-height:1.65;
  flex:1;
  margin-bottom:24px;
}

/* Learn More Button */
.sv-btn{
  display:block;
  width:100%;
  text-align:center;
  padding:14px;
  background:var(--signal);
  color:#fff;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  border-radius:8px;
  transition:background 0.25s ease, transform 0.25s ease;
}
.sv-btn:hover{
  background:var(--signal-dk);
  transform:translateY(-2px);
}

/* =========================================================
   Wheel diagram — Reach Engage Sell Repeat
   ========================================================= */
/* =========================================================
   WHEEL SECTION
   ========================================================= */
/* =========================================================
   PROCESS SECTION
   ========================================================= */

.process-section{
  padding:120px 0;
  background:var(--paper-soft, #F6F5FB);
}

/* Stats bar */
.process-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  background:#fff;
  border:1px solid var(--line, #e6e6ee);
  border-radius:14px;
  padding:32px 40px;
  margin-bottom:80px;
  flex-wrap:wrap;
}
.ps-item{
  flex:1;
  min-width:140px;
  text-align:center;
}
.ps-item strong{
  display:block;
  font-family:var(--font-display, serif);
  font-size:clamp(32px,4vw,46px);
  font-weight:700;
  color:var(--signal, #FF5B2E);
  line-height:1;
  margin-bottom:8px;
}
.ps-item span{
  font-size:13px;
  color:var(--ink-soft, #6B6B85);
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-weight:600;
}
.ps-divider{
  width:1px;
  height:50px;
  background:var(--line, #e6e6ee);
  flex-shrink:0;
}
@media (max-width:600px){
  .ps-divider{display:none;}
  .ps-item{min-width:50%;}
}

/* Steps wrapper */
.process-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}
@media (max-width:900px){
  .process-steps{grid-template-columns:repeat(3,1fr);}
  .process-line{display:none;}
}
@media (max-width:560px){
  .process-steps{grid-template-columns:1fr;}
}

/* Connecting line */
.process-line{
  position:absolute;
  top:46px;
  left:10%;
  right:10%;
  height:2px;
  background:linear-gradient(
    90deg,
    #4F3FE0, #FF5B2E, #FFB23E, #18C29C, #2B2A55
  );
  z-index:0;
}

/* Individual step */
.process-step{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* Icon circle */
.ps-icon{
  width:92px;
  height:92px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  margin-bottom:0;
  box-shadow:0 12px 28px rgba(0,0,0,0.15);
  transition:transform 0.3s ease, box-shadow 0.3s ease;
  position:relative;
  z-index:2;
  border:4px solid #fff;
}
.process-step:hover .ps-icon{
  transform:translateY(-6px) scale(1.08);
  box-shadow:0 20px 40px rgba(0,0,0,0.2);
}

/* Number badge */
.ps-num{
  font-family:var(--font-mono, monospace);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.1em;
  color:var(--ink-soft, #6B6B85);
  margin:12px 0 14px;
}

/* Card */
.ps-card{
  background:#fff;
  border:1px solid var(--line, #e6e6ee);
  border-radius:14px;
  padding:22px 18px;
  transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  width:100%;
}
.process-step:hover .ps-card{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(20,19,43,0.10);
  border-color:var(--signal, #FF5B2E);
}
.ps-card h4{
  font-family:var(--font-display, serif);
  font-size:16px;
  font-weight:700;
  color:var(--ink, #14132B);
  margin-bottom:10px;
  line-height:1.3;
}
.ps-card p{
  font-size:12.5px;
  color:var(--ink-soft, #6B6B85);
  line-height:1.6;
  margin-bottom:14px;
}
.ps-card ul{
  list-style:none;
  padding:0;
  border-top:1px solid var(--line, #e6e6ee);
  padding-top:12px;
}
.ps-card ul li{
  font-size:11.5px;
  font-weight:600;
  color:var(--ink, #14132B);
  padding:4px 0;
  display:flex;
  align-items:center;
  gap:6px;
  justify-content:center;
}
.ps-card ul li::before{
  content:'✓';
  color:var(--signal, #FF5B2E);
  font-weight:700;
}

/* CTA */
.process-cta{
  text-align:center;
  margin-top:64px;
}

/* =========================================================
   Testimonials carousel
   ========================================================= */
.testi-track-wrap{position:relative;max-width:920px;margin:0 auto;}
.testi-track{
  display:flex;transition:transform 0.5s ease;
}
.testi-slide{min-width:100%;padding:0 8px;}
.testi-card{
  background:var(--paper-soft);border:1px solid var(--line);border-radius:14px;
  padding:36px 32px;text-align:center;
}
.testi-avatar{
  width:58px;height:58px;border-radius:50%;margin:0 auto 16px;
  background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:19px;
}
.testi-stars{color:var(--gold);font-size:16px;margin-bottom:14px;letter-spacing:2px;}
.testi-quote{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.55;color:var(--ink);margin-bottom:18px;}
.testi-meta strong{display:block;font-size:14.5px;}
.testi-meta span{font-size:13px;color:var(--ink-soft);}
.testi-nav{display:flex;justify-content:center;gap:14px;margin-top:30px;}
.testi-arrow{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:16px;transition:0.25s;
}
.testi-arrow:hover{background:var(--signal);border-color:var(--signal);color:#fff;}
.testi-dots{display:flex;justify-content:center;gap:8px;margin-top:18px;}
.testi-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:0.25s;cursor:pointer;}
.testi-dot.active{background:var(--signal);width:22px;border-radius:6px;}

/* =========================================================
   Team CTA banner
   ========================================================= */
.team-cta{background:var(--ink);color:#fff;padding:90px 0;}
.team-cta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
@media (max-width:860px){.team-cta-wrap{grid-template-columns:1fr;}}
.team-cta-visual{
  border-radius:16px;overflow:hidden;aspect-ratio:4/3;
  background:linear-gradient(135deg,var(--violet),var(--signal));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:64px;
}
.video-thumb{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 0.4s ease;
}

/* Hover par image thodi zoom ho */
.video-thumb:hover img{
  transform:scale(1.05);
}

/* Dark overlay */
.video-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
  transition:background 0.3s ease;
}

.video-thumb:hover::after{
  background:rgba(0,0,0,0.5);
}

/* Play button */
.play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:72px;
  height:72px;
  background:#FF0000;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  color:#fff;
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.play-btn:hover{
  transform:translate(-50%,-50%) scale(1.12);
  box-shadow:0 10px 30px rgba(255,0,0,0.5);
}
.team-cta-text .eyebrow{color:#FFB23E;}
.team-cta-text .eyebrow::before{background:#FFB23E;}
.team-cta-text h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,38px);font-weight:600;line-height:1.2;margin-bottom:18px;}
.team-cta-text p{color:#C7C7DE;font-size:15.5px;margin-bottom:28px;max-width:440px;}

/* =========================================================
   Office / location
   ========================================================= */
.office-card{
  max-width:520px;margin:0 auto;background:var(--paper-soft);border:1px solid var(--line);
  border-radius:14px;padding:34px;text-align:center;
}
.office-card .ico{font-size:30px;margin-bottom:14px;}
.office-card h4{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:8px;}
.office-card p{font-size:14.5px;color:var(--ink-soft);}

/* =========================================================
   Certification strip
   ========================================================= */
.cert-strip{padding:50px 0;border-top:1px solid var(--line);}
.cert-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.cert-row span{
  display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;
  padding:10px 18px;border:1px solid var(--line);border-radius:30px;color:var(--ink-soft);
}

/* =========================================================
   FAQ
   ========================================================= */
.faq-list{max-width:780px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;
  text-align:left;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink);
}
.faq-q .plus{
  flex-shrink:0;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--signal);transition:transform 0.3s ease;
}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
.faq-a-inner{padding:0 4px 22px;color:var(--ink-soft);font-size:14.5px;}

/* =========================================================
   Final CTA
   ========================================================= */
.final-cta{
  position:relative;padding:100px 0;text-align:center;color:#fff;
  background-color: #020c3f ;
}
.final-cta h2{font-family:var(--font-display);font-size:clamp(28px,4.2vw,46px);font-weight:600;max-width:680px;margin:0 auto 16px;line-height:1.18;}
.final-cta p{color:#D8D4FF;font-size:16px;margin-bottom:36px;}
.final-cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.final-cta .btn-primary{background:#fff;color:var(--violet-dk);}
.final-cta .btn-outline{border-color:rgba(255,255,255,0.5);color:#fff;}
.final-cta .btn-outline:hover{background:#fff;color:var(--violet-dk);}

/* =========================================================
   Footer
   ========================================================= */
.footer{background:var(--ink);color:#C7C7DE;padding:74px 0 26px;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,0.1);}
@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.footer-top{grid-template-columns:1fr;}}
.footer-brand img{height:70px;width:auto;}
.footer-brand p{font-size:13.5px;max-width:300px;margin-bottom:20px;}
.footer-social{display:flex;gap:11px;}
.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,0.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transition:0.25s;}
.footer-social a:hover{background:var(--signal);border-color:var(--signal);color:#fff;}

.footer-map{
  margin-top:18px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
}

.footer-map iframe{
  display:block;
  width:100%;
  height:220px;
  filter:grayscale(20%);
  transition:filter 0.3s ease;
}

.footer-map iframe:hover{
  filter:grayscale(0%);
}

.footer-col h5{font-family:var(--font-mono);font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;color:#9594B5;margin-top:18px;}
.footer-col ul li{margin-bottom:11px;}
.footer-col ul li a{font-size:14px;transition:color 0.2s;}
.footer-col ul li a:hover{color:var(--signal);}
.footer-col address{font-style:normal;font-size:14px;line-height:1.7;}
.footer-bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#7B7A9E;}
.footer-bottom a{margin-left:16px;}
.footer-bottom a:hover{color:var(--signal);}

.wa-float{
  position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;
  box-shadow:0 10px 26px rgba(0,0,0,0.22);z-index:900;animation:float-bob 3s ease-in-out infinite;
}
@keyframes float-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(20,19,43,0.55);backdrop-filter:blur(3px);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal-box{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:14px;padding:34px 30px;animation:modal-in 0.3s ease;}
@keyframes modal-in{from{opacity:0;transform:translateY(16px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);transition:0.2s;}
.modal-close:hover{background:var(--signal);border-color:var(--signal);color:#fff;}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}


/* =========================================================
   SERVICE PAGE START 
   ========================================================= */

/* =========================================================
   SERVICES PAGE
   ========================================================= */

/* Page Hero */
.page-hero{
  position:relative;
  padding:130px 0 90px;
  background:linear-gradient(135deg,var(--ink) 0%,#1E1B4B 100%);
  overflow:hidden;
  color:#fff;
  height: 650px;
}
.page-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 600px 400px at 80% 0%,rgba(255,91,46,0.15),transparent),
    radial-gradient(ellipse 500px 300px at 10% 100%,rgba(79,63,224,0.2),transparent);
  pointer-events:none;
}
.page-hero-content{
  position:relative;
  z-index:2;
  max-width:680px;
}
.page-hero-content h1{
  font-family:var(--font-display);
  font-size:clamp(38px,5vw,62px);
  font-weight:700;
  line-height:1.1;
  margin-bottom:20px;
  letter-spacing:-0.01em;
}
.page-hero-content h1 em{
  font-style:italic;
  color:var(--signal);
}
.page-hero-content p{
  font-size:17px;
  color:rgba(255,255,255,0.75);
  margin-bottom:36px;
  max-width:520px;
}
.page-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.btn-ghost-white{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:14px 26px;
  font-size:14.5px;
  font-weight:700;
  border-radius:8px;
  border:1.5px solid rgba(255,255,255,0.4);
  color:#fff;
  transition:0.25s;
}
.btn-ghost-white:hover{
  background:#fff;
  color:var(--ink);
  border-color:#fff;
}

/* Breadcrumb */
.breadcrumb-bar{
  background:var(--paper-soft);
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.breadcrumb-bar span{
  font-size:13.5px;
  color:var(--ink-soft);
}
.breadcrumb-bar a{
  color:var(--signal);
  font-weight:600;
}

/* Service Block — alternate layout */
.svc-block{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:70px;
  align-items:center;
  padding:80px 0;
  border-bottom:1px solid var(--line);
}
.svc-block:last-child{border-bottom:none;}
.svc-block-reverse{direction:rtl;}
.svc-block-reverse > *{direction:ltr;}
@media (max-width:900px){
  .svc-block,.svc-block-reverse{
    grid-template-columns:1fr;
    direction:ltr;
    gap:40px;
    padding:50px 0;
  }
}

/* Visual box */
.svc-block-img{
  border-radius:20px;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;       /* ← ye add karo */
  box-shadow:0 24px 60px rgba(0,0,0,0.12);
}
.svc-block-img img{
  width:100%;
  height:100%;
  object-fit:cover;      /* ← poora box cover karega */
  display:block;
  transition:transform 0.4s ease;
}
.svc-block-img:hover img{
  transform:scale(1.05); /* ← hover par zoom */
}

.svc-bg-1{background:linear-gradient(135deg,#EEF2FF,#C7D2FE);}
.svc-bg-2{background:linear-gradient(135deg,#FFF7ED,#FDDCB5);}
.svc-bg-3{background:linear-gradient(135deg,#FFF1F2,#FFB3BA);}
.svc-bg-4{background:linear-gradient(135deg,#ECFDF5,#A7F3D0);}
.svc-bg-5{background:linear-gradient(135deg,#FEF9C3,#FDE68A);}
.svc-bg-6{background:linear-gradient(135deg,#F0F9FF,#BAE6FD);}

/* Content */
.svc-tag{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--signal);
  margin-bottom:14px;
}
.svc-block-content h3{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,36px);
  font-weight:700;
  color:var(--ink);
  margin-bottom:18px;
  line-height:1.2;
}
.svc-block-content > p{
  font-size:16px;
  color:var(--ink-soft);
  line-height:1.7;
  margin-bottom:32px;
}

/* Features list */
.svc-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:32px;
}
@media (max-width:560px){.svc-features{grid-template-columns:1fr;}}
.svc-feature{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.svc-feature-ico{
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--signal);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  flex-shrink:0;
  margin-top:2px;
}
.svc-feature strong{
  display:block;
  font-size:14px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:4px;
}
.svc-feature p{
  font-size:13px;
  color:var(--ink-soft);
  line-height:1.5;
}

/* Services CTA Band */
.services-cta-band{
  background:var(--ink);
  padding:80px 0;
}
.scb-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
}
.scb-text h2{
  font-family:var(--font-display);
  font-size:clamp(24px,3vw,34px);
  font-weight:700;
  color:#fff;
  margin-bottom:10px;
}
.scb-text p{
  font-size:15.5px;
  color:#C7C7DE;
  max-width:500px;
}
.scb-actions{
  display:flex;
  gap:14px;
  flex-shrink:0;
  flex-wrap:wrap;
}
.btn-ghost-dark{
  display:inline-flex;
  align-items:center;
  padding:14px 26px;
  font-size:14.5px;
  font-weight:700;
  border-radius:8px;
  border:1.5px solid rgba(255,255,255,0.3);
  color:#fff;
  transition:0.25s;
}
.btn-ghost-dark:hover{
  background:#fff;
  color:var(--ink);
}


/* =========================================================
   SERVICE PAGE END  
   ========================================================= */





   /* =========================================================
   ABOUT PAGE START 
   ========================================================= */

/* Hero */
.about-hero{
  position:relative;
  padding:140px 0 100px;
  background:linear-gradient(135deg,var(--ink) 0%,#1A1040 100%);
  overflow:hidden;
  color:#fff;
}
.about-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 700px 500px at 90% 50%,rgba(79,63,224,0.2),transparent),
    radial-gradient(ellipse 500px 400px at 0% 0%,rgba(255,91,46,0.12),transparent);
  pointer-events:none;
}
.about-hero-content{
  position:relative;z-index:2;max-width:800px;
}
.about-hero-content h1{
  font-family:var(--font-display);
  font-size:clamp(42px,5.5vw,68px);
  font-weight:700;line-height:1.1;
  letter-spacing:-0.015em;margin-bottom:22px;
}
.about-hero-content h1 em{
  font-style:italic;color:var(--signal);
}
.about-hero-content p{
  font-size:18px;color:rgba(255,255,255,0.75);
  margin-bottom:52px;max-width:560px;
}

/* Hero stats */
.about-hero-stats{
  display:flex;
  align-items:center;
  gap:0;
  flex-wrap:nowrap;  /* ← wrap se nowrap karo */
}
.ahs-item{text-align:center;padding:0 40px;}
.ahs-item strong{
  display:block;
  font-family:var(--font-display);
  font-size:clamp(34px,4vw,48px);
  font-weight:700;color:var(--signal);
  line-height:1;margin-bottom:8px;
}
.ahs-item span{
  font-size:12.5px;color:rgba(255,255,255,0.6);
  text-transform:uppercase;letter-spacing:0.1em;font-weight:600;
}
.ahs-div{
  width:1px;height:50px;
  background:rgba(255,255,255,0.15);flex-shrink:0;
}
@media (max-width:600px){
  .ahs-div{display:none;}
  .ahs-item{min-width:50%;padding:16px 10px;}
}

/* Story section */


.story-video-thumb{
  position:relative;
  display:block;
  border-radius:20px;
  overflow:hidden;
}

.story-video-thumb img{
  width:100%;
  height:440px;
  object-fit:cover;
  display:block;
  transition:transform 0.4s ease;
}

.story-video-thumb:hover img{
  transform:scale(1.04);
}

/* Dark overlay */
.story-video-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.30);
  transition:background 0.3s ease;
}

.story-video-thumb:hover::after{
  background:rgba(0,0,0,0.50);
}

/* Play button */
.story-play-btn{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:78px;height:78px;
  background:#FF0000;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:34px;color:#fff;
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.story-play-btn:hover{
  transform:translate(-50%,-50%) scale(1.12);
  box-shadow:0 12px 32px rgba(255,0,0,0.55);
} 



.story-wrap{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
@media (max-width:900px){.story-wrap{grid-template-columns:1fr;gap:40px;}}

.story-visual{position:relative;}
.story-img-main{
  border-radius:20px;overflow:hidden;
  box-shadow:0 30px 70px rgba(20,19,43,0.15);
}
.story-img-main img{width:100%;height:440px;object-fit:cover;display:block;}

.story-img-badge{
  position:absolute;top:-20px;right:-20px;
  background:var(--signal);color:#fff;
  width:90px;height:90px;border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(255,91,46,0.4);
}
.story-img-badge strong{font-size:20px;font-weight:800;font-family:var(--font-display);}
.story-img-badge span{font-size:10px;text-transform:uppercase;letter-spacing:0.08em;}

.story-img-float{
  position:absolute;bottom:-20px;left:-20px;
  background:#fff;border-radius:12px;
  padding:14px 18px;display:flex;
  align-items:center;gap:12px;
  box-shadow:0 14px 34px rgba(20,19,43,0.12);
}
.story-img-float span{font-size:22px;}
.story-img-float strong{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.story-img-float small{font-size:12px;color:var(--ink-soft);}

/* Story values */
.story-values{margin-top:36px;display:flex;flex-direction:column;gap:20px;}
.sv-item{
  display:flex;gap:16px;align-items:flex-start;
  padding:18px;background:var(--paper-soft);
  border-radius:12px;border-left:3px solid var(--signal);
  transition:transform 0.25s ease,box-shadow 0.25s ease;
}
.sv-item:hover{transform:translateX(6px);box-shadow:0 8px 24px rgba(20,19,43,0.08);}
.sv-ico{font-size:24px;flex-shrink:0;}
.sv-item strong{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.sv-item p{font-size:13.5px;color:var(--ink-soft);}

/* Director section */
.director-section{background:var(--paper-soft);}
.director-wrap{
  display:grid;grid-template-columns:0.7fr 1.3fr;
  gap:70px;align-items:start;
}
@media (max-width:900px){.director-wrap{grid-template-columns:1fr;gap:40px;}}

.director-img{position:relative;}
.director-img img{
  width:100%;border-radius:20px;
  box-shadow:0 24px 60px rgba(20,19,43,0.15);
  display:block;
}
.director-tag{
  position:absolute;bottom:-18px;right:-18px;
  background:#fff;border-radius:12px;
  padding:12px 16px;display:flex;
  align-items:center;gap:10px;
  box-shadow:0 12px 30px rgba(20,19,43,0.12);
}
.director-tag span{font-size:20px;}
.director-tag strong{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.director-tag small{font-size:11.5px;color:var(--ink-soft);}

.director-info{
  margin-top:36px;text-align:center;
  padding:22px;background:#fff;
  border-radius:14px;border:1px solid var(--line);
}
.director-info h3{
  font-family:var(--font-display);font-size:20px;
  font-weight:700;color:var(--ink);margin-bottom:4px;
}
.director-info span{
  font-size:13.5px;color:var(--signal);
  font-weight:600;display:block;margin-bottom:14px;
}
.director-social{display:flex;justify-content:center;gap:10px;}
.director-social a{
  width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--ink);transition:0.25s;
}
.director-social a:hover{background:var(--signal);border-color:var(--signal);color:#fff;}

/* Director message */
.quote-icon{
  font-family:var(--font-display);font-size:80px;
  color:var(--signal);line-height:0.6;
  margin-bottom:16px;display:block;
}
.director-quote{
  font-family:var(--font-display);font-size:20px;
  font-weight:500;line-height:1.6;color:var(--ink);
  font-style:italic;
}
.director-signature{
  display:flex;align-items:center;gap:18px;
  margin-top:28px;padding-top:24px;
  border-top:1px solid var(--line);
}
.sig-line{
  width:50px;height:2px;background:var(--signal);flex-shrink:0;
}
.director-signature strong{display:block;font-size:15px;font-weight:700;color:var(--ink);}
.director-signature span{font-size:13px;color:var(--ink-soft);}

.director-achievements{
  display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;
}
.da-item{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;background:var(--paper-soft);
  border-radius:30px;border:1px solid var(--line);
}
.da-item span{font-size:16px;}
.da-item p{font-size:12.5px;font-weight:600;color:var(--ink);}

/* Team section */
.team-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.team-grid{grid-template-columns:1fr;}}

.team-card{
  border-radius:16px;overflow:hidden;
  background:#fff;border:1px solid var(--line);
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.team-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(20,19,43,0.12);}
.team-img{position:relative;overflow:hidden;aspect-ratio:1/1;}
.team-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.team-card:hover .team-img img{transform:scale(1.06);}
.team-overlay{
  position:absolute;inset:0;
  background:rgba(79,63,224,0.85);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity 0.3s ease;
}
.team-card:hover .team-overlay{opacity:1;}
.team-overlay a{
  width:40px;height:40px;border-radius:50%;
  background:#fff;color:var(--violet);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;
}
.team-info{padding:20px;}
.team-info h4{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.team-info span{font-size:13px;color:var(--signal);font-weight:600;display:block;margin-bottom:10px;}
.team-tags{display:flex;gap:6px;flex-wrap:wrap;}
.team-tags em{
  font-style:normal;font-size:11px;font-weight:600;
  padding:4px 10px;background:var(--paper-soft);
  border-radius:20px;color:var(--ink-soft);
}

/* Why about grid */
.why-about-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
@media (max-width:860px){.why-about-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.why-about-grid{grid-template-columns:1fr;}}

.wa-card{
  background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:30px 24px;
  position:relative;overflow:hidden;
  transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;
}
.wa-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 44px rgba(20,19,43,0.10);
  border-color:var(--signal);
}
.wa-num{
  position:absolute;top:16px;right:20px;
  font-family:var(--font-mono);font-size:11px;
  color:var(--line);font-weight:700;letter-spacing:0.08em;
}
.wa-ico{font-size:32px;margin-bottom:16px;display:block;}
.wa-card h4{
  font-family:var(--font-display);font-size:18px;
  font-weight:700;color:var(--ink);margin-bottom:10px;
}
.wa-card p{font-size:14px;color:var(--ink-soft);line-height:1.65;}


   /* =========================================================
   ABOUT PAGE END
   ========================================================= */ 








   /* =========================================================
   TESTIMONIALS PAGE START 
   ========================================================= */

/* Hero */
.tpage-hero{
  position:relative;
  padding:130px 0 160px;
  background:linear-gradient(135deg,#0B0F1A 0%,#1A1040 60%,#0F1A2E 100%);
  overflow:hidden;
  color:#fff;
}
.tpage-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 800px 500px at 80% 20%,rgba(79,63,224,0.2),transparent),
    radial-gradient(ellipse 500px 400px at 10% 80%,rgba(255,91,46,0.12),transparent);
  pointer-events:none;
}
.tpage-hero-content{
  position:relative;z-index:2;max-width:720px;text-align:center;margin:0 auto;
}
.tpage-hero-content h1{
  font-family:var(--font-display);
  font-size:clamp(42px,5.5vw,70px);
  font-weight:700;line-height:1.1;
  letter-spacing:-0.015em;margin-bottom:22px;
}
.tpage-hero-content h1 em{
  font-style:italic;color:var(--signal);
}
.tpage-hero-content p{
  font-size:18px;color:rgba(255,255,255,0.72);
  margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto;
}
.tpage-hero-actions{
  display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
}

/* Floating stats */
.tpage-floating-stats{
  position:absolute;
  bottom:-40px;left:0;right:0;
  z-index:10;
}
.tfs-row{
  display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:16px;
  box-shadow:0 20px 60px rgba(20,19,43,0.15);
  padding:28px 40px;max-width:860px;
  margin:0 auto;gap:0;flex-wrap:wrap;
}
.tfs-item{
  flex:1;min-width:140px;text-align:center;padding:0 20px;
}
.tfs-item strong{
  display:block;font-family:var(--font-display);
  font-size:clamp(28px,3.5vw,40px);font-weight:700;
  color:var(--signal);line-height:1;margin-bottom:6px;
}
.tfs-item span{
  font-size:12.5px;color:var(--ink-soft);
  text-transform:uppercase;letter-spacing:0.08em;font-weight:600;
}
.tfs-div{
  width:1px;height:44px;
  background:var(--line);flex-shrink:0;
}
@media (max-width:600px){
  .tfs-div{display:none;}
  .tfs-item{min-width:50%;padding:12px 10px;}
  .tpage-floating-stats{position:relative;bottom:auto;margin-top:40px;}
}

/* Video testimonials */
.video-testi-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:24px;
  align-items:start;
}
@media (max-width:900px){.video-testi-grid{grid-template-columns:1fr;}}

.vt-card{
  background:#fff;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.vt-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(20,19,43,0.12);
}
.vt-card.featured{
  border-color:var(--signal);
  box-shadow:0 8px 30px rgba(255,91,46,0.12);
}

/* Video thumbnail */
.vt-thumb{
  position:relative;display:block;
  aspect-ratio:16/9;overflow:hidden;
}
.vt-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 0.4s ease;
}
.vt-card:hover .vt-thumb img{transform:scale(1.05);}
.vt-thumb::after{
  content:'';position:absolute;inset:0;
  background:rgba(0,0,0,0.35);
  transition:background 0.3s ease;
}
.vt-card:hover .vt-thumb::after{background:rgba(0,0,0,0.5);}

.vt-play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);z-index:2;
  width:64px;height:64px;background:#FF0000;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:28px;color:#fff;
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.vt-card:hover .vt-play{
  transform:translate(-50%,-50%) scale(1.12);
  box-shadow:0 12px 28px rgba(255,0,0,0.5);
}
.vt-badge{
  position:absolute;top:14px;left:14px;z-index:3;
  background:var(--signal);color:#fff;
  font-family:var(--font-mono);font-size:11px;
  font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;padding:5px 12px;border-radius:20px;
}

/* Video info */
.vt-info{padding:22px;}
.vt-stars{color:var(--gold);font-size:15px;margin-bottom:12px;letter-spacing:2px;}
.vt-info p{
  font-size:14.5px;color:var(--ink-soft);
  font-style:italic;line-height:1.65;margin-bottom:16px;
}
.vt-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vt-avatar{
  width:42px;height:42px;border-radius:50%;
  background:var(--violet);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:15px;
  flex-shrink:0;
}
.vt-meta strong{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.vt-meta span{font-size:12.5px;color:var(--ink-soft);}

.vt-results{
  display:flex;gap:0;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.vt-results div{
  flex:1;text-align:center;
  border-right:1px solid var(--line);
}
.vt-results div:last-child{border-right:none;}
.vt-results strong{
  display:block;font-family:var(--font-display);
  font-size:18px;font-weight:700;color:var(--signal);
}
.vt-results span{font-size:11px;color:var(--ink-soft);}

/* Filter buttons */
.tfilter{
  display:flex;gap:10px;flex-wrap:wrap;
  justify-content:center;margin-bottom:40px;
}
.tfilter-btn{
  padding:10px 22px;border-radius:30px;
  font-size:14px;font-weight:600;cursor:pointer;
  border:1.5px solid var(--line);color:var(--ink-soft);
  background:#fff;transition:0.25s;
}
.tfilter-btn.active,
.tfilter-btn:hover{
  background:var(--signal);
  border-color:var(--signal);
  color:#fff;
}

/* Written testimonials grid */
.wt-grid{
  columns:3;gap:22px;
}
@media (max-width:900px){.wt-grid{columns:2;}}
@media (max-width:560px){.wt-grid{columns:1;}}

.wt-card{
  break-inside:avoid;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:24px;
  margin-bottom:22px;
  transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;
}
.wt-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(20,19,43,0.10);
  border-color:var(--signal);
}
.wt-card.hidden{display:none;}

.wt-top{
  display:flex;justify-content:space-between;
  align-items:center;margin-bottom:14px;
}
.wt-stars{color:var(--gold);font-size:14px;letter-spacing:2px;}
.wt-tag{
  font-family:var(--font-mono);font-size:10.5px;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--signal);background:rgba(255,91,46,0.08);
  padding:4px 10px;border-radius:20px;font-weight:700;
}
.wt-card p{
  font-size:14px;color:var(--ink-soft);
  font-style:italic;line-height:1.7;margin-bottom:18px;
}
.wt-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.wt-avatar{
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;
  font-size:13px;color:#fff;flex-shrink:0;
}
.wt-meta strong{display:block;font-size:13.5px;font-weight:700;color:var(--ink);}
.wt-meta span{font-size:12px;color:var(--ink-soft);}
.wt-result{
  font-family:var(--font-mono);font-size:12px;
  font-weight:700;color:var(--ink);
  background:var(--paper-soft);
  padding:8px 12px;border-radius:8px;
}

/* Ratings section */
.ratings-section{background:var(--ink);color:#fff;}
.ratings-wrap{
  display:grid;grid-template-columns:0.7fr 1.3fr;
  gap:80px;align-items:center;
}
@media (max-width:860px){.ratings-wrap{grid-template-columns:1fr;gap:40px;}}

.big-rating{
  font-family:var(--font-display);
  font-size:100px;font-weight:800;
  color:var(--signal);line-height:1;
  margin-bottom:8px;
}
.big-stars{color:var(--gold);font-size:28px;letter-spacing:4px;margin-bottom:12px;}
.ratings-left p{color:rgba(255,255,255,0.6);font-size:14px;}

.platform-badges{margin-top:28px;display:flex;flex-direction:column;gap:12px;}
.pb-item{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:12px 16px;
}
.pb-item span{
  width:36px;height:36px;border-radius:8px;
  background:var(--signal);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;flex-shrink:0;
}
.pb-item strong{display:block;font-size:14px;color:#fff;}
.pb-item small{font-size:12px;color:rgba(255,255,255,0.6);}

/* Rating bars */
.rating-bar-item{
  display:flex;align-items:center;gap:14px;margin-bottom:14px;
}
.rating-bar-item span{
  font-size:13px;color:rgba(255,255,255,0.7);
  width:32px;flex-shrink:0;
}
.rb-track{
  flex:1;height:8px;background:rgba(255,255,255,0.1);
  border-radius:4px;overflow:hidden;
}
.rb-fill{
  height:100%;border-radius:4px;
  transition:width 1s ease;
}
.rating-bar-item small{
  font-size:13px;color:rgba(255,255,255,0.6);
  width:32px;text-align:right;flex-shrink:0;
}

/* Rating categories */
.rating-categories{
  margin-top:28px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.rc-item{
  display:flex;align-items:center;gap:14px;
  margin-bottom:14px;
}
.rc-item strong{
  font-size:13.5px;color:#fff;
  width:140px;flex-shrink:0;
}
.rc-bar{
  flex:1;height:6px;background:rgba(255,255,255,0.1);
  border-radius:3px;overflow:hidden;
}
.rc-bar div{
  height:100%;background:var(--mint);border-radius:3px;
  transition:width 1s ease;
}
.rc-item span{
  font-size:13px;color:var(--mint);
  width:28px;text-align:right;flex-shrink:0;font-weight:700;
}

/* Industry grid */
.industry-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
}
@media (max-width:860px){.industry-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:500px){.industry-grid{grid-template-columns:repeat(2,1fr);}}

.ig-item{
  background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:24px 16px;
  text-align:center;
  transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;
}
.ig-item:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 32px rgba(20,19,43,0.10);
  border-color:var(--signal);
}
.ig-item span{font-size:32px;display:block;margin-bottom:10px;}
.ig-item p{font-size:13px;font-weight:700;color:var(--ink);}



   /* =========================================================
   TESTIMONIALS PAGE END 
   ========================================================= */





   /* =========================================================
   FAQ PAGE CSS START 
   ========================================================= */

/* Hero */
.faq-hero{
  position:relative;
  padding:120px 0 90px;
  background:linear-gradient(135deg,#0B0F1A 0%,#1B1040 100%);
  color:#fff;overflow:hidden;
  text-align:center;
}
.faq-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 600px 400px at 70% 0%,rgba(255,91,46,0.14),transparent),
    radial-gradient(ellipse 500px 300px at 20% 100%,rgba(79,63,224,0.15),transparent);
  pointer-events:none;
}
.faq-hero-content{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.faq-hero-content h1{
  font-family:var(--font-display);
  font-size:clamp(40px,5vw,62px);
  font-weight:700;line-height:1.1;
  letter-spacing:-0.015em;margin-bottom:18px;
}
.faq-hero-content h1 em{font-style:italic;color:var(--signal);}
.faq-hero-content p{
  font-size:17px;color:rgba(255,255,255,0.72);
  max-width:500px;margin:0 auto;
}

/* FAQ Layout */
.faq-main-section{padding:90px 0;}
.faq-layout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:50px;align-items:start;
}
@media (max-width:860px){.faq-layout{grid-template-columns:1fr;}}

/* Sidebar */
.faq-sidebar h3{
  font-family:var(--font-display);font-size:18px;
  font-weight:700;color:var(--ink);margin-bottom:16px;
}
.faq-cats{list-style:none;padding:0;margin-bottom:28px;}
.faq-cats li{margin-bottom:6px;}
.fcat-btn{
  width:100%;display:flex;justify-content:space-between;
  align-items:center;padding:12px 16px;
  border-radius:10px;font-size:14.5px;font-weight:600;
  color:var(--ink-soft);background:transparent;
  border:1.5px solid transparent;cursor:pointer;
  transition:0.25s;text-align:left;
}
.fcat-btn span{
  background:var(--paper-soft);color:var(--ink-soft);
  font-size:11.5px;font-weight:700;
  padding:2px 8px;border-radius:20px;
}
.fcat-btn:hover{
  background:var(--paper-soft);
  border-color:var(--line);color:var(--ink);
}
.fcat-btn.active{
  background:rgba(255,91,46,0.08);
  border-color:var(--signal);color:var(--signal);
}
.fcat-btn.active span{background:var(--signal);color:#fff;}

/* Contact box */
.faq-contact-box{
  background:var(--ink);color:#fff;
  border-radius:16px;padding:28px;
  text-align:center;
}
.fcb-ico{font-size:32px;margin-bottom:12px;}
.faq-contact-box h4{
  font-family:var(--font-display);font-size:17px;
  font-weight:700;margin-bottom:8px;
}
.faq-contact-box p{
  font-size:13.5px;color:rgba(255,255,255,0.65);
  margin-bottom:18px;
}
.faq-contact-box .btn{width:100%;justify-content:center;margin-bottom:14px;}
.fcb-call{
  display:flex;align-items:center;justify-content:center;
  gap:8px;font-size:13.5px;font-weight:600;
  color:rgba(255,255,255,0.7);
}
.fcb-call:hover{color:var(--signal);}

/* FAQ Groups */
.faq-group{display:none;}
.faq-group.active{display:block;}
.faq-group-label{
  font-family:var(--font-mono);font-size:12px;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--signal);margin-bottom:20px;
  display:flex;align-items:center;gap:10px;
}
.faq-group-label::before{
  content:'';width:22px;height:1px;background:var(--signal);
}

/* Accordion */
.faq-item2{border-bottom:1px solid var(--line);}
.faq-q2{
  width:100%;display:flex;justify-content:space-between;
  align-items:center;gap:20px;
  padding:22px 4px;text-align:left;
  font-family:var(--font-display);font-size:17.5px;
  font-weight:600;color:var(--ink);cursor:pointer;
  background:none;border:none;transition:color 0.2s;
}
.faq-q2:hover{color:var(--signal);}
.faq-ico{
  flex-shrink:0;width:28px;height:28px;
  border:1.5px solid var(--line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:var(--signal);
  transition:transform 0.3s ease, background 0.2s, border-color 0.2s;
}
.faq-item2.open .faq-ico{
  transform:rotate(45deg);
  background:var(--signal);border-color:var(--signal);color:#fff;
}
.faq-a2{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
.faq-a2-inner{
  padding:0 4px 22px;
  color:var(--ink-soft);font-size:15px;line-height:1.75;
}

   /* =========================================================
   FAQ PAGE CSS START 
   ========================================================= */