.subtitle {
    font-size: 24px;
    line-height: 140%;
    color: var(--main-colors-black-2);
    letter-spacing: -0.24px;
}

.heading-2 {
    padding: 0;
}

.title-text-max-width {
    max-width: 1336px;
    margin: 0 auto;
}

.title-margin-bottom {
    margin-bottom: 16px;
}

@media screen and (max-width: 1919px) {
    .title-text-max-width {
        max-width: 1116px;
    }
}
@media screen and (max-width: 1535px) {
    .title-text-max-width {
        max-width: 956px;
    }

    .title-margin-bottom {
        margin-bottom: 12px;
    }
}


@media screen and (max-width: 1279px) {
    .subtitle {
        font-size: 20px;
    }
    .title-text-max-width {
        max-width: 796px;
    }

}

@media screen and (max-width: 1023px) {
    .title-text-max-width {
        max-width: none;
    }
}

@media screen and (max-width: 767px) {
    .heading-1 {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.36px;
    }

    .heading-2 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -0.28px;
    }

    .subtitle {
        font-size: 16px;
    }
    .title-text-max-width {
        margin-left: 0;
    }
}