.heading.svelte-bdk68o {
    margin-bottom: var(--heading-margin-bottom, none)
}

.heading-h1.svelte-bdk68o {
    font-family: Space Grotesk;
    font-weight: 400;
    font-size: 52px;
    line-height: 62.4px
}

.heading-h1.with-margin-bottom.svelte-bdk68o {
    margin-bottom: 34px
}

.heading-h1.align-center.svelte-bdk68o {
    text-align: center
}

@media (max-width: 768px) {
    .heading-h1.align-center.svelte-bdk68o {
        text-align: left
    }
    .heading-h1.align-center.mobile\:text-center.svelte-bdk68o {
        text-align: center
    }
}

@media (max-width: 1360px) {
    .heading-h1.svelte-bdk68o {
        font-weight: 400;
        font-size: 38px;
        line-height: 45px;
        margin-bottom: var(--heading-margin-bottom, 24px)
    }
}

@media (max-width: 768px) {
    .heading-h1.svelte-bdk68o {
        font-size: 36px;
        line-height: 43.2px;
        margin-bottom: var(--heading-margin-bottom, 16px)
    }
}

.heading-h2.svelte-bdk68o {
    font-family: Space Grotesk;
    font-size: 3rem;
    font-weight: 500;
    line-height: 120%;
    max-width: 650px
}

.heading-h2.with-margin-bottom.svelte-bdk68o {
    margin-bottom: 100px
}

@media (max-width: 1360px) {
    .heading-h2.svelte-bdk68o {
        font-size: 32px;
        line-height: 38.4px
    }
    .heading-h2.with-margin-bottom.svelte-bdk68o {
        margin-bottom: 80px
    }
}

@media (max-width: 1024px) {
    .heading-h2.with-margin-bottom.svelte-bdk68o {
        margin-bottom: 60px
    }
}

.heading-h3.svelte-bdk68o {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: var(--heading-color, #f2f1f4)
}

@media (max-width: 1360px) {
    .heading-h3.svelte-bdk68o {
        font-size: 24px;
        line-height: 31px
    }
}

@media (max-width: 1024px) {
    .heading-h3.svelte-bdk68o {
        font-size: 22px;
        line-height: 28px
    }
}

.heading-h4.svelte-bdk68o {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: var(--heading-color, #f2f1f4)
}

@media (max-width: 1360px) {
    .heading-h4.svelte-bdk68o {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 768px) {
    .heading-h4.svelte-bdk68o {
        font-size: 18px;
        line-height: 23px
    }
}

.heading-h5.svelte-bdk68o {
    font-weight: 200;
    color: #fff9;
    font-style: normal;
    font-family: Sora;
    font-size: 1.063rem;
    line-height: 1.625rem
}

@media (max-width: 1360px) {
    .heading-h5.svelte-bdk68o {
        font-size: .938rem;
        font-weight: 400;
        line-height: 1.453rem
    }
}