.elementor-2178 .elementor-element.elementor-element-fc3a84a{--display:flex;--min-height:345px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2178 .elementor-element.elementor-element-11bda8d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2178 .elementor-element.elementor-element-890d2bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2178 .elementor-element.elementor-element-103afca{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#202D46;--border-color:#202D46;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2178 .elementor-element.elementor-element-98ea272 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:56px;font-weight:700;line-height:66px;color:#FFFFFF;}.elementor-2178 .elementor-element.elementor-element-eb54c47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2178 .elementor-element.elementor-element-0176cd1{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2178 .elementor-element.elementor-element-d71747b{--grid-row-gap:30px;--grid-column-gap:25px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__thumbnail__link{width:100%;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__meta-data span + span:before{content:"•";}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__text{margin-top:5px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__title, .elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__title a{color:#000000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:26px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__title{margin-bottom:10px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__excerpt p{color:#2E2E2E;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:22px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__excerpt{margin-bottom:10px;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__read-more{color:#000000;}.elementor-2178 .elementor-element.elementor-element-d71747b a.elementor-post__read-more{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;}@media(max-width:1024px){.elementor-2178 .elementor-element.elementor-element-890d2bd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-2178 .elementor-element.elementor-element-fc3a84a{--min-height:186px;}.elementor-2178 .elementor-element.elementor-element-103afca{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2178 .elementor-element.elementor-element-98ea272{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2178 .elementor-element.elementor-element-98ea272 .elementor-heading-title{font-size:32px;line-height:1.3em;}.elementor-2178 .elementor-element.elementor-element-d71747b .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-2178 .elementor-element.elementor-element-11bda8d{--content-width:1350px;}.elementor-2178 .elementor-element.elementor-element-0176cd1{--content-width:1250px;}}/* Start custom CSS for container, class: .elementor-element-fc3a84a *//* ============================================================
   INVOKBIZ — Hero Section Full CSS (BLACK BG)
   Paste into: Appearance > Customize > Additional CSS
   ============================================================ */

/* ── Variables ── */
:root {
  --ib-or:    #D9501E;
  --ib-or-h:  #C04418;
  --ib-or-t:  #FDE8DC;
  --ib-nv:    #000000;   /* hero background: pure black */
  --ib-nv2:   #0a0a0a;
  --ib-nv3:   #141414;
  --ib-ink:   #0d1117;
  --ib-muted: #7a8399;
  --ib-bd:    #e8eaed;
  --ib-wh:    #ffffff;
}

/* ══════════════════════════════════════
   HERO WRAPPER (BLACK + GRID LINES)
   Sab kuch .hero par hi hai: bg, grid lines, glow.
   !important isliye ki theme/Elementor ya purani CSS override na kare.
══════════════════════════════════════ */
.hero {
  background-color: #000000 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px),
    radial-gradient(circle at 100% 0%, rgba(217,80,30,.18) 0, transparent 46%) !important;
  background-size: 64px 64px, 64px 64px, 100% 100% !important;
  background-repeat: repeat, repeat, no-repeat !important;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

/* Andar ke wrappers ka koi bhi navy bg hata do, warna lines chhup jati hain */
.hero-inner,
.hero-left,
.hero-right {
  background: transparent !important;
}

/* ══════════════════════════════════════
   HERO INNER — 2 column grid
══════════════════════════════════════ */
.hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  position: relative;
  z-index: 1;
}

/* ══════════════════════════════════════
   HERO LEFT
══════════════════════════════════════ */
.hero-left {
  padding: 72px 56px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

/* Eyebrow */
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ib-or);
  margin-bottom: 24px;
}
.hero-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ib-or);
  animation: ib-pulse 2s infinite;
}
@keyframes ib-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .5; transform: scale(1.4); }
}

/* H1 */
.hero-h1 {
  font-family: 'Sora', sans-serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.08;
  margin-bottom: 20px;
  letter-spacing: -.03em;
}
.hero-h1 em {
  font-style: normal;
  color: var(--ib-or);
  position: relative;
}
/* Underline accent on em */
.hero-h1 em::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--ib-or);
  opacity: .4;
  border-radius: 2px;
}

/* Description */
.hero-desc {
  font-size: 15.5px;
  color: rgba(255,255,255,.5);
  line-height: 1.8;
  max-width: 420px;
  margin-bottom: 36px;
  font-weight: 300;
}

/* Buttons */
.hero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.btn-or {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: var(--ib-or);
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  letter-spacing: -.01em;
  transition: background .18s, transform .15s, box-shadow .18s;
  box-shadow: 0 4px 16px rgba(217,80,30,.35);
}
.btn-or:hover {
  background: var(--ib-or-h);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(217,80,30,.45);
}
.btn-outline-wh {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: transparent;
  color: rgba(255,255,255,.7);
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 10px;
  letter-spacing: -.01em;
  border: 1.5px solid rgba(255,255,255,.2);
  transition: border-color .18s, color .18s, background .18s;
}
.btn-outline-wh:hover {
  border-color: rgba(255,255,255,.5);
  color: #fff;
  background: rgba(255,255,255,.05);
}

/* ══════════════════════════════════════
   HERO RIGHT — Approach Pipeline
══════════════════════════════════════ */
.hero-right {
  border-left: 1px solid rgba(255,255,255,.07);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 56px 56px 44px;
  position: relative;
  z-index: 1;
}

.hero-right-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.25);
  margin-bottom: 24px;
}

/* Pipeline steps */
.approach-pipeline {
  display: flex;
  flex-direction: column;
}

.ap-step {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  cursor: default;
  border-radius: 8px;
  transition: background .2s, padding-left .2s;
}
.ap-step:last-child { border-bottom: none; }
.ap-step:hover {
  background: rgba(255,255,255,.04);
  padding-left: 16px;
}

.ap-step-num {
  font-family: 'Sora', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: rgba(217,80,30,.4);
  width: 22px;
  flex-shrink: 0;
  padding-top: 2px;
}

.ap-step-content { flex: 1; }

.ap-step-name {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  letter-spacing: -.01em;
  transition: color .2s;
}
.ap-step:hover .ap-step-name { color: #ffffff; }

.ap-step-sub {
  font-size: 11.5px;
  color: rgba(255,255,255,.22);
  line-height: 1.45;
  margin-top: 2px;
  transition: color .2s;
}
.ap-step:hover .ap-step-sub { color: rgba(255,255,255,.5); }

.ap-step-arrow {
  font-size: 11px;
  color: rgba(255,255,255,.12);
  margin-top: 2px;
  transition: color .2s, transform .2s;
}
.ap-step:hover .ap-step-arrow {
  color: var(--ib-or);
  transform: translateX(4px);
}

/* ══════════════════════════════════════
   STATS BAR
══════════════════════════════════════ */
.hero-stats {
  border-top: 1px solid rgba(255,255,255,.07);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,.025);  /* black par visible rahe isliye halka white tint */
}

.hero-stat {
  padding: 22px 32px;
  border-right: 1px solid rgba(255,255,255,.07);
  transition: background .2s;
}
.hero-stat:last-child { border-right: none; }
.hero-stat:hover { background: rgba(255,255,255,.03); }

.hero-stat-num {
  font-family: 'Sora', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: var(--ib-or);
  line-height: 1;
  letter-spacing: -.02em;
  margin-bottom: 5px;
}

.hero-stat-label {
  font-size: 12px;
  color: rgba(255,255,255,.3);
  line-height: 1.5;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 900px) {
  .hero-inner {
    grid-template-columns: 1fr;
  }
  .hero-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 36px 28px;
  }
  .hero-left {
    padding: 48px 28px 36px;
  }
  .hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-stat:nth-child(2) { border-right: none; }
  .hero-stat:nth-child(3) { border-top: 1px solid rgba(255,255,255,.07); }
  .hero-stat:nth-child(4) { border-top: 1px solid rgba(255,255,255,.07); border-right: none; }
}

@media (max-width: 560px) {
  .hero-left { padding: 36px 20px 28px; }
  .hero-right { padding: 28px 20px; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .hero-stat { padding: 18px 20px; }
  .hero-stat-num { font-size: 22px; }
  .btn-or, .btn-outline-wh { font-size: 12px; padding: 12px 20px; }
}/* End custom CSS */