<div class="group mx-auto flex max-w-[270px] flex-col items-center text-center text-[18px] font-medium">
    <span
        class="size-16 mb-10 grid place-content-center rounded-full border-[2px] border-[#A2B2C9] border-opacity-15 text-[26px] font-medium transition-all group-hover:-translate-y-2 group-hover:scale-110 group-hover:border-white group-hover:bg-white group-hover:text-black"
    >{{ __($item->order) }}</span>
    <p>{!! __($item->title) !!}</p>
</div>
