:root {
    --mainpage-promo-block-height: 1081px;
    --mainpage-promo-texts-padding-bottom: 53px;
    --mainpage-promo-texts-max-width: 1440px;
    --mainpage-promo-texts-font-size: 56px;
    --mainpage-promo-texts-line-height: 66px;
    --mainpage-promo-upload-images-popup-btn-margin-top: 32px;
}

.mainpage-promo-block {
    height: var(--mainpage-promo-block-height, 1081px);
}
.mainpage-promo-block:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -10.5%, rgba(255, 255, 255, 0.98) -1.53%, #FFF 6.03%, #FFF 21.6%, rgba(255, 255, 255, 0.27) 30.82%, rgba(255, 255, 255, 0.22) 58.52%);
    z-index: 1;
    content: "";
}
.mainpage-promo-block .mp-promo-picture {
    display: block;
}
.mainpage-promo-block .mp-promo-picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.mainpage-promo-block .mp-promo-texts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: var(--mainpage-promo-texts-max-width, 1440px);
    margin: 0 auto;
    padding-bottom: var(--mainpage-promo-texts-padding-bottom, 53px);
    z-index: 2;
}
.mainpage-promo-block .mp-promo-texts h3 {
    color: var(--Color-Main, #33271E);
    font-size: var(--mainpage-promo-texts-font-size, 56px);
    line-height: var(--mainpage-promo-texts-line-height, 66px);
}
.mainpage-promo-block .upload-images-popup-btn {
    max-width: 227px;
    margin-top: var(--mainpage-promo-upload-images-popup-btn-margin-top, 32px);
}

@media (max-width: 1920px) {
    :root {
        --mainpage-promo-block-height: 817px;
        --mainpage-promo-texts-padding-bottom: 71px;
        --mainpage-promo-texts-font-size: 48px;
        --mainpage-promo-texts-line-height: 60px;
    }

    @media (max-width: 1440px) {
        :root {
            --mainpage-promo-block-height: 704px;
            --mainpage-promo-texts-padding-bottom: 72px;
            --mainpage-promo-texts-max-width: 1040px;
        }

        @media (max-width: 768px) {
            :root {
                --mainpage-promo-block-height: 688px;
                --mainpage-promo-texts-padding-bottom: 54px;
                --mainpage-promo-texts-max-width: 1440px;
                --mainpage-promo-texts-font-size: 36px;
                --mainpage-promo-texts-line-height: 44px;
                --mainpage-promo-upload-images-popup-btn-margin-top: 24px;
            }

            @media (max-width: 600px) {
                :root {
                    --mainpage-promo-block-height: 574px;
                    --mainpage-promo-texts-padding-bottom: 72px;
                    --mainpage-promo-texts-max-width: 1440px;
                    --mainpage-promo-texts-font-size: 30px;
                    --mainpage-promo-texts-line-height: 36px;
                    --mainpage-promo-upload-images-popup-btn-margin-top: 16px;
                }
            }
        }
    }
}