/*
Theme Name: ChowdhoryIT
Theme URI: https://chowdhoryit.com
Author: ChowdhoryIT
Author URI: https://chowdhoryit.com
Description: ChowdhoryIT Official WordPress Theme - ওয়েবসাইট ডিজাইন, সফটওয়্যার, সাইবার নিরাপত্তা
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: Private
Text Domain: chowdhoryit
Tags: dark, professional, it, technology, bangladesh
*/

/* ═══════════════════════════════════════════
   ChowdhoryIT Theme - Main Stylesheet
   ═══════════════════════════════════════════ */

:root {
  --cit-primary:    #0A3D6B;
  --cit-primary-l:  #1565A6;
  --cit-acc:        #E8A020;
  --cit-acc2:       #F5C842;
  --cit-acc3:       #FF6B35;
  --cit-teal:       #00BFA5;
  --cit-violet:     #6C3CE1;
  --cit-dark:       #06101E;
  --cit-dark2:      #080F1C;
  --cit-dark3:      #0A1525;
  --cit-white:      #FFFFFF;
  --cit-text:       #1A2035;
  --cit-muted:      #5A6478;
  --cit-border:     rgba(255,255,255,0.08);
  --cit-r:          10px;
  --cit-rl:         20px;
  --cit-rxl:        32px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Hind Siliguri', sans-serif;
  background: var(--cit-dark);
  color: #fff;
  overflow-x: hidden;
  line-height: 1.7;
  font-size: 16px;
}

/* ── Typography ── */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Barlow', sans-serif;
  font-weight: 900;
  line-height: 1.2;
}
a { color: var(--cit-acc); text-decoration: none; transition: all .2s; }
a:hover { color: var(--cit-acc2); }
img { max-width: 100%; height: auto; display: block; }
p { margin-bottom: 1rem; }
ul, ol { list-style: none; }

/* ── Container ── */
.cit-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}
.cit-section { padding: 80px 0; }

/* ── Buttons ── */
.cit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 30px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Hind Siliguri', sans-serif;
  cursor: pointer;
  border: none;
  transition: all .3s;
  text-decoration: none;
}
.cit-btn-primary {
  background: linear-gradient(135deg, var(--cit-acc), var(--cit-acc3));
  color: #fff;
  box-shadow: 0 8px 28px rgba(232,160,32,.3);
}
.cit-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(232,160,32,.45);
  color: #fff;
}
.cit-btn-ghost {
  background: rgba(255,255,255,.07);
  border: 1.5px solid rgba(255,255,255,.2);
  color: #fff;
}
.cit-btn-ghost:hover {
  background: rgba(255,255,255,.13);
  transform: translateY(-2px);
  color: #fff;
}
.cit-btn-teal {
  background: linear-gradient(135deg, var(--cit-teal), #0099FF);
  color: #fff;
  box-shadow: 0 8px 28px rgba(0,191,165,.3);
}
.cit-btn-violet {
  background: linear-gradient(135deg, var(--cit-violet), #EC4899);
  color: #fff;
  box-shadow: 0 8px 28px rgba(108,60,225,.3);
}

/* ── Section Labels ── */
.cit-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 1.2rem;
}
.cit-label-gold   { background:rgba(232,160,32,.12); color:var(--cit-acc2); border:1px solid rgba(232,160,32,.2); }
.cit-label-teal   { background:rgba(0,191,165,.1);   color:var(--cit-teal); border:1px solid rgba(0,191,165,.2); }
.cit-label-violet { background:rgba(108,60,225,.12); color:#A78BFA;         border:1px solid rgba(108,60,225,.25); }
.cit-label-red    { background:rgba(255,107,53,.1);  color:#FF9472;         border:1px solid rgba(255,107,53,.25); }

/* ── Section Title ── */
.cit-title {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.15;
  margin-bottom: 1rem;
  color: #fff;
}
.cit-title .grad-gold   { background:linear-gradient(135deg,var(--cit-acc2),var(--cit-acc),var(--cit-acc3)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cit-title .grad-teal   { background:linear-gradient(135deg,#00E5CC,var(--cit-teal),#0099FF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cit-title .grad-violet { background:linear-gradient(135deg,#A78BFA,var(--cit-violet),#EC4899); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.cit-subtitle {
  font-size: 1rem;
  color: rgba(255,255,255,.6);
  line-height: 1.85;
  max-width: 650px;
}
.text-center { text-align: center; }
.text-center .cit-subtitle { margin: 0 auto; }

/* ── Breadcrumb ── */
.cit-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,.4);
  margin-bottom: 1.5rem;
}
.cit-breadcrumb a { color: rgba(255,255,255,.5); }
.cit-breadcrumb a:hover { color: var(--cit-acc); }

/* ── Page Hero ── */
.cit-page-hero {
  padding: 130px 0 80px;
  background: linear-gradient(135deg,#040C18,#08182A,#040E1C);
  position: relative;
  overflow: hidden;
}
.cit-page-hero::before {
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(0,191,165,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,165,.04) 1px,transparent 1px);
  background-size:60px 60px;
}

/* ── Cards ── */
.cit-card {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--cit-rl);
  padding: 2rem;
  transition: all .35s;
}
.cit-card:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  transform: translateY(-4px);
}

/* ── Service Cards ── */
.cit-services-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(255,255,255,.06);
  border-radius: var(--cit-rl);
  overflow: hidden;
  margin-top: 3rem;
}
.cit-svc-card {
  background: var(--cit-dark2);
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  transition: background .35s;
}
.cit-svc-card:hover { background: var(--cit-dark3); }
.cit-svc-icon {
  width: 60px; height: 60px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.5rem;
}
.cit-svc-icon svg { width: 30px; height: 30px; fill: #fff; }
.cit-svc-card h3 {
  font-size: 1.1rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .7rem;
}
.cit-svc-card p {
  font-size: .88rem;
  color: rgba(255,255,255,.55);
  line-height: 1.7;
  margin-bottom: 1.2rem;
}
.cit-svc-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: gap .2s;
}
.cit-svc-link:hover { gap: 10px; }

/* ── Stats ── */
.cit-stats-row {
  display: flex;
  gap: 0;
  margin-top: 4rem;
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: 2.5rem;
}
.cit-stat { flex: 1; text-align: center; position: relative; }
.cit-stat + .cit-stat::before {
  content:'';
  position:absolute;left:0;top:15%;height:70%;
  width:1px;background:rgba(255,255,255,.1);
}
.cit-stat-num {
  font-family: 'Barlow', sans-serif;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}
.cit-stat span { font-size: 12px; color: rgba(255,255,255,.5); display: block; margin-top: 6px; }

/* ── Trust Bar ── */
.cit-trust-bar {
  background: linear-gradient(to right,rgba(255,255,255,.04),rgba(255,255,255,.07),rgba(255,255,255,.04));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 1.2rem 0;
  overflow: hidden;
}
.cit-trust-track {
  display: flex;
  gap: 3rem;
  align-items: center;
  animation: citMarquee 30s linear infinite;
  width: max-content;
}
.cit-trust-track:hover { animation-play-state: paused; }
@keyframes citMarquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.cit-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.6);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

/* ── Particles ── */
.cit-particle {
  position: absolute;
  width: 3px; height: 3px;
  border-radius: 50%;
  animation: citParticleRise linear infinite;
}
@keyframes citParticleRise {
  0%   { transform:translateY(100vh) scale(0); opacity:0; }
  10%  { opacity:1; }
  90%  { opacity:.5; }
  100% { transform:translateY(-100px) scale(1.5); opacity:0; }
}
@keyframes citFadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes citPulse  { 0%,100%{box-shadow:0 0 8px var(--cit-teal)} 50%{box-shadow:0 0 20px var(--cit-teal),0 0 40px var(--cit-teal)} }
@keyframes citOrbFloat { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-30px) scale(1.05)} }
@keyframes citSpin { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }

/* ── CTA Strip ── */
.cit-cta-strip {
  background: linear-gradient(135deg,#0A2040,#1A0A30,#0A1A10);
  padding: 80px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cit-cta-strip::before {
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center,rgba(232,160,32,.07),transparent 70%);
}
.cit-cta-strip h2 {
  font-size: clamp(1.8rem,3.5vw,2.8rem);
  color: #fff;
  margin-bottom: 1rem;
  letter-spacing: -1px;
}
.cit-cta-strip p {
  color: rgba(255,255,255,.6);
  font-size: 1rem;
  max-width: 520px;
  margin: 0 auto 2.5rem;
  line-height: 1.85;
}
.cit-cta-btns { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }

/* ── Portfolio Filter ── */
.cit-filter-tabs { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:3rem; justify-content:center; }
.cit-ftab {
  padding: 9px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  border: 1.5px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.6);
  transition: all .25s;
  font-family: 'Hind Siliguri', sans-serif;
}
.cit-ftab:hover { border-color:rgba(255,255,255,.25); color:#fff; }
.cit-ftab.active {
  background: linear-gradient(135deg,var(--cit-acc),var(--cit-acc3));
  border-color: transparent;
  color: #fff;
}
.cit-port-card.hidden { display: none; }

/* ── Contact Form ── */
.cit-form-group { margin-bottom: 1rem; }
.cit-form-group label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.55);
  margin-bottom: .5rem;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.cit-form-group input,
.cit-form-group select,
.cit-form-group textarea {
  width: 100%;
  background: rgba(255,255,255,.05);
  border: 1.5px solid rgba(255,255,255,.1);
  border-radius: var(--cit-r);
  padding: 12px 16px;
  color: #fff;
  font-size: .92rem;
  font-family: 'Hind Siliguri', sans-serif;
  outline: none;
  transition: all .25s;
}
.cit-form-group input:focus,
.cit-form-group select:focus,
.cit-form-group textarea:focus {
  border-color: rgba(0,191,165,.5);
  background: rgba(0,191,165,.04);
  box-shadow: 0 0 0 3px rgba(0,191,165,.1);
}
.cit-form-group input::placeholder,
.cit-form-group textarea::placeholder { color: rgba(255,255,255,.25); }
.cit-form-group select option { background:#0A1525; color:#fff; }
.cit-form-group textarea { resize:vertical; min-height:130px; }

/* ── Footer ── */
.cit-footer {
  background: #03080F;
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 60px 0 0;
  color: rgba(255,255,255,.55);
}
.cit-footer-grid {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1fr 1.2fr;
  gap: 3rem;
  margin-bottom: 3rem;
}
.cit-footer-brand p { font-size:.88rem; line-height:1.85; color:rgba(255,255,255,.45); margin:1.2rem 0 1.5rem; }
.cit-footer-social { display:flex; gap:8px; }
.cit-soc-btn {
  width:36px; height:36px;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center;
  transition:all .2s; text-decoration:none;
}
.cit-soc-btn:hover { background:rgba(232,160,32,.15); border-color:rgba(232,160,32,.3); }
.cit-soc-btn svg { width:15px; height:15px; fill:rgba(255,255,255,.6); }
.cit-footer-col h4 {
  font-size:11px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; color:rgba(255,255,255,.8); margin-bottom:1.2rem;
}
.cit-footer-col ul { display:flex; flex-direction:column; gap:.6rem; }
.cit-footer-col ul li a {
  color:rgba(255,255,255,.45); font-size:.88rem; transition:color .2s;
  display:flex; align-items:center; gap:6px;
}
.cit-footer-col ul li a:hover { color:var(--cit-acc); }
.cit-footer-col address { font-style:normal; font-size:.85rem; line-height:2; color:rgba(255,255,255,.45); }
.cit-footer-col address a { color:rgba(255,255,255,.45); }
.cit-footer-col address a:hover { color:var(--cit-acc); }
.cit-footer-bottom {
  border-top:1px solid rgba(255,255,255,.06);
  padding:1.5rem 0;
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:.8rem; font-size:12px; color:rgba(255,255,255,.3);
}
.cit-footer-bottom a { color:rgba(255,255,255,.3); margin-left:1.5rem; }
.cit-footer-bottom a:hover { color:var(--cit-acc); }

/* ── Scroll Top ── */
.cit-scroll-top {
  position:fixed; bottom:2rem; right:2rem;
  width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,var(--cit-acc),var(--cit-acc3));
  border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 20px rgba(232,160,32,.4);
  transition:all .3s; opacity:0; pointer-events:none; z-index:999;
}
.cit-scroll-top.show { opacity:1; pointer-events:all; }
.cit-scroll-top:hover { transform:translateY(-4px); }
.cit-scroll-top svg { width:22px; height:22px; fill:#fff; }

/* ── WordPress Core Overrides ── */
.wp-block-image img { border-radius: var(--cit-r); }
.wp-caption-text { color: rgba(255,255,255,.5); font-size: .85rem; text-align: center; }

/* ── Elementor Compatibility ── */
.elementor-widget-text-editor p { margin-bottom: 1rem; }
.elementor-section { position: relative; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .cit-services-grid { grid-template-columns: repeat(2,1fr); }
  .cit-footer-grid   { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .cit-services-grid { grid-template-columns: 1fr; }
  .cit-footer-grid   { grid-template-columns: 1fr; }
  .cit-stats-row     { flex-wrap:wrap; }
  .cit-stat          { flex:0 0 50%; }
  .cit-section       { padding: 60px 0; }
  .cit-container     { padding: 0 1.2rem; }
}

/* ══════════════════════════════════════
   HERO SECTION
══════════════════════════════════════ */
.cit-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  clip-path: inset(0);
  isolation: isolate;
}
/* Hero এর কনটেন্ট যেন বাইরে না যায় */
.cit-hero-inner {
  position: relative;
  z-index: 10;
  max-width: 1280px;
  margin: 0 auto;
  padding: 120px 2rem 80px;
  width: 100%;
  overflow: hidden;
}
.cit-hero-h1 {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-bottom: 1.5rem;
  animation: citFadeUp .8s .15s ease both;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
}
.cit-hero-bg { position:absolute;inset:0;z-index:0; }
.cit-hero-bg img { width:100%;height:100%;object-fit:cover;display:block; }
.cit-hero-overlay {
  position:absolute;inset:0;z-index:1;
  background: linear-gradient(to right,rgba(6,16,30,.9) 0%,rgba(6,16,30,.65) 50%,rgba(6,16,30,.35) 100%),
              linear-gradient(to top,rgba(6,16,30,.9) 0%,transparent 60%);
}
.cit-hero-grid {
  position:absolute;inset:0;z-index:2;
  background-image:linear-gradient(rgba(0,191,165,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,165,.06) 1px,transparent 1px);
  background-size:60px 60px;
  animation:citGridShift 20s linear infinite;
}
@keyframes citGridShift{0%{background-position:0 0}100%{background-position:60px 60px}}
.cit-orb { position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:2; }
.cit-orb-1 { width:500px;height:500px;background:radial-gradient(circle,rgba(108,60,225,.25),transparent 70%);top:-100px;right:5%;animation:citOrbFloat 8s ease-in-out infinite; }
.cit-orb-2 { width:350px;height:350px;background:radial-gradient(circle,rgba(232,160,32,.2),transparent 70%);bottom:10%;left:10%;animation:citOrbFloat 12s ease-in-out infinite reverse; }
.cit-orb-3 { width:250px;height:250px;background:radial-gradient(circle,rgba(0,191,165,.2),transparent 70%);top:30%;right:20%;animation:citOrbFloat 10s ease-in-out infinite 3s; }
.cit-particles-wrap { position:absolute;inset:0;z-index:2;overflow:hidden; }

.cit-hero-tag {
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);color:#fff;
  padding:8px 20px;border-radius:50px;
  font-size:13px;font-weight:600;margin-bottom:2rem;
  animation:citFadeUp .8s ease both;
}
.cit-hero-dot {
  width:8px;height:8px;border-radius:50%;
  background:#00BFA5;animation:citPulse 2s infinite;
  box-shadow:0 0 12px #00BFA5;
}
.cit-hero-h1 .line { display:block;color:#fff; }
.cit-hero-sub {
  font-size:1.05rem;color:rgba(255,255,255,.75);
  line-height:1.85;max-width:560px;margin-bottom:2.5rem;
  animation:citFadeUp .8s .3s ease both;
}
.cit-hero-pills {
  display:flex;gap:10px;flex-wrap:wrap;
  margin-bottom:2.5rem;animation:citFadeUp .8s .4s ease both;
}
.cit-pill {
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;border:1px solid;
}
.cit-pill-teal   { background:rgba(0,191,165,.12);   border-color:rgba(0,191,165,.3);   color:#00BFA5; }
.cit-pill-gold   { background:rgba(232,160,32,.12);  border-color:rgba(232,160,32,.3);  color:#F5C842; }
.cit-pill-violet { background:rgba(108,60,225,.15);  border-color:rgba(108,60,225,.35); color:#A78BFA; }
.cit-pill-red    { background:rgba(255,107,53,.12);  border-color:rgba(255,107,53,.3);  color:#FF9472; }
.cit-hero-btns { display:flex;gap:1rem;flex-wrap:wrap;animation:citFadeUp .8s .5s ease both; }
.cit-scroll-hint {
  position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);
  z-index:10;color:rgba(255,255,255,.4);font-size:12px;
  letter-spacing:2px;text-transform:uppercase;
  animation:citBounce 2s ease infinite;
}
.cit-scroll-hint::before { content:'';display:block;width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4));margin:0 auto .5rem; }
@keyframes citBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* WHY US */
.cit-why-img-wrap { border-radius:32px;overflow:hidden;aspect-ratio:3/4;position:relative; }
.cit-why-img-wrap img { width:100%;height:100%;object-fit:cover; }
.cit-why-frame-1 { position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border:1.5px solid rgba(232,160,32,.2);border-radius:48px;pointer-events:none; }
.cit-why-frame-2 { position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;border:1px solid rgba(108,60,225,.12);border-radius:64px;pointer-events:none; }
.cit-exp-badge { position:absolute;bottom:2rem;left:-2rem;background:linear-gradient(135deg,#E8A020,#FF6B35);border-radius:16px;padding:1.2rem 1.5rem;box-shadow:0 8px 32px rgba(232,160,32,.35);z-index:5; }
.cit-exp-badge b { font-family:'Barlow',sans-serif;font-size:2.4rem;font-weight:900;color:#fff;display:block;line-height:1; }
.cit-exp-badge small { font-size:11px;color:rgba(255,255,255,.8);font-weight:600;letter-spacing:1px; }
.cit-why-points { display:flex;flex-direction:column;gap:1rem;margin-top:2rem; }
.cit-wp { display:flex;gap:1.2rem;padding:1.2rem;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .3s; }
.cit-wp:hover { background:rgba(255,255,255,.05);transform:translateX(4px); }
.cit-wp-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem; }
.cit-wp h4 { font-size:.92rem;font-weight:700;color:#fff;margin-bottom:4px; }
.cit-wp p  { font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.6;margin:0; }

/* PROCESS */
.cit-process-track { position:relative;display:flex;gap:0;margin-top:3.5rem;padding-bottom:1rem; }
.cit-process-track::before { content:'';position:absolute;top:28px;left:28px;right:28px;height:2px;background:linear-gradient(to right,#E8A020,#00BFA5,#6C3CE1);border-radius:2px; }
.cit-pstep { flex:1;position:relative;padding-top:60px;text-align:center;padding-left:8px;padding-right:8px; }
.cit-pstep-num { position:absolute;top:0;left:50%;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:1.3rem;font-weight:900;color:#fff;border:3px solid;z-index:1; }
.cit-pstep h4 { font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.4rem; }
.cit-pstep p  { font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.6;margin:0; }

/* SERVICE CARD GLOW */
.cit-svc-glow { position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(50px);opacity:.25;top:-20px;right:-20px;transition:opacity .4s; }
.cit-svc-card:hover .cit-svc-glow { opacity:.5; }

/* RESPONSIVE FIXES */
@media(max-width:768px){
  .cit-hero-inner { padding:100px 1.2rem 60px; }
  .cit-hero-h1 { font-size:1.6rem;line-height:1.4; }
  .cit-process-track::before { display:none; }
  .cit-process-track { flex-wrap:wrap;gap:2rem; }
  .cit-pstep { padding-top:0;display:flex;align-items:flex-start;gap:1rem;text-align:left;width:100%; }
  .cit-pstep-num { position:static;transform:none;flex-shrink:0; }
  .cit-exp-badge { left:1rem;bottom:1rem; }
}