{{# Stats Counter Section #}}
<section class="hero-fullscreen pt-16 pb-20" style="background-color: #f7f9fb; background: linear-gradient(to bottom, #f2f2f2 0%, rgba(242,242,242,0.01) 100%); opacity: 1;">
    <div class="max-w-7xl mx-auto px-6 lg:px-[90px]">
        {{ if stat_items }}
        <div class="grid grid-cols-1 md:grid-cols-{{ stat_items | count | minimum:4 }} gap-12 text-center" data-aos="fade-up">
            {{ stat_items }}
            <div>
                {{ if icon_image }}
                <img src="{{ icon_image:url }}" alt="{{ label }}" class="w-24 h-24 mx-auto mb-4 object-contain">
                {{ /if }}
                <div class="counter-number text-[48px] leading-none mb-3"
                     data-count="{{ count }}"
                     {{ if separator }}data-separator="{{ separator }}"{{ /if }}
                     {{ if suffix }}data-suffix="{{ suffix }}"{{ /if }}>0</div>
                {{ if label }}
                <div class="font-nunito text-[16px] leading-[32px] font-semibold text-[#717191] text-center">{{ label }}</div>
                {{ /if }}
            </div>
            {{ /stat_items }}
        </div>
        {{ /if }}
    </div>
</section>