.cta {
    margin: 120px auto 100px;
    position: relative;
}

.cta-holder {
    border-radius: 32px;
    background: #FFF9E8;
    padding: 64px;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;

    background-size: cover;
    background-position: center;

}

.mobile-background .cta-holder h2 {
    color: #FFF;
    font-family: 'Literata', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.cta-holder__left {
    flex: 0 0 auto;
    width: 58%;
}

.cta-holder__left h2 {
    color: #333;
    font-size: 44px;
    font-family: Literata, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 24px;
}

.cta-holder__left p {
    color: #333;
    font-size: 18px;
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 32px;
}

.cta-holder__left-btn-holder {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}

.cta-holder__left-btn-holder input {
    border-radius: 8px;
    border: 1px solid #c8c8c8;
    background: #fff;
    color: #888;
    font-size: 16px;
    font-family: Figtree, sans-serif;
    line-height: 24px;
    width: 100%;
    max-width: 268px;
    padding: 12px 12px 12px 50px;
    transition: 300ms;
}

.wpcf7 {
    width: 100%;
}

.cta-holder__left-btn-holder .wpcf7-form {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: left;
    align-content: center;
    gap: 16px;
}

.cta-holder__left-btn-holder .wpcf7-form p {
    margin-top: 0;
}

.cta-holder__left-btn-holder .wpcf7-form p:first-of-type {
    width: 67%;
    margin-bottom: 0;
    /*margin-right: 16px;*/
}

.cta-holder__left-btn-holder .wpcf7-form p:last-of-type {
    width: 29%;
}

.cta-holder__left-btn-holder .wpcf7-form p:last-of-type .button {
    background: #ECB60C;
    color: #fff;
    transition: 300ms;
    border: none;
    cursor: pointer;
}

.cta-holder__left-btn-holder .wpcf7-form p:last-of-type .button:hover {
    background-color: #D2A20A;
}

.cta-holder__left-btn-holder .wpcf7-form p:first-of-type .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.cta-holder__left-btn-holder .wpcf7-form p:first-of-type .wpcf7-form-control-wrap .wpcf7-form-control {
    max-width: unset;
}

.cta-holder__left-btn-holder .wpcf7-form p:first-of-type .wpcf7-form-control-wrap::before {
    content: '';
    display: block;
    width: 24px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'><path d='M22.5 1.125L12 10.75L1.5 1.125H22.5Z' fill='%23FEE1DF'/><path d='M22.5 0.25H1.5C1.26794 0.25 1.04538 0.342187 0.881282 0.506282C0.717187 0.670376 0.625 0.892936 0.625 1.125V16C0.625 16.4641 0.809374 16.9092 1.13756 17.2374C1.46575 17.5656 1.91087 17.75 2.375 17.75H21.625C22.0891 17.75 22.5342 17.5656 22.8624 17.2374C23.1906 16.9092 23.375 16.4641 23.375 16V1.125C23.375 0.892936 23.2828 0.670376 23.1187 0.506282C22.9546 0.342187 22.7321 0.25 22.5 0.25ZM12 9.56328L3.74984 2H20.2502L12 9.56328ZM8.79641 9L2.375 14.8855V3.11453L8.79641 9ZM10.0914 10.1867L11.4039 11.3953C11.5653 11.5435 11.7765 11.6257 11.9956 11.6257C12.2148 11.6257 12.4259 11.5435 12.5873 11.3953L13.8998 10.1867L20.2436 16H3.74984L10.0914 10.1867ZM15.2036 9L21.625 3.11344V14.8866L15.2036 9Z' fill='%23FC6A5D'/></svg>") no-repeat center;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 15px;
}


.cta-holder__left-btn-holder input:hover {
    border: 1px solid #888;
}

.cta-holder__left-btn-holder .wpcf7-form .input-holder {
    max-width: 268px;
    width: 100%;
}

.cta-holder__left-btn-holder .wpcf7-form .input-holder p {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

.cta-holder__left-btn-holder .wpcf7-form .input-holder p .email-svg {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.wpcf7-form p .wpcf7-submit {
    padding: 18px 24px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border-radius: 8px;
    width: fit-content;
    height: 48px;
    text-align: center;
    transition: 300ms;
    background: #ECB60C;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.wpcf7-form p .wpcf7-submit:hover {
    background: #D2A20A;
}

.cta-holder__right img {
    max-width: 461px;
    width: auto;
    position: absolute;
    top: -100px;
    right: -110px;
}

.wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    border-color: #46b450 !important;
}

.wpcf7-response-output {
    margin: 0 !important;
    border-color: red !important;
    color: #333;
    font-size: 15px;
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

@media only screen and (max-width: 1399px) {
    .cta-holder__left {
        width: 65%;
    }
}

@media only screen and (max-width: 1199px) {
    .cta-holder {
        padding: 40px;
    }

    .cta-holder__left {
        width: 80%;
    }

    .cta-holder__right img {
        max-width: 350px;
    }

    .cta-holder__left h2 {
        width: 99%;
    }

    .cta-holder__left p {
        width: 96%;
    }
}

@media only screen and (max-width: 1024px) {
    .cta-holder {
        margin-left: 0;
        width: 90%;
    }

    .cta-holder__right img {
        right: -100px;
    }
}


@media only screen and (max-width: 992px) {
    .cta-holder__left-btn-holder {
        width: 100%;
    }

    .cta-holder__left h2 {
        font-size: 38px;
    }

    .cta-holder__right img {
        right: -90px;
    }

    .hamburger-menu-holder .menu-header-menu-container .menu .login {
        margin-top: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .cta {
        margin: 60px auto 50px;
    }

    .cta-holder {
        padding: 32px;
    }

    .cta-holder__left h2 {
        font-size: 36px;
    }

    .cta-holder__left p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .cta-holder {
        width: 100%;
    }

    .cta-holder__left {
        width: 100%;
    }

    .cta-holder__right img {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .single-plants .cta {
        margin: 24px auto 60px;
    }

    .cta {
        margin: 24px auto 40px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .cta-holder {
        padding: 24px;
        border-radius: 16px;
    }

    .cta-holder__left h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .cta-holder__left p {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .cta-holder__left-btn-holder .wpcf7-form {
        gap: 0;
    }

    .cta-holder__left-btn-holder .wpcf7-form p {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 0;
    }

    .cta-holder__left-btn-holder .wpcf7-form .input-holder p .email-svg {
        top: 35%;
    }

    .cta-holder__left-btn-holder input {
        width: 100%;
        margin-bottom: 16px;
    }

    .cta-holder__left-btn-holder .email-input {
        width: 100%;
    }

    .cta-holder__left-btn-holder .wpcf7-form p:last-of-type .button {
        margin-bottom: 0;
    }

    .cta-holder__left-btn-holder .wpcf7-form p:first-of-type .wpcf7-form-control-wrap::before {
        top: 1px;
    }

    .cta-holder__left h2 {
        text-align: start;
    }

    .mobile-background .cta-holder h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .cta-holder a {
        margin: 16px auto 0;
    }
}