<section class="p-10 bg-black text-white"> <div class="grid justify-center items-center grid-cols-2 lg:grid-cols-4"> <div class="p-5 flex flex-col items-center"> <div class="shapeDesc2 flex flex-col justify-center"> <i class="fa-solid fa-dumbbell h-[30px] md:h-[45px] lg:h-[55px] w-[100px] md:w-[150px] lg:w-[175px]" style="color: #ffffff;"></i> </div> <div class="text-black pt-3 text-center"> <p class="text-white text-[1.25rem]"><strong>Coach sportive </strong> <br> Sport santé performance</p> </div> </div> <div class="p-5 flex flex-col items-center"> <div class="shapeDesc2 flex flex-col justify-center"> <i class="fa-solid fa-user-group h-[30px] md:h-[45px] lg:h-[55px] w-[100px] md:w-[150px] lg:w-[175px]" style="color: #ffffff;"></i> </div> <div class="text-black pt-3 text-center "> <p class="text-white text-[1.25rem]"><strong>Accompagnement </strong> <br> personnalisé</p> </div> </div> <div class="p-5 flex flex-col items-center"> <div class="shapeDesc2 flex flex-col justify-center"> <i class="fa-solid fa-spa h-[30px] md:h-[45px] lg:h-[55px] w-[100px] md:w-[150px] lg:w-[175px]" style="color: #ffffff;"></i> </div> <div class="text-black pt-3 text-center"> <p class="text-white text-[1.25rem]"><strong> Bien-être </strong> <br> personnel</p> </div> </div> <div class="p-5 flex flex-col items-center"> <div class="shapeDesc2 flex flex-col justify-center"> <i class="fa-solid fa-bolt h-[30px] md:h-[45px] lg:h-[55px] w-[100px] md:w-[150px] lg:w-[175px]" style="color: #ffffff;"></i> </div> <div class="text-black pt-3 text-center"> <p class="text-white text-[1.25rem]"><strong>Dépassement</strong> <br> de soi</p> </div> </div> </div></section>