={{ num }}"
                                       class="px-4 py-2 text-sm font-medium text-gray-700 bg-white rounded-lg border border-gray-300 hover:bg-gray-50 transition-colors duration-300">
                                        {{ num }}
                                    </a>
                                {% endif %}
                            {% endfor %}
                        </div>
                        <!-- Current Page Indicator (Mobile) -->
                        <span class="sm:hidde