/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2026 | 03:18:27 */
/* ============================================================
   WealthClarity — shared service-page hero
   /services /financial-planning /investment-management
   /retirement-planning /estate-planning /tax-planning
   ============================================================ */

.hero-banner-section { 
  position: relative; 
}

/* Hero image tint — legibility for white hero copy over the
   natural-colour replacement images (#53710) */
body .hero-banner-section .hero-banner-img .et_pb_image_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(3, 47, 96, 0.35) 0%,
    rgba(3, 47, 96, 0.62) 45%,
    rgba(3, 47, 96, 0.72) 100%
  );
}

body .hero-banner-section .et_pb_row.hero-banner-img {
  inset: 0;
  z-index: 1;
  position: absolute !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body .hero-banner-section .hero-banner-img .et_pb_column,
body .hero-banner-section .hero-banner-img .et_pb_image,
body .hero-banner-section .hero-banner-img .et_pb_image_wrap {
  height: 100%;
  margin: 0 !important;
}

body .hero-banner-section .hero-banner-img img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center 40%;
}

body .hero-banner-section .et_pb_row.hero-banner-caption {
  z-index: 7;
  display: flex;
  align-items: center;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  padding-top: 180px !important;
  padding-bottom: 40px !important;
}

body .hero-banner-section .hero-banner-caption > .et_pb_column {
  margin-bottom: 0 !important;
}

body .hero-banner-section .hero-banner-caption .et_pb_button_module_wrapper {
  margin-top: 14px !important;
}

/* Fluid H1 — single source of truth, replaces the five
   conflicting font-size declarations across 7189 and 5235 */
body .hero-banner-section h1.et_pb_module_heading,
body .hero-banner-section .hero-banner-caption h1 {
  font-size: clamp(28px, 2.6vw + 18px, 56px) !important;
  line-height: 1.12 !important;
}

@media (max-width: 1199px) {
  body .hero-banner-section .et_pb_row.hero-banner-caption {
    padding-top: 150px !important;
    padding-bottom: 36px !important;
  }
}

@media (max-width: 992px) {
  body .hero-banner-section { margin-top: -94px !important; }
  body .hero-banner-section .et_pb_row.hero-banner-caption {
    display: block;
    padding-top: 120px !important;
    padding-bottom: 36px !important;
  }
}

@media (max-width: 576px) {
  body .hero-banner-section .et_pb_row.hero-banner-caption {
    padding-top: 116px !important;
    padding-bottom: 32px !important;
  }
}