id sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8">
                    {% for metric in about.metrics %}
                        <div class="bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-all duration-300"
                             data-aos="zoom-in" data-aos-delay="{{ forloop.counter|multiply:100 }}">
                            <div class="text-blue-600 dark:text-blue-400 mb-4">
                                <i class="fa