.ev-contact-form {
    margin-top: 3rem;

    .contact-form-section {
        .contact-form-section__heading {
            color: var(--wp--preset--color--water);
            font-weight: 500;
            text-align: center;
            @media screen and (min-width: 576px) {
                font-size: 4.8rem !important;
            }
            &::after {
                background: var(--wp--preset--color--earth);
                content: "";
                display: block;
                height: 0.25rem;
                margin-left: auto;
                margin-right: auto;
                margin-top: 1.5rem;
                width: 12rem;
            }
        }
        .columns {
            @media screen and (min-width: 992px) {
                margin-left: -1.5rem;
                margin-right: -1.5rem;
            }

            .cta-block {
                display: flex;
                float: none;
                clear: none;
                margin-left: 0.75rem;
                margin-right: 0.75rem;
                margin-bottom: 0;
                padding-top: 1.5rem;
                padding-right: 1.5rem;
                padding-left: 1.5rem;
                padding-bottom: 0;
                width: calc(36% - 1.5rem);
                max-width: calc(36% - 1.5rem);
                flex: 1 0 auto;
                flex-direction: column;
                padding-top: 3.5rem;

                @media screen and (max-width: 992px) {
                    display: flex;
                    float: none;
                    clear: none;
                    margin-left: 0.75rem;
                    margin-right: 0.75rem;
                    margin-bottom: 0;
                    padding-top: 1.5rem;
                    padding-right: 1.5rem;
                    padding-left: 1.5rem;
                    padding-bottom: 0;
                    width: calc(100% - 1.5rem);
                    max-width: calc(100% - 1.5rem);
                    flex: 1 0 auto;
                }

                h5 {
                    letter-spacing: 0;
                    font-weight: 500;
                    margin-top: 1.5rem;

                    @media screen and (min-width: 576px) {
                        font-size: 2.3rem !important;
                        line-height: 3rem;
                    }
                }

                p {
                    font-size: 1.6rem;
                    line-height: 2rem;

                    a {
                        font-size: 1.6rem;
                        line-height: 2rem;
                    }
                }

                .cta-block__subcontent {
                    border-top: 1px solid #cdcdcd;
                    position: relative;
                    padding-top: 2rem;
                    padding-left: 70px;

                    @media screen and (max-width: 992px) {
                        border-bottom: 1px solid #cdcdcd;
                        margin-bottom: 1rem;
                        margin-top: 1rem;
                        padding-bottom: 3rem;
                    }

                    &:before {
                        background: url("./green-comment-icon.svg") no-repeat
                            scroll center center transparent;
                        background-size: contain;
                        content: "";
                        display: inline-block;
                        height: 50px;
                        left: 0;
                        position: absolute;
                        top: 1.6rem;
                        width: 50px;
                    }

                    h6 {
                        margin-bottom: 0px;
                    }
                    p {
                        font-size: 1.6rem;
                        a {
                            border-bottom: 1px solid #3e649b;
                            color: #3e649b;
                            font-size: 1.6rem;
                            font-weight: 400;
                            transition: all 0.3s ease-in-out;

                            &:hover {
                                border-bottom: 1px solid transparent;
                            }
                        }
                    }

                    img {
                        display: inline-block;
                        height: 50px;
                        left: 0;
                        object-fit: contain;
                        position: absolute;
                        top: 3rem;
                        width: 50px;
                    }
                }
            }

            .form-block {
                display: flex;
                float: none;
                clear: none;
                margin-left: 0.75rem;
                margin-right: 0.75rem;
                margin-bottom: 0;
                padding-top: 1.5rem;
                padding-right: 1.5rem;
                padding-left: 1.5rem;
                padding-bottom: 0;
                width: calc(64% - 1.5rem);
                max-width: calc(64% - 1.5rem);
                flex: 1 0 auto;
                padding-top: 5.5rem;
                padding-left: 6.5rem;

                @media screen and (max-width: 992px) {
                    display: flex;
                    float: none;
                    clear: none;
                    margin-left: 0.75rem;
                    margin-right: 0.75rem;
                    margin-bottom: 0;
                    padding-top: 1.5rem;
                    padding-right: 1.5rem;
                    padding-left: 1.5rem;
                    padding-bottom: 0;
                    width: calc(100% - 1.5rem);
                    max-width: calc(100% - 1.5rem);
                    flex: 1 0 auto;
                }

                label {
                    margin-bottom: 0;
                    text-transform: none;

                    &.hs-form-checkbox-display,
                    &.hs-form-booleancheckbox-display {
                        display: initial;
                    }

                    span {
                        font-size: 1.6rem;
                    }
                }

                .hs-fieldtype-text,
                .hs-fieldtype-select,
                .hs-fieldtype-phonenumber {
                    float: left;
                    width: calc(50% - 20px);
                    margin-right: 20px;

                    @media screen and (max-width: 767px) {
                        width: 100%;
                    }
                }

                .hs-richtext {
                    display: none;
                }

                .hs-fieldtype-checkbox,
                .hs-fieldtype-radio {
                    display: inline-block;
                    margin-bottom: 1.4rem !important;

                    .inputs-list {
                        margin-left: 0.2rem;

                        li:first-child {
                            margin-top: 10px;
                        }

                        li:last-child {
                            input {
                                margin-bottom: 0;
                            }
                        }

                        .hs-form-checkbox {
                            @media screen and (max-width: 767px) {
                                margin-bottom: 1rem;
                            }
                            .hs-form-checkbox-display,
                            .hs-form-radio-display {
                                align-items: baseline;
                                display: flex;
                                margin-bottom: 0;
                                span {
                                    display: inline-block;
                                }
                            }
                        }
                    }
                }

                .hs-fieldtype-select {
                    label {
                        display: none;
                    }

                    .input {
                        select {
                            position: relative;
                            z-index: 1;
                        }

                        &:after {
                            background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66756 8.34232C6.4922 8.34334 6.31837 8.30973 6.15603 8.24342C5.99369 8.17711 5.84604 8.07941 5.72154 7.95592L0.391854 2.62624C0.140954 2.37534 0 2.03504 0 1.68022C0 1.32539 0.140954 0.985099 0.391854 0.7342C0.642754 0.4833 0.983047 0.342346 1.33787 0.342346C1.6927 0.342346 2.03299 0.4833 2.28389 0.7342L6.66756 5.13119L11.0512 0.747524C11.3061 0.529238 11.634 0.415174 11.9693 0.428127C12.3047 0.44108 12.6228 0.580095 12.8601 0.817392C13.0974 1.05469 13.2364 1.37279 13.2493 1.70813C13.2623 2.04347 13.1482 2.37134 12.9299 2.62624L7.60025 7.95592C7.35208 8.20208 7.01711 8.34085 6.66756 8.34232Z' fill='%23404040'/%3E%3C/svg%3E")
                                no-repeat scroll center center transparent;
                            content: "";
                            background-size: contain;
                            position: absolute;
                            top: calc(50% + 2px);
                            right: 10px;
                            z-index: 10000;
                            width: 14px;
                            height: 10px;
                            transform: translate3d(0, -50%, 0);
                            display: inline-block;
                        }
                    }
                }

                .hs-fieldtype-booleancheckbox,
                .hs-fieldtype-booleanradio {
                    float: left;
                    margin-bottom: 2.5rem;
                    max-width: calc(50% - 20px);
                    margin-left: 0;
                    padding-left: 0;

                    @media screen and (max-width: 767px) {
                        max-width: 100%;
                        float: unset;
                    }

                    .hs-form-booleancheckbox-display,
                    .hs-form-booleanradio-display {
                        align-items: baseline;
                        display: flex;
                        span {
                            display: inline-block;
                            font-size: 1.4rem;
                        }
                    }
                    .inputs-list {
                        margin-left: 0.2rem;
                    }
                }

                .hs_recaptcha {
                    float: right;
                    max-width: calc(50% - 20px);
                    @media screen and (max-width: 767px) {
                        max-width: 100%;
                        float: unset;
                    }
                    @media screen and (min-width: 768px) {
                        margin-right: 20px;
                    }
                }

                .hs-submit {
                    width: 50%;
                    @media screen and (max-width: 767px) {
                        width: 100%;
                        margin-top: 2rem;
                    }

                    @media screen and (min-width: 768px) {
                        margin-top: 1rem;
                    }

                    .hs-button {
                        padding: 1rem 3rem;
                        border-radius: 6px;
                        font-size: 1.8rem;
                    }
                }

                .field {
                    margin-bottom: 2.1rem;

                    .input {
                        [type="text"],
                        [type="email"],
                        [type="tel"],
                        textarea,
                        select {
                            border-color: #cdcdcd;
                            border-radius: 6px;
                            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
                            font-size: 1.6rem;
                            margin-bottom: 0;
                            padding-left: 2rem;

                            &::placeholder {
                                color: #858585;
                            }
                        }

                        [type="checkbox"],
                        [type="radio"] {
                            accent-color: var(--wp--preset--color--roadsign);
                            height: 16px;
                            position: relative;
                            top: 2px;
                            width: 16px;

                            &:focus {
                                -webkit-user-modify: inherit;
                            }
                        }

                        select {
                            &.is-placeholder {
                                color: #858585;
                            }
                        }

                        textarea {
                            height: 12rem;
                        }
                    }
                }

                .hs_error_rollup {
                    display: none;
                }

                .hs-form-field {
                    position: relative;

                    > label > span {
                        font-size: 1.8rem;
                        font-weight: bold;
                        margin-bottom: 6px;
                    }

                    .hs-error-msgs {
                        border: red 1px solid;
                        border-radius: 6px;
                        color: rgba(0, 0, 0, 0);
                        position: absolute;
                        margin: 0;
                        height: 100%;
                        pointer-events: none;
                        top: 0;
                        user-select: none;
                        width: 100%;
                        li {
                            label {
                                color: rgba(0, 0, 0, 0);
                            }
                        }
                    }
                    &.hs-fieldtype-textarea {
                        @media screen and (min-width: 767px) {
                            margin-right: 20px;
                        }
                        .hs-error-msgs {
                            height: calc(100% - 2rem);
                        }
                    }

                    &.hs_help_category {
                        & > label {
                            margin-bottom: 1.5rem;
                            margin-top: 1rem;
                            span {
                                font-weight: 600;
                            }
                        }
                    }
                    &.hs_message {
                        & > label {
                            margin-bottom: 1rem;
                            margin-top: 1rem;
                            span {
                                font-weight: 600;
                            }
                        }
                    }
                }
            }
        }
    }

    .flex-col,
    .flex-wrap {
        display: flex;
        margin-top: -0.75rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;

        .container > &,
        .ev-container > &,
        .flex-col,
        .flex-wrap {
            margin-left: -2.25rem;
            margin-right: -2.25rem;
        }
    }
}

#hsForm_ca6502b4-c60d-41b4-be31-fd9a9330d299
    .hs_tcpa_legal_statement_opt_in.hs-tcpa_legal_statement_opt_in.hs-fieldtype-booleancheckbox.field.hs-form-field {
    .inputs-list {
        margin: 0;
    }
    label {
        position: relative;
        left: 0;
        color: white;
        align-items: start;
        margin-block-end: 15px;
    }
    input {
        height: 20px;
        margin-right: 1rem;
    }
}

#hsForm_1e92d9d0-9d3d-4dce-a1f3-20276bf613af
    .hs_tcpa_legal_statement_opt_in.hs-tcpa_legal_statement_opt_in.hs-fieldtype-booleancheckbox.field.hs-form-field {
    float: unset;
    max-width: unset;

    span {
        font-size: 1.6rem;
        line-height: 1.25;
    }
}
