<section class="contact-form-map pt-5">
<div class="w-100 bg-blue-very-light h-100 d-flex align-items-center">
<div class="d-flex col-md-12 container-form-map pr-0">
<div class="col-md-6 d-flex align-items-center pb-5 pt-5 position-relative">
<div class="form_block">
{% if data.pre_title is defined %}
<p>{{ data.pre_title }}</p>
{% endif %}
<h2 class="blue">{{ data.title }}</h2>
{% if data.description is not empty %}
<div class="blue-dark pb-3">
{{ data.description.0|raw }}
</div>
{% endif %}
{% if data.url_link is defined and data.url_link %}
<a class="btn-section blue-dark" href="{{ data.url_link }}">{{ data.label_btn }}</a>
{% endif %}
<div class="col-md-12 col-xl-8 col-lg-12 pl-0">
{{ form_start(form, {'attr': {'id': 'contactForm'}}) }}
{{ form_rest(form) }}
<div class="mt-3 cta">
<input type="text" id="website" name="website"/>
<button class="btn-section blue-dark" type="submit">{{ 'form.send'|trans }}</button>
</div>
<div id="messageContact"></div>
{{ form_end(form) }}
</div>
</div>
<img src="{{ asset('img/carfit_perso_contact.svg') }}" alt="Carfit contact" id="carfitContact">
</div>
<div class="col-md-6 pr-0 map" id="map">
<div class="w-100 h-100" >
</div>
</div>
</div>
</div>
</section>