:root { 
  --athens-gray: #eeebf1;
  --azure: #3960a3;
  --black: #000000;
  --blue: #3354ff;
  --gray: #807d82;
  --gray-2: #807d8270;
  --gun-powder: #46405e;
  --midnight-moss: #060606;
  --storm-dust: #615e63;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 15px;
  --font-size-s: 11px;
  --font-size-xs: 10px;
  --font-size-xxs: 9px;
  --font-size-xxxs: 8.5px;
  --font-size-xxxxs: 8.1px;
 
  --font-family-geologica: "Geologica", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
}
.geologica-semi-bold-white-8-5px {
  color: var(--white);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
}

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

.geologica-normal-gun-powder-11px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-normal-white-8-5px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.geologica-normal-gun-powder-15px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.geologica-semi-bold-white-8-8px {
  color: var(--white);
  font-family: var(--font-family-geologica);
  font-size: 8.8px;
  font-style: normal;
  font-weight: 600;
}

.geologica-normal-white-8-5px {
  color: var(--white);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

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

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

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

.geologica-normal-gun-powder-13px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

.montserrat-normal-white-13-3px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 13.3px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-blue-32px {
  color: var(--blue);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

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

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

.montserrat-normal-white-13-8px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 13.8px;
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-normal-white-10-8px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 10.8px;
  font-style: normal;
  font-weight: 400;
}

.inter-normal-blue-8-3px {
  color: var(--blue);
  font-family: var(--font-family-inter);
  font-size: 8.3px;
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-semi-bold-white-32px-2 {
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-blue-32px {
  color: var(--blue);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-normal-white-11px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-normal-white-7-7px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 7.7px;
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-bold-white-13-3px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 13.3px;
  font-style: normal;
  font-weight: 700;
}

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

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

.geologica-semi-bold-gun-powder-15px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

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

.montserrat-normal-white-7-3px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 7.3px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-white-6-5px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 6.5px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-white-9-2px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 9.2px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-white-6-9px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 6.9px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-white-9-6px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 9.6px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-white-8-1px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 400;
}

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

.geologica-semi-bold-gun-powder-14px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

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

.montserrat-normal-white-13-7px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 13.7px;
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-normal-white-12-9px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 12.9px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-white-13-7px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 13.7px;
  font-style: normal;
  font-weight: 700;
}

.geologica-semi-bold-gun-powder-18px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.geologica-semi-bold-gun-powder-16px {
  color: var(--gun-powder);
  font-family: var(--font-family-geologica);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-white-28px-2 {
  font-family: var(--font-family-montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-blue-28px {
  color: var(--blue);
  font-family: var(--font-family-montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-normal-white-10-4px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 10.4px;
  font-style: normal;
  font-weight: 400;
}

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

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

.montserrat-normal-white-9-6px-2 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 9.6px;
  font-style: normal;
  font-weight: 400;
}

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

.montserrat-light-white-12px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}

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

.montserrat-light-white-8-4px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 8.4px;
  font-style: normal;
  font-weight: 300;
}