:root { 
  --alizarin-crimson: #e42313;
  --alizarin-crimson-2: #e4231333;
  --alizarin-crimson-3: #e423130d;
  --black: #000000;
  --black-haze: #f7f7f7;
  --bon-jour: #dfdfdf0d;
  --celeste: #cdcdcd;
  --celeste-2: #cdcdcd66;
  --cod-gray: #0a0a0a;
  --cod-gray-2: #0a0a0acc;
  --cod-gray-3: #0a0a0a33;
  --concrete: #f2f2f2;
  --concrete-2: #f2f2f280;
  --cornflower-blue: #6c89ed;
  --cornflower-blue-2: #6b87e533;
  --dove-gray: #6a6a6a1a;
  --east-bay: #3f4b74;
  --eerie-black: #1c1c1c;
  --eerie-black-2: #1e1e1e;
  --emerald: #40df6a;
  --flesh: #fac6a166;
  --gallery: #f0f0f008;
  --gravel: #484747;
  --hawkes-blue: #d3dcfe;
  --lavender-gray: #bcc1d5;
  --log-cabin: #222222;
  --lynch: #747da14c;
  --lynch-2: #747da133;
  --lynch-3: #747da1;
  --lynch-4: #747da199;
  --masala: #3c3c3c;
  --midnight-moss: #050505;
  --monsoon: #89898940;
  --mountain-mist: #979797;
  --nobel: #b1b1b1;
  --pumice: #c9c9c9;
  --royal-blue: #4064df;
  --royal-blue-2: #4064df0d;
  --royal-blue-3: #4064df66;
  --royal-blue-4: #4064df33;
  --royal-blue-5: #4064df1a;
  --royal-blue-6: #4064df99;
  --royal-blue-7: #4064df26;
  --seashell: #f1f1f108;
  --shark: #242424;
  --silver: #bfbfbf;
  --silver-chalice: #acacac;
  --silver-chalice-2: #acacac33;
  --white: #ffffff;
  --white-2: #ffffffcc;
  --white-3: #ffffff1a;
  --white-4: #ffffff33;
  --white-5: #ffffffb2;
  --white-6: #ffffff0d;
  --white-7: #ffffff26;
 
  --font-size-l: 1.22rem;
  --font-size-m: 1.11rem;
  --font-size-s: 1rem;
  --font-size-xl: 1.28rem;
  --font-size-xs: 0.94rem;
  --font-size-xxl: 1.56rem;
  --font-size-xxs: 0.89rem;
  --font-size-xxxs: 0.78rem;
 
  --font-family-alice-regular: "Alice-Regular", Helvetica;
  --font-family-geist: "Geist", Helvetica;
  --font-family-geist-bold: "Geist-Bold", Helvetica;
  --font-family-geist-regular: "Geist-Regular", Helvetica;
  --font-family-manrope: "Manrope", Helvetica;
  --font-family-manrope-bold: "Manrope-Bold", Helvetica;
  --font-family-manrope-extrabold: "Manrope-ExtraBold", Helvetica;
  --font-family-manrope-extralight: "Manrope-ExtraLight", Helvetica;
  --font-family-manrope-light: "Manrope-Light", Helvetica;
  --font-family-nunito-regular: "Nunito-Regular", Helvetica;
  --font-family-nunito-semibold: "Nunito-SemiBold", Helvetica;
}
.geist-medium-white-15px {
  color: var(--white);
  font-family: var(--font-family-geist);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

.manrope-normal-alizarin-crimson-18px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-silver-chalice-14px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

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

.manrope-semi-bold-white-30px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 1.67rem;
  font-style: normal;
  font-weight: 600;
}

.geist-medium-white-17px {
  color: var(--white);
  font-family: var(--font-family-geist);
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-white-25px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 1.39rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-silver-chalice-18px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-silver-chalice-28px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

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

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

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

.geist-medium-white-19px {
  color: var(--white);
  font-family: var(--font-family-geist);
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-cod-gray-26px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 1.44rem;
  font-style: normal;
  font-weight: 600;
}

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

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

.geist-semi-bold-concrete-16px {
  color: var(--concrete);
  font-family: var(--font-family-geist);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-cod-gray-23px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 1.28rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-cod-gray-40px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 2.22rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-normal-log-cabin-18px {
  color: var(--log-cabin);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-silver-chalice-16px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-silver-chalice-15px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.manrope-medium-cod-gray-12px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-normal-log-cabin-15px {
  color: var(--log-cabin);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-silver-chalice-12px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-normal-log-cabin-17px {
  color: var(--log-cabin);
  font-family: var(--font-family-manrope);
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-concrete-40px {
  color: var(--concrete);
  font-family: var(--font-family-manrope);
  font-size: 2.22rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-normal-log-cabin-16px {
  color: var(--log-cabin);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

.manrope-semi-bold-white-19px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-silver-chalice-22px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-cod-gray-30px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 1.67rem;
  font-style: normal;
  font-weight: 600;
}

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

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

.manrope-semi-bold-black-17px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 600;
}

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

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

.manrope-semi-bold-cod-gray-25px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 1.39rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-white-23px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 1.28rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-concrete-50px {
  color: var(--concrete);
  font-family: var(--font-family-manrope);
  font-size: 2.78rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 600;
}

.geist-medium-silver-chalice-16px {
  color: var(--silver-chalice);
  font-family: var(--font-family-geist);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-cod-gray-18px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-cod-gray-13px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-cod-gray-16px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-concrete-60px {
  color: var(--concrete);
  font-family: var(--font-family-manrope);
  font-size: 3.33rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 2.22rem;
  font-style: normal;
  font-weight: 600;
}

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

.manrope-normal-silver-chalice-19px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 400;
}

.manrope-medium-cod-gray-17px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-concrete-30px {
  color: var(--concrete);
  font-family: var(--font-family-manrope);
  font-size: 1.67rem;
  font-style: normal;
  font-weight: 600;
}

.geist-medium-silver-chalice-14px {
  color: var(--silver-chalice);
  font-family: var(--font-family-geist);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.manrope-normal-silver-chalice-14px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-cod-gray-20px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-hawkes-blue-16px {
  color: var(--hawkes-blue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.manrope-medium-white-24px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 1.33rem;
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-cod-gray-60px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 3.33rem;
  font-style: normal;
  font-weight: 600;
}

.geist-medium-cod-gray-19px {
  color: var(--cod-gray);
  font-family: var(--font-family-geist);
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 500;
}

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

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

.manrope-semi-bold-hawkes-blue-15px {
  color: var(--hawkes-blue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

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

.manrope-semi-bold-cod-gray-50px {
  color: var(--cod-gray);
  font-family: var(--font-family-manrope);
  font-size: 2.78rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-silver-chalice-19px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-white-50px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 2.78rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-silver-chalice-23px {
  color: var(--silver-chalice);
  font-family: var(--font-family-manrope);
  font-size: 1.28rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-hawkes-blue-14px {
  color: var(--hawkes-blue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

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

.manrope-semi-bold-hawkes-blue-12px {
  color: var(--hawkes-blue);
  font-family: var(--font-family-manrope);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 600;
}

.manrope-semi-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 600;
}