<section id="stats" class="stats section light-background">
  <div class="container" data-aos="fade-up" data-aos-delay="100">
    <div class="row gy-4">
      <% stats.forEach((stat, index) => { %>
        <div class="col-lg-3 col-md-6">
          <div class="stats-item d-flex align-items-center w-100 h-100">
            <i class="<%= stat.icon %> flex-shrink-0"></i>
            <div>
              <span data-purecounter-start="0" data-purecounter-end="<%= stat.end %>" data-purecounter-duration="0" class="purecounter"><%= stat.end %></span>
              <p><%= stat.label %></p>
            </div>
          </div>
        </div><!-- End Stats Item -->
      <% }) %>
    </div>
  </div>
</section><!-- /Stats Section -->