.cta-input {
    background-color: var(--se-main-color-blue-dark);
}

.cta-input__container {
    display: grid;
    align-items: center;
    grid-template-columns: 574px 492px;
    grid-gap: 64px;
}

.cta-input__content {
    display: grid;
    grid-gap: 32px;
}

.cta-input__image img {
    overflow: hidden;
    border-radius: 10px;
}

.cta-input__image img {
    display: block;
}

.cta-input__title-block {
    display: grid;
    grid-gap: 32px;
}

.cta-input__title-block.mobile {
    display: none;
}

.cta-input__title {
    color: #fff;
}

.cta-input__subtitle {
    font-size: 16px;
    line-height: 22px;
    color: var(--se-stroke-color);
}

.cta-input .top_search.se-research-component .btn_green {
    background-color: var(--se-accent-blue);
}

@media screen and (max-width: 1199px) {
    .cta-input__container {
        max-width: 560px;
        grid-template-columns: 100%;
        grid-gap: 32px;
    }

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

    .cta-input__title-block.mobile {
        display: grid;
        margin-bottom: 32px;
        grid-gap: 20px;
    }

    .cta-input__content {
        order: 2;
    }

    .cta-input__image img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .cta-input__container {
        max-width: none;
    }

    .cta-input__title-block.mobile {
        margin-bottom: 24px;
        grid-gap: 24px;
    }

    .cta-input__container {
        grid-gap: 24px;
    }

}

@media screen and (min-width: 1200px) {
    .cta-input .geometric-figure {
        z-index: -1;
    }

    .cta-input__figureset .geometric-figure_dotted-square {
        width: 125px;
        height: 125px;
        background-image: url('/blog/wp-content/themes/se_theme/images/svg/dotted-square-light.svg');
        opacity: .3;
    }

    .cta-input__figure-01 {
        top: -72px;
        right: 13.5%;
    }

    .cta-input__figure-02 {
        bottom: -72px;
        left: 13.5%;
    }

    .cta-input__figure-03 {
        top: 124px;
        left: 12.5%;
    }

    .cta-input .cta-input__figure-03:before,
    .cta-input .cta-input__figure-03:after {
        width: 2px;
        height: 20px;
        background-color: var(--se-main-color-yellow);
    }

    .cta-input__figure-04 {
        right: 12.5%;
        bottom: 157px;
        width: 20px;
        height: 20px;
        border: 2px solid var(--se-main-color-green);
        border-radius: 50%;
    }

    .cta-input__figure-05 {
        bottom: 182px;
        left: 7.5%;
        width: 18px;
        height: 18px;
        border: 2px solid var(--se-main-color-purple);
        border-radius: 2px;
        transform: rotate(20deg);
    }

    .cta-input__figure-06.geometric-figure_triangle {
        top: 148px;
        right: 7%;
        width: 26px;
        height: 26px;
        background-image: url('/wp-content/themes/se_theme/page-templates/microtools/tools/mobile_friendly_test/assets/images/cta-block-figure-1.png');
        border: none
    }
}