div#webform-block {
    padding-block: 140px 160px;
    /* overflow: hidden; */
}

.region.region-webform{
    position: relative;
}

.region.region-webform::before{
    content: '';
    position: absolute;
    background-image: url('../image/webform-img.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 620px;
    height: 906px;
    right: -217px;
    bottom: -160px;
}

#block-vesta-theme-vebforma{
    max-width: 670px;
    width: 100%;
    background-color: var(--color-accent);
    color: var(--color-white);
    padding: 40px 90px 60px;
    border-radius: 16px;
}

div#block-vesta-theme-vebforma .block-title{
    margin-bottom: 13px;
    text-align: center;
}

div#edit-razmetka{
    max-width: 450px;
    width: 100%;
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
}

div#block-vesta-theme-vebforma .js-form-item-telefon,
div#block-vesta-theme-vebforma .js-form-item-imya,
div#block-vesta-theme-vebforma .form-textarea,
.region.region-webform .webform-button--submit{
    max-width: 370px;
    width: 100%;
    height: 50px;
    /* margin: 10px auto 0; */
    margin-block: 10px 0;
    margin-inline: auto;
}

div#block-vesta-theme-vebforma .form-item-soglasie{
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    font-size: 10px;
    gap: 7px;
    margin-top: 7px;
}


/* div#edit-actions .btn{
    background-color: #fff;
    color: var(--color-accent);
} */

.region.region-webform .webform-button--submit{
    background-color: #fff;
    color: var(--color-accent);
    display: flex;
    justify-content: center;
}

div#block-vesta-theme-vebforma .js-form-item-telefon input,
div#block-vesta-theme-vebforma .js-form-item-imya input,
div#block-vesta-theme-vebforma .form-textarea input{
    width: 100%;
    height: 100%;
}

div#block-vesta-theme-vebforma .form-textarea{
    height: 65px;
} 
.form-control{
    margin: 0;
}

div#block-vesta-theme-vebforma .form-item--error-message {
    display: none !important;
}
div#block-vesta-theme-vebforma .form-control.form-text.error, 
div#block-vesta-theme-vebforma .form-control.form-select.error {
    border-color: red !important;
}
div#block-vesta-theme-vebforma .control-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    span.form-required {
        color: red !important;
    }
}

/*adaptive*/
@media screen and (max-width: 1920px){
    div#webform-block{
        overflow: hidden;
    }
    div#webform-block {
        padding-top: calc(60px + (140 - 60) * ((100vw - 992px) / (1920 - 992)));
        padding-bottom: calc(70px + (160 - 70) * ((100vw - 992px) / (1920 - 992)));
    }
    .region.region-webform::before{
        width: calc(443px + (620 - 443) * ((100vw - 992px) / (1920 - 992)));
        height: calc(647px + (906 - 647) * ((100vw - 992px) / (1920 - 992)));
        right: calc(-8px + ((-217) - (-8)) * ((100vw - 992px) / (1920 - 992)));
        bottom: calc(-71px + ((-217) - (-71)) * ((100vw - 992px) / (1920 - 992)));
    }
    #block-vesta-theme-vebforma {
        max-width: calc(520px + (670 - 520) * ((100vw - 992px) / (1920 - 992)));
        padding-inline: calc(20px + (90 - 20) * ((100vw - 992px) / (1920 - 992)));
    }
}

@media screen and (max-width: 1200px) {
    div#edit-razmetka{
        font-size: calc(14px + (24 - 14) * ((100vw - 767px) / (1200 - 767)));
    }
}

@media screen and (max-width: 992px) {
    .region.region-webform::before{
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .region.region-webform {
        display: flex;
        justify-content: center;
    }

    .region.region-webform::before{
        display: none;
    }
    div#webform-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #block-vesta-theme-vebforma {
        padding-inline: 20px;
    }
}