:root {
  /* G6 Colors */
  --color-primary: rgb(50, 173, 230);
  --color-primary--alt: rgb(61, 206, 198);
  --color-primary-hover: #1b88d1;
  --color-secondary: #1d355e;
  --color-secondary-hover: rgb(61, 206, 198);
  --color-secondary-light: rgb(61, 206, 198);
  --color-secondary-light-hover: #1d355e;
  --color-tertiary: rgb(49, 112, 143);
  --color-tertiary-hover: green;
  --color-white: #ffffff;
  --color-white-alt: #fefefe;
  --color-black-alt: rgb(77, 77, 77);
  --color-neutral: rgb(35, 35, 35);
  --color-neutral-dark: rgb(35, 35, 35);
  --color-neutral-light: rgb(35, 35, 35);
  --color-neutral-gray: rgb(35, 35, 35);
  --color-border: rgba(168, 168, 168, 0.2);
  --color-decoration-primary: #1A2922;
  --color-decoration-secondary: #1A2922;
  --color-decoration-tertiary: #1A2922;
  --color-shade: #000501;
  --color-warning-red: #E94322;
  --color-warning-yellow: #FFCD45;
  /* Exported from Adi's FIGMA */
  /* Primitive Colors */
  --color-accent-blue-100: rgb(0, 166, 251, 0.1);
  --color-accent-blue-200: rgb(0, 166, 251, 0.2);
  --color-accent-blue-300: rgb(0, 166, 251, 0.3);
  --color-accent-blue-400: rgb(0, 166, 251, 0.4);
  --color-accent-blue-50: rgb(0, 166, 251, 0.05);
  --color-accent-blue-500: rgb(0, 166, 251, 0.5);
  --color-accent-blue-600: rgb(0, 166, 251, 0.6);
  --color-accent-blue-700: rgb(0, 166, 251, 0.7);
  --color-accent-blue-800: rgb(0, 166, 251, 0.8);
  --color-accent-blue-900: rgb(0, 166, 251, 0.9);
  --color-accent-blue-950: rgb(0, 166, 251);
  --color-accent-brown-100: rgb(122, 84, 46, 0.1);
  --color-accent-brown-200: rgb(122, 84, 46, 0.2);
  --color-accent-brown-300: rgb(122, 84, 46, 0.3);
  --color-accent-brown-400: rgb(122, 84, 46, 0.4);
  --color-accent-brown-50: rgb(122, 84, 46, 0.05);
  --color-accent-brown-500: rgb(122, 84, 46, 0.5);
  --color-accent-brown-600: rgb(122, 84, 46, 0.6);
  --color-accent-brown-700: rgb(122, 84, 46, 0.7);
  --color-accent-brown-800: rgb(122, 84, 46, 0.8);
  --color-accent-brown-900: rgb(122, 84, 46, 0.9);
  --color-accent-brown-950: rgb(122, 84, 46);
  --color-accent-green-100: rgb(46, 171, 64, 0.1);
  --color-accent-green-200: rgb(46, 171, 64, 0.2);
  --color-accent-green-300: rgb(46, 171, 64, 0.3);
  --color-accent-green-400: rgb(46, 171, 64, 0.4);
  --color-accent-green-50: rgb(46, 171, 64, 0.05);
  --color-accent-green-500: rgb(46, 171, 64, 0.5);
  --color-accent-green-600: rgb(46, 171, 64, 0.6);
  --color-accent-green-700: rgb(46, 171, 64, 0.7);
  --color-accent-green-800: rgb(46, 171, 64, 0.8);
  --color-accent-green-900: rgb(46, 171, 64, 0.9);
  --color-accent-green-950: rgb(46, 171, 64);
  --color-accent-purple-100: rgb(94, 35, 157, 0.1);
  --color-accent-purple-200: rgb(94, 35, 157, 0.2);
  --color-accent-purple-300: rgb(94, 35, 157, 0.3);
  --color-accent-purple-400: rgb(94, 35, 157, 0.4);
  --color-accent-purple-50: rgb(94, 35, 157, 0.05);
  --color-accent-purple-500: rgb(94, 35, 157, 0.5);
  --color-accent-purple-600: rgb(94, 35, 157, 0.6);
  --color-accent-purple-700: rgb(94, 35, 157, 0.7);
  --color-accent-purple-800: rgb(94, 35, 157, 0.8);
  --color-accent-purple-900: rgb(94, 35, 157, 0.9);
  --color-accent-purple-950: rgb(94, 35, 157);
  --color-accent-red-100: rgb(238, 69, 69, 0.1);
  --color-accent-red-200: rgb(238, 69, 69, 0.2);
  --color-accent-red-300: rgb(238, 69, 69, 0.3);
  --color-accent-red-400: rgb(238, 69, 69, 0.4);
  --color-accent-red-50: rgb(238, 69, 69, 0.05);
  --color-accent-red-500: rgb(238, 69, 69, 0.5);
  --color-accent-red-600: rgb(238, 69, 69, 0.6);
  --color-accent-red-700: rgb(238, 69, 69, 0.7);
  --color-accent-red-800: rgb(238, 69, 69, 0.8);
  --color-accent-red-900: rgb(238, 69, 69, 0.9);
  --color-accent-red-950: rgb(238, 69, 69);
  --color-accent-teal-100: rgb(0, 155, 163, 0.1);
  --color-accent-teal-200: rgb(0, 155, 163, 0.2);
  --color-accent-teal-300: rgb(0, 155, 163, 0.3);
  --color-accent-teal-400: rgb(0, 155, 163, 0.4);
  --color-accent-teal-50: rgb(0, 155, 163, 0.05);
  --color-accent-teal-500: rgb(0, 155, 163, 0.5);
  --color-accent-teal-600: rgb(0, 155, 163, 0.6);
  --color-accent-teal-700: rgb(0, 155, 163, 0.7);
  --color-accent-teal-800: rgb(0, 155, 163, 0.8);
  --color-accent-teal-900: rgb(0, 155, 163, 0.9);
  --color-accent-teal-950: rgb(0, 155, 163);
  --color-brand-primary-100: rgb(141, 198, 63, 0.1);
  --color-brand-primary-200: rgb(141, 198, 63, 0.2);
  --color-brand-primary-300: rgb(141, 198, 63, 0.3);
  --color-brand-primary-400: rgb(141, 198, 63, 0.4);
  --color-brand-primary-50: rgb(141, 198, 63, 0.05);
  --color-brand-primary-500: rgb(141, 198, 63, 0.5);
  --color-brand-primary-600: rgb(141, 198, 63, 0.6);
  --color-brand-primary-700: rgb(141, 198, 63, 0.7);
  --color-brand-primary-800: rgb(141, 198, 63, 0.8);
  --color-brand-primary-900: rgb(141, 198, 63, 0.9);
  --color-brand-primary-950: rgb(141, 198, 63);
  --color-brand-secondary-100: rgb(253, 185, 19, 0.1);
  --color-brand-secondary-200: rgb(253, 185, 19, 0.2);
  --color-brand-secondary-300: rgb(253, 185, 19, 0.3);
  --color-brand-secondary-400: rgb(253, 185, 19, 0.4);
  --color-brand-secondary-50: rgb(253, 185, 19, 0.05);
  --color-brand-secondary-500: rgb(253, 185, 19, 0.5);
  --color-brand-secondary-600: rgb(253, 185, 19, 0.6);
  --color-brand-secondary-700: rgb(253, 185, 19, 0.7);
  --color-brand-secondary-800: rgb(253, 185, 19, 0.8);
  --color-brand-secondary-900: rgb(253, 185, 19, 0.9);
  --color-brand-secondary-950: rgb(253, 185, 19);
  --color-neutral-dark-100: rgb(25, 27, 31, 0.1);
  --color-neutral-dark-200: rgb(25, 27, 31, 0.2);
  --color-neutral-dark-300: rgb(25, 27, 31, 0.3);
  --color-neutral-dark-400: rgb(25, 27, 31, 0.4);
  --color-neutral-dark-50: rgb(25, 27, 31, 0.05);
  --color-neutral-dark-500: rgb(25, 27, 31, 0.5);
  --color-neutral-dark-600: rgb(25, 27, 31, 0.6);
  --color-neutral-dark-700: rgb(25, 27, 31, 0.7);
  --color-neutral-dark-800: rgb(25, 27, 31, 0.8);
  --color-neutral-dark-900: rgb(25, 27, 31, 0.9);
  --color-neutral-dark-950: rgb(25, 27, 31);
  --color-neutral-gray-100: rgb(140, 141, 143, 0.1);
  --color-neutral-gray-200: rgb(140, 141, 143, 0.2);
  --color-neutral-gray-300: rgb(140, 141, 143, 0.3);
  --color-neutral-gray-400: rgb(140, 141, 143, 0.4);
  --color-neutral-gray-50: rgb(140, 141, 143, 0.05);
  --color-neutral-gray-500: rgb(140, 141, 143, 0.5);
  --color-neutral-gray-600: rgb(140, 141, 143, 0.6);
  --color-neutral-gray-700: rgb(140, 141, 143, 0.7);
  --color-neutral-gray-800: rgb(140, 141, 143, 0.8);
  --color-neutral-gray-900: rgb(140, 141, 143, 0.9);
  --color-neutral-gray-950: rgb(140, 141, 143);
  --color-neutral-light-100: rgb(255, 255, 255, 0.1);
  --color-neutral-light-200: rgb(255, 255, 255, 0.2);
  --color-neutral-light-300: rgb(255, 255, 255, 0.3);
  --color-neutral-light-400: rgb(255, 255, 255, 0.4);
  --color-neutral-light-50: rgb(255, 255, 255, 0.05);
  --color-neutral-light-500: rgb(255, 255, 255, 0.5);
  --color-neutral-light-600: rgb(255, 255, 255, 0.6);
  --color-neutral-light-700: rgb(255, 255, 255, 0.7);
  --color-neutral-light-800: rgb(255, 255, 255, 0.8);
  --color-neutral-light-900: rgb(255, 255, 255, 0.9);
  --color-neutral-light-950: rgb(255, 255, 255);
  /* Token Colors */
  --color-border-devider: var(--color-neutral-dark-50);
  --color-border-primary: var(--color-brand-primary-950);
  --color-border-secondary: var(--color-neutral-dark-950);
  --color-border-secondary-invert: var(--color-neutral-light-950);
  --color-border-tertiery: var(--color-neutral-dark-100);
  --color-border-tertiery-invert: var(--color-neutral-light-100);
  --color-border-warning: var(--color-accent-red-950);
  --color-icon-blue-fade: var(--color-accent-blue-200);
  --color-icon-blue-primary: var(--color-accent-blue-950);
  --color-icon-brand-primary: var(--color-brand-primary-950);
  --color-icon-brand-primary-fade: var(--color-brand-primary-200);
  --color-icon-brand-secondary: var(--color-brand-secondary-950);
  --color-icon-brand-secondary-fade: var(--color-brand-secondary-200);
  --color-icon-brown-fade: var(--color-accent-brown-200);
  --color-icon-brown-primary: var(--color-accent-brown-950);
  --color-icon-dark-fade: var(--color-neutral-dark-200);
  --color-icon-dark-primary: var(--color-neutral-dark-950);
  --color-icon-green-fade: var(--color-accent-green-200);
  --color-icon-green-primary: var(--color-accent-green-950);
  --color-icon-light-fade: var(--color-neutral-light-200);
  --color-icon-light-primary: var(--color-neutral-light-950);
  --color-icon-purple-fade: var(--color-accent-purple-200);
  --color-icon-purple-primary: var(--color-accent-purple-950);
  --color-icon-red-fade: var(--color-accent-red-200);
  --color-icon-red-primary: var(--color-accent-red-950);
  --color-icon-teal-fade: var(--color-accent-teal-200);
  --color-icon-teal-primary: var(--color-accent-teal-950);
  --color-surface-brand-primary: var(--color-brand-primary-950);
  --color-surface-brand-secondary: var(--color-brand-secondary-950);
  --color-surface-overlay-dark-fade: var(--color-neutral-dark-200);
  --color-surface-overlay-dark-primary: var(--color-neutral-dark-800);
  --color-surface-overlay-dark-secondary: var(--color-neutral-dark-600);
  --color-surface-overlay-dark-tertiery: var(--color-neutral-dark-400);
  --color-surface-overlay-light-fade: var(--color-neutral-light-200);
  --color-surface-overlay-light-primary: var(--color-neutral-light-800);
  --color-surface-overlay-light-secondary: var(--color-neutral-light-600);
  --color-surface-overlay-light-tertiery: var(--color-neutral-light-400);
  --color-surface-primary: var(--color-neutral-light-950);
  --color-surface-secondary: var(--color-neutral-gray-50);
  --color-surface-tertiery: var(--color-neutral-dark-950);
  --color-surface-warning: var(--color-accent-red-950);
  --color-text-fade: var(--color-neutral-dark-200);
  --color-text-fade-invert: var(--color-neutral-light-400);
  --color-text-primary: var(--color-neutral-dark-950);
  --color-text-primary-brand: var(--color-brand-primary-950);
  --color-text-primary-invert: var(--color-neutral-light-950);
  --color-text-secondary: var(--color-neutral-dark-700);
  --color-text-secondary-brand: var(--color-brand-secondary-950);
  --color-text-secondary-invert: var(--color-neutral-light-700);
  --color-text-tertiery: var(--color-neutral-dark-400);
  --color-text-tertiery-invert: var(--color-neutral-light-400);
  --color-text-warning: var(--color-accent-red-950);
}
:root {
  /* Section Container Width */
  --container-width: 1206px;
  /* Section Gutter (Left and Right Padding) */
  --gutter: 24px;
  --section-padding-block: 96px;
  /*G6 Space
  --------------------------------------------- */
  --space-3xl: 96px;
  --space-2xl: 72px;
  --space-xl: 48px;
  --space-l: 24px;
  --space-m: 12px;
  --space-s: 8px;
  --space-xs: 4px;
  --space-xxs: 2px;
  /* Primitives numbers */
  --core-radius-0: 0px;
  --core-radius-4: 4px;
  --core-radius-8: 8px;
  --core-radius-12: 12px;
  --core-radius-16: 16px;
  --core-radius-24: 24px;
  --core-radius-32: 32px;
  --core-radius-48: 48px;
  --core-radius-64: 64px;
  --core-radius-72: 72px;
  --core-radius-96: 96px;
  --core-radius-128: 128px;
  --core-radius-160: 160px;
  --core-radius-192: 192px;
  /*
   --core-spacing-0: 0px;
   --core-spacing-4: 4px;
   --core-spacing-8: 8px;
   --core-spacing-12: 12px;
   --core-spacing-16: 16px;
   --core-spacing-20: 20px;
   --core-spacing-24: 24px;
   --core-spacing-28: 28px;
   --core-spacing-32: 32px;
   --core-spacing-36: 36px;
   --core-spacing-40: 40px;
   --core-spacing-44: 44px;
   --core-spacing-48: 48px;
   --core-spacing-52: 52px;
   --core-spacing-56: 56px;
   --core-spacing-60: 60px;
   --core-spacing-64: 64px;
   --core-spacing-68: 68px;
   --core-spacing-72: 72px;
   --core-spacing-76: 76px;
   --core-spacing-80: 80px;
   --core-spacing-84: 84px;
   --core-spacing-88: 88px;
   --core-spacing-92: 92px;
   --core-spacing-96: 96px;
   --core-spacing-100: 100px;
   --core-spacing-104: 104px;
   --core-spacing-108: 108px;
   --core-spacing-112: 112px;
   --core-spacing-116: 116px;
   --core-spacing-120: 120px;
   --core-spacing-124: 124px;
   --core-spacing-128: 128px;
   --core-spacing-132: 132px;
   --core-spacing-136: 136px;
   --core-spacing-140: 140px;
   --core-spacing-144: 144px;
   --core-spacing-148: 148px;
   --core-spacing-152: 152px;
   --core-spacing-156: 156px;
   --core-spacing-160: 160px;
   */
  --core-spacing-0: 0px;
  --core-spacing-4: 4px;
  --core-spacing-8: 8px;
  --core-spacing-12: clamp(10px, calc(0.625rem + ((1vw - 4.8px) * 0.3125)), 12px);
  --core-spacing-16: clamp(12px, calc(0.75rem + ((1vw - 4.8px) * 0.625)), 16px);
  --core-spacing-20: 20px;
  --core-spacing-24: 24px;
  --core-spacing-28: 28px;
  --core-spacing-32: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 1.875)), 32px);
  --core-spacing-36: 36px;
  --core-spacing-40: 40px;
  --core-spacing-44: 44px;
  --core-spacing-48: 48px;
  --core-spacing-52: 52px;
  --core-spacing-56: 56px;
  --core-spacing-60: 60px;
  --core-spacing-64: clamp(32px, calc(2rem + ((1vw - 4.8px) * 5)), 64px);
  --core-spacing-68: 68px;
  --core-spacing-72: 72px;
  --core-spacing-76: 76px;
  --core-spacing-80: 80px;
  --core-spacing-84: 84px;
  --core-spacing-88: clamp(52px, calc(3.25rem + ((1vw - 4.8px) * 5.625)), 88px);
  --core-spacing-92: clamp(54px, calc(3.375rem + ((1vw - 4.8px) * 5.9375)), 92px);
  --core-spacing-96: clamp(56px, calc(3.5rem + ((1vw - 4.8px) * 6.25)), 96px);
  --core-spacing-100: clamp(60px, calc(3.75rem + ((1vw - 4.8px) * 6.25)), 100px);
  --core-spacing-104: clamp(72px, calc(4.5rem + ((1vw - 4.8px) * 5)), 104px);
  --core-spacing-108: clamp(74px, calc(4.625rem + ((1vw - 4.8px) * 5.3125)), 108px);
  --core-spacing-112: clamp(76px, calc(4.75rem + ((1vw - 4.8px) * 5.625)), 112px);
  --core-spacing-116: clamp(78px, calc(4.875rem + ((1vw - 4.8px) * 5.9375)), 116px);
  --core-spacing-120: clamp(80px, calc(5rem + ((1vw - 4.8px) * 6.25)), 120px);
  --core-spacing-124: clamp(82px, calc(5.125rem + ((1vw - 4.8px) * 6.5625)), 124px);
  --core-spacing-128: clamp(84px, calc(5.25rem + ((1vw - 4.8px) * 6.875)), 128px);
  --core-spacing-132: clamp(86px, calc(5.375rem + ((1vw - 4.8px) * 7.1875)), 132px);
  --core-spacing-136: clamp(88px, calc(5.5rem + ((1vw - 4.8px) * 7.5)), 136px);
  --core-spacing-140: clamp(90px, calc(5.625rem + ((1vw - 4.8px) * 7.8125)), 140px);
  --core-spacing-144: clamp(92px, calc(5.75rem + ((1vw - 4.8px) * 8.125)), 144px);
  --core-spacing-148: clamp(94px, calc(5.875rem + ((1vw - 4.8px) * 8.4375)), 148px);
  --core-spacing-152: clamp(96px, calc(6rem + ((1vw - 4.8px) * 8.75)), 152px);
  --core-spacing-156: clamp(96px, calc(6rem + ((1vw - 4.8px) * 9.375)), 156px);
  --core-spacing-160: clamp(96px, calc(6rem + ((1vw - 4.8px) * 10)), 160px);
  /* Token numbers */
  --base-gap-none: var(--core-spacing-0);
  --base-gap-xxs: var(--core-spacing-4);
  --base-gap-xs: var(--core-spacing-8);
  --base-gap-sm: var(--core-spacing-12);
  --base-gap-md: var(--core-spacing-16);
  --base-gap-lg: var(--core-spacing-24);
  --base-gap-xl: var(--core-spacing-32);
  --base-gap-2xl: var(--core-spacing-64);
  --base-gap-3xl: var(--core-spacing-96);
  --base-padding-none: var(--core-spacing-0);
  --base-padding-xxs: var(--core-spacing-4);
  --base-padding-xs: var(--core-spacing-8);
  --base-padding-sm: var(--core-spacing-12);
  --base-padding-md: var(--core-spacing-16);
  --base-padding-lg: var(--core-spacing-24);
  --base-padding-xl: var(--core-spacing-32);
  --base-padding-2xl: var(--core-spacing-64);
  --base-padding-3xl: var(--core-spacing-96);
  --base-padding-4xl: var(--core-spacing-128);
  --base-padding-5xl: var(--core-spacing-160);
  --base-radius-none: var(--core-radius-0);
  --base-radius-xs: var(--core-radius-8);
  --base-radius-sm: var(--core-radius-12);
  --base-radius-md: var(--core-radius-16);
  --base-radius-xl: var(--core-radius-24);
  --base-radius-2xl: var(--core-radius-48);
  --base-radius-full: var(--core-radius-96);
}
:root {
  --text-display-xl: clamp(50px, calc(3.125rem + ((1vw - 4.8px) * 7.5665)), 124px);
  --text-display-l: clamp(50px, calc(3.125rem + ((1vw - 4.8px) * 3.8855)), 88px);
  --text-display-m: clamp(40px, calc(2.5rem + ((1vw - 4.8px) * 1.0225)), 50px);
  --text-display-s: clamp(28px, calc(1.75rem + ((1vw - 4.8px) * 1.227)), 40px);
  --text-title-4xl: clamp(36px, calc(2.25rem + ((1vw - 4.8px) * 4.2188)), 64px);
  --text-title-3xl: clamp(34px, calc(2.125rem + ((1vw - 4.8px) * 3.2813)), 53px);
  --text-title-2xl: clamp(30px, calc(1.875rem + ((1vw - 4.8px) * 2.6563)), 48px);
  --text-title-xl: clamp(26px, calc(1.625rem + ((1vw - 4.8px) * 2.0313)), 38px);
  --text-title-l: clamp(22px, calc(1.375rem + ((1vw - 4.8px) * 1.4063)), 32px);
  --text-title-m: clamp(18px, calc(1.125rem + ((1vw - 4.8px) * 0.7813)), 24px);
  --text-title-s: 18px;
  --text-title-xs: 16px;
  --text-title-2xs: 14px;
  --text-title-3xs: 12px;
  --text-body-2xl: 48px;
  --text-body-xl: 27px;
  --text-body-l: 20px;
  --text-body-m: 16px;
  --text-body-s: 14px;
  --text-body-xs: 12px;
  --text-body-2xs: 11px;
  --text-label-xl: 23px;
  --text-label-l: 20px;
  --text-label-m: 16px;
  --text-label-s: 14px;
  --text-label-xs: 12px;
  --font-headings: "Montserrat";
  --font-body: "Montserrat";
  --font-display: var(--font-headings);
  --weight-display: 500;
  --weight-heading: 700;
  --weight-body: 400;
  --line-height-display: 1.2;
  --line-height-heading: 1.1;
  --line-height-body: 1.4;
}
/* SCSS
--------------------------------------------- */
.text-display--xl {
  font-family: var(--font-display);
  font-size: var(--text-display-xl);
  font-weight: var(--weight-display);
  line-height: var(--line-height-display);
}
.text-display--l {
  font-family: var(--font-display);
  font-size: var(--text-display-l);
  font-weight: var(--weight-display);
  line-height: var(--line-height-display);
}
.text-display--m {
  font-family: var(--font-display);
  font-size: var(--text-display-m);
  font-weight: var(--weight-display);
  line-height: var(--line-height-display);
}
.text-display--s {
  font-family: var(--font-display);
  font-size: var(--text-display-s);
  font-weight: var(--weight-display);
  line-height: var(--line-height-display);
}
.text-title--4xl {
  font-family: var(--font-headings);
  font-size: var(--text-title-4xl);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--3xl {
  font-family: var(--font-headings);
  font-size: var(--text-title-3xl);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--2xl {
  font-family: var(--font-headings);
  font-size: var(--text-title-2xl);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--xl {
  font-family: var(--font-headings);
  font-size: var(--text-title-xl);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--l {
  font-family: var(--font-headings);
  font-size: var(--text-title-l);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--m {
  font-family: var(--font-headings);
  font-size: var(--text-title-m);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--s {
  font-family: var(--font-headings);
  font-size: var(--text-title-s);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--xs {
  font-family: var(--font-headings);
  font-size: var(--text-title-xs);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--2xs {
  font-family: var(--font-headings);
  font-size: var(--text-title-2xs);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-title--3xs {
  font-family: var(--font-headings);
  font-size: var(--text-title-3xs);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
.text-body--2xl {
  font-family: var(--font-body);
  font-size: var(--text-body-2xl);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--xl {
  font-family: var(--font-body);
  font-size: var(--text-body-xl);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--l {
  font-family: var(--font-body);
  font-size: var(--text-body-l);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--m {
  font-family: var(--font-body);
  font-size: var(--text-body-m);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--s {
  font-family: var(--font-body);
  font-size: var(--text-body-s);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--xs {
  font-family: var(--font-body);
  font-size: var(--text-body-xs);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-body--2xs {
  font-family: var(--font-body);
  font-size: var(--text-body-2xs);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-label--xl {
  font-family: var(--font-body);
  font-size: var(--text-label-xl);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-label--l {
  font-family: var(--font-body);
  font-size: var(--text-label-l);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-label--m {
  font-family: var(--font-body);
  font-size: var(--text-label-m);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-label--s {
  font-family: var(--font-body);
  font-size: var(--text-label-s);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
.text-label--xs {
  font-family: var(--font-body);
  font-size: var(--text-label-xs);
  font-weight: var(--weight-body);
  line-height: var(--line-height-body);
}
/* Default Headings Tags
--------------------------------------------- */
:is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-headings);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
}
h1 {
  font-size: var(--text-title-3xl);
  font-weight: 700;
}
h2 {
  font-size: var(--text-title-xl);
}
h3 {
  font-size: var(--text-title-l);
}
h4 {
  font-size: var(--text-title-m);
}
h5 {
  font-size: var(--text-title-s);
}
h6 {
  font-size: var(--text-title-xs);
}
/* Relative */
.relative {
  position: relative;
}
.relative > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img), .relative > .ct-section-inner-wrap > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img), .relative > .brxe-container > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img) {
  z-index: 5;
}
/* Image */
.absolute-img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}
/* Overlay (darkens the Image) */
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.overlay--hero {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--spacing-radius-none, 0px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.overlay--section-cta {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(10, 71, 147, 0.9) 0%, rgba(10, 71, 147, 0.9) 100%);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
#brx-content, #brx-footer {
  /* Default */
  /* Green */
  /*.green-list ul li, ul.green-list li {
    list-style-type: none;
    margin: 6px 0;
}

.green-list ul, ul.green-list {
    padding-inline-start: 30px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.green-list ul li:before, ul.green-list li:before {
    content: '';
    background-image: url(/wp-content/uploads/2022/12/green-checklist.svg);
    background-size: contain;
    margin: 0px 0 0 -30px;
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
}*/
  /* Gray */
  /*.gray-list ul li, ul.gray-list li {
    list-style-type: none;
    margin: 6px 0;
}

.gray-list ul, ul.gray-list {
    padding-inline-start: 30px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.gray-list ul li:before, ul.gray-list li:before {
    content: '';
    background-image: url(/wp-content/uploads/2022/11/gray-checkList.svg);
    background-size: contain;
    margin: 0px 0 0 -30px;
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
}*/
  /* Blue */
  /*.blue-list ul li, ul.blue-list li {
    list-style-type: none;
    margin: 6px 0;
}

.blue-list ul, ul.blue-list {
    padding-inline-start: 36px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.blue-list ul li:before, ul.blue-list li:before {
    content: '';
    background-image: url(/wp-content/uploads/2022/11/Check_Mark-icon.svg);
    background-size: contain;
    margin: 0px 0 0 -36px;
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
}*/
  /* Yellow */
  /*.yellow-list ul li, ul.yellow-list li {
    list-style-type: none;
    margin: 6px 0;
}

.yellow-list ul, ul.yellow-list {
    padding-inline-start: 30px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.yellow-list ul li:before, ul.yellow-list li:before {
    content: '';
    background-image: url(/wp-content/uploads/2022/10/yellow-checkList.svg);
    background-size: contain;
    margin: 0px 0 0 -30px;
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
}*/
  /* Unordered List Styling */
}
#brx-content .default-list ul li, #brx-content ul.default-list li, #brx-footer .default-list ul li, #brx-footer ul.default-list li {
  list-style-type: none;
  margin: 6px 0;
}
#brx-content .default-list ul, #brx-content ul.default-list, #brx-footer .default-list ul, #brx-footer ul.default-list {
  padding-inline-start: 30px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
#brx-content .default-list ul li:before, #brx-content ul.default-list li:before, #brx-footer .default-list ul li:before, #brx-footer ul.default-list li:before {
  content: "";
  background-image: url(/wp-content/uploads/2022/12/bullet.svg);
  background-size: contain;
  margin: 0px 0 0 -30px;
  width: 24px;
  height: 24px;
  position: absolute;
  background-repeat: no-repeat;
}
#brx-content .ul-nostyle ul, #brx-content ul.ul-nostyle, #brx-footer .ul-nostyle ul, #brx-footer ul.ul-nostyle {
  padding-inline-start: 0;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
#brx-content .ul-nostyle ul li, #brx-content ul.ul-nostyle li, #brx-footer .ul-nostyle ul li, #brx-footer ul.ul-nostyle li {
  list-style-type: none;
}
#brx-content .ul-nostyle ul li:before, #brx-content ul.ul-nostyle li:before, #brx-footer .ul-nostyle ul li:before, #brx-footer ul.ul-nostyle li:before {
  display: none;
  /*Add by Patrick*/
}
.ff-shortcode {
  width: 100%;
  max-width: 544px;
  text-align: left;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  content: "*" !important;
  color: #FF502A !important;
  margin-left: 1px !important;
}
.fluentform form {
  /* gap of container*/
  /* remove unwanted space above the form */
  /* Labels */
  /* Input */
  /* Submit Button */
  /* Next page button */
  /* Radio Fields */
  /* Checkbox Fields (And GDPR) */
}
@media (min-width: 768px) {
  .fluentform form .ff-t-container {
    gap: var(--core-spacing-32) !important;
  }
}
.fluentform form .ff_submit_btn_wrapper {
  margin-top: var(--space-m);
  margin-bottom: 0px;
}
.fluentform form .ff_screen_reader_title {
  display: block;
}
.fluentform form .ff-el-input--label {
  width: 100%;
  margin-bottom: 4px !important;
}
.fluentform form .ff-el-input--label label {
  width: 100%;
  text-align: left;
  font-weight: 600;
  color: var(--base);
  letter-spacing: -0.45px;
}
.fluentform form .ff-el-input--content {
  /* Select Type Input */
}
.fluentform form .ff-el-input--content .ff-el-form-control {
  padding: 22px 71px;
  border: none;
  border-radius: 8px;
  font-size: var(--text-m);
  line-height: 1.5;
  font-family: "Gilroy";
  font-weight: 300;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.07);
  /* Placeholder */
  /* When hovered */
  /* When clicked */
}
.fluentform form .ff-el-input--content .ff-el-form-control::placeholder {
  color: var(--base);
}
.fluentform form .ff-el-input--content .ff-el-form-control:hover {
  border: 1px solid var(--secondary);
  box-shadow: 0px 0px 10px var(--secondary-trans-10);
}
.fluentform form .ff-el-input--content .ff-el-form-control:focus {
  border: 1px solid var(--primary);
}
.fluentform form .ff-el-input--content select.ff-el-form-control:not([size]):not([multiple]) {
  height: auto !important;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"] {
  width: 100%;
  background-color: var(--primary);
  color: #fff;
  padding: 12px 24px;
  border: 1px solid var(--primary);
  border-radius: 6px;
  transition: 0.3s;
  font-weight: 600;
  margin: 0 !important;
  cursor: pointer;
  line-height: 1.5 !important;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"]:hover {
  background-color: var(--primary-hover);
}
.fluentform form .ff-btn-next, .fluentform form .ff-btn-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary) !important;
  padding: 24px;
  min-width: 100px;
  border-radius: 0px;
  border: none;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
  font-weight: 800;
}
.fluentform form .ff-btn-next:hover, .fluentform form .ff-btn-prev:hover {
  background-color: var(--primary-hover) !important;
}
.fluentform form .ff-el-form-check {
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}
.fluentform form .ff-el-form-check label.ff-el-form-check-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  min-width: 24px;
  height: 24px;
  border: 1px solid var(--color-border-tertiery, rgba(25, 27, 31, 0.1));
  border-radius: 50%;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--primary);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 24px 24px #fff;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:checked::before {
  transform: scale(1);
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 12px 12px var(--primary);
  position: absolute;
  top: 50%;
  left: 50%;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:checked::after {
  transform: scale(1) translate(-50%, -50%);
}
.fluentform form .ff-el-form-check span {
  display: flex;
  flex-direction: column;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label {
  display: flex !important;
  gap: 16px;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label .ff_tc_checkbox {
  padding-top: 0px !important;
  width: auto;
  display: flex;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label input[type="checkbox"] {
  min-width: 24px;
  height: 24px;
  cursor: pointer;
  appearance: none;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--color-border-tertiery, rgba(25, 27, 31, 0.1));
  position: relative;
  transition: 0.2s;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label input[type="checkbox"]:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("https://aldermanstoyotacarwash.com/wp-content/uploads/2023/11/icon-check-white-1.svg");
  transform: translate(-50%, -50%);
  transition: 150ms;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
.fluentform form .ff-el-form-check.ff_item_selected input[type="checkbox"] {
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
.fluentform form .ff-el-form-check.ff_item_selected input[type="checkbox"]:before {
  transform: translate(-50%, -50%);
  opacity: 1;
}
@media (max-width: 600px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
}
.oxy-stock-content-styles, .brxe-post-content {
  width: 100%;
  /* Headings */
  /* Paragraphs */
  /* Links */
  /* Images */
  /*Gallery Block, added by Mariano*/
  /* Columns Block */
  /* RankMath FAQ Acordion */
  /* Lists */
}
.oxy-stock-content-styles :is(h2, h3, h4, h5, h6), .brxe-post-content :is(h2, h3, h4, h5, h6) {
  margin-top: var(--space-l);
  margin-bottom: var(--base-gap-md, 16px);
  color: var(--color-secondary);
}
.oxy-stock-content-styles :is(h2, h3, h4, h5, h6) > strong, .brxe-post-content :is(h2, h3, h4, h5, h6) > strong {
  font-weight: 600;
  color: var(--color-secondary);
}
.oxy-stock-content-styles :is(h2, h3, h4, h5, h6):first-child, .brxe-post-content :is(h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}
.oxy-stock-content-styles h2, .brxe-post-content h2 {
  font-size: var(--title-l);
}
.oxy-stock-content-styles h3, .brxe-post-content h3 {
  font-size: var(--title-m);
}
.oxy-stock-content-styles h4, .brxe-post-content h4 {
  font-size: var(--title-s);
}
.oxy-stock-content-styles h5, .brxe-post-content h5 {
  font-size: var(--title-xs);
}
.oxy-stock-content-styles p, .brxe-post-content p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.oxy-stock-content-styles p:first-child, .brxe-post-content p:first-child {
  margin-block-start: 0;
}
.oxy-stock-content-styles p:last-child, .brxe-post-content p:last-child {
  margin-block-end: 0;
}
.oxy-stock-content-styles strong, .brxe-post-content strong {
  font-weight: 600;
  color: var(--color-secondary);
}
.oxy-stock-content-styles a, .brxe-post-content a {
  font-weight: 700;
  color: var(--color-primary);
}
.oxy-stock-content-styles a:hover, .brxe-post-content a:hover {
  text-decoration: underline;
}
.oxy-stock-content-styles figure, .brxe-post-content figure {
  margin: 16px 0;
}
.oxy-stock-content-styles img, .brxe-post-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.oxy-stock-content-styles .wp-block-columns, .brxe-post-content .wp-block-columns {
  gap: 32px;
}
.oxy-stock-content-styles #rank-math-faq .rank-math-list-item, .brxe-post-content #rank-math-faq .rank-math-list-item {
  border-top: 1px solid var(--base-trans-10);
}
.oxy-stock-content-styles #rank-math-faq .rank-math-list-item:last-child, .brxe-post-content #rank-math-faq .rank-math-list-item:last-child {
  border-bottom: 1px solid var(--base-trans-10);
}
.oxy-stock-content-styles .rank-math-question, .brxe-post-content .rank-math-question {
  font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.4673)), 2.4rem);
  padding-top: var(--p24);
  padding-bottom: var(--p24);
  margin-bottom: 0px;
  width: 100%;
  padding-right: 4rem;
  transition-duration: 0.3s;
  position: relative;
  cursor: pointer;
}
.oxy-stock-content-styles .rank-math-question:after, .brxe-post-content .rank-math-question:after {
  background-image: url(/wp-content/uploads/2023/03/arrow-down-gray.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0px;
  transition-duration: 0.3s;
  content: "";
}
.oxy-stock-content-styles .rank-math-question.collapse:after, .brxe-post-content .rank-math-question.collapse:after {
  transform: rotate(180deg);
}
.oxy-stock-content-styles .rank-math-question:hover, .brxe-post-content .rank-math-question:hover {
  color: var(--primary);
}
.oxy-stock-content-styles .rank-math-question:hover:after, .brxe-post-content .rank-math-question:hover:after {
  background-image: url(/wp-content/uploads/2023/03/arrow-down-primary.svg);
}
.oxy-stock-content-styles .rank-math-answer, .brxe-post-content .rank-math-answer {
  padding-bottom: 24px;
}
.oxy-stock-content-styles ul, .brxe-post-content ul {
  padding-left: 40px;
}
.oxy-stock-content-styles ul li, .brxe-post-content ul li {
  margin-bottom: 8px;
}
/* Divider HR */
/*
hr.wp-block-separator {
    color: rgba(0, 0, 0, 0.1);
    margin: 24px 0;
}*/
/* Separator or Divider, Added by Mariano. */
.wp-block-separator {
  color: var(--color-surface-dark-fade, rgba(20, 18, 17, 0.1));
  border-style: solid;
  height: 1px;
  border-top: 0px solid;
}
.wp-block-separator.is-style-wide {
  width: 100%;
}
.wp-block-separator.is-style-dots {
  border-style: dotted;
}
/* Table */
.wp-block-table table, .oxy-stock-content-styles table {
  margin: 0;
}
.wp-block-table td, .wp-block-table th, .oxy-stock-content-styles td, .oxy-stock-content-styles th {
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.wp-block-table .wp-element-caption, .oxy-stock-content-styles .wp-element-caption {
  font-size: var(--text-s);
  margin-top: 8px;
  font-style: italic;
}
.wp-block-table.is-style-stripes, .oxy-stock-content-styles.is-style-stripes {
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*
        tbody tr:nth-child(odd) {
            background-color: #fff;
        }
        */
}
.wp-block-table.is-style-stripes thead, .oxy-stock-content-styles.is-style-stripes thead {
  border-bottom: 1px solid;
}
.wp-block-table.is-style-stripes thead th, .oxy-stock-content-styles.is-style-stripes thead th {
  text-align: left;
  border: none;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  border-color: rgba(0, 0, 0, 0.1);
}
.wp-block-table.is-style-stripes td, .oxy-stock-content-styles.is-style-stripes td {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
}
/* Quotes */
.wp-block-quote {
  margin: var(--space-m) 0;
  padding-left: var(--space-m);
  border-left: 1px solid var(--primary);
  display: flex;
  flex-direction: column;
}
.wp-block-quote p {
  font-style: italic;
}
.wp-block-quote cite {
  font-weight: 600;
  font-style: normal;
  margin-top: var(--space-xs);
}
.wp-block-pullquote {
  padding: 2em 0;
  background-color: #101014;
  color: white;
  border-radius: 12px;
  font-size: 1.3em;
}
.wp-block-pullquote blockquote {
  display: flex;
  flex-direction: column;
}
.wp-block-pullquote blockquote cite {
  margin-top: var(--space-s);
}
/* Clickable Parent Link */
.clickable-parent:not(a) {
  position: static;
}
.clickable-parent:not(a) a {
  position: static;
}
.clickable-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
button.clickable-parent, a.clickable-parent {
  position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
/* Acessibility
---------------------------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.hide {
  display: none;
}
/*Added by Mariano*/
/* Background Color
---------------------------------------------------------------------------- */
/*Backgrounds white
--------------------------------------------- */
.bg--white {
  background-color: #fff;
}
.bg--white-alt {
  background-color: var(--white-alt);
}
/*Backgrounds black
--------------------------------------------- */
.bg--black {
  background-color: #000;
}
.bg--black-alt {
  background-color: var(--black-alt);
}
/*Background gray
--------------------------------------------- */
.bg--gray {
  background-color: var(--gray);
}
/* Algins
---------------------------------------------------------------------------- */
/*Center All
--------------------------------------------- */
.center--all {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Grid
---------------------------------------------------------------------------- */
.grid--3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .grid--3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .grid--3 {
    grid-template-columns: 1fr;
  }
}
/* Buttons
---------------------------------------------------------------------------- */
/* Button Primary
--------------------------------------------- */
.btn--primary {
  background-color: var(--color-primary);
  color: white;
  border: 1px solid var(--color-border);
  padding: 15px 40px;
  font-size: var(--text-body-m);
  font-weight: 700;
  border-radius: 2px;
  line-height: 1.1;
  width: auto;
}
.btn--primary:hover {
  background-color: var(--color-primary-hover);
  border: 1px solid var(--color-primary-hover);
}
/* Button Secondary
--------------------------------------------- */
.btn--secondary {
  background-color: var(--color-secondary-light);
  color: white;
  border: 1px solid var(--color-secondary-light);
  padding: 15px 40px;
  font-size: var(--text-body-m);
  font-weight: 700;
  border-radius: 2px;
  line-height: 1.1;
}
.btn--secondary:hover {
  color: white;
  background-color: var(--color-primary-hover);
  border: 1px solid var(--color-primary-hover);
}
/* Button outline Primary
--------------------------------------------- */
.btn--outline {
  background-color: transparent;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  padding: 15px 40px;
  font-size: var(--text-body-m);
  font-weight: 600;
  border-radius: 2px;
  line-height: 1.1;
}
.btn--outline:hover {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: white;
  padding: 15px 40px;
}
/* Button outline Secondary
--------------------------------------------- */
.btn--outline-secondary {
  background-color: transparent;
  color: white;
  border: 1px solid var(--color-secondary-light);
  padding: 15px 40px;
  font-size: var(--text-body-m);
  font-weight: 600;
  border-radius: 2px;
  line-height: 1.1;
}
.btn--outline-secondary:hover {
  background-color: var(--color-secondary-light);
  border: 1px solid var(--color-secondary-light);
  color: white;
  padding: 15px 40px;
}
/* All links and buttons have default transition */
a, button {
  transition: 0.3s;
}
/*Links Rich Text Bricks*/
.brxe-text a {
  color: #31708f;
  font-weight: 600;
}
/* Remove default margin from paragraphs and re-add only on subsequent */
p {
  margin: 0;
}
p + p {
  margin-top: 1em;
}
/* Sections */
:where(section:not(section section)) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
/* Default GAP for sections and Containers */
.brxe-section {
  gap: var(--space-l);
}
.brxe-container {
  gap: var(--space-m);
}
/*Accordion Bricks*/
.media-text__dropdown-wrapper .brx-open .brxe-icon {
  transform: rotate(90deg);
}
.media-text__dropdown-wrapper .brxe-icon {
  transition: 200ms transform ease-in-out;
}
/*Arrows Slider*/
.splide__arrow {
  padding: 24px !important;
}
/*Hide pagination in desktop*/
@media (min-width: 990px) {
  ul.splide__pagination.splide__pagination--ltr {
    display: none;
  }
}
/*Hide arrows on mobile*/
@media (max-width: 1200px) {
  .splide__arrow--prev, .splide__arrow--next {
    display: none !important;
  }
}
/*Modal*/
.brxe-popup-1059 .brx-popup-content {
  height: 90vh;
  width: 400px;
}
/*Marketo Form*/
form#mktoForm_1658 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}
form#mktoForm_1658 .mktoFormRow {
  width: 300px;
  display: flex;
  flex-direction: column;
}
form#mktoForm_1658 .mktoFormRow input, form#mktoForm_1658 .mktoFormRow select {
  width: 100% !important;
  box-sizing: border-box;
  padding: 0px 15px !important;
  height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #33475b;
  border-radius: 2px;
  background-color: #f5f8fa !important;
  border: 1px solid #5e5e5e !important;
}
form#mktoForm_1658 .mktoFieldWrap {
  float: left;
}
form#mktoForm_1658 .mktoFieldWrap.mktoRequiredField {
  width: 100% !important;
  display: flex;
  flex-flow: column;
}
form#mktoForm_1658 .mktoLabel.mktoHasWidth {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100% !important;
  font-size: 13px !important;
  font-weight: normal !important;
}
form#mktoForm_1658 .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
  width: 100% !important;
}
form#mktoForm_1658 .mktoRadioList > label, form#mktoForm_1658 .mktoCheckboxList > label {
  margin-left: 1.5em;
  margin-top: 0.1em;
  margin-bottom: 0.3em;
  line-height: 1.2em;
  display: block;
  min-height: 12px;
}
form#mktoForm_1658 .mktoRadioList > label:not(.mktoForm), form#mktoForm_1658 .mktoCheckboxList > label:not(.mktoForm) {
  margin-top: -0.1em;
}
form#mktoForm_1658 input.mktoField[type="checkbox"] {
  border: 2px solid black;
  width: 10px !important;
  height: 10px !important;
}
form#mktoForm_1658 .mktoButtonWrap.mktoSimple .mktoButton {
  background: #32ade6 !important;
  border-color: #32ade6 !important;
  color: white;
  font-size: 16px !important;
  font-weight: bold;
  height: 45px;
  margin: 15px auto 0px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
  width: 300px;
  max-width: 300px;
  text-transform: none;
}
form#mktoForm_1658 .mktoButtonWrap.mktoSimple.mktoSimple {
  margin-left: 0 !important;
}
form#mktoForm_1658 .mktoButtonRow {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
form#mktoForm_1658 .get-demo-wrapper form {
  max-width: 100%;
}
/*Success Message Marketo Fornm*/
.successMessage {
  background-color: #ffffff;
  max-width: 100%;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  color: var(--color-black-alt);
  position: relative;
}
.successMessage h2 {
  font-size: var(--text-title-l);
  color: var(--color-secondary);
  margin-bottom: 15px;
}
.successMessage p {
  font-size: 16px;
  margin-bottom: 10px;
}
.successMessage a {
  color: var(--color-primary);
  text-decoration: none;
}
.successMessage a:hover {
  text-decoration: underline;
}
/*
.successMessage .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
*/