:root {
  /* Background - Page */
  --bg-page-default: #FFFFFF;
  --bg-page-muted: #F8FCFB;
  /* Background - Surface */
  --bg-surface-default: #F8FCFB;
  --bg-surface-tint: #E5F5F4;
  --bg-surface-brand: #035D63;
  --bg-surface-overlay: #FFFFFF;
  /* Background - Gradient */
  --bg-gradient-start: #E5F5F4;
  --bg-gradient-end: #BCE5E3;
  /* Text */
  --text-default: #1C1918;
  --text-primary: #035D63;
  --text-secondary: #4F4C4B;
  --text-tertiary: #696564;
  /* Button - Primary */
  --button-primary-bg: #035D63;
  --button-primary-text: #FFFFFF;
  --button-primary-bg-hover: #013132;
  --button-primary-text-hover: #FFFFFF;
  /* Button - Secondary */
  --button-secondary-bg: #79C3BE;
  --button-secondary-text: #1C1918;
  --button-secondary-bg-hover: #00B2A7;
  --button-secondary-text-hover: #1C1918;
  /* Button - Tertiary */
  --button-tertiary-bg: #E5F5F4;
  --button-tertiary-border: #00B2A7;
  --button-tertiary-text: #013132;
  --button-tertiary-bg-hover: #9CD3CF;
  --button-tertiary-border-hover: #035D63;
  --button-tertiary-text-hover: #1C1918;
  /* Button - Disabled */
  --button-disabled-bg: #CFCBCA;
  --button-disabled-text: #4F4C4B;
  /* Link */
  --link-default: #035D63;
  --link-hover: #1B7E7E;
  --link-inverse-default: #F8FCFB;
  --link-inverse-hover: #9CD3CF;
  /* Banner */
  --banner-info-bg: #035D63;
  --banner-info-text: #FFFFFF;
  --banner-warning-bg: #FDDC6D;
  --banner-warning-text: #1A1A1A;
  --banner-danger-bg: #CE202F;
  --banner-danger-text: #FFFFFF;
  /* Accent */
  --accent-none: transparent;
  --accent-primary: #1B7E7E;
  --accent-tertiary: #9CD3CF;
  --accent-purple: #6673AC;
  --accent-blue: #2070BB;
  --accent-yellow: #ECB704;
  --accent-red: #DA7474;
  /* Card */
  --card-bg: #F8FCFB;
  --card-bg-hover: #E5F5F4;
  --card-cta-bg: #E5F5F4;
  --card-cta-bg-hover: #BCE5E3;
  /* Tag - Primary */
  --tag-primary-bg: #035D63;
  --tag-primary-text: #E5F5F4;
  /* Tag - Tertiary */
  --tag-tertiary-bg: #BCE5E3;
  --tag-tertiary-text: #035D63;
  /* Border */
  --border-default: #9C9897;
  --border-primary: #1B7E7E;
  --border-muted: #CFCBCA;
  /* Table - Border */
  --table-border-default: #00B2A7;
  --table-border-muted: #CFCBCA;
  /* Table - Surface */
  --table-surface-default: #FFFFFF;
  --table-surface-header: #BCE5E3;
  --table-surface-primary: #E5F5F4;
  /* Input */
  --input-bg: #FFFFFF;
  --input-border-default: #9C9897;
  --input-border-active: #363231;
  --input-border-focus: #1B7E7E;
  --input-border-required: #DA7474;
  /* Input - Required state */
  --input-required-bg: #EFC3C3;
  --input-required-border: #C93636;
  /* Input - Help state */
  --input-help-bg: #BCE5E3;
  --input-help-border: #1B7E7E;
  /* Neutral */
  --neutral-50: #FFFDFC;
  --neutral-100: #F4F1F1;
  --neutral-200: #CFCBCA;
  --neutral-300: #B6B1B0;
  --neutral-400: #9C9897;
  --neutral-500: #837F7E;
  --neutral-600: #696564;
  --neutral-700: #4F4C4B;
  --neutral-800: #363231;
  --neutral-900: #1C1918;
  --neutral-1000: #000000;
  --neutral-white: #FFFFFF;
  --neutral-transparency: transparent;
  /* Brand — Cyan */
  --brand-cyan-50: #F8FCFB;
  --brand-cyan-100: #E5F5F4;
  --brand-cyan-200: #BCE5E3;
  --brand-cyan-300: #9CD3CF;
  --brand-cyan-400: #79C3BE;
  --brand-cyan-500: #5EC5BE;
  --brand-cyan-600: #00B2A7;
  --brand-cyan-700: #1B7E7E;
  --brand-cyan-800: #035D63;
  --brand-cyan-900: #013132;
  /* Brand — Purple */
  --brand-purple-500: #6673AC;
  --brand-purple-700: #3C426E;
  /* Brand — Blue */
  --brand-blue-600: #2070BB;
  /* Tertiary — Yellow */
  --tertiary-yellow-100: #FEF3CD;
  --tertiary-yellow-200: #FDE69B;
  --tertiary-yellow-300: #FDDC6D;
  --tertiary-yellow-500: #ECB704;
  /* Tertiary — Orange */
  --tertiary-orange-200: #F3D1A5;
  --tertiary-orange-300: #EDBA78;
  --tertiary-orange-400: #E49B39;
  --tertiary-orange-500: #E18D1F;
  /* Tertiary — Red */
  --tertiary-red-200: #EFC3C3;
  --tertiary-red-400: #E49A9A;
  --tertiary-red-500: #DA7474;
  --tertiary-red-600: #C93636;
  --tertiary-red-700: #8A2525;
}
@font-face {
  font-family: "centralesansbook", "sans-serif";
  font-display: swap;
  /*src: local(''), url('/css/fonts/Aptos.ttf') format('truetype');*/
}
:root {
  --btn-spacing: 20px;
  --max: 1536px;
  --grid-gutter: 24px;
  --grid-padding-outer: 24px;
  --padding-inner: 0;
  --spacing-grid-gutter: 28px;
  --spacing-container-gutters: 28px;
  --grid-content-max: 1488px;
  --type-0: 16px;
  --type-1: 18px;
  --type-2: 19px;
  --type-3: 21px;
  --type-4: 24px;
  --type-5: 26px;
  --type-6: 29px;
  --fluid-spacing-none: 0px;
  --fluid-spacing-4xs: 5px;
  --fluid-spacing-3xs: 10px;
  --fluid-spacing-2xs: 15px;
  --fluid-spacing-xs: 20px;
  --fluid-spacing-s: 25px;
  --fluid-spacing-m: 30px;
  --fluid-spacing-l: 35px;
  --fluid-spacing-xl: 45px;
  --fluid-spacing-2xl: 50px;
  --fluid-spacing-3xl: 60px;
  --fluid-spacing-4xl: 70px;
  --fluid-spacing-5xl: 80px;
  --fluid-spacing-6xl: 90px;
  --fluid-spacing-7xl: 100px;
  --fluid-spacing-sm: 28px;
  --grid-col-1-min: 59px;
  --grid-col-1-max: 102px;
  --grid-col-2-min: 143px;
  --grid-col-2-max: 228px;
  --grid-col-3-min: 226px;
  --grid-col-3-max: 354px;
  --grid-col-4-min: 309px;
  --grid-col-4-max: 480px;
  --grid-col-5-min: 393px;
  --grid-col-5-max: 606px;
  --grid-col-6-min: 476px;
  --grid-col-6-max: 732px;
  --grid-col-7-min: 559px;
  --grid-col-7-max: 858px;
  --grid-col-8-min: 643px;
  --grid-col-8-max: 984px;
  --grid-col-9-min: 726px;
  --grid-col-9-max: 1110px;
  --grid-col-10-min: 809px;
  --grid-col-10-max: 1236px;
  --grid-col-11-min: 893px;
  --grid-col-11-max: 1362px;
  --grid-col-12-min: 976px;
  --grid-col-12-max: 1488px;
  --spacing-gap-16: 16px;
  --spacing-gap-8: 8px;
}
@media (min-width: 1024px) {
  :root {
    --btn-spacing: 20px;
    --max: 1536px;
    --grid-gutter: 24px;
    --grid-padding-outer: 24px;
    --padding-inner: 0;
    --spacing-grid-gutter: 28px;
    --grid-content-max: 1488px;
    --type-0: 16px;
    --type-1: 18px;
    --type-2: 19px;
    --type-3: 21px;
    --type-4: 24px;
    --type-5: 26px;
    --type-6: 29px;
    --fluid-spacing-4xs: 5px;
    --fluid-spacing-3xs: 10px;
    --fluid-spacing-2xs: 15px;
    --fluid-spacing-xs: 20px;
    --fluid-spacing-s: 25px;
    --fluid-spacing-m: 30px;
    --fluid-spacing-l: 35px;
    --fluid-spacing-xl: 45px;
    --fluid-spacing-2xl: 50px;
    --fluid-spacing-3xl: 60px;
    --fluid-spacing-4xl: 70px;
    --fluid-spacing-5xl: 80px;
    --fluid-spacing-6xl: 90px;
    --fluid-spacing-7xl: 100px;
    --fluid-spacing-sm: 28px;
    --grid-col-1-min: 59px;
    --grid-col-1-max: 102px;
    --grid-col-2-min: 143px;
    --grid-col-2-max: 228px;
    --grid-col-3-min: 226px;
    --grid-col-3-max: 354px;
    --grid-col-4-min: 309px;
    --grid-col-4-max: 480px;
    --grid-col-5-min: 393px;
    --grid-col-5-max: 606px;
    --grid-col-6-min: 476px;
    --grid-col-6-max: 732px;
    --grid-col-7-min: 559px;
    --grid-col-7-max: 858px;
    --grid-col-8-min: 643px;
    --grid-col-8-max: 984px;
    --grid-col-9-min: 726px;
    --grid-col-9-max: 1110px;
    --grid-col-10-min: 809px;
    --grid-col-10-max: 1236px;
    --grid-col-11-min: 893px;
    --grid-col-11-max: 1362px;
    --grid-col-12-min: 976px;
    --grid-col-12-max: 1488px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --btn-spacing: 12px;
    --max: 1023px;
    --grid-gutter: 20px;
    --grid-padding-outer: 20px;
    --padding-inner: 0;
    --spacing-grid-gutter: 24px;
    --grid-content-max: 983px;
    --fluid-spacing-4xs: 5px;
    --fluid-spacing-3xs: 9px;
    --fluid-spacing-2xs: 14px;
    --fluid-spacing-xs: 18px;
    --fluid-spacing-s: 23px;
    --fluid-spacing-m: 28px;
    --fluid-spacing-l: 32px;
    --fluid-spacing-xl: 42px;
    --fluid-spacing-2xl: 46px;
    --fluid-spacing-3xl: 56px;
    --fluid-spacing-4xl: 65px;
    --fluid-spacing-5xl: 74px;
    --fluid-spacing-6xl: 84px;
    --fluid-spacing-7xl: 93px;
    --fluid-spacing-sm: 28px;
    --type-0: 16px;
    --type-1: 17px;
    --type-2: 19px;
    --type-3: 20px;
    --type-4: 22px;
    --type-5: 24px;
    --type-6: 27px;
    --grid-col-1-min: 42px;
    --grid-col-1-max: 64px;
    --grid-col-2-min: 105px;
    --grid-col-2-max: 147px;
    --grid-col-3-min: 167px;
    --grid-col-3-max: 231px;
    --grid-col-4-min: 229px;
    --grid-col-4-max: 314px;
    --grid-col-5-min: 292px;
    --grid-col-5-max: 398px;
    --grid-col-6-min: 354px;
    --grid-col-6-max: 482px;
    --grid-col-7-min: 416px;
    --grid-col-7-max: 565px;
    --grid-col-8-min: 479px;
    --grid-col-8-max: 649px;
    --grid-col-9-min: 541px;
    --grid-col-9-max: 732px;
    --grid-col-10-min: 603px;
    --grid-col-10-max: 816px;
    --grid-col-11-min: 666px;
    --grid-col-11-max: 899px;
    --grid-col-12-min: 728px;
    --grid-col-12-max: 983px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  :root {
    --btn-spacing: 12px;
    --max: 731px;
    --grid-gutter: 18px;
    --grid-padding-outer: 18px;
    --padding-inner: 0;
    --spacing-grid-gutter: 20px;
    --grid-content-max: 731px;
    --fluid-spacing-4xs: 4px;
    --fluid-spacing-3xs: 8px;
    --fluid-spacing-2xs: 13px;
    --fluid-spacing-xs: 17px;
    --fluid-spacing-s: 21px;
    --fluid-spacing-m: 25px;
    --fluid-spacing-l: 30px;
    --fluid-spacing-xl: 38px;
    --fluid-spacing-2xl: 42px;
    --fluid-spacing-3xl: 51px;
    --fluid-spacing-4xl: 59px;
    --fluid-spacing-5xl: 68px;
    --fluid-spacing-6xl: 76px;
    --fluid-spacing-7xl: 85px;
    --fluid-spacing-sm: 20px;
    --type-0: 16px;
    --type-1: 17px;
    --type-2: 18px;
    --type-3: 19px;
    --type-4: 21px;
    --type-5: 22px;
    --type-6: 24px;
    --grid-col-1-min: 444px;
    --grid-col-1-max: 731px;
    --grid-col-2-min: 444px;
    --grid-col-2-max: 731px;
    --grid-col-3-min: 444px;
    --grid-col-3-max: 731px;
    --grid-col-4-min: 444px;
    --grid-col-4-max: 731px;
    --grid-col-5-min: 444px;
    --grid-col-5-max: 731px;
    --grid-col-6-min: 444px;
    --grid-col-6-max: 731px;
    --grid-col-7-min: 444px;
    --grid-col-7-max: 731px;
    --grid-col-8-min: 444px;
    --grid-col-8-max: 731px;
    --grid-col-9-min: 444px;
    --grid-col-9-max: 731px;
    --grid-col-10-min: 444px;
    --grid-col-10-max: 731px;
    --grid-col-11-min: 444px;
    --grid-col-11-max: 731px;
    --grid-col-12-min: 444px;
    --grid-col-12-max: 731px;
  }
}
@media (max-width: 480px) {
  :root {
    --btn-spacing: 12px;
    --max: 479px;
    --grid-gutter: 16px;
    --grid-padding-outer: 16px;
    --padding-inner: 0;
    --spacing-grid-gutter: 20px;
    --grid-content-max: 447px;
    --fluid-spacing-4xs: 4px;
    --fluid-spacing-3xs: 8px;
    --fluid-spacing-2xs: 12px;
    --fluid-spacing-xs: 16px;
    --fluid-spacing-s: 20px;
    --fluid-spacing-m: 24px;
    --fluid-spacing-l: 28px;
    --fluid-spacing-xl: 36px;
    --fluid-spacing-2xl: 40px;
    --fluid-spacing-3xl: 48px;
    --fluid-spacing-4xl: 56px;
    --fluid-spacing-5xl: 64px;
    --fluid-spacing-6xl: 72px;
    --fluid-spacing-7xl: 80px;
    --fluid-spacing-sm: 20px;
    --type-0: 16px;
    --type-1: 17px;
    --type-2: 18px;
    --type-3: 19px;
    --type-4: 20px;
    --type-5: 21px;
    --type-6: 23px;
    --grid-col-1-min: 288px;
    --grid-col-1-max: 447px;
    --grid-col-2-min: 288px;
    --grid-col-2-max: 447px;
    --grid-col-3-min: 288px;
    --grid-col-3-max: 447px;
    --grid-col-4-min: 288px;
    --grid-col-4-max: 447px;
    --grid-col-5-min: 288px;
    --grid-col-5-max: 447px;
    --grid-col-6-min: 288px;
    --grid-col-6-max: 447px;
    --grid-col-7-min: 288px;
    --grid-col-7-max: 447px;
    --grid-col-8-min: 288px;
    --grid-col-8-max: 447px;
    --grid-col-9-min: 288px;
    --grid-col-9-max: 447px;
    --grid-col-10-min: 288px;
    --grid-col-10-max: 447px;
    --grid-col-11-min: 288px;
    --grid-col-11-max: 447px;
    --grid-col-12-min: 288px;
    --grid-col-12-max: 447px;
  }
}
.hero-container {
  background: var(--Brand-Gradient-Light, linear-gradient(270deg, var(--brand-cyan-200, #BCE5E3) 0%, var(--brand-cyan-100, #E5F5F4) 100%));
}

