{#

Element ID: Element06
Element Name: Contact form

#}

<section class="bg-form">
    <div class="container" style="background-image: url({{ element.background_image }})" >
        <div class="bg-form__content {{ element.smaller_gap ? "bg-form__content-smaller" : "" }}">
            <div class="bg-form__header text-align-center">
                <h3 class="h2 text-uppercase text-align-center">{{ element.contact_form_title }}</h3>
                <p>{{ element.contact_form_description }}</p>
            </div>
            <div class="bg-form__form form--light">
                {{ function('do_shortcode', '[contact-form-7 id="'~element.cf7_id~'"]') }}
            </div>
        </div>
    </div>
</section>