bg-white dark:bg-gray-700 p-6 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"
                             data-aos="fade-up" data-aos-delay="{{ forloop.counter|multiply:100 }}">
                            <div class="text-blue-600 dark:text-blue-400 mb-4">
                                <i class="{{ value.icon }} text-3xl"></i>
                            </div>
                            <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3