.elementor-kit-1514{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d1f1fa6:#0D47A1;--e-global-color-e802b56:#2E7D32;--e-global-color-3535594:#E53935;--e-global-color-7624b1e:#FFD600;--e-global-color-eb6c19a:#00695C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1514 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --whs-teal: #00695C;       /* Primary - text, headings, nav */
  --whs-yellow: #FFD600;     /* Secondary - highlights, CTAs */
  --whs-red: #E53935;        /* Secondary - alerts, emphasis */
  --whs-green: #2E7D32;      /* Support - numbers, accents */
  --whs-aqua: #4DD0E1;       /* Support - backgrounds, icons */
  --whs-navy: #0D47A1;       /* Contrast - header/footer, dark areas */
}

/* Base gradient: Teal → Aqua → Yellow */
.gradient-title {
  background: linear-gradient(90deg, var(--whs-teal), var(--whs-aqua), var(--whs-yellow));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Yellow → Red → Green */
.gradient-title-yellow-red-green {
  background: linear-gradient(90deg, var(--whs-yellow), var(--whs-red), var(--whs-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Navy → Teal → Aqua */
.gradient-title-navy-teal-aqua {
  background: linear-gradient(90deg, var(--whs-navy), var(--whs-teal), var(--whs-aqua));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}/* End custom CSS */