-lg hover:-translate-y-1">
                    <div class="bg-red-50 p-3 rounded-xl mr-4">
                        <i class="fa fa-clock text-2xl text-[#e74c3c]"></i>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Activities</div>
                        <div id="activitiesCounter"
                             class="text-2xl font-bold text-gray-900"
                             data-value="{{ stats.activities.total|default:0 }}">
            