:root { 
  --black: #000000;
  --blue-50: #f4f7ff;
  --blue-500: #195eff;
  --blue-800: #283166;
  --blue-900: #192044;
  --gray-100: #ecf2ff;
  --gray-500: #7a7f9a;
  --red-400: #ff5656;
  --white: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 16px;
  --font-size-s: 15.3px;
  --font-size-xl: 24px;
  --font-size-xs: 13px;
  --font-size-xxs: 12.4px;
  --font-size-xxxs: 6.8px;
 
  --font-family-neue_haas_grotesk_display_pro-45light: "Neue Haas Grotesk Display Pro-45Light", Helvetica;
  --font-family-neue_haas_grotesk_display_pro-55roman: "Neue Haas Grotesk Display Pro-55Roman", Helvetica;
  --font-family-neue_haas_grotesk_display_pro-65medium: "Neue Haas Grotesk Display Pro-65Medium", Helvetica;
  --font-family-neue_haas_grotesk_display_pro-75bold: "Neue Haas Grotesk Display Pro-75Bold", Helvetica;
  --font-family-neue_haas_grotesk_display_pro-medium: "Neue Haas Grotesk Display Pro-Medium", Helvetica;
}
.neuehaasgroteskdisplaypro-75-bold-biscay-24px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--16px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-white-16px {
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-biscay-20px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-biscay-15-3px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--11-5px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-45-light-white-40px {
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-45light);
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
}

.neuehaasgroteskdisplaypro-75-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.neuehaasgroteskdisplaypro-65-medium-biscay-16px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-blue-16px {
  color: var(--blue-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-biscay-10-6px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 10.6px;
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-55roman-normal-waterloo--12-4px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--12-4px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-55roman-normal-biscay-12-4px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.neuehaasgroteskdisplaypro-75-bold-biscay-48px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.neuehaasgroteskdisplaypro-65-medium-biscay-8-4px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 8.4px;
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--6-3px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 6.3px;
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-55roman-normal-waterloo--6-8px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--6-8px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-55roman-normal-biscay-6-8px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.neuehaasgroteskdisplaypro-65-medium-waterloo--7-9px {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 7.9px;
  font-style: normal;
  font-weight: 500;
}

.neuehaasgroteskdisplaypro-75-bold-biscay-36px {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}