:root { 
  --black: #000000;
  --black-2: #0000001a;
  --cararra: #efeeea;
  --dove-gray: #6b6b6b;
  --guardsman-red: #c00000;
  --iron: #d7d7d7;
  --pink-swan: #bbbbbb;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 21px;
  --font-size-xs: 12px;
  --font-size-xxl: 26px;
  --font-size-xxxl: 35px;
 
  --font-family-fontawesome6pro-light: "FontAwesome6Pro-Light", Helvetica;
  --font-family-fontawesome6pro-regular: "FontAwesome6Pro-Regular", Helvetica;
  --font-family-fontawesome6pro-solid: "FontAwesome6Pro-Solid", Helvetica;
  --font-family-helvetica: "Helvetica", Helvetica;
  --font-family-lora: "Lora", Helvetica;
  --font-family-space_grotesk: "Space Grotesk", Helvetica;
}
.spacegrotesk-medium-black-16px {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.spacegrotesk-semi-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: 20px;
  font-style: bold;
  !important font-weight: 600;
}

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

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

.spacegrotesk-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.fontawesome6pro-regular-normal-guardsman-red-20px {
  color: var(--guardsman-red);
  font-family: var(--font-family-fontawesome6pro-regular);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

.spacegrotesk-normal-guardsman-red-14px {
  color: var(--guardsman-red);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.lora-normal-black-35px {
  color: var(--black);
  font-family: var(--font-family-lora);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

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

.lora-normal-black-21px {
  color: var(--black);
  font-family: var(--font-family-lora);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

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

.fontawesome6pro-regular-normal-guardsman-red-16px {
  color: var(--guardsman-red);
  font-family: var(--font-family-fontawesome6pro-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.fontawesome6pro-regular-normal-guardsman-red-18px {
  color: var(--guardsman-red);
  font-family: var(--font-family-fontawesome6pro-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.spacegrotesk-semi-bold-guardsman-red-16px {
  color: var(--guardsman-red);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.helvetica-semi-bold-guardsman-red-16px {
  color: var(--guardsman-red);
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-m);
}

.helvetica-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-m);
}

.spacegrotesk-medium-black-16-5px {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: 16.5px;
  font-style: normal;
  font-weight: 500;
}

.fontawesome6pro-solid-normal-dove-gray-17px {
  color: var(--dove-gray);
  font-family: var(--font-family-fontawesome6pro-solid);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.spacegrotesk-bold-black-12px {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.fontawesome6pro-solid-normal-guardsman-red-15px {
  color: var(--guardsman-red);
  font-family: var(--font-family-fontawesome6pro-solid);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.spacegrotesk-medium-guardsman-red-16px {
  color: var(--guardsman-red);
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.fontawesome6pro-solid-normal-guardsman-red-10px {
  color: var(--guardsman-red);
  font-family: var(--font-family-fontawesome6pro-solid);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

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

.border-1px-iron {
  border: 1px solid var(--iron);
}

.border-1px-black {
  border: 1px solid var(--black);
}

.border-1-5px-guardsman-red {
  border: 1.5px solid var(--guardsman-red);
}

.border-1px-pink-swan {
  border: 1px solid var(--pink-swan);
}

.border-1px-white {
  border: 1px solid var(--white);
}