/* ============================================================
   pages.css — Page-level styles
   Signet Capital Group
   ============================================================ */

/* ── Global Elementor reset ───────────────────────────────── */

.elementor-element {
  padding: 0 !important;
}

/* ── Hero Section ─────────────────────────────────────────── */

/*
 * Elementor new containers: the section div IS the flex container — no .e-con-inner.
 * padding-inline max() centers content at 1176px on wide screens,
 * falls back to 32px minimum on narrow screens.
 */
.scg-hero-section {
  position: relative !important;
  overflow: hidden !important;
  padding-left: max(32px, calc((100% - 1176px) / 2)) !important;
  padding-right: max(32px, calc((100% - 1176px) / 2)) !important;
  padding-top: 80px !important;
  padding-bottom: 112px !important;
}

/* Radial glow — exact values from Hero.tsx */
.scg-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse 80% 60% at 30% 50%,
      rgba(89, 158, 223, 0.12) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 50% 80% at 80% 30%,
      rgba(89, 158, 223, 0.08) 0%,
      transparent 60%
    );
  pointer-events: none;
  z-index: 0;
}

/* Columns above gradient */
.scg-hero__left,
.scg-hero__right {
  position: relative;
  z-index: 1;
  min-width: 0;
}

/* ── Pretitle badge ───────────────────────────────────────── */

.scg-hero__pretitle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(224, 159, 84, 0.1);
  border: 1px solid rgba(224, 159, 84, 0.3);
  border-radius: 999px;
  padding: 6px 16px;
  width: fit-content;
}

.scg-hero__pretitle span {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #093868;
  letter-spacing: 0.01em;
}

.scg-hero__zap {
  flex-shrink: 0;
}

/* ── H1 heading — Prata, exact mockup values ──────────────── */
/*
 * Mockup computed:
 *   fontFamily: "Prata, serif"
 *   fontSize:   67px (desktop) / 43px (mobile)
 *   fontWeight: 700  (synthesized bold — Prata is single-weight 400)
 *   lineHeight: 67px (= 1.0 × fontSize — tight, matching mockup)
 *   color:      rgb(9, 56, 104)
 */
.scg-hero__heading .elementor-heading-title {
  font-family: "Prata", Georgia, serif !important;
  font-size: 67px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #093868 !important;
  margin: 0 !important;
}

/* ── Body copy ────────────────────────────────────────────── */

.elementor-element.elementor-element-a839c0c.scg-hero__body.elementor-widget.elementor-widget-text-editor
  p {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  color: #5a6b7f;
  margin: 0;
}

/* ── Button row ───────────────────────────────────────────── */

.scg-hero__btns {
  flex-wrap: wrap;
  align-items: center;
}

/* ── Approval card — mockup bottom-6 = 24px ──────────────── */

.scg-hero-slider__card {
  bottom: 16px !important;
}

/* ── Button row — remove Elementor default indent ─────────── */

.elementor-element.elementor-element-b52f511.e-con-full.scg-hero__btns.e-flex.e-con.e-child {
  margin-left: 0;
  padding-left: 0;
}

/* ── Apply Now — exact mockup values ─────────────────────── */
/*
 * Mockup: DM Sans, 600, 18px, bg #e09f54, padding 16px 32px,
 *         border-radius 8px, shadow-lg (Tailwind neutral dark)
 *         hover: bg #c88a45, shadow-xl, translateY(-2px)
 */
.scg-hero__apply-btn .elementor-button {
  background: #e09f54 !important;
  color: #ffffff !important;
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-radius: 8px !important;
  padding: 16px 32px !important;
  min-width: 224px !important;
  border: none !important;
  /* Tailwind shadow-lg */
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  transition:
    background 0.15s,
    box-shadow 0.15s,
    transform 0.15s !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 1.556 !important; /* 28px / 18px */
}

.scg-hero__apply-btn .elementor-button:hover {
  background: #c88a45 !important;
  /* Tailwind shadow-xl */
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* ── Phone link — flex row, outlined, exact mockup values ─── */
/*
 * Mockup: DM Sans, 600, 18px (desktop), flex row with SVG icon,
 *         border 1px solid rgba(9,56,104,0.2), radius 8px,
 *         padding 16px 32px, gap 8px
 *         hover: bg rgba(9,56,104,0.05)
 */
.scg-hero__phone-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #093868;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.556; /* matches DM Sans leading */
  border: 1px solid rgba(9, 56, 104, 0.2);
  border-radius: 8px;
  padding: 16px 32px;
  background: transparent;
  text-decoration: none;
  transition: background 0.15s;
  white-space: nowrap;
}

.scg-hero__phone-link:hover {
  background: rgba(9, 56, 104, 0.05);
  color: #093868;
  text-decoration: none;
}

.scg-hero__phone-link svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

/* ── Social proof ─────────────────────────────────────────── */

.scg-hero__social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.scg-hero__avatars {
  display: flex;
}

.scg-hero__avatar {
  width: 32px;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid #ffffff !important;
  object-fit: cover;
  margin-left: -8px !important;
}

.scg-hero__avatars .scg-hero__avatar:first-child {
  margin-left: 0;
}

.scg-hero__rating {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.scg-hero__stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.scg-hero__score {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #093868;
  margin-left: 4px;
  line-height: 1;
}

.scg-hero__count {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 12px;
  color: #5a6b7f;
  line-height: 1;
}

@media (min-width: 768px) {
  .md\:pt-40 {
    padding-top: 7rem;
  }
}

/* ── Tablet (768px – 1024px) ──────────────────────────────── */

@media (max-width: 1024px) {
  /* Stack hero: text on top, slider below */
  .scg-hero-section.e-con {
    flex-direction: column !important;
    align-items: stretch !important;
    padding-top: 64px !important;
    padding-bottom: 112px !important;
    gap: 24px !important;
  }

  /* Both columns go full width — flex-basis: auto so height comes from content,
     not 100% of parent (which collapses the right col and triggers overflow clip) */
  .scg-hero__left.e-con,
  .scg-hero__right.e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  /* Remove Elementor internal padding from slider column so slider is flush */
  .elementor-element.elementor-element-2b26fa8.e-con-full.scg-hero__right.e-flex.e-con.e-child {
    padding: 0;
  }

  /* Right column collapses to 0px in flex-column because the widget wrapper chain
     has no intrinsic height. Give it an explicit min-height = slider width (1:1).
     At tablet: hero has 32px padding each side → slider width = 100vw - 64px. */
  .scg-hero__right.e-con {
    min-height: calc(100vw - 64px) !important;
  }

  /* Stretch the Elementor widget chain so the slider fills the right column */
  .scg-hero__right .elementor-widget,
  .scg-hero__right .elementor-widget-container,
  .scg-hero__right .elementor-shortcode {
    height: 100% !important;
  }

  /* Heading: mockup uses 60px at md (768px) */
  .scg-hero__heading .elementor-heading-title {
    font-size: 60px !important;
    line-height: 1 !important;
  }

  .scg-hero__body p {
    font-size: 18px;
  }

  .scg-hero__apply-btn .elementor-button {
    font-size: 16px !important;
    padding: 12px 24px !important;
  }

  .scg-hero__phone-link {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* ── Mobile (≤767px) ──────────────────────────────────────── */

@media (max-width: 767px) {
  /* Nav offset is already built into WP layout — zero out section padding */
  .scg-hero-section.e-con {
    padding-top: 0px !important;
    padding-bottom: 48px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Pretitle wrapper is 0-height but still a flex item — hide it entirely */
  .scg-hero__pretitle-wrap {
    display: none !important;
  }

  /* Remove extra margin so social proof sits at the Elementor gap distance only */
  .scg-hero__social {
    margin-top: 0 !important;
  }

  /* Mockup: text-[43px] leading-[1.15] */
  .scg-hero__heading .elementor-heading-title {
    font-size: 43px !important;
    line-height: 1.15 !important;
  }

  /* Full selector needed to beat desktop specificity (0,5,1) */
  .elementor-element.elementor-element-a839c0c.scg-hero__body.elementor-widget.elementor-widget-text-editor
    p {
    font-size: 16px !important;
    line-height: 1.625 !important; /* 26px / 16px — matches mockup */
  }

  /* Stack button row vertically so each button stretches full width */
  .scg-hero__btns.e-con {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Full-width stacked buttons on mobile */
  .scg-hero__apply-btn .elementor-button {
    width: 100% !important;
    text-align: center;
    font-size: 16px !important;
    padding: 12px 24px !important;
  }

  .scg-hero__phone-link {
    width: 100% !important;
    font-size: 16px;
    padding: 12px 24px;
    box-sizing: border-box;
  }

  /* Hide pretitle on mobile — Hero.tsx: `hidden md:inline-flex` */
  .scg-hero__pretitle {
    display: none;
  }

  /* Mobile: 16px padding each side = 32px total → slider width = 100vw - 32px */
  .scg-hero__right.e-con {
    min-height: calc(100vw - 32px) !important;
  }
  .scg-hero__right .elementor-widget,
  .scg-hero__right .elementor-widget-container,
  .scg-hero__right .elementor-shortcode {
    height: 100% !important;
  }
}

/* ── Hide mid-page trust badges section (appears in footer instead) ── */
.elementor-element-18ec77a {
  display: none !important;
}

/* ── Stats Bar Section ────────────────────────────────────────── */
/*
 * Mockup from StatsBar.tsx:
 *   bg: #F0F6FC
 *   border-b: 1px solid #E5ECF2 (gray-100)
 *   padding: 32px 16px (py-8) on mobile, 40px 32px (py-10, px-8) on desktop
 *   max-width: 1176px, centered
 *
 * Stats layout:
 *   Mobile (< 768px): 2 columns, gap 32px
 *   Desktop: 4 columns, gap 16px, with vertical dividers
 *
 * Item styles:
 *   .scg-stats__value: navy #093868, serif (Prata), 32px (mobile), 40px (desktop)
 *   .scg-stats__label: muted #5A6B7F, sans (DM Sans), 13px (mobile), 15px (desktop)
 *                      uppercase, font-medium (500), letter-spacing 0.05em, mb-1
 *
 *   Center all text — text-align: center on items
 */

/* Full-width background on the Elementor container */
.scg-stats-section {
  background: #f0f6fc !important;
  border-bottom: 1px solid #e5ecf2 !important;
}

/* Grid confined to 1176px centered */
.scg-stats {
  padding: 32px 16px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  max-width: 1176px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.scg-stats__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

.scg-stats__value {
  display: block !important;
  font-family: "Prata", Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #093868 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.scg-stats__label {
  display: block !important;
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #5a6b7f !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  .scg-stats {
    padding: 40px 32px !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    border-right: 0 !important;
  }

  .scg-stats__item {
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative !important;
  }

  /* Vertical dividers between items — not on last */
  .scg-stats__item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 60% !important;
    width: 1px !important;
    background: #e5ecf2 !important;
  }

  .scg-stats__value {
    font-size: 40px !important;
  }

  .scg-stats__label {
    font-size: 15px !important;
  }
}

/* ── About Stats Section ──────────────────────────────────────── */
/*
 * Same styling as homepage stats, but separate scope for about page.
 * Uses .scg-stats-about instead of .scg-stats.
 */

.scg-stats-about {
  background: #f0f6fc !important;
  border-bottom: 1px solid #e5ecf2 !important;
  padding: 32px 16px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  max-width: 1176px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.scg-stats-about__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

.scg-stats-about__value {
  display: block !important;
  font-family: "Prata", Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #093868 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.scg-stats-about__label {
  display: block !important;
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #5a6b7f !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  .scg-stats-about {
    padding: 40px 32px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }

  .scg-stats-about__item {
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative !important;
  }

  /* Vertical dividers between items — not on last */
  .scg-stats-about__item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 60% !important;
    width: 1px !important;
    background: #e5ecf2 !important;
  }

  .scg-stats-about__value {
    font-size: 40px !important;
  }

  .scg-stats-about__label {
    font-size: 15px !important;
  }
}

/* ── Value Props Section ──────────────────────────────────────── */
/*
 * Source of truth: measured from https://project-signet.magicpatterns.app/
 * Desktop: padding 96px, 3-col grid, gap 32px, cards 16px radius + 32px padding
 * Tablet (≤1024px): h2 36px
 * Mobile (≤767px): padding 80px, 1-col grid, h2 30px
 */

.scg-value-props {
  background: #ffffff;
  padding-top: 96px;
  padding-bottom: 96px;
  width: 100%;
  box-sizing: border-box;
}

.scg-value-props__inner {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}

.scg-value-props__header {
  text-align: center;
  margin-bottom: 64px;
}

.scg-value-props__overline {
  display: block;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #e09f54;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.scg-value-props__heading {
  font-family: "Prata", Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #093868 !important;
  margin: 0 !important;
}

.scg-value-props__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.scg-value-props__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid rgb(243, 244, 246);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px 0px;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

.scg-value-props__card:hover {
  box-shadow: rgba(9, 56, 104, 0.1) 0px 8px 30px 0px;
}

.scg-value-props__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f0f6fc;
  margin-bottom: 24px;
  flex-shrink: 0;
}

.scg-value-props__icon {
  color: #093868;
  display: block;
}

.scg-value-props__card-title {
  font-family: "Prata", Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #093868 !important;
  margin: 0 0 12px 0;
}

.scg-value-props__card-text {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #5a6b7f;
  margin: 0;
}

@media (max-width: 1024px) {
  .scg-value-props__heading {
    font-size: 36px !important;
    line-height: 40px !important;
  }
}

@media (max-width: 767px) {
  .scg-value-props {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .scg-value-props__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .scg-value-props__heading {
    font-size: 30px !important;
    line-height: 37.5px !important;
  }

  .scg-value-props__grid {
    grid-template-columns: 1fr;
  }
}

/* ── Testimonials ─────────────────────────────────────────── */

.scg-testimonials {
  background: #f0f6fc;
  padding-top: 96px;
  padding-bottom: 96px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.scg-testimonials::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.6) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.scg-testimonials__inner {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.scg-testimonials__header {
  text-align: center;
  margin-bottom: 64px;
}

.scg-testimonials__overline {
  display: block;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #e09f54;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.scg-testimonials__heading {
  font-family: "Prata", Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #093868 !important;
  margin: 0 !important;
}

/* ── Tablet (≤ 1024px) ────────────────────────────────────── */

@media (max-width: 1024px) {
  .scg-testimonials__heading {
    font-size: 36px !important;
    line-height: 40px !important;
  }
}

/* ── Mobile (≤ 767px) ─────────────────────────────────────── */

@media (max-width: 767px) {
  .scg-testimonials {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .scg-testimonials__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .scg-testimonials__heading {
    font-size: 30px !important;
    line-height: 37.5px !important;
  }
}

/* ── CTA Banner ───────────────────────────────────────────── */

.scg-cta {
  background-color: #093868;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
  overflow: hidden;
}

.scg-cta__blobs {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.scg-cta__blob {
  position: absolute;
  background: #e09f54;
  opacity: 0.1;
  border-radius: 50%;
  filter: blur(80px);
}

.scg-cta__blob--right {
  top: -50%;
  right: -10%;
  width: 70%;
  height: 200%;
  transform: rotate(12deg);
}

.scg-cta__blob--left {
  bottom: -50%;
  left: -10%;
  width: 50%;
  height: 150%;
  transform: rotate(-12deg);
}

.scg-cta__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 32px;
  box-sizing: border-box;
}

.scg-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.scg-cta__heading {
  font-family: "Prata", Georgia, serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
}

.scg-cta__subtext {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.scg-cta__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.scg-cta__btn {
  display: inline-block;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 16px 32px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.scg-cta__btn--primary {
  background-color: #e09f54;
  color: #ffffff;
  border: none;
  min-width: 230px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.scg-cta__btn--primary:hover {
  background-color: #c88a45;
  transform: translateY(-2px);
  color: #ffffff;
}

.scg-cta__btn--secondary {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.scg-cta__btn--secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* ── Tablet (≤ 1023px) ────────────────────────────────────── */

@media (max-width: 1023px) {
  .scg-cta__heading {
    font-size: 36px !important;
    line-height: 40px !important;
  }
}

/* ── Mobile (≤ 767px) ─────────────────────────────────────── */

@media (max-width: 767px) {
  .scg-cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .scg-cta__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .scg-cta__heading {
    font-size: 30px !important;
    line-height: 37.5px !important;
  }

  .scg-cta__subtext {
    font-size: 18px;
  }

  .scg-cta__buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .scg-cta__btn {
    text-align: center;
  }
}

/* ── Who We Serve (Industries) ─────────────────────────────── */

.scg-who-we-serve {
  background-color: #ffffff;
  padding-top: 96px;
  padding-bottom: 96px;
}

.scg-who-we-serve__inner {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 64px;
}

.scg-who-we-serve__left {
  width: 40%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.scg-who-we-serve__overline {
  display: block;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #e09f54;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.scg-who-we-serve__heading {
  font-family: "Prata", Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #093868 !important;
  margin: 0 !important;
}

.scg-who-we-serve__subtext {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5a6b7f;
  margin: 0;
  line-height: 1.6;
}

.scg-who-we-serve__link {
  display: inline-block;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #093868;
  text-decoration: none;
  border-bottom: 2px solid #e09f54;
  padding-bottom: 2px;
  align-self: flex-start;
}

.scg-who-we-serve__link:hover {
  color: #0b4a8a;
}

/* Right column — acts as the grid container */
.scg-who-we-serve__right {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-content: start;
  min-width: 0;
}

/* Shortcode wrapper becomes transparent to grid layout */
.scg-who-we-serve__right .scg-industries {
  display: contents;
}

/* ── Chip styles ────────────────────────────────────────────── */

.scg-industries__chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  text-decoration: none;
  cursor: default;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
}

.scg-industries__chip-emoji {
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
}

.scg-industries__chip-name {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #093868;
}

/* Linked industry chip — hover: gold border + shadow */
.scg-industries__chip--link {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.scg-industries__chip--link:hover {
  border-color: #e09f54;
  box-shadow: 0 4px 20px rgba(224, 159, 84, 0.3);
}

/* "50+ More Industries" — navy chip (is an <a> tag) */
.scg-industries__chip--more {
  background-color: #093868;
  border-color: #093868;
  cursor: pointer;
  text-decoration: none;
}

.scg-industries__chip--more:hover {
  background-color: #0b4a8a;
}

.scg-industries__chip--more .scg-industries__chip-name {
  color: #ffffff;
  font-weight: 600;
}

.scg-industries__chip--more .scg-industries__chip-plus {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}

/* ── Tablet (≤ 1023px) ────────────────────────────────────── */

@media (max-width: 1023px) {
  .scg-who-we-serve__inner {
    flex-direction: column;
    gap: 48px;
    align-items: center;
  }

  .scg-who-we-serve__left {
    width: 100%;
    text-align: center;
    align-items: center;
  }

  .scg-who-we-serve__link {
    align-self: center;
  }

  .scg-who-we-serve__heading {
    font-size: 36px !important;
    line-height: 40px !important;
  }

  .scg-who-we-serve__right {
    width: 100%;
  }
}

/* ── Mobile (≤ 639px) — 1-column grid ────────────────────── */

@media (max-width: 639px) {
  .scg-who-we-serve {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .scg-who-we-serve__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .scg-who-we-serve__heading {
    font-size: 30px !important;
    line-height: 37.5px !important;
  }

  .scg-who-we-serve__right {
    grid-template-columns: 1fr;
  }
}

/* ── Industries All grid (/industry/ page) ──────────────── */

.scg-industries-all {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.scg-industries-all__item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  text-decoration: none;
  cursor: default;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  box-sizing: border-box;
}

a.scg-industries-all__item {
  cursor: pointer;
}

a.scg-industries-all__item:hover {
  border-color: #e09f54;
  box-shadow: 0 4px 20px rgba(224, 159, 84, 0.3);
}

.scg-industries-all__emoji {
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
}

.scg-industries-all__name {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #093868;
}

@media (max-width: 1023px) {
  .scg-industries-all {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 639px) {
  .scg-industries-all {
    grid-template-columns: 1fr;
  }
}

/* ── How It Works ─────────────────────────────────────────── */

.scg-hiw {
  background-color: #f0f6fc;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.scg-hiw::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 60% 50% at 50% 40%,
    rgba(89, 158, 223, 0.08) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.scg-hiw__inner {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.scg-hiw__header {
  text-align: center;
  margin-bottom: 64px;
}

.scg-hiw__overline {
  display: block;
  color: #e09f54;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}

.scg-hiw__heading {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.25;
}

.scg-hiw__steps {
  position: relative;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.scg-hiw__line-v {
  display: block;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 28px;
  width: 2px;
  border-left: 2px dashed rgba(224, 159, 84, 0.3);
  z-index: 0;
}

.scg-hiw__line-h {
  display: none;
}

.scg-hiw__step {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  text-align: left;
  gap: 24px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

.scg-hiw__step--visible {
  opacity: 1;
  transform: translateY(0);
}

.scg-hiw__step:nth-child(3) {
  transition-delay: 0s;
}
.scg-hiw__step:nth-child(4) {
  transition-delay: 0.15s;
}
.scg-hiw__step:nth-child(5) {
  transition-delay: 0.3s;
}
.scg-hiw__step:nth-child(6) {
  transition-delay: 0.45s;
}

.scg-hiw__circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #093868;
  border: 4px solid #f0f6fc;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.scg-hiw__number {
  color: #ffffff;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.scg-hiw__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 15px;
}

.scg-hiw__title {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 600;
  font-size: 20px !important;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
}

.scg-hiw__desc {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.625;
}

@media (min-width: 768px) {
  .scg-hiw {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .scg-hiw__inner {
    padding-left: 32px;
    padding-right: 32px;
  }

  .scg-hiw__heading {
    font-size: 36px;
  }

  .scg-hiw__steps {
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
  }

  .scg-hiw__line-v {
    display: none;
  }

  .scg-hiw__line-h {
    display: block;
    position: absolute;
    top: 28px;
    left: 10%;
    right: 10%;
    height: 2px;
    border-top: 2px dashed rgba(224, 159, 84, 0.3);
    z-index: 0;
  }

  .scg-hiw__step {
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    gap: 24px;
  }

  .scg-hiw__content {
    padding-top: 0;
    align-items: center;
  }

  .scg-hiw__desc {
    font-size: 16px;
    max-width: 240px;
  }
}

@media (min-width: 1024px) {
  .scg-hiw__heading {
    font-size: 40px;
  }
}

/* ── FAQ + About ──────────────────────────────────────────── */
.scg-faq-wrap {
  background: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.scg-faq-wrap__inner {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.scg-faq-wrap__overline {
  display: block;
  color: #e09f54;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
.scg-faq-wrap__heading {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.25;
  margin-bottom: 32px;
}

/* FAQ accordion */
.scg-faq__item {
  border-bottom: 1px solid #e5e7eb;
}
.scg-faq__item:last-child {
  border-bottom: none;
}
.scg-faq__question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  cursor: pointer;
  text-align: left;
  box-shadow: none !important;
}
.scg-faq__question:focus {
  outline: none;
}
.scg-faq__question-text {
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #093868;
  padding-right: 16px;
  transition: color 0.2s ease;
}
.scg-faq__item--open .scg-faq__question-text,
.scg-faq__question:hover .scg-faq__question-text {
  color: #e09f54;
}
.scg-faq__icon {
  width: 20px;
  height: 20px;
  position: relative;
  flex-shrink: 0;
  color: #093868;
}
.scg-faq__icon::before,
.scg-faq__icon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 2px;
}
.scg-faq__icon::before {
  width: 12px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scg-faq__icon::after {
  width: 2px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition:
    transform 0.45s ease,
    opacity 0.45s ease;
}
.scg-faq__item--open .scg-faq__icon::after {
  transform: translate(-50%, -50%) scaleY(0);
  opacity: 0;
}
.scg-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.45s ease;
}
.scg-faq__item--open .scg-faq__answer {
  grid-template-rows: 1fr;
}
.scg-faq__answer-inner {
  overflow: hidden;
  min-height: 0;
}
.scg-faq__answer-text {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  padding-bottom: 20px;
  padding-left: 6px;
  padding-right: 32px;
  margin: 0;
}

/* About card */
.scg-faq-wrap__right {
  background: #f0f6fc;
  border-radius: 24px;
  padding: 32px;
}
.scg-faq-wrap__about-overline {
  display: block;
  color: #e09f54;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
.scg-faq-wrap__about-heading {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.25;
  margin-bottom: 24px;
}
.scg-faq-wrap__about-body {
  color: #3a4a5c;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 18px;
  line-height: 1.625;
  margin-bottom: 32px;
}
.scg-faq-wrap__profile {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 32px;
  border-top: 1px solid rgba(9, 56, 104, 0.1);
}
.scg-faq-wrap__photo {
  width: 64px;
  height: 64px;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  background: #d1d5db;
}
.scg-faq-wrap__profile-info {
  display: flex;
  flex-direction: column;
}
.scg-faq-wrap__profile-name {
  color: #093868;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.scg-faq-wrap__profile-title {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
}
/* scg-stats-about — About card variant (overrides standalone section styles) */
.scg-faq-wrap__right .scg-stats-about {
  margin-top: 32px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px !important;
  display: flex !important;
  grid-template-columns: unset !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: none !important;
  gap: 0 !important;
  width: auto !important;
}
.scg-faq-wrap__right .scg-stats-about__item {
  flex: 1 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 4px 8px !important;
  position: static !important;
}
.scg-faq-wrap__right .scg-stats-about__item + .scg-stats-about__item {
  border-left: 1px solid #e5e7eb !important;
}
.scg-faq-wrap__right .scg-stats-about__item:not(:last-child)::after {
  display: none !important;
}
.scg-faq-wrap__right .scg-stats-about__value {
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #093868 !important;
  line-height: 1.2 !important;
}
.scg-faq-wrap__right .scg-stats-about__label {
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #5a6b7f !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

@media (min-width: 768px) {
  .scg-faq-wrap {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .scg-faq-wrap__inner {
    padding-left: 32px;
    padding-right: 32px;
  }
  .scg-faq-wrap__heading {
    font-size: 36px;
  }
  .scg-faq-wrap__right {
    padding: 48px;
  }
  .scg-faq-wrap__about-heading {
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .scg-faq-wrap__inner {
    flex-direction: row;
    align-items: flex-start;
  }
  .scg-faq-wrap__left,
  .scg-faq-wrap__right {
    width: 50%;
  }
}

/* ── Contact ──────────────────────────────────────────────── */
.scg-contact {
  background: #f0f6fc;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.scg-contact__wrap {
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.scg-contact__wrap > .e-con-inner {
  gap: 48px !important;
}

.scg-contact__left {
  display: flex;
  flex-direction: column;
}

/* Heading block */
.scg-contact__heading {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 16px;
}

.scg-contact__sub {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 32px;
}

/* White card around form */
.scg-contact__card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f3f4f6;
  padding: 24px !important;
}

/* Scoped Elementor form overrides */
.scg-contact__card .elementor-field-label {
  margin-bottom: 8px !important;
  text-align: left !important;
}
.scg-contact__card .elementor-field {
  height: 48px;
  border-radius: 8px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  background: #f9fafb !important;
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-size: 16px !important;
  color: #093868 !important;
  transition: border-color 0.2s ease !important;
}

.scg-contact__card textarea.elementor-field {
  height: auto !important;
  min-height: 140px !important;
  padding: 12px 16px !important;
  resize: vertical !important;
}

.scg-contact__card .elementor-field:focus {
  border-color: #e09f54 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(224, 159, 84, 0.15) !important;
  background: #ffffff !important;
}

/* Mobile: restore spacing between stacked fields */
.scg-contact__card .elementor-field-group {
  margin-bottom: 16px !important;
}

/* Reset field styles that bleed onto the reCAPTCHA container */
.scg-contact__card .elementor-field-type-recaptcha .elementor-field {
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.scg-contact__card .elementor-button {
  background: #093868 !important;
  color: #ffffff !important;
  font-family: "DM Sans", "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  height: 56px !important;
  border-radius: 8px !important;
  width: 100% !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.scg-contact__card .elementor-button:hover {
  background: #0b4a8a !important;
}

/* Form 2-column grid layout — matches mockup (≥768px) */
@media (min-width: 768px) {
  .scg-contact__card .elementor-field-group {
    margin-bottom: 0 !important;
  }
  .scg-contact__card .elementor-form-fields-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 32px !important;
    row-gap: 20px !important;
    align-items: start !important;
  }

  /* Left column: fields 1–4 (Name, Business, Phone, Email) */
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(1),
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(2),
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(3),
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(4) {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }
  /* Center Phone Number in its row so reCAPTCHA height distributes evenly */
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(3) {
    align-self: center !important;
  }

  /* Right col: textarea spans rows 1–2 */
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(5) {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: 100% !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  .scg-contact__card
    .elementor-form-fields-wrapper
    > :nth-child(5)
    .elementor-field-textual {
    flex: 1 !important;
    height: auto !important;
    min-height: 120px !important;
    resize: none !important;
  }

  /* reCAPTCHA: right col, row 3 */
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(6) {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  /* Submit: right col, row 4 */
  .scg-contact__card .elementor-form-fields-wrapper > :nth-child(7) {
    grid-column: 2 !important;
    grid-row: 4 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }
}

/* Phone link row */
.scg-contact__phone-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 16px;
  margin-top: 24px;
}

.scg-contact__phone-link {
  color: #093868;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.scg-contact__phone-link:hover {
  color: #e09f54;
}

/* Social proof card */
.scg-contact__proof-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  border: 1px solid #f3f4f6;
  padding: 32px;
}

.scg-contact__proof-overline {
  display: block;
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.scg-contact__proof-rating {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 32px;
}

.scg-contact__proof-stars {
  display: flex;
  gap: 2px;
  margin-bottom: 4px;
}

.scg-contact__proof-score {
  color: #093868;
  font-family: "Prata", Georgia, serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
}

.scg-contact__proof-count {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 14px;
}

.scg-contact__proof-divider {
  height: 1px;
  background: #f3f4f6;
  margin-bottom: 32px;
}

.scg-contact__proof-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.scg-contact__proof-item {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.scg-contact__proof-icon {
  font-size: 24px;
  flex-shrink: 0;
  width: 32px;
  text-align: center;
}

.scg-contact__proof-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.scg-contact__proof-title {
  color: #093868;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.scg-contact__proof-sub {
  color: #5a6b7f;
  font-family: "DM Sans", "Poppins", sans-serif;
  font-size: 13px;
}

@media (min-width: 768px) {
  .scg-contact {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .scg-contact__wrap {
    padding-left: 32px;
    padding-right: 32px;
  }
  .scg-contact__heading {
    font-size: 40px;
  }
  .scg-contact__card {
    padding: 40px !important;
    padding-top: 20px !important;
  }
}

@media (min-width: 1024px) {
  .scg-contact__wrap > .e-con-inner {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 64px !important;
  }
  .scg-contact__left {
    flex: 1 !important;
    max-width: none !important;
  }
  [data-id="ctright1"] {
    width: 400px !important;
    max-width: 400px !important;
    flex-shrink: 0 !important;
  }
}

/* ── Funding Program Card Grid (v3.2.68) ──────────────────── */
.scg-fp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

.scg-fp-grid__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px 24px;
  text-decoration: none;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  box-sizing: border-box;
}

.scg-fp-grid__card:hover {
  border-color: #e09f54;
  box-shadow: 0 4px 20px rgba(224, 159, 84, 0.3);
}

.scg-fp-grid__card-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.scg-fp-grid__icon {
  width: 28px;
  height: 28px;
  color: #093868;
  flex-shrink: 0;
}

.scg-fp-grid__card-title {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #093868;
  line-height: 1.3;
}

.scg-fp-grid__card-desc {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #5a6b7f;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .scg-fp-grid {
    grid-template-columns: 1fr;
  }
}