:root {
--accent: #307bc4 !important;
--primary: #274760 !important;
--secondary: #7d91a0 !important;
--primary-font: Figtree, sans-serif;
--secondary-font: Poppins, sans-serif;
}

.wl-health-banner {
  width: 100%;
  min-height: 360px;
  border-radius: 28px;
  background: linear-gradient(135deg, #cdeef3 0%, #9bcdf4 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 24px;
}

.wl-health-banner::before,
.wl-health-banner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  pointer-events: none;
}

.wl-health-banner::before {
  width: 360px;
  height: 360px;
  left: -120px;
  top: 90px;
}

.wl-health-banner::after {
  width: 520px;
  height: 520px;
  right: -120px;
  top: -120px;
}

.wl-health-banner-content {
  position: relative;
  z-index: 2;
}

.wl-health-banner h2 {
  color: #284760;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 28px;
}

.wl-health-banner p {
  color: rgba(40, 71, 96, 0.88);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
}