<div class="mb-7">
    <div class="flex items-center justify-between py-4">
        <h2 class="shimmer h-8 w-56"></h2>
        <span class="shimmer h-6 w-6"></span>
    </div>

    <div class="mt-8 flex flex-wrap gap-8">
        <div class="relative max-w-[217px] select-none max-sm:max-w-full max-sm:flex-auto">
            <span class="shimmer absolute top-5 h-6 w-6 rounded-full ltr:right-5 rtl:left-5"></span>

            <label class="block rounded-xl border border-zinc-200 p-5">
                <span class="shimmer block h-[60px] w-[60px]"></span>
                
                <p class="shimmer mt-2 h-[37.5px] w-3/5"></p>
                <p class="shimmer mt-2.5 h-[18px] w-[180px]"></p>
            </label>
        </div>

        <div class="relative max-w-[217px] select-none max-sm:max-w-full max-sm:flex-auto">
            <span class="shimmer absolute top-5 h-6 w-6 rounded-full ltr:right-5 rtl:left-5"></span>

            <label class="block rounded-xl border border-zinc-200 p-5">
                <span class="shimmer block h-[60px] w-[60px]"></span>

                <p class="shimmer mt-1.5 h-8 w-3/5"></p>
                <p class="shimmer mt-2.5 h-4 w-[180px]"></p>
            </label>
        </div>
    </div>
</div>