              </p>
            </div>
          </div>
          <div class="col-span-12 md:col-span-4 lg:col-span-3 lg:col-start-9 px-4 md:pl-6 lg:pl-0">
            <div class="bg-stone-900 bg-opacity-90 dark:bg-[#1E2735] text-white rounded-t-lg py-4 px-3 mb-4">
              <h5 class="text-xl font-medium">Popular Blogs</h5>
            </div>
            <!-- blog item -->
            <div class="flex justify-between items-start gap-4">
              <img src="https://cdn.easyfrontend.com/pictures/blog/