:root { 
  --abbey: #4d5254;
  --black: #000000;
  --botticelli: #ccdae8;
  --cod-gray: #01080c;
  --cod-gray-2: #01080c26;
  --congress-blue: #004a8d;
  --mystic: #e5ecf3;
  --white: #ffffff;
  --white-2: #ffffff33;
  --white-3: #ffffff99;
 
  --font-size-22px: 22px;
  --font-size-44px: 44px;
  --font-size-72px: 72px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 28px;
  --font-size-xs: 12px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 52px;
 
  --font-family-inter: "Inter", Helvetica;
}
.headingh1 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-72px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.72px;
}

.headingh2 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.52px;
}

.headingh3 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-44px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
}

.headingh4 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.36px;
}

.headingh5 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.28px;
}

.headingh6 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-22px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.22px;
}

.headingtagline {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.textmediumnormal {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textregularnormal {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textregularmedium {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.textsmallnormal {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textsmallsemi-bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.texttinynormal {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

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

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

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

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

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