/* ============================================================
   erp-implementation.css
   Page-specific styles for /erp-implementation/index.php
   Design: AB7 dark navy, orange #f26629 accent
   ============================================================ */

body { overflow-x: hidden; }

/* ── SECTION PADDING ─────────────────────────────────────── */
.erpi-def-section,
.erpi-plat-section,
.erpi-cmp-section,
.erpi-why-section,
.erpi-cost-section,
.erpi-ind-section,
.erpi-entity-section,
section.defaultptb60.faqsection { padding: 80px 0; }

/* ── HERO ─────────────────────────────────────────────────── */
.erpi-hero {
  position: relative;
  background: linear-gradient(135deg, #050d1a 0%, #070e1c 50%, #0d1530 100%);
  overflow: hidden;
  padding: 80px 0 60px;
  min-height: 600px;
  display: flex;
  align-items: center;
}
.erpi-hero__bg { position: absolute; inset: 0; pointer-events: none; }
.erpi-hero__grid { position: absolute; inset: 0; width: 100%; height: 100%; }

.erpi-hero__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.erpi-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(242,102,41,0.12);
  border: 1px solid rgba(242,102,41,0.3);
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #ffb38a;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.erpi-hero__dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #f26629;
  display: inline-block;
  animation: erpiPulse 1.8s ease-in-out infinite;
}
@keyframes erpiPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.erpi-hero__h1 {
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 800;
  color: #fff;
  line-height: 1.18;
  margin-bottom: 16px;
  letter-spacing: -.01em;
}
.erpi-hero__h1 span { color: #f26629; }

.erpi-hero__sub {
  font-size: 15px;
  color: rgba(255,255,255,0.72);
  line-height: 1.65;
  margin-bottom: 24px;
  max-width: 490px;
}

/* platform badges */
.erpi-hero__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.erpi-plat-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  border: 1.5px solid var(--pc, #f26629);
  color: var(--pc, #f26629);
  background: transparent;
  transition: background .2s;
}
.erpi-plat-badge:hover { background: var(--pc, #f26629); color: #fff; }

/* hero CTAs */
.erpi-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.erpi-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f26629;
  color: #fff;
  padding: 13px 26px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.erpi-cta-primary:hover { background: #d9561f; color: #fff; transform: translateY(-2px); text-decoration: none; }
.erpi-cta-secondary {
  color: rgba(255,255,255,.75);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.35);
  transition: color .2s;
}
.erpi-cta-secondary:hover { color: #f26629; text-decoration: none; }

/* hero stat cards */
.erpi-hero__stats-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.erpi-hstat {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  backdrop-filter: blur(6px);
  transition: border-color .25s, transform .25s;
}
.erpi-hstat:hover { border-color: rgba(242,102,41,.4); transform: translateY(-3px); }
.erpi-hstat--lg { grid-column: 1 / -1; }
.erpi-hstat--wide { grid-column: 1 / -1; }
.erpi-hstat__num {
  font-size: 28px;
  font-weight: 800;
  color: #f26629;
  line-height: 1;
}
.erpi-hstat--lg .erpi-hstat__num { font-size: 36px; }
.erpi-hstat__lbl {
  font-size: 11px;
  color: rgba(255,255,255,.55);
  letter-spacing: .04em;
  line-height: 1.45;
}

/* ── DEFINITION SECTION ───────────────────────────────────── */
.erpi-def-section { background: #f7f9ff; padding: 72px 0; }

.erpi-def-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: start;
}

/* Left card */
.erpi-def-card {
  border-radius: 20px;
  padding: 40px 36px;
}
.erpi-def-card--main {
  background: #fff;
  border: 1px solid #e8eaf2;
  box-shadow: 0 4px 32px rgba(0,0,0,.06);
}

/* 70% stat banner */
.erpi-def-stat-banner {
  display: flex;
  align-items: center;
  gap: 18px;
  background: linear-gradient(135deg, #fff4ee, #fff9f6);
  border: 1.5px solid rgba(242,102,41,.25);
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 28px;
}
.erpi-def-stat-big {
  font-size: 54px;
  font-weight: 900;
  color: #f26629;
  line-height: 1;
  flex-shrink: 0;
  letter-spacing: -2px;
}
.erpi-def-stat-big span { font-size: 36px; }
.erpi-def-stat-label {
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.5;
}

.erpi-def-card--main h2 {
  font-size: 21px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 16px;
  line-height: 1.4;
}
.erpi-def-card--main p {
  font-size: 14px;
  color: #4a5568;
  line-height: 1.78;
  margin-bottom: 14px;
}
.erpi-def-card--main p:last-of-type { margin-bottom: 24px; }

/* stat chips */
.erpi-def-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.erpi-def-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f0f4ff;
  border: 1px solid #d6e0ff;
  border-radius: 30px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #3d4f8c;
}
.erpi-def-chip i { color: #f26629; font-size: 11px; }

/* Right card — dark phases */
.erpi-def-card--phases {
  background: linear-gradient(160deg, #07112a 0%, #0e1d4a 100%);
  border: 1px solid rgba(242,102,41,.18);
  box-shadow: 0 8px 40px rgba(5,13,26,.35);
}

.erpi-phases-head { margin-bottom: 24px; }
.erpi-phases-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(242,102,41,.15);
  border: 1px solid rgba(242,102,41,.35);
  border-radius: 30px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  color: #f26629;
  letter-spacing: .04em;
  margin-bottom: 12px;
}
.erpi-def-card--phases h3 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin: 0;
}

/* Timeline phase list */
.erpi-phase-list { display: flex; flex-direction: column; gap: 0; }
.erpi-phase-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.erpi-phase-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.erpi-phase-num {
  width: 38px; height: 38px;
  background: rgba(242,102,41,.18);
  border: 2px solid rgba(242,102,41,.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  color: #f26629;
  letter-spacing: .04em;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.erpi-phase-line {
  width: 2px;
  flex: 1;
  min-height: 22px;
  background: linear-gradient(to bottom, rgba(242,102,41,.4), rgba(242,102,41,.08));
  margin: 5px 0;
}
.erpi-phase-content {
  padding-bottom: 20px;
  flex: 1;
}
.erpi-phase-item--last .erpi-phase-content { padding-bottom: 0; }
.erpi-phase-content strong {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.erpi-phase-content p {
  font-size: 12.5px;
  color: rgba(255,255,255,.55);
  line-height: 1.6;
  margin: 0;
}

/* Phase item scroll animation */
.erpi-phase-anim {
  opacity: 0;
  transform: translateX(-22px);
}
.erpi-phase-anim.visible {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity .45s ease calc(var(--pd,0s)),
    transform .45s cubic-bezier(.22,.68,0,1.15) calc(var(--pd,0s));
}

/* Connecting line grows down after the item appears */
.erpi-phase-anim .erpi-phase-line {
  transform-origin: top center;
  transform: scaleY(0);
  transition: transform .4s ease calc(calc(var(--pd,0s) + .3s));
}
.erpi-phase-anim.visible .erpi-phase-line {
  transform: scaleY(1);
}

/* Phase number circle pulse on appear */
.erpi-phase-anim .erpi-phase-num {
  transition: box-shadow .3s ease calc(calc(var(--pd,0s) + .2s));
}
.erpi-phase-anim.visible .erpi-phase-num {
  box-shadow: 0 0 0 5px rgba(242,102,41,.12);
}

/* Responsive */
@media (max-width: 768px) {
  .erpi-def-grid { grid-template-columns: 1fr; }
  .erpi-def-stat-big { font-size: 42px; }
  .erpi-def-stat-big span { font-size: 28px; }
}

/* ── PLATFORMS SECTION ────────────────────────────────────── */
.erpi-plat-section { background: #f7f9ff; }

.erpi-plat-head {
  text-align: center;
  margin-bottom: 44px;
}
.erpi-plat-sub {
  font-size: 14.5px;
  color: #5a6475;
  max-width: 600px;
  margin: 10px auto 0;
  line-height: 1.65;
}

.erpi-plat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.erpi-plat-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e8eaf2;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  transition: transform .25s, box-shadow .25s;
  opacity: 0;
  transform: translateY(20px);
}
.erpi-plat-card.visible { opacity: 1; transform: translateY(0); }
.erpi-plat-anim { transition: opacity .5s ease calc(var(--delay, 0s)), transform .5s ease calc(var(--delay, 0s)); }
.erpi-plat-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,.1); }

.erpi-plat-banner {
  position: relative;
  height: 90px;
  display: flex;
  align-items: center;
  padding: 0 22px;
  overflow: hidden;
}
.erpi-plat-banner-logo {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.erpi-brand-svg {
  height: 34px;
  width: auto;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}
.erpi-plat-banner-shape {
  position: absolute;
  right: -24px;
  top: -24px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(255,255,255,.07);
  z-index: 1;
}
.erpi-plat-banner-shape::after {
  content: '';
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
}
.erpi-plat-banner-watermark {
  position: absolute;
  right: 16px;
  bottom: -8px;
  font-size: 52px;
  font-weight: 900;
  color: rgba(255,255,255,.06);
  line-height: 1;
  letter-spacing: 2px;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
.erpi-plat-badge-feat {
  position: absolute;
  top: 10px;
  right: 12px;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 10px;
  z-index: 1;
}

.erpi-plat-body { padding: 22px 20px; }
.erpi-plat-body h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 10px;
  line-height: 1.35;
}
.erpi-plat-body p {
  font-size: 13px;
  color: #5a6475;
  line-height: 1.65;
  margin-bottom: 14px;
}

.erpi-plat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}
.erpi-plat-tags span {
  background: #f0f2f9;
  color: #4a5568;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 10px;
}

.erpi-plat-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #f0f2f9;
  gap: 8px;
  flex-wrap: wrap;
}
.erpi-plat-timeline {
  font-size: 11.5px;
  color: #7a8499;
  display: flex;
  align-items: center;
  gap: 5px;
}
.erpi-plat-cost {
  font-size: 11.5px;
  font-weight: 700;
  color: #f26629;
}

.erpi-plat-card--featured { border-color: rgba(242,102,41,.35); }

/* ── COMPARISON TABLE ─────────────────────────────────────── */
.erpi-cmp-section { background: #fff; }

.erpi-cmp-head {
  text-align: center;
  margin-bottom: 40px;
}
.erpi-cmp-sub {
  font-size: 14.5px;
  color: #5a6475;
  max-width: 620px;
  margin: 10px auto 0;
  line-height: 1.65;
}

.erpi-cmp-table-wrap {
  overflow-x: auto;
  border-radius: 14px;
  border: 1px solid #e8eaf2;
  box-shadow: 0 2px 14px rgba(0,0,0,.05);
}
.erpi-cmp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}
.erpi-cmp-table thead th {
  padding: 14px 16px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 2px solid #e8eaf2;
}
.erpi-cmp-table thead { background: #f7f9ff; }
.erpi-th-feat { text-align: left !important; color: #1a1f2e; }
.erpi-th-custom { background: rgba(242,102,41,.07); color: #d9561f; }
.erpi-cmp-table tbody tr { border-bottom: 1px solid #f0f2f9; transition: background .15s; }
.erpi-cmp-table tbody tr:last-child { border-bottom: none; }
.erpi-cmp-table tbody tr:hover { background: #fafbff; }
.erpi-cmp-table tbody td {
  padding: 13px 16px;
  font-size: 12.5px;
  color: #5a6475;
  text-align: center;
  vertical-align: middle;
  line-height: 1.45;
}
.erpi-cmp-table tbody td small { font-size: 11px; color: #8e9bb5; display: block; }
.erpi-td-feat {
  text-align: left !important;
  font-weight: 700;
  color: #1a1f2e;
  font-size: 13px;
  background: #f9fafc;
}
.erpi-td-custom {
  background: rgba(242,102,41,.04);
  color: #1a1f2e !important;
}
.erpi-td-custom strong { color: #d9561f; }
.erpi-tag-yes {
  display: inline-block;
  background: #dcfce7;
  color: #16a34a;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 8px;
}
.erpi-tag-no {
  display: inline-block;
  background: #fee2e2;
  color: #dc2626;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 8px;
}
.erpi-tag-partial {
  display: inline-block;
  background: #fef3c7;
  color: #b45309;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 8px;
  line-height: 1.5;
}

.erpi-cmp-note {
  margin-top: 16px;
  font-size: 11.5px;
  color: #8e9bb5;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.5;
}
.erpi-cmp-note .fa { margin-top: 2px; color: #b0bec5; }

/* ── WHY OGEN SECTION ─────────────────────────────────────── */
.erpi-why-section {
  background: linear-gradient(135deg, #050d1a 0%, #070e1c 60%, #0d1530 100%);
  position: relative;
  overflow: hidden;
}

.erpi-why-head {
  text-align: center;
  margin-bottom: 40px;
}
.erpi-why-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #f26629;
  margin-bottom: 12px;
}
.erpi-why-title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 12px;
}
.erpi-why-sub {
  font-size: 14.5px;
  color: rgba(255,255,255,.6);
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.65;
}

/* stats bar */
.erpi-why-statsbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.erpi-why-statitem {
  text-align: center;
  padding: 8px 28px;
  flex: 1;
  min-width: 100px;
}
.erpi-why-statdiv { width: 1px; height: 40px; background: rgba(255,255,255,.12); }
.erpi-why-statnum {
  display: block;
  font-size: 28px;
  font-weight: 800;
  color: #f26629;
  line-height: 1;
}
.erpi-why-statlbl {
  display: block;
  font-size: 11px;
  color: rgba(255,255,255,.5);
  margin-top: 4px;
  letter-spacing: .04em;
}

/* cards */
.erpi-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.erpi-why-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  transition: border-color .25s, transform .25s;
}
.erpi-why-card:hover { border-color: rgba(242,102,41,.4); transform: translateY(-3px); }
.erpi-why-ghost {
  position: absolute;
  top: -10px;
  right: -8px;
  font-size: 72px;
  font-weight: 900;
  color: rgba(255,255,255,.025);
  line-height: 1;
  pointer-events: none;
  user-select: none;
  font-family: 'Inter', sans-serif;
}
.erpi-why-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.erpi-why-icon {
  width: 36px; height: 36px;
  background: rgba(242,102,41,.15);
  border: 1.5px solid rgba(242,102,41,.3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f26629;
  font-size: 14px;
  flex-shrink: 0;
}
.erpi-why-tag {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
}
.erpi-why-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.35;
}
.erpi-why-card p {
  font-size: 13px;
  color: rgba(255,255,255,.6);
  line-height: 1.65;
  margin: 0;
}

/* trust card */
.erpi-why-card--trust {
  background: linear-gradient(135deg, rgba(242,102,41,.1), rgba(242,102,41,.05));
  border-color: rgba(242,102,41,.3);
}
.erpi-why-trust-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.erpi-why-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,.75);
  line-height: 1.4;
}
.erpi-why-trust-item .fa-check-circle { color: #f26629; font-size: 14px; margin-top: 2px; flex-shrink: 0; }
.erpi-why-cta {
  display: inline-block;
  background: #f26629;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s;
}
.erpi-why-cta:hover { background: #d9561f; color: #fff; text-decoration: none; }

/* ── IMPLEMENTATION PROCESS (TIMELINE) ───────────────────── */
.erpi-proc-section {
  background: #fff;
  padding: 80px 0;
}
.erpi-proc-head {
  text-align: center;
  margin-bottom: 52px;
}
.erpi-proc-subtitle {
  font-size: 14.5px;
  color: #6b7a8d;
  max-width: 560px;
  margin: 10px auto 0;
  line-height: 1.65;
}

/* timeline wrapper */
.erpi-proc-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 860px;
  margin: 0 auto;
}

/* each row */
.erpi-proc-item {
  display: flex;
  gap: 24px;
  align-items: stretch;
  opacity: 0;
  transform: translateX(-24px);
}
.erpi-proc-item.visible {
  opacity: 1;
  transform: translateX(0);
  transition: opacity .55s ease calc(var(--pd, 0s)), transform .55s ease calc(var(--pd, 0s));
}

/* left col — icon + line */
.erpi-proc-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 56px;
}
.erpi-proc-icon-wrap {
  width: 52px; height: 52px;
  background: var(--pb, #fff4ee);
  border: 2px solid var(--pc, #f26629);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--pc, #f26629);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  transition: background .25s, box-shadow .25s;
}
.erpi-proc-item:hover .erpi-proc-icon-wrap {
  background: var(--pc, #f26629);
  color: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.14);
}
.erpi-proc-icon-wrap--final {
  background: #f26629 !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(242,102,41,.35);
}

.erpi-proc-line {
  flex: 1;
  width: 2px;
  background: linear-gradient(to bottom, #e8eaf2, transparent);
  margin: 6px 0;
}

/* right col — card */
.erpi-proc-card {
  flex: 1;
  background: #f7f9ff;
  border: 1px solid #e8eaf2;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 20px;
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.erpi-proc-item:hover .erpi-proc-card {
  border-color: rgba(242,102,41,.35);
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  transform: translateX(4px);
}
.erpi-proc-card--final {
  background: linear-gradient(135deg, #fff9f6, #fff4ee);
  border-color: rgba(242,102,41,.3);
  box-shadow: 0 4px 20px rgba(242,102,41,.1);
}

.erpi-proc-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.erpi-proc-step-lbl {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #f26629;
  font-family: 'Inter', sans-serif;
}
.erpi-proc-step-lbl--final { color: #c8501e; }
.erpi-proc-duration {
  font-size: 11px;
  color: #8e9bb5;
  display: flex;
  align-items: center;
  gap: 5px;
}

.erpi-proc-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 8px;
  line-height: 1.35;
}
.erpi-proc-card-desc {
  font-size: 13.5px;
  color: #5a6475;
  line-height: 1.7;
  margin-bottom: 14px;
}

.erpi-proc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.erpi-proc-tags span {
  background: #fff;
  border: 1px solid #e0e4f0;
  color: #5a6475;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
}

.erpi-proc-final-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f26629;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 20px;
  margin-top: 4px;
}

@media (max-width: 576px) {
  .erpi-proc-item { gap: 14px; }
  .erpi-proc-left { width: 42px; }
  .erpi-proc-icon-wrap { width: 42px; height: 42px; font-size: 17px; }
  .erpi-proc-card { padding: 16px 14px; }
  .erpi-proc-card-title { font-size: 14px; }
}

/* ── ERP COST SECTION ─────────────────────────────────────── */
/* ── COST SECTION ────────────────────────────────────────── */
.erpi-cost-section { background: #fff; }
.erpi-cost-head { text-align: center; margin-bottom: 40px; }
.erpi-cost-sub {
  font-size: 14.5px;
  color: #5a6475;
  max-width: 620px;
  margin: 10px auto 0;
  line-height: 1.65;
}
.erpi-cost-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: start;
}
.erpi-cost-card {
  background: #f9fafc;
  border: 1px solid #e8eaf2;
  border-radius: 14px;
  padding: 24px 20px;
  position: relative;
  transition: transform .25s, box-shadow .25s;
}
.erpi-cost-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--cc, #f26629);
  border-radius: 14px 14px 0 0;
}
.erpi-cost-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.erpi-cost-card--featured {
  background: linear-gradient(135deg, #fff4ee, #fff9f6);
  border-color: rgba(242,102,41,.35);
  box-shadow: 0 4px 20px rgba(242,102,41,.1);
}
.erpi-cost-feat-badge {
  display: inline-block;
  background: #f26629;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.erpi-cost-plat {
  font-size: 14px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 8px;
}
.erpi-cost-total {
  font-size: 26px;
  font-weight: 800;
  color: var(--cc, #f26629);
  line-height: 1;
  margin-bottom: 4px;
}
.erpi-cost-lbl {
  font-size: 11px;
  color: #8e9bb5;
  margin-bottom: 16px;
}
.erpi-cost-breakdown { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.erpi-cost-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 12px;
  gap: 8px;
}
.erpi-cost-row span:first-child { color: #5a6475; }
.erpi-cost-row span:last-child { font-weight: 700; color: #1a1f2e; text-align: right; }
.erpi-cost-note {
  font-size: 11px;
  color: #8e9bb5;
  line-height: 1.5;
  border-top: 1px solid #e8eaf2;
  padding-top: 12px;
  margin-top: 4px;
}

/* ── INDUSTRIES 2026 ─────────────────────────────────────── */
.erpi-ind2-section {
  background: #f7f9ff;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.erpi-ind2-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(0,0,0,.03) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}
.erpi-ind2-head {
  text-align: center;
  margin-bottom: 44px;
  position: relative;
}
.erpi-ind2-sub {
  font-size: 14.5px;
  color: #6b7a8d;
  max-width: 580px;
  margin: 10px auto 0;
  line-height: 1.65;
}

/* bento grid — 6 cols, auto rows */
.erpi-ind2-bento {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
}

/* base card */
.erpi-ind2-card {
  grid-column: span 1;
  background: var(--ig, #fff);
  border: 1.5px solid rgba(0,0,0,.06);
  border-radius: 20px;
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  cursor: default;
  display: flex;
  flex-direction: column;
  transition: transform .3s cubic-bezier(.22,.68,0,1.2), box-shadow .3s ease, border-color .3s;
  opacity: 0;
  transform: translateY(28px);
}
.erpi-ind2-card.visible {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity .5s ease calc(var(--delay,0s)),
    transform .5s cubic-bezier(.22,.68,0,1.2) calc(var(--delay,0s));
}
.erpi-ind-anim {
  /* handled above via .visible */
}
.erpi-ind2-card:hover {
  transform: translateY(-6px) scale(1.012);
  box-shadow: 0 16px 40px var(--ibr, rgba(242,102,41,.12));
  border-color: var(--ic, #f26629);
}

/* watermark number */
.erpi-ind2-num {
  position: absolute;
  top: -8px;
  right: 16px;
  font-size: 80px;
  font-weight: 900;
  font-family: 'Inter', sans-serif;
  color: var(--ibr, rgba(242,102,41,.08));
  line-height: 1;
  pointer-events: none;
  user-select: none;
  transition: color .3s;
}
.erpi-ind2-card:hover .erpi-ind2-num { color: var(--ibr, rgba(242,102,41,.14)); }

/* icon ring */
.erpi-ind2-icon-ring {
  width: 56px; height: 56px;
  background: #fff;
  border: 2px solid var(--ibr, rgba(242,102,41,.2));
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--ic, #f26629);
  margin-bottom: 18px;
  flex-shrink: 0;
  transition: background .3s, transform .3s cubic-bezier(.22,.68,0,1.4), box-shadow .3s;
  position: relative;
  z-index: 1;
}
.erpi-ind2-card:hover .erpi-ind2-icon-ring {
  background: var(--ic, #f26629);
  color: #fff;
  transform: rotate(-8deg) scale(1.12);
  box-shadow: 0 6px 20px var(--ibr, rgba(242,102,41,.3));
  border-color: var(--ic, #f26629);
}

/* text */
.erpi-ind2-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 8px;
  line-height: 1.3;
  transition: color .2s;
}
.erpi-ind2-card:hover .erpi-ind2-title { color: var(--ic, #f26629); }
.erpi-ind2-desc {
  font-size: 13px;
  color: #5a6475;
  line-height: 1.65;
  margin-bottom: 14px;
}

/* platform pills */
.erpi-ind2-plats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 12px;
}
.erpi-ind2-plats span {
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(0,0,0,.1);
  color: #3c4858;
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .02em;
  transition: background .2s, color .2s, border-color .2s;
}
.erpi-ind2-card:hover .erpi-ind2-plats span {
  background: var(--ic, #f26629);
  color: #fff;
  border-color: var(--ic, #f26629);
}

/* animated bottom line on hover */
.erpi-ind2-hover-line {
  position: absolute;
  bottom: 0; left: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, var(--ic, #f26629), transparent);
  border-radius: 0 0 20px 20px;
  transition: width .4s ease;
}
.erpi-ind2-card:hover .erpi-ind2-hover-line { width: 100%; }

@media (max-width: 1100px) {
  .erpi-ind2-bento { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .erpi-ind2-bento { grid-template-columns: 1fr 1fr; gap: 14px; }
}
@media (max-width: 480px) {
  .erpi-ind2-bento { grid-template-columns: 1fr; gap: 12px; }
}

/* ── TALLY MIGRATION SECTION ──────────────────────────────── */
.erpi-tally-section {
  position: relative;
  background: #f7f9ff;
  padding: 90px 0;
  overflow: hidden;
}
.erpi-tally-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.erpi-tally-bg::after {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  left: -120px;
  top: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(242,102,41,.07) 0%, transparent 65%);
  pointer-events: none;
}
.erpi-tally-inner { position: relative; z-index: 1; }

.erpi-tally-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

/* left col */
.erpi-tally-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(242,102,41,.1);
  border: 1px solid rgba(242,102,41,.25);
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 11.5px;
  font-weight: 600;
  color: #c8501e;
  letter-spacing: .04em;
  margin-bottom: 20px;
}
.erpi-tally-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #f26629;
  display: inline-block;
  animation: erpiPulse 1.8s ease-in-out infinite;
}
.erpi-tally-title {
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 800;
  color: #1a1f2e;
  line-height: 1.22;
  margin-bottom: 18px;
  letter-spacing: -.02em;
}
.erpi-tally-title-accent { color: #f26629; }

.erpi-tally-desc {
  font-size: 14.5px;
  color: #5a6475;
  line-height: 1.75;
  margin-bottom: 24px;
  max-width: 480px;
}

.erpi-tally-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  margin-bottom: 28px;
}
.erpi-tally-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #3c4858;
  font-weight: 500;
}
.erpi-tally-check .fa-check-circle { color: #f26629; font-size: 14px; flex-shrink: 0; }

.erpi-tally-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f26629;
  color: #fff;
  padding: 14px 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.erpi-tally-cta:hover { background: #d9561f; color: #fff; transform: translateY(-2px); text-decoration: none; }

/* right col — flow diagram */
.erpi-tally-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.erpi-tally-source {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1.5px solid #e8eaf2;
  border-radius: 12px;
  padding: 16px 24px;
  width: 100%;
  margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.erpi-tally-source-logo {
  width: 44px; height: 44px;
  background: linear-gradient(135deg, #1e3a8a, #1e40af);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  font-family: 'Inter', sans-serif;
  flex-shrink: 0;
}
.erpi-tally-source span {
  font-size: 13.5px;
  font-weight: 600;
  color: #1a1f2e;
  line-height: 1.4;
}

.erpi-tally-steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 16px;
}
.erpi-tally-step {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e8eaf2;
  border-radius: 10px;
  padding: 14px 18px;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.erpi-tally-step:hover { border-color: rgba(242,102,41,.4); box-shadow: 0 4px 14px rgba(242,102,41,.1); }
.erpi-tally-step--1 { border-radius: 10px 10px 0 0; border-bottom: none; }
.erpi-tally-step--2 { border-radius: 0; border-bottom: none; }
.erpi-tally-step--3 { border-radius: 0 0 10px 10px; }

.erpi-tally-step-num {
  flex-shrink: 0;
  width: 32px; height: 32px;
  background: rgba(242,102,41,.15);
  border: 1.5px solid rgba(242,102,41,.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10.5px;
  font-weight: 800;
  color: #f26629;
  letter-spacing: .04em;
  margin-top: 2px;
}
.erpi-tally-step-body strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #1a1f2e;
  margin-bottom: 4px;
}
.erpi-tally-step-body p {
  font-size: 12px;
  color: #6b7a8d;
  line-height: 1.55;
  margin: 0;
}

.erpi-tally-step-arrow {
  text-align: center;
  color: rgba(242,102,41,.55);
  font-size: 18px;
  line-height: 1;
  padding: 3px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.erpi-tally-dest {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, #fff9f6, #fff4ee);
  border: 1.5px solid rgba(242,102,41,.3);
  border-radius: 12px;
  padding: 16px 24px;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(242,102,41,.1);
}
.erpi-tally-dest-icon {
  width: 44px; height: 44px;
  background: linear-gradient(135deg, #f26629, #d9561f);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(242,102,41,.35);
}
.erpi-tally-dest span {
  font-size: 13.5px;
  font-weight: 700;
  color: #1a1f2e;
  line-height: 1.4;
}

.erpi-tally-stat-row {
  display: flex;
  align-items: center;
  width: 100%;
  background: #fff;
  border: 1px solid #e8eaf2;
  border-radius: 12px;
  padding: 16px 20px;
  gap: 0;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.erpi-tally-stat {
  flex: 1;
  text-align: center;
}
.erpi-tally-stat-n {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #f26629;
  line-height: 1;
}
.erpi-tally-stat-l {
  display: block;
  font-size: 10.5px;
  color: #8e9bb5;
  margin-top: 4px;
  line-height: 1.35;
}
.erpi-tally-stat-div {
  width: 1px;
  height: 34px;
  background: #e8eaf2;
}

@media (max-width: 992px) {
  .erpi-tally-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 576px) {
  .erpi-tally-checks { grid-template-columns: 1fr; }
  .erpi-tally-stat-row { flex-wrap: wrap; gap: 14px; }
  .erpi-tally-stat-div { display: none; }
}

/* ── FAQ ──────────────────────────────────────────────────── */
section.defaultptb60.faqsection { background: #f7f9ff; }
.faq-qmark-wrap {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 50px;
  opacity: .6;
  pointer-events: none;
}
/* match main-page vertical padding that finalhome.css normally provides */
#faqs-accordion .accordion-content__title {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* ── ENTITY SECTION ───────────────────────────────────────── */
.erpi-entity-section { background: #fff; }

.erpi-entity-grid {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 28px;
  align-items: start;
  margin-bottom: 28px;
}
.erpi-entity-para-card {
  background: #f7f9ff;
  border: 1px solid #e8eaf2;
  border-radius: 14px;
  padding: 28px 28px;
}
.erpi-entity-para-card p {
  font-size: 13.5px;
  color: #4a5568;
  line-height: 1.8;
  margin: 0;
}

.erpi-entity-stat-col { display: flex; flex-direction: column; gap: 12px; }
.erpi-entity-stat-card {
  background: #f7f9ff;
  border: 1px solid #e8eaf2;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.erpi-entity-stat-icon {
  width: 36px; height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.erpi-entity-stat-val {
  font-size: 18px;
  font-weight: 800;
  color: #1a1f2e;
  line-height: 1;
}
.erpi-entity-stat-label {
  font-size: 11px;
  color: #8e9bb5;
  margin-top: 2px;
}

/* strips */
.erpi-entity-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  border-top: 1px solid #f0f2f9;
}
.erpi-entity-strip-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 4px;
}
.erpi-entity-strip-label--orange { color: #f26629; }
.erpi-entity-strip-label--blue { color: #168bdb; }

.erpi-entity-city-pill {
  background: #fff4ee;
  color: #d9561f;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid rgba(242,102,41,.2);
}
.erpi-entity-tech-pill-blue {
  background: #eff6ff;
  color: #168bdb;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid rgba(22,139,219,.2);
}
.erpi-entity-tech-pill-green {
  background: #f0fdf4;
  color: #16a34a;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid rgba(22,163,74,.2);
}
.erpi-entity-tech-pill-purple {
  background: #f5f3ff;
  color: #7c3aed;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid rgba(124,58,237,.2);
}
.erpi-entity-tech-pill-orange {
  background: #fff4ee;
  color: #c8501e;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid rgba(242,102,41,.2);
}

/* ── SCROLL ANIMATION TRIGGER ─────────────────────────────── */
/* JS in page uses IntersectionObserver to add .visible to .erpi-plat-anim / .erpi-ind-anim */

/* ── COUNTER SECTION (.fourpntr) ─────────────────────────── */
section.fourpntr{
  background:linear-gradient(150deg,#080f1a 0%,#0d1b2a 60%,#0f2035 100%)!important;
  position:relative!important;overflow:hidden!important;
}
section.fourpntr::before{
  content:''!important;position:absolute!important;inset:0!important;
  pointer-events:none!important;z-index:0!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}
section.fourpntr::after{
  content:''!important;position:absolute!important;
  width:600px!important;height:600px!important;border-radius:50%!important;
  right:-150px!important;bottom:-150px!important;
  pointer-events:none!important;z-index:0!important;
  background:radial-gradient(circle,rgba(242,102,41,.1) 0%,transparent 65%)!important;
}
section.fourpntr .container{position:relative!important;z-index:2!important;}
section.fourpntr .main-heading-box{
  text-align:center!important;margin-bottom:52px!important;
  position:relative!important;overflow:visible!important;
}
section.fourpntr .main-heading-box::before{
  content:'STATS'!important;
  position:absolute!important;top:50%!important;left:50%!important;
  transform:translate(-50%,-70%)!important;
  font-size:140px!important;font-weight:900!important;
  font-family:'Inter',sans-serif!important;letter-spacing:-6px!important;
  color:rgba(242,102,41,.04)!important;white-space:nowrap!important;
  pointer-events:none!important;z-index:0!important;user-select:none!important;
}
section.fourpntr .mainheadingtitle{
  font-family:'Inter',sans-serif!important;
  font-size:44px!important;font-weight:900!important;
  background:linear-gradient(120deg,#fff 30%,#f26629 75%,#ff834a 100%)!important;
  -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
  background-clip:text!important;
  display:block!important;position:relative!important;z-index:1!important;
}
section.fourpntr .mainheadingtitle::before{
  content:'◆  Quick Facts'!important;
  display:block!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:3px!important;text-transform:uppercase!important;
  color:#f26629!important;-webkit-text-fill-color:#f26629!important;
  background:none!important;font-family:'Inter',sans-serif!important;margin-bottom:14px!important;
}
section.fourpntr .mainheadingtitle::after{
  content:''!important;display:block!important;
  width:56px!important;height:4px!important;border-radius:2px!important;
  background:linear-gradient(90deg,#f26629,#ff834a)!important;
  margin:14px auto 0!important;
}
section.fourpntr .col-lg-3{
  position:relative!important;
  padding:36px 20px 28px!important;
  animation:fy-float 4s ease-in-out infinite!important;
}
section.fourpntr .col-lg-3:nth-child(2){animation-delay:.6s!important;}
section.fourpntr .col-lg-3:nth-child(3){animation-delay:1.2s!important;}
section.fourpntr .col-lg-3:nth-child(4){animation-delay:1.8s!important;}
section.fourpntr .col-lg-3::before{
  content:''!important;position:absolute!important;inset:8px!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  pointer-events:none!important;z-index:0!important;
  transition:background .3s,border-color .3s!important;
}
section.fourpntr .col-lg-3:hover::before{
  background:rgba(242,102,41,.07)!important;
  border-color:rgba(242,102,41,.25)!important;
}
section.fourpntr .col-lg-3::after{content:none!important;}
section.fourpntr .img_prog{
  position:relative!important;z-index:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
section.fourpntr .img_prog::before{
  content:''!important;
  position:absolute!important;top:50%!important;left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:148px!important;height:148px!important;border-radius:50%!important;
  border:2px dashed rgba(242,102,41,.3)!important;
  animation:fy-spin-slow 10s linear infinite!important;
  pointer-events:none!important;z-index:0!important;
}
section.fourpntr .img_prog::after{
  content:''!important;
  position:absolute!important;top:50%!important;left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:175px!important;height:175px!important;border-radius:50%!important;
  border:1px dashed rgba(255,255,255,.1)!important;
  animation:fy-spin-slow 18s linear infinite reverse!important;
  pointer-events:none!important;z-index:0!important;
}
section.fourpntr .countertitle{
  font-family:'Inter',sans-serif!important;
  font-size:14px!important;font-weight:400!important;
  color:rgba(255,255,255,.62)!important;
  line-height:1.7em!important;
  margin-top:28px!important;
  text-align:center!important;
  position:relative!important;z-index:1!important;
  padding:0 10px!important;
}
@keyframes fy-float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-9px);}
}
@keyframes fy-spin-slow{
  from{transform:translate(-50%,-50%) rotate(0deg);}
  to{transform:translate(-50%,-50%) rotate(360deg);}
}

/* ── BOOK CONSULTATION SECTION ───────────────────────────── */
.ogen-consult2030{position:relative;overflow:hidden;padding:100px 0;}
.ogen-consult-bg{position:absolute;inset:0;background-size:cover;background-position:20% center;z-index:0;}
.ogen-consult-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(10,18,32,.92) 0%,rgba(10,18,32,.80) 55%,rgba(10,18,32,.65) 100%);z-index:1;}
.ogen-consult-inner{position:relative;z-index:2;}
.ogen-sketch-circle{position:absolute;top:-14px;left:-12px;width:calc(100% + 24px);height:calc(100% + 28px);pointer-events:none;}
.ogen-consult-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(245,108,35,.15);border:1px solid rgba(245,108,35,.35);color:#f56c23;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:22px;}
.ogen-consult-headline{font-size:52px;font-weight:900;color:#fff;line-height:1.05;letter-spacing:-1.5px;margin-bottom:18px;}
.ogen-consult-nocost-wrap{position:relative;display:inline-block;}
.ogen-consult-nocost{color:#f56c23;position:relative;z-index:1;}
.ogen-consult-sub{color:rgba(255,255,255,.72);font-size:15px;line-height:1.7;max-width:360px;margin-bottom:16px;}
.ogen-consult-deco{width:180px;height:12px;display:block;margin-top:4px;}
.ogen-consult-cards{display:flex;flex-direction:column;gap:14px;}
.ogen-consult-card{display:flex;align-items:flex-start;gap:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:22px 24px;transition:background .25s,border-color .25s,transform .25s;}
.ogen-consult-card:hover{background:rgba(255,255,255,.10);border-color:rgba(245,108,35,.35);transform:translateX(6px);}
.ogen-consult-step{flex-shrink:0;font-size:28px;font-weight:900;color:#f56c23;line-height:1;letter-spacing:-1px;width:44px;text-align:center;font-family:'Inter',sans-serif;opacity:.9;}
.ogen-consult-card-body{flex:1;}
.ogen-consult-card-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3;}
.ogen-ccard-ul{display:block;width:120px;height:10px;margin:3px 0 8px;}
.ogen-consult-card-text{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.65;margin:0;}
.ogen-consult-cta-row{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap;}
.ogen-consult-arrow{width:54px;height:auto;flex-shrink:0;transform:rotate(-10deg);}
.ogen-consult-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f56c23 0%,#e8531a 100%);color:#fff;font-size:15px;font-weight:700;padding:14px 28px;border-radius:100px;text-decoration:none;box-shadow:0 8px 32px rgba(245,108,35,.4);transition:transform .22s,box-shadow .22s;letter-spacing:.2px;}
.ogen-consult-btn:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(245,108,35,.55);color:#fff;text-decoration:none;}
.ogen-consult-btn-arrow{font-size:18px;transition:transform .2s;}
.ogen-consult-btn:hover .ogen-consult-btn-arrow{transform:translateX(4px);}
.ogen-consult-note{font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.3px;}
@media(max-width:767px){
  .ogen-consult2030{padding:60px 0;}
  .ogen-consult-headline{font-size:36px;}
  .ogen-consult-cards{margin-top:32px;}
}

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.testimonial-home{position:relative}
.testimonial-home:after{content:"";width:65%;height:100%;background:#f0fafe;position:absolute;left:0;top:0;z-index:0}
.testimonial-home.section-padding .container{position:relative;z-index:1}
.testimonial-box article{position:relative;border-radius:10px;background:#3c4858;padding:30px;box-shadow:0 10px 30px rgb(1 81 192/23%);color:#fff;padding-bottom:70px}
.testimonial-box article p{font-size:15px;line-height:22px;color:#fff;}
.testimonial-info figure{width:75px;height:75px;border-radius:10px;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 30px rgb(1 81 192/23%)}
.testimonial-info figure img{width:100%;height:100%;object-fit:cover;object-position:center}
.testimonial-info{position:absolute;margin-top:40px;margin-bottom:-55px;width:100%;left:0;padding:0 45px;bottom:20px;z-index:1}
.testimonial-info h4,.testimonial-info p.testimonialnames{font-size:16px;margin-left:20px;position:relative;top:5px}
.testimonial-box{margin-bottom:40px}
.testimonial-box article:after{content:'';position:absolute;right:0;bottom:0;font-size:100px;font-family:"inherit;";background:url(../ogen_images/quote.png) no-repeat;width:94px;height:74px;background-size:100%}
@media screen and (max-width:1100px){
  .testimonial-box article:after{width:45px;height:35px;}
  .testimonial-info h4,.testimonial-info p.testimonialnames{margin-left:10px;}
  .testimonial-info{padding:0 30px;}
  .testimonial-info figure{width:65px;height:65px;}
}
@media screen and (max-width:991px){
  .row.testimonial-box{overflow-x:scroll;flex-wrap:nowrap;min-height:260px;height:100%;}
  .row.testimonial-box .col-md-4{width:50%;max-width:50%;flex:0 0 50%;display:inline-block!important;}
  .testimonial-box article{min-height:235px;}
}
@media screen and (max-width:767px){
  .row.testimonial-box .col-md-4{width:100%;max-width:100%;flex:0 0 100%;display:inline-block!important;}
  .testimonial-box article:after{width:50px;height:40px;}
}
@media screen and (max-width:576px){
  .testimonial-box article{margin-bottom:30px;}
}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 1200px) {
  .erpi-plat-grid { grid-template-columns: repeat(2, 1fr); }
  .erpi-cost-grid { grid-template-columns: repeat(2, 1fr); }
  .erpi-cost-grid2 { grid-template-columns: repeat(2, 1fr); }
  .erpi-ind-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
  .erpi-hero__inner { grid-template-columns: 1fr; }
  .erpi-hero__right { display: none; }
  .erpi-def-grid { grid-template-columns: 1fr; }
  .erpi-why-grid { grid-template-columns: repeat(2, 1fr); }
  .wd-proc-track { grid-template-columns: repeat(2, 1fr); }
  .erpi-entity-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .erpi-def-section,
  .erpi-plat-section,
  .erpi-cmp-section,
  .erpi-why-section,
  .erpi-cost-section,
  .erpi-ind-section,
  .erpi-entity-section,
  section.defaultptb60.faqsection { padding: 52px 0; }

  .erpi-plat-grid { grid-template-columns: 1fr; }
  .erpi-why-grid { grid-template-columns: 1fr; }
  .wd-proc-track { grid-template-columns: 1fr; }
  .erpi-cost-grid { grid-template-columns: 1fr; }
  .erpi-cost-grid2 { grid-template-columns: 1fr; }
  .erpi-ind-grid { grid-template-columns: repeat(2, 1fr); }

  .erpi-hero__h1 { font-size: 26px; }
  .erpi-why-statsbar { gap: 0; }
  .erpi-why-statitem { padding: 8px 14px; }
  .erpi-why-statdiv { display: none; }

  .erpi-tally-strip { flex-direction: column; text-align: center; }
  .erpi-cta-strip-btn { margin-left: 0; }
}

@media (max-width: 576px) {
  .erpi-ind-grid { grid-template-columns: 1fr; }
  .erpi-hero__platforms { gap: 6px; }
  .erpi-plat-meta { flex-direction: column; align-items: flex-start; }
}