:root { 
  --black: #000000;
  --cello: #263d58;
  --cloud-burst: #23324e;
  --dove-gray: #707070;
  --dove-gray-2: #70707045;
  --gallery: #ecedef;
  --kashmir-blue: #4f709d;
  --mongoose: #c1a384;
  --red: #dd0000;
  --santas-gray: #98a4b5;
  --scarpa-flow: #56565d;
  --shuttle-gray: #5c6573;
  --supernova: #ffce00;
  --trout: #4b5360;
  --white: #ffffff;
  --white-2: #ffffff80;
  --white-3: #ffffff7f;
 
  --font-size-l: 28px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 42px;
  --font-size-xs: 18px;
  --font-size-xxs: 16px;
  --font-size-xxxs: 14px;
 
  --font-family-barlow: "Barlow", Helvetica;
  --font-family-barlow_semi_condensed: "Barlow Semi Condensed", Helvetica;
  --font-family-barlowsemi_condensed-medium: "BarlowSemi Condensed-Medium", Helvetica;
  --font-family-barlowsemi_condensed-semibold: "BarlowSemi Condensed-SemiBold", Helvetica;
  --font-family-barlowsemi_condensed-semibolditalic: "BarlowSemi Condensed-SemiBoldItalic", Helvetica;
  --font-family-fontawesome_6_free-solid: "FontAwesome 6 Free-Solid", Helvetica;
}
.barlow-medium-white-24px {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.barlow-semi-bold-shuttle-gray-14px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
}

.barlow-extra-bold-cello-16px {
  color: var(--cello);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 800;
}

.barlow-semi-bold-cello-14px {
  color: var(--cello);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
}

.barlow-extra-bold-shuttle-gray-16px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 800;
}

.barlow-bold-mongoose-24px {
  color: var(--mongoose);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.barlow-semi-bold-shuttle-gray-28px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 600;
}

.barlow-medium-cello-18px {
  color: var(--cello);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.barlow-extra-bold-kashmir-blue-16px {
  color: var(--kashmir-blue);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 800;
}

.barlow-bold-mongoose-42px {
  color: var(--mongoose);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 700;
}

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

.barlowsemicondensed-medium-shuttle-gray-28px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow_semi_condensed);
  font-size: var(--font-size-l);
}

.barlowsemicondensed-semibolditalic-semi-bold-mongoose-28px {
  color: var(--mongoose);
  font-family: var(--font-family-barlowsemi_condensed-semibolditalic);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 600;
}

.barlowsemicondensed-semibolditalic-semi-bold-shuttle-gray-28px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlowsemi_condensed-semibolditalic);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 600;
}

.barlowsemicondensed-medium-shuttle-gray-24px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlowsemi_condensed-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.fontawesome6free-solid-normal-white-36px {
  color: var(--white);
  font-family: var(--font-family-fontawesome_6_free-solid);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
}

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

.barlow-bold-shuttle-gray-24px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.barlow-extra-bold-trout-20px {
  color: var(--trout);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

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

.barlow-medium-shuttle-gray-16px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.barlow-medium-white-24px-2 {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
}

.barlow-bold-shuttle-gray-18px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

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

.barlow-medium-cello-16px {
  color: var(--cello);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.barlow-medium-scarpa-flow-16px {
  color: var(--scarpa-flow);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

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

.barlow-bold-mongoose-52px {
  color: var(--mongoose);
  font-family: var(--font-family-barlow);
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
}

.barlow-bold-shuttle-gray-24px-2 {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
}

.barlow-medium-shuttle-gray-24px-2 {
  color: var(--shuttle-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
}

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

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

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

.barlow-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-s);
}

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

.barlow-bold-black-20px-2 {
  color: var(--black);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.barlow-bold-mongoose-42px-2 {
  color: var(--mongoose);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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



