:root { 
  --black: #000000;
  --ebony: #0b1125;
  --gallery: #efefef;
  --lotus: #5d62ed;
  --white: #ffffff;
 
  --font-size-24px: 24px;
  --font-size-28px: 28px;
  --font-size-36px: 36px;
  --font-size-72px: 66px;
  --font-size-l: 18px;
  --font-size-m: 12px;
  --font-size-s: 11px;
  --font-size-xl: 20px;
  --font-size-xs: 10px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 56px;
 
  --font-family-heebo: "Heebo", Helvetica;
}

body {
  margin: 0;
  background: #efefef;
}

.cta---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.h2---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.h3---reg {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-28px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
}

.h3---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-28px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bullets---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-24px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktoph1---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-72px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.mobileh1---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-36px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.mobileh3---reg {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.mobileh2---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.mobilebullets---bold {
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

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

.heebo-normal-black-pearl-12px {
  color: var(--ebony);
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.heebo-normal-black-pearl-10px {
  color: var(--ebony);
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.heebo-normal-black-pearl-11px {
  color: var(--ebony);
  font-family: var(--font-family-heebo);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}