:root { 
  --aztec: #06211a;
  --black: #000000;
  --black-80: #282828cc;
  --blk: #121212;
  --concord: #7c7c7c;
  --desert-storm: #f8f8f8;
  --foundation-primary-homifieddarker: #03382a;
  --foundation-primary-homifiedlight: #e6f6f1;
  --foundation-primary-homifiedlight-active: #b2e2d5;
  --foundation-primary-homifiedlight-hover: #daf1eb;
  --foundation-primary-homifiednormal: #08a177;
  --gray-1: #333333;
  --gray-2: #4f4f4f;
  --gray-3: #828282;
  --gray-4: #bdbdbd;
  --gray-6: #f2f2f2;
  --grey-50: #647288;
  --homified-green: #08a177;
  --light-mode-colorsprimary-grey-light-mode: #5c6077;
  --orange: #f2994a;
  --red: #eb5757;
  --silver-chalice: #acacac;
  --stack: #8f8f8f;
  --text: #073335;
  --wht: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 16px;
  --font-size-s: 12px;
  --font-size-xl: 24px;
  --font-size-xs: 10px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 60px;
 
  --font-family-dm_sans: "DM Sans", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-manrope: "Manrope", Helvetica;
  --font-family-plus_jakarta_sans: "Plus Jakarta Sans", Helvetica;
  --font-family-raleway: "Raleway", Helvetica;
  --font-family-ubuntu: "Ubuntu", Helvetica;
}

body {
    font-family: var(--font-family-manrope);
}
.paragraph {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

/*.h5 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}*/

.manrope-bold-white-28px {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-sherwood-green-16px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-sherwood-green-12px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.manrope-normal-black-28px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

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

.manrope-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-comet-16px {
  color: var(--light-mode-colorsprimary-grey-light-mode);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.dmsans-bold-sherwood-green-60px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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

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

.manrope-medium-sherwood-green-16px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.dmsans-bold-licorice-12px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.manrope-extra-bold-white-30px {
  color: var(--wht);
  font-family: var(--font-family-manrope);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}

.dmsans-medium-abbey-10px {
  color: var(--gray-2);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.dmsans-normal-gray-10px {
  color: var(--gray-3);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.manrope-extra-light-black-28px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 200;
}

.manrope-bold-black-28px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.dmsans-bold-white-14px {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.dmsans-normal-gray-12px {
  color: var(--gray-3);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-licorice-24px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.dmsans-bold-licorice-16px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.dmsans-medium-white-10px {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

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

.manrope-normal-abbey-12px {
  color: var(--gray-2);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-licorice-10px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.dmsans-normal-licorice-10px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.manrope-bold-licorice-28px {
  color: var(--blk);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.manrope-extra-light-gossamer-333px {
  color: var(--foundation-primary-homifiednormal);
  font-family: var(--font-family-manrope);
  font-size: 333px;
  font-style: normal;
  font-weight: 200;
}

.dmsans-bold-white-16px {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.manrope-normal-white-28px {
  color: var(--wht);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.dmsans-bold-sherwood-green-12px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

.dmsans-normal-silver-chalice-16px {
  color: var(--silver-chalice);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-tiber-12px {
  color: var(--text);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.ubuntu-normal-licorice-10px {
  color: var(--blk);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-licorice-12px {
  color: var(--blk);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.dmsans-medium-white-16px {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.dmsans-normal-sherwood-green-12px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.dmsans-normal-abbey-12px {
  color: var(--gray-2);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.ubuntu-normal-storm-gray-10px {
  color: var(--grey-50);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.ubuntu-medium-sherwood-green-16px {
  color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}