:root {
    --big-stone: #182d4a;
    --black: #000000;
    --celeste: #cbcbcc;
    --cello: #1d3557;
    --cultured-pearl: #f5f5f5;
    --denim: #2e76bc;
    --eerie-black: #1e1e1e;
    --white: #ffffff;
    --white-2: #ffffff14;
    --font-size-28px: 28px;
    --font-size-72px: 72px;
    --font-size-l: 32px;
    --font-size-m: 24px;
    --font-size-s: 20px;
    --font-size-xl: 40px;
    --font-size-xs: 16px;
    --font-size-xxl: 48px;
    --font-size-xxli: 60px;
    --font-size-xxxl: 64px;
    --font-family-inter: "Inter", Helvetica;
}

.text {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-28px);
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0;
}

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

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

.title-hero {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-72px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: -2.16px;
}

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

.inter-bold-big-stone-16px {
    color: var(--big-stone);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.inter-bold-cultured-pearl-16px {
    color: var(--cultured-pearl);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

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

.inter-normal-big-stone-24px {
    color: var(--big-stone);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

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

.inter-normal-cultured-pearl-24px {
    color: var(--cultured-pearl);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

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

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

.inter-extra-bold-white-32px {
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 800;
}

.inter-normal-big-stone-20px {
    color: var(--big-stone);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

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

.inter-bold-big-stone-48px {
    color: var(--big-stone);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

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

.inter-bold-eerie-black-16px {
    color: var(--eerie-black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

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

.inter-normal-cultured-pearl-20px {
    color: var(--cultured-pearl);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}