<section class="no-border">
    <div class="container">
        <div class="flex flex-col md:flex-row justify-center gap-10 md:gap-40">
            <div class="text-center flex flex-col items-center">
                <div class="flex items-center justify-center p-3 bg-primary rounded-full w-25 r1-1">
                    <img data-aos="zoom-in" style="width: 64px;" src="{{ asset('images/logos/logo-light.png') }}">
                </div>
                <hr class="separator" data-aos="zoom-in">
                <p data-aos="fade-up" class="italic text-xl">Nous recrutons<br>des postes en CDI</p>
            </div>

            <div class="text-center flex flex-col items-center">
                <div class="flex items-center justify-center p-3 bg-primary rounded-full w-25 r1-1">
                    <img data-aos="zoom-in" data-aos-delay="100" style="width: 64px;" src="{{ asset('images/logos/logo-light.png') }}">
                </div>
                <hr class="separator" data-aos="zoom-in" data-aos-delay="100">
                <p data-aos="fade-up" data-aos-delay="100" class="italic text-xl">Sur l'ensemble du<br>territoire français</p>
            </div>

            <div class="text-center flex flex-col items-center">
                <div class="flex items-center justify-center p-3 bg-primary rounded-full w-25 r1-1">
                    <img data-aos="zoom-in" data-aos-delay="200" style="width: 64px;" src="{{ asset('images/logos/logo-light.png') }}">
                </div>
                <hr class="separator" data-aos="zoom-in" data-aos-delay="200">
                <p data-aos="fade-up" data-aos-delay="200" class="italic text-xl">Postes stratégiques<br>et opérationnels</p>
            </div>
        </div>
    </div>
</section>
