/* Start custom CSS *//* =====================================================================
   FINANCE APPLICATION — PAGE 3243
   GQ Brand palette (navy / gold / orange)
   B2B-grade professional finance application
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body.page-id-3243 {
  --brand-navy: #0A2540;
  --brand-gold: #C8A951;
  --brand-cta: #E67E22;
  --brand-cta-dark: #C85F0F;
  --brand-bg: #F4F7FA;
  --brand-card: #FFFFFF;
  --brand-border: #E5E7EB;
  --brand-body: #374151;
  --brand-muted: #6B7280;
  background: #F4F7FA !important;
}

html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 80px !important;
}

/* ====== PAGE BACKGROUND ====== */
body.page-id-3243 .elementor,
body.page-id-3243 main,
body.page-id-3243 #content,
body.page-id-3243 .elementor-section-wrap {
  background: #F4F7FA !important;
}

/* ====== HERO / PAGE HEADER ====== */
body.page-id-3243 .finance-hero,
body.page-id-3243 .e-con.finance-hero,
body.page-id-3243 .elementor-element.finance-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: 96px 24px 56px 24px !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
}

body.page-id-3243 .finance-hero h1,
body.page-id-3243 .finance-hero .elementor-heading-title,
body.page-id-3243 .finance-hero .e-heading-title,
body.page-id-3243 .finance-hero .e-heading-base {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: #0A2540 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Gold accent rule below the hero heading — premium visual punctuation */
body.page-id-3243 .finance-hero h1::after,
body.page-id-3243 .finance-hero h2::after,
body.page-id-3243 .finance-hero h3::after {
  content: '' !important;
  display: block !important;
  width: 88px !important;
  height: 4px !important;
  background: #C8A951 !important;
  margin: 28px auto 0 auto !important;
  border-radius: 2px !important;
}

body.page-id-3243 .finance-hero p,
body.page-id-3243 .finance-hero .e-paragraph,
body.page-id-3243 .finance-hero .e-paragraph-base {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #4B5563 !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-weight: 400 !important;
}

body.page-id-3243 .finance-hero-eyebrow,
body.page-id-3243 .finance-hero-eyebrow .elementor-heading-title,
body.page-id-3243 .finance-hero-eyebrow .e-heading-title,
body.page-id-3243 .finance-hero-eyebrow .e-heading-base,
body.page-id-3243 .finance-hero-eyebrow p {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #C8A951 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* ====== FORM CONTAINER ====== */
body.page-id-3243 .finance-form-container,
body.page-id-3243 .e-con.finance-form-container,
body.page-id-3243 .elementor-element.finance-form-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 24px 96px 24px !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* ====== TRUST BAR ON FINANCE PAGE ====== */
body.page-id-3243 .finance-trust-bar,
body.page-id-3243 .e-con.finance-trust-bar,
body.page-id-3243 .elementor-element.finance-trust-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 36px !important;
  padding: 36px 24px !important;
  max-width: 100% !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border-top: 1px solid #E5E7EB !important;
  border-bottom: 1px solid #E5E7EB !important;
  box-shadow: 0 0 0 100vmax #FFFFFF !important;
  clip-path: inset(0 -100vmax) !important;
}

body.page-id-3243 .finance-trust-bar .elementor-icon-list-text,
body.page-id-3243 .finance-trust-bar .elementor-widget-icon-list .elementor-icon-list-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0A2540 !important;
  letter-spacing: 0.02em !important;
}

body.page-id-3243 .finance-trust-bar .elementor-icon-list-icon i,
body.page-id-3243 .finance-trust-bar .elementor-icon-list-icon svg {
  color: #C8A951 !important;
  fill: #C8A951 !important;
}

/* ====== MOBILE ====== */
@media (max-width: 768px) {
  body.page-id-3243 .finance-hero,
  body.page-id-3243 .e-con.finance-hero {
    padding: 56px 16px 36px 16px !important;
  }
  body.page-id-3243 .finance-hero h1,
  body.page-id-3243 .finance-hero .elementor-heading-title,
  body.page-id-3243 .finance-hero .e-heading-base {
    font-size: 36px !important;
  }
  body.page-id-3243 .finance-hero h1::after,
  body.page-id-3243 .finance-hero h2::after,
  body.page-id-3243 .finance-hero h3::after {
    width: 64px !important;
    height: 3px !important;
    margin-top: 20px !important;
  }
  body.page-id-3243 .finance-hero p,
  body.page-id-3243 .finance-hero .e-paragraph-base {
    font-size: 16px !important;
  }
  body.page-id-3243 .finance-form-container,
  body.page-id-3243 .e-con.finance-form-container {
    padding: 0 16px 64px 16px !important;
  }
  body.page-id-3243 .finance-trust-bar,
  body.page-id-3243 .e-con.finance-trust-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 28px 16px !important;
  }
}/* End custom CSS */