Réassurance

<div class="py-7.5 px-5 md:px-20">

    <div class="flex justify-between text-text-light tracking-tightened font-medium gap-2.5">

        <div class="flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

            <span> 65 concessions,<br>30 marques</span>

        </div>

        <div class="flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

            <span>500 mécaniciens<br>experts</span>

        </div>

        <div class="hidden sm:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

            <span>Des conseils professionnels et engagés</span>

        </div>

        <div class="hidden md:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

            <span>Des solutions de financement simples</span>

        </div>

        <div class="hidden xl:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

            <span>Autre argument réassurance</span>

        </div>

    </div>

</div>

<div class="flex justify-between text-text-light md:text-white tracking-tightened font-medium gap-2.5">

    <div class="flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

        <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

        <span> 65 concessions,<br>30 marques</span>

    </div>

    <div class="flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

        <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

        <span>500 mécaniciens<br>experts</span>

    </div>

    <div class="hidden sm:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

        <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

        <span>Des conseils professionnels et engagés</span>

    </div>

    <div class="hidden md:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

        <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

        <span>Des solutions de financement simples</span>

    </div>

    <div class="hidden xl:flex items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

        <?= icon('car-shield-check', 'w-7.5 shrink-0 text-icon'); ?>

        <span>Autre argument réassurance</span>

    </div>

</div>

<div class="py-7.5 px-5 md:px-20">

    <div class="flex justify-between tracking-tightened font-medium gap-2.5">

        <div class="flex flex-col items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-primary-accent'); ?>

            <span> 65 concessions,<br>30 marques</span>

        </div>

        <div class="flex flex-col items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-primary-accent'); ?>

            <span>500 mécaniciens<br>experts</span>

        </div>

        <div class="hidden sm:flex flex-col items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-primary-accent'); ?>

            <span>Des conseils professionnels et engagés</span>

        </div>

        <div class="hidden md:flex flex-col items-start gap-2.5 w-1/2 sm:w-1/3 md:w-full md:max-w-[190px] lg:max-w-[230px]">

            <?= icon('car-shield-check', 'w-7.5 shrink-0 text-primary-accent'); ?>

            <span>Des solutions de financement simples</span>

        </div>

    </div>

</div>