.content-with-form-box {
    align-items: center;
    display: flex;
    gap: 40px
}

.form-banner-content {
    flex: 0 0 51%
}

.banner-from {
    background: #efefeff5;
    border-radius: 4px;
    flex: 0 0 45%;
    padding: 30px 25px
}

.banner-from .actions {
    display: inline-flex;
    margin: auto
}

.banner-from .hs_submit.hs-submit {
    margin-top: 40px;
    text-align: center
}

.banner-from .actions input.hs-button.primary.large {
    background-image: linear-gradient(90deg, #f45f3e, #fb9860);
    border: none;
    color: #fff;
    margin: 0;
    padding: 11px 84px
}

.banner-from .actions input.hs-button.primary.large:hover {
    background-image: linear-gradient(180deg, #f45f3e, #fb9860)
}

.banner-from li.hs-form-booleancheckbox a {
    color: #04a0e9;
    text-decoration: underline
}

.banner-from .input input.hs-input::placeholder {
    color: #7d7d7d
}

.banner-from .hs-fieldtype-textarea.hs-input::placeholder {
    color: #7d7d7d
}

.banner-from .submitted-message {
    color: #000;
    font-size: 20px;
    text-align: center
}

.banner-from li.hs-form-booleancheckbox label span {
    color: #505050 !important
}

.banner-from .hs-form-field>label,
.banner-from .hs-form-field>label span {
    padding: 0
}

.banner-from .hs-fieldtype-text.field.hs-form-field {
    margin-bottom: 15px
}

.banner-from li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
    align-items: center;
    display: flex
}

.banner-from li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
    display: flex;
    font-size: 14px
}

.banner-from li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span:before {
    position: inherit
}

.banner-from .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {
    margin-bottom: 15px
}

.banner-from .hs-form-field .input input,
.banner-from .input .hs-fieldtype-textarea {
    border-radius: 4px
}

.banner-from .input textarea {
    border-radius: 4px;
    height: 100%;
    min-height: 100px
}

@media screen and (min-width:992px) {
    .from-banner-section {
        height: 760px
    }
}

@media screen and (min-device-width:300px) and (max-device-width:991px) {
    .content-with-form-box {
        flex-wrap: wrap;
        gap: 20px
    }
    .banner-from,
    .form-banner-content {
        flex: 0 0 100%
    }
    .from-banner-section {
        height: 100% !important;
        padding: 50px 0 !important
    }
}

@media screen and (min-device-width:300px) and (max-device-width:767px) {
    .banner-from li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
        align-items: start
    }
    .banner-from .legal-consent-container .hs-form-booleancheckbox-display input {
        float: left;
        margin-top: 4px
    }
}