h1 {
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-1);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-1);
}


h2 {
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-2);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-2);
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: var(--fs-title-3);
        letter-spacing: var(--ls-tight-3);
    }

    h2 {
        font-size: var(--fs-title-4);
        letter-spacing: var(--ls-tight-4);
    }
}

h3 {
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-4);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-4);
}

@media screen and (max-width: 480px) {
    h3 {
        font-size: var(--fs-title-5);
        letter-spacing: var(--ls-tight-5);
    }
}

h4 {
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-6);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-6);
}

h4.red {
    color: var(--primary-color-2);
}

h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
    color: var(--text-card-color);
}


p,
li {
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-text-section);
    font-weight: var(--fw-regular);
    letter-spacing: var(--ls-tight-7);
}

p.big-container {
    max-width: var(--content-big-container);
}

h1.sm-container,
h2.sm-container,
h3.sm-container,
h4.sm-container,
h5.sm-container,
h6.sm-container,
p.sm-container {
    max-width: var(--content-sm-container);
}


p.small {
    font-size: var(--fs-text-sm-section);
    letter-spacing: -0.16px;
}

p > b {
    font-weight: var(--fw-bold);
}

li.white,
p.white {
    color: var(--text-card-color);
}

p.blue {
    color: var(--primary-color);
}

p.center {
    text-align: center;
}

@media screen and (max-width: 480px) {
    p.center {
        text-align: left;
    }
}

.button {
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    align-self: stretch;
    border-radius: 8px;
    border: 2px solid #6FEC7D;
    background: linear-gradient(92deg, #87D112 0%, #27AD02 100%);
    margin: 0 auto;
    color: var(--text-card-color);
    font-family: "Inter Tight";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}