 <div class="py-12 border-y border-zinc-200 flex items-center justify-between max-w-[1100px] mx-auto px-6 md:px-16 mb-6">
        <a href="#" class="w-16 h-16 rounded-full border border-zinc-200 flex items-center justify-center hover:bg-dark hover:text-white transition-all duration-500">
            <i class="ri-arrow-left-line text-2xl"></i>
        </a>

        <div class="hidden md:flex flex-1 items-center justify-center divide-x divide-zinc-200">
            <div class="flex items-center gap-6 px-6">
                <div class="flex flex-col items-end">
                    <span class="text-dark font-semibold text-base text-right leading-tight max-w-[600px]">Exploring The New Frontier Of Digital Illustration Through Generative Tools</span>
                    <div class="flex items-center gap-2 mt-2 opacity-60">
                        <i class="ri-calendar-line text-xs"></i>
                        <span class="text-[11px] font-mono uppercase tracking-widest">Jan 30, 2026</span>
                    </div>
                </div>
                <img src="Asset/blog-1.jpg" class="w-20 h-20 rounded-2xl object-cover" />
            </div>

            <div class="flex items-center gap-6 px-12">
                <img src="Asset/blog-2.jpg" class="w-20 h-20 rounded-2xl object-cover" />
                <div class="flex flex-col items-start">
                    <span class="text-dark font-semibold text-base text-left leading-tight max-w-[600px]">Why Exploring The New Frontier Of Digital Illustration Through Generative Tools</span>
                    <div class="flex items-center gap-2 mt-2 opacity-60">
                        <i class="ri-calendar-line text-xs"></i>
                        <span class="text-[11px] font-mono uppercase tracking-widest">Dec 20, 2025</span>
                    </div>
                </div>
            </div>
        </div>

        <a href="#" class="w-16 h-16 bg-brandOrange rounded-full flex items-center justify-center text-white hover:bg-dark transition-all duration-500">
            <i class="ri-arrow-right-line text-2xl"></i>
        </a>
    </div>