<!-- Address Section -->
<div class="mt-8">
    <!-- Section Title -->
    <div class="mb-4">
        <h2 class="shimmer h-7 w-[150px]"></h2>
    </div>

    <!-- Address Cards -->
    <div class="grid grid-cols-2 gap-5 max-1060:grid-cols-[1fr] max-lg:grid-cols-2 max-sm:mt-4 max-sm:grid-cols-1">
        <!-- Single card addredd -->
        <div class="relative max-w-[414px] rounded-xl border border-zinc-200 p-0">
            <div class="absolute top-5 flex gap-2 ltr:right-5 rtl:left-5">
                <div class="mb-4 flex items-center gap-2.5">
                    <span class="shimmer h-6 w-6 rounded-full"></span>
                </div>

                <span class="shimmer h-6 w-6"></span>
            </div>

            <div class="block rounded-xl p-5">
                <div class="shimmer mb-3 h-14 w-14 rounded-full"></div>

                <p class="shimmer h-6 w-40"></p>
                
                <p class="shimmer mt-4 h-6 w-full"></p>
            </div>
        </div>

        <!-- Single card addredd -->
        <div class="flex max-w-[414px] items-center justify-center rounded-xl border border-zinc-200 p-5 max-sm:flex-wrap">
            <div class="flex items-center gap-x-2.5">
                <span class="shimmer h-14 w-14 rounded-full"></span>

                <p class="shimmer h-6 w-36"></p>
            </div>
        </div>
    </div>

    <!-- Save Address Checkbox -->
    <p class="shimmer mt-5 h-6 w-2/5"></p>

    <!-- Confirm Button -->
    <div class="mt-4 flex justify-end">
        <div class="shimmer h-14 w-40 rounded-2xl"></div>
    </div>
</div>
