.elementor-3282 .elementor-element.elementor-element-2b10ebf > .elementor-background-overlay{background-color:#00143A;opacity:1;}.elementor-3282 .elementor-element.elementor-element-2b10ebf{margin-top:0px;margin-bottom:0px;}body.elementor-page-3282:not(.elementor-motion-effects-element-type-background), body.elementor-page-3282 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00143A;}/* Start custom CSS for html, class: .elementor-element-7003e52 *//* ══════════════════════════════════════════════════
   GUARANTEE PAGE — additional rules
   Add these to the existing fpc-css-only.css
══════════════════════════════════════════════════ */

/* ── TRUST BAR FIX ───────────────────────────────── */
.trust-bar {
  background: var(--dark-mid) !important;
  border-top: 1px solid var(--border-subtle) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  padding: 1.25rem 2rem !important;
}
.trust-bar-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2.5rem !important;
  flex-wrap: wrap !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.8rem !important;
  color: var(--muted) !important;
  font-weight: 500 !important;
}
.trust-dot {
  width: 5px !important;
  height: 5px !important;
  background: var(--teal) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* ── GUARANTEE LAYOUT ────────────────────────────── */
.guarantee-layout {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5rem !important;
  align-items: center !important;
}

/* ── EYEBROW ─────────────────────────────────────── */
.eyebrow {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--teal) !important;
  margin-bottom: 1rem !important;
  display: block !important;
}

/* ── SECTION BACKGROUNDS ─────────────────────────── */
.steps-section { background: var(--dark-mid) !important; }
.audit-section { background: var(--dark-bg) !important; }
.testimonials-section { background: var(--dark-bg) !important; }
.booking-section { background: var(--dark-mid) !important; }

/* ── TEAL BAR ────────────────────────────────────── */
.teal-bar {
  width: 50px !important;
  height: 3px !important;
  background: var(--teal) !important;
  margin: 1.25rem 0 1.75rem !important;
  border-radius: 2px !important;
}
.teal-bar.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── STEP CARDS ──────────────────────────────────── */
.steps-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.step {
  background: var(--dark-card) !important;
  padding: 2.25rem 1.75rem !important;
  border-right: 1px solid var(--border-subtle) !important;
}
.step:last-child { border-right: none !important; }
.step-highlight {
  background: rgba(23,163,130,0.07) !important;
  border-top: 2px solid var(--teal) !important;
}
.step-number {
  color: var(--teal) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.75rem !important;
}
.step h3 { color: #ffffff !important; }
.step p { color: rgba(255,255,255,0.70) !important; }

/* ── TESTIMONIAL CARDS ───────────────────────────── */
.testimonials-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.25rem !important;
}
.t-card {
  background: var(--dark-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 10px !important;
  padding: 1.75rem !important;
}
.t-badge {
  display: inline-block !important;
  background: rgba(23,163,130,0.1) !important;
  border: 1px solid rgba(23,163,130,0.20) !important;
  border-radius: 4px !important;
  font-size: 0.67rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--teal) !important;
  padding: 0.2rem 0.55rem !important;
  margin-bottom: 1rem !important;
}
.t-stars { color: var(--teal) !important; }
.t-quote { color: rgba(255,255,255,0.80) !important; }
.t-quote strong { color: #ffffff !important; }
.t-name { color: #ffffff !important; }
.t-practice { color: rgba(255,255,255,0.70) !important; }

/* ── STAT BOXES ──────────────────────────────────── */
.stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;
  background: var(--border-subtle) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.stat-box {
  background: var(--dark-card) !important;
  padding: 1.75rem !important;
  text-align: center !important;
}
.stat-number { color: var(--teal) !important; }
.stat-label { color: rgba(255,255,255,0.70) !important; }
.stat-box-wide {
  grid-column: 1 / -1 !important;
  background: rgba(23,163,130,0.07) !important;
}

/* ── INCLUDED LIST ───────────────────────────────── */
.included-list { list-style: none !important; }
.included-text strong { color: #ffffff !important; }
.included-text span { color: rgba(255,255,255,0.70) !important; }

/* ── AUDIT LAYOUT ────────────────────────────────── */
.audit-layout {
  display: grid !important;
  grid-template-columns: 1fr 420px !important;
  gap: 4rem !important;
  align-items: start !important;
}

/* ── BUTTONS ─────────────────────────────────────── */
.btn-primary {
  background: var(--teal) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: 2px solid var(--teal) !important;
  border-radius: 5px !important;
  display: inline-block !important;
}
.btn-primary:hover {
  background: var(--teal-dark) !important;
  border-color: var(--teal-dark) !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .guarantee-layout { grid-template-columns: 1fr !important; gap: 3rem !important; }
  .pillar-layout { grid-template-columns: 1fr !important; }
  .steps-grid { grid-template-columns: 1fr 1fr !important; }
  .audit-layout { grid-template-columns: 1fr !important; gap: 2.5rem !important; }
  .testimonials-grid { grid-template-columns: 1fr !important; }
  .whyfpc-grid { grid-template-columns: 1fr !important; }
  .stats-grid { grid-template-columns: 1fr 1fr !important; }
  .trust-bar-inner { gap: 1.25rem !important; justify-content: flex-start !important; }
  .booking-embed { padding: 1rem 0.5rem !important; }
  .section { padding: 60px 0 !important; }
  .meetings-iframe-container { width: 100% !important; overflow: hidden !important; }
  .meetings-iframe-container iframe { width: 100% !important; display: block !important; margin: 0 auto !important; }
}

@media (max-width: 600px) {
  .steps-grid { grid-template-columns: 1fr !important; }
  .stats-grid { grid-template-columns: 1fr !important; }
  .stat-box-wide { grid-column: auto !important; }
}

/* ══════════════════════════════════════════════════
   GUARANTEE PAGE — INLINE GRID MOBILE OVERRIDES
   These target inline grid styles that can't be
   reached by class-based media queries
══════════════════════════════════════════════════ */

/* Trust bar items wrap and centre on mobile */
@media (max-width: 700px) {
  .trust-bar-inner {
    gap: 1rem !important;
    justify-content: center !important;
  }
  .trust-item {
    font-size: 0.75rem !important;
  }
}

/* All inline grids collapse to 1 column on mobile */
@media (max-width: 768px) {

  /* Hero */
  .hero {
    padding: 50px 1.25rem 40px !important;
  }
  .hero h1 {
    font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
  }
  .hero p {
    font-size: 0.95rem !important;
  }

  /* All sections tighter padding */
  section[style*="padding: 50px 2rem"] {
    padding: 40px 1.25rem !important;
  }
  section[style*="padding: 80px 2rem"] {
    padding: 50px 1.25rem 40px !important;
  }

  /* Guarantee 2-col → 1 col */
  .guarantee-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* Who it's for 3-col → 1 col */
  .whyfpc-grid {
    grid-template-columns: 1fr !important;
  }

  /* Pillar layout collapse */
  .pillar-layout {
    grid-template-columns: 1fr !important;
  }
  .pillar-layout > div:first-child {
    border-right: none !important;
    border-bottom: 1px solid rgba(23,163,130,0.20) !important;
  }

  /* Pillar inner grids */
  [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Section headers */
  h2[style*="clamp"] {
    font-size: clamp(1.5rem, 5.5vw, 2rem) !important;
  }

  /* Containers */
  .container {
    padding: 0 1.25rem !important;
  }

  /* Trust bar */
  .trust-bar {
    padding: 1rem 1.25rem !important;
  }

  /* Stats grid */
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .stat-box-wide {
    grid-column: 1 / -1 !important;
  }

  /* Testimonials already 1-col, just ensure padding */
  .t-card {
    margin-bottom: 0 !important;
  }

  /* Booking */
  .booking-embed {
    padding: 0 !important;
  }
  .meetings-iframe-container {
    width: 100% !important;
    overflow: hidden !important;
  }
  .meetings-iframe-container iframe {
    width: 100% !important;
    display: block !important;
  }

  /* Buttons full width on mobile */
  a[style*="background: #17a382"] {
    padding: 0.9rem 1.5rem !important;
    font-size: 0.85rem !important;
  }
}

@media (max-width: 480px) {
  .stats-grid {
    grid-template-columns: 1fr !important;
  }
  .hero h1 {
    font-size: clamp(1.5rem, 7vw, 2rem) !important;
  }
}

/* ── FORCE DARK BACKGROUNDS — prevent Elementor white override ── */
.steps-section,
.audit-section,
.testimonials-section,
.booking-section,
.hero {
  background-color: inherit !important;
}

/* ── FPC PAGE WRAP — nuclear background fix ── */
#fpc-page-wrap {
  background-color: #00153b !important;
}
section.fpc-section {
  background-color: inherit !important;
}
section.fpc-hero {
  background-color: #00153b !important;
}/* End custom CSS */