{{ form_start(form, {'attr': {'class': 'container mx-auto w-full lg:w-1/2 xl:w-1/3 bg-gray-100 shadow-lg rounded-lg px-6 py-8'}}) }}
    
    <div class="flex flex-col mb-4">
        {{ form_label(form.lastName, 'Nom', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.lastName, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        {{ form_errors(form.lastName, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex flex-col mb-4">
        {{ form_label(form.firstName, 'Prénom', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.firstName, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        {{ form_errors(form.firstName, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex flex-col mb-4">
        {{ form_label(form.mail, 'Email', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.mail, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        {{ form_errors(form.mail, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex flex-col mb-4">
        {{ form_label(form.phoneNumber, 'N°Téléphone', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.phoneNumber, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        {{ form_errors(form.phoneNumber, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex flex-col mb-4">
        {{ form_label(form.subject, 'Sujet', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.subject, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        {{ form_errors(form.subject, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex flex-col mb-4">
        {{ form_label(form.content, 'Contenu', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.content, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline', 'rows': '5'}}) }}
        {{ form_errors(form.content, {'attr': {'class': 'text-red-500 text-xs italic'}}) }}
    </div>

    <div class="flex items-center justify-between">
        <button class="btn bg-blue-500 hover:bg-blue-700 text-white text-3xl lg:text-base font-bold py-4 lg:py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="submit">
            {{ button_label|default('Envoyer') }}
        </button>
    </div>

{{ form_end(form) }}