:root { 
  --black: #000000;
  --black-2: #000000cc;
  --bodytextcolor: #212529;
  --maincolor: #022b7e;
  --subcolor1: #e70a11;
  --titlecolor: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 15px;
  --font-size-s: 13px;
  --font-size-xl: 25px;
  --font-size-xs: 12px;
  --font-size-xxl: 40px;
  --font-size-xxxl: 45px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-outfit: "Outfit", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.outfit-normal-shark-15px {
  color: var(--bodytextcolor);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.outfit-light-black-6px {
  color: var(--black);
  font-family: var(--font-family-outfit);
  font-size: 6px;
  font-style: normal;
  font-weight: 300;
}

.outfit-light-black-10px {
  color: var(--black);
  font-family: var(--font-family-outfit);
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-white-45px {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-red-45px {
  color: var(--subcolor1);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-catalina-blue-25px {
  color: var(--maincolor);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.outfit-normal-catalina-blue-15px {
  color: var(--maincolor);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-medium-catalina-blue-15px {
  color: var(--maincolor);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-normal-white-40px {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-red-40px {
  color: var(--subcolor1);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-catalina-blue-20px {
  color: var(--maincolor);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.outfit-normal-catalina-blue-12px {
  color: var(--maincolor);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

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