:root {
  --indigo: #002244;
  --ultramarine: #003CB2;
  --sky: #28B4FF;
  --arctic: #AAE6FF;
  --white: #ffffff;
}



/* ---- Global Tweaks ---- */



/* ----------------------------------- */
/* ---- Combinable Custom Classes ---- */


/* ==== Backgrounds ================ */

[id*="-gradient12d"] > div,
[id*="-gradient12d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--indigo) 0%, var(--ultramarine) 100%);
}
[id*="-gradient12h"] > div,
[id*="-gradient12h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--indigo) 0%, var(--ultramarine) 100%);
}
[id*="-gradient12v"] > div,
[id*="-gradient12v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--indigo) 0%, var(--ultramarine) 100%);
}
[id*="-gradient21d"] > div,
[id*="-gradient21d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--ultramarine) 0%, var(--indigo) 100%);
}
[id*="-gradient21h"] > div,
[id*="-gradient21h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--ultramarine) 0%, var(--indigo) 100%);
}
[id*="-gradient21v"] > div,
[id*="-gradient21v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--ultramarine) 0%, var(--indigo) 100%);
}

[id*="-gradient23d"] > div,
[id*="-gradient23d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--ultramarine) 0%, var(--sky) 100%);
}
[id*="-gradient23h"] > div,
[id*="-gradient23h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--ultramarine) 0%, var(--sky) 100%);
}
[id*="-gradient23v"] > div,
[id*="-gradient23v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--ultramarine) 0%, var(--sky) 100%);
}
[id*="-gradient32d"] > div,
[id*="-gradient32d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--sky) 0%, var(--ultramarine) 100%);
}
[id*="-gradient32h"] > div,
[id*="-gradient32h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--sky) 0%, var(--ultramarine) 100%);
}
[id*="-gradient32v"] > div,
[id*="-gradient32v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--sky) 0%, var(--ultramarine) 100%);
}

[id*="-gradient34d"] > div,
[id*="-gradient34d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--sky) 0%, var(--arctic) 100%);
}
[id*="-gradient34h"] > div,
[id*="-gradient34h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--sky) 0%, var(--arctic) 100%);
}
[id*="-gradient34v"] > div,
[id*="-gradient34v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--sky) 0%, var(--arctic) 100%);
}
[id*="-gradient43d"] > div,
[id*="-gradient43d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--arctic) 0%, var(--sky) 100%);
}
[id*="-gradient43h"] > div,
[id*="-gradient43h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--arctic) 0%, var(--sky) 100%);
}
[id*="-gradient43v"] > div,
[id*="-gradient43v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--arctic) 0%, var(--sky) 100%);
}

[id*="-gradient45d"] > div,
[id*="-gradient45d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--arctic) 0%, var(--white) 100%);
}
[id*="-gradient45h"] > div,
[id*="-gradient45h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--arctic) 0%, var(--white) 100%);
}
[id*="-gradient45v"] > div,
[id*="-gradient45v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--arctic) 0%, var(--white) 100%);
}
[id*="-gradient54d"] > div,
[id*="-gradient54d"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(135deg, var(--white) 0%, var(--arctic) 100%);
}
[id*="-gradient54h"] > div,
[id*="-gradient54h"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(90deg, var(--white) 0%, var(--arctic) 100%);
}
[id*="-gradient54v"] > div,
[id*="-gradient54v"].hero-section [class^="OverlayWrapper"] {
  background: linear-gradient(180deg, var(--white) 0%, var(--arctic) 100%);
}