.cta-block.dark {
    --left-bg: transparent;
    --title-font: 62px;
    --block-bg: #8868FF;
    
    --title-font-m: 32px;
}

.cta-block.cutout {
    --cutout-offset: 250px;
}

.cta-block .cta-block__left {
    padding: 0;
    box-shadow: none;
}

.cta-block .cta-block__left {
    top: calc(-1 * var(--top-height) / 2);
    z-index: 2;
}

.cta-block__form-picture {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: calc(100% + 280px);
    pointer-events: none;
}

.cta-block__form-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cta-block .cta-block__inner {
    overflow: visible;
}

.cta-block .callbackform__message {
    --form-bg: transparent;
}

.cta-block .cta-block__text {
    line-height: 150%;
    max-width: 560px;
}

@media screen and (max-width: 1200px) {
    .cta-block.cutout {
         --top-height: 60px;
    }

    .cta-block .cta-block__content {
        padding: 20px 40px;
    }

    .cta-block .cta-block__title {
        --title-font: 40px;
    }
}

@media screen and (max-width: 750px) {
    .cta-block.cutout .cta-block__inner {
        padding: 0;
    }

    .cta-block .cta-block__left {
        top: 0;
    }

    .cta-block .cta-block__top {
        display: none;
    }

    .cta-block__form-picture {
        width: calc(100% + 150px);
    }

    .cta-block .cta-block__form-wrap {
        width: 100%;
    }

    .cta-block .cta-block__content {
        padding: 30px 20px;
    }

    .cta-block.cutout .cta-block__content::before {
        border-radius: 20px;
    }
}