h2 {
    margin-bottom: 30px;
    margin-top: 0;
}

li, p {
    color: #383838;
}

.block {
    display: flex;
    align-items: flex-start;
}

.block__text {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding-right: calc(20px + (50 - 20) * ((100vw - 360px) / (1920 - 360)));
}

.block_r .block__text {
    padding-right: 0;
    padding-left: calc(20px + (50 - 20) * ((100vw - 360px) / (1920 - 360)));
}

.block__img {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(300px + (450 - 300) * ((100vw - 768px) / (1920 - 768)));
}

.block__img_270 {
    flex-basis: 270px;
}

.block__img_360 {
    flex-basis: 360px;
}

.block__img img {
    width: 100%;
    height: auto;
}

.block__img_450 svg {
    position: absolute;
    left: 0;
    bottom: -40px;
}

.block-3-img,
.block-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.block-3-img_un {
    grid-template-columns: 1fr 1fr 0.74fr;
    grid-template-rows: 230px;
}

.block-3-img {
    gap: 30px;
}

.block-3-img_un img {
    height: 100%;
}


.block-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.block-3 svg {
    margin-bottom: 20px;
}

.list-decoration ul {
    list-style-type: none;
    max-width: 650px;
    padding-left: 0;
    margin-left: 40px;
}

.list-decoration ul li {
    position: relative;
    margin-bottom: 15px;
}

.list-decoration ul li:before {
    content: url("/bitrix/templates/master/assets/images/list.svg");
    position: absolute;
    left: -40px;
    top: 2px;
}

@media screen and (max-width: 1024px) {
    .l-page__sidebar {
        display: none;
    }

    .l-page.has-sidebar.is-left .l-page__content {
        padding: 0;
        left: 0;
        width: 100%;
    }

    @media screen and (max-width: 911px) {
        .block_top {
            flex-direction: column;
            margin-bottom: 80px;
        }

        .block-3 {
            grid-template-columns: repeat(2, 1fr);
        }

        .block-4_sert {
            grid-template-columns: repeat(2, 1fr);
            max-width: 502px;
            margin-right: auto;
            margin-left: auto;
        }
    }
    @media screen and (max-width: 700px), (max-width: 850px) and (max-height: 500px) {
        .block {
            flex-direction: column;
        }

        .block-3-img,
        .block-3 {
            grid-template-columns: repeat(1, 1fr);
        }

        .block-3-img img,
        .block-3 img {
            width: 100%;
        }

        .block-4_sert {
            grid-template-columns: repeat(1, 1fr);
            max-width: 236px;
        }

        .block-3-img_un {
            grid-template-columns: repeat(1, 1fr);
        }


    }
    @media screen and (max-width: 450px) {
        .block__img {
            flex-basis: 100% !important;
            width: 100%;
        }
    }

}