:root { 
  --alto: #d9d9d9;
  --azure-radiance: #0c82ee;
  --black: #000000;
  --blueberry: #4880ff;
  --cape-cod: #404040;
  --cultured-pearl: #f5f5f5;
  --default--white: #ffffff;
  --eerie-black: #1e1e1e;
  --fuscous-gray: #565656;
  --granite-gray: #666666;
  --granite-gray-2: #666666cc;
  --granite-gray-3: #66666659;
  --granite-gray-4: #66666640;
  --gray--700: #616161;
  --greygrey-10: #474747;
  --heavy-metal: #2c2c2c;
  --iron: #d7d7d7;
  --licorice: #111111;
  --mine-shaft: #333333;
  --minsk: #3a3b7b;
  --mountain-mist: #979797;
  --neutralblack: #263238;
  --neutraldgrey: #4d4d4d;
  --neutralgrey: #717171;
  --neutralsilver: #f5f7f9;
  --neutralwhite: #ffffff;
  --nobel: #b3b3b3;
  --red: #ff0000;
  --royal-blue: #3c41df;
  --shark: #202224;
  --sonic-silver: #757575;
  --storm-dust: #646464;
  --text--gray-300: #d9dbe1;
  --tintt5: #e8f5e9;
  --whisper: #f5f6fa;
  --white: #ffffff;
  --white-07: #ffffffb2;
 
  --font-size-20px: 20px;
  --font-size-24px: 24px;
  --font-size-32px: 32px;
  --font-size-72px: 72px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 22px;
  --font-size-xs: 14px;
  --font-size-xxs: 12px;
  --font-size-xxxs: 9.7px;
 
  --font-family-avenir-roman: "Avenir-Roman", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-jost-regular: "Jost-Regular", Helvetica;
  --font-family-lineawesome-medium: "LineAwesome-Medium", Helvetica;
  --font-family-nunito_sans: "Nunito Sans", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.bodymediumbody-2 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.robotoregular16 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.body-1normal {
  font-family: var(--font-family-jost-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.single-linebody-base {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.title-hero {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-72px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -2.16px;
}

.subtitle {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-32px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.heading {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-24px);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.48px;
}

.subheading {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-20px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-strong {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.lineawesome-medium-shark-22px {
  color: var(--shark);
  font-family: var(--font-family-lineawesome-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.nunitosans-semi-bold-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.nunitosans-bold-white-12px {
  color: var(--default--white);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

.nunitosans-semi-bold-white-14px {
  color: var(--default--white);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-granite-gray-16px {
  color: var(--granite-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.nunitosans-extra-bold-blueberry-20px {
  color: var(--blueberry);
  font-family: var(--font-family-nunito_sans);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
}

.lineawesome-medium-white-22px {
  color: var(--default--white);
  font-family: var(--font-family-lineawesome-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.nunitosans-semi-bold-storm-dust-14px {
  color: var(--storm-dust);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.nunitosans-bold-cape-cod-14px {
  color: var(--cape-cod);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.nunitosans-semi-bold-fuscous-gray-12px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.nunitosans-bold-shark-32px {
  color: var(--shark);
  font-family: var(--font-family-nunito_sans);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-mountain-mist-12px {
  color: var(--mountain-mist);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-granite-gray-16px-2 {
  color: var(--granite-gray-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-black-25px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-white-12px {
  color: var(--default--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-black-haze-9-7px {
  color: var(--neutralsilver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-licorice-16px {
  color: var(--licorice);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-black-5px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 5px;
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-white-16px {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-black-15px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-abbey-11-1px {
  color: var(--neutraldgrey);
  font-family: var(--font-family-inter);
  font-size: 11.1px;
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-licorice-16px {
  color: var(--licorice);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-normal-white-16px-2 {
  color: var(--default--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-medium-mine-shaft-32px {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}

.poppins-normal-granite-gray-18px {
  color: var(--granite-gray-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-medium-white-22px {
  color: var(--default--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.poppins-normal-granite-gray-14px {
  color: var(--granite-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-sonic-silver-11-1px {
  color: var(--neutralgrey);
  font-family: var(--font-family-inter);
  font-size: 11.1px;
  font-style: normal;
  font-weight: 400;
}

.inter-bold-abbey-19-5px {
  color: var(--neutraldgrey);
  font-family: var(--font-family-inter);
  font-size: 19.5px;
  font-style: normal;
  font-weight: 700;
}

.inter-normal-sonic-silver-9-7px {
  color: var(--neutralgrey);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-13-9px {
  color: var(--default--white);
  font-family: var(--font-family-inter);
  font-size: 13.9px;
  font-style: normal;
  font-weight: 600;
}