[hidden lang "en"]
[hidden apporteur default:get]
<div class="container-fluid px-4">
    <div class="row">

        <!-- barre latérale gauche: image assistant, ecran large -->
        <div class="col-xl-2 visible-lg">
            <img class="avatar" src="https://www.mondialcare.eu/wp-content/uploads/2019/12/assistante-1.png">
        </div>

        <!-- contenu -->
        <div class="col-xl-10">
            <!-- assistant infobulle -->
            <div class="row">
                <div class="hidden-lg col-2 align-self-center">
                    <img class="avatar" src="https://www.mondialcare.eu/wp-content/uploads/2019/12/vignette-mobile.gif">
                </div>
                <div class="col-10">
                    <p><strong>Hello, I'm Sarra your virtual assistant! In a few questions I will find the Travel Insurance offer adapted to your needs, to start select your profile:</strong></p>
                </div>
            </div>

            <!-- contenu formulaire -->
            <div class="row mt-4  align-self-center">
                <div class="row">
                    [select type-personne "Tourist" "Student" "Business" "Expats"]
                    [hidden lang default:get]
                </div>
            </div>
            <div class="row mt-4">
                [submit id:nextBtn class:jump-tarif class:ml-5 class:w-50 class:btn-radius "Next"]
            </div>

        </div>
    </div>
</div>