:root { 
  --black: #000000;
  --canary: #002aff;
  --dark-purp-bg: #2a006f;
  --dark-purple: #251955;
  --ebony-clay: #272b3f;
  --mariner: #245dce;
  --waterloo-: #7b7f8e;
  --white: #ffffff;
  --white-2: #ffffff33;
 
  --font-size-l: 16px;
  --font-size-m: 12px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 21px;
  --font-size-xxxxl: 24px;
  --font-size-xxxxxl: 36px;
 
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-druk_wide-medium: "Druk Wide-Medium", Helvetica;
  --font-family-manrope: "Manrope", Helvetica;
}
.small-title {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.arial-bold-ebony-clay-12px {
  color: var(--ebony-clay);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-ebony-clay-12px {
  color: var(--ebony-clay);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.drukwide-medium-ebony-clay-16px {
  color: var(--ebony-clay);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.drukwide-medium-waterloo--16px {
  color: var(--waterloo-);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.drukwide-medium-black-21px {
  color: var(--black);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.drukwide-medium-ebony-clay-24px {
  color: var(--ebony-clay);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.arial-bold-waterloo--12px {
  color: var(--waterloo-);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.drukwide-medium-paris-m-16px {
  color: var(--dark-purp-bg);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.drukwide-medium-white-9px {
  color: var(--white);
  font-family: var(--font-family-druk_wide-medium);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
}

.drukwide-medium-paris-m-18px {
  color: var(--dark-purp-bg);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.drukwide-medium-ebony-clay-36px {
  color: var(--ebony-clay);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 500;
}

.arial-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.arial-bold-ebony-clay-20px {
  color: var(--ebony-clay);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.manrope-extra-bold-ebony-clay-16px {
  color: var(--ebony-clay);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.drukwide-medium-black-18px {
  color: var(--black);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.manrope-extra-bold-port-gore-12px {
  color: var(--dark-purple);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.drukwide-medium-white-20px {
  color: var(--white);
  font-family: var(--font-family-druk_wide-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}
