Statistics Five

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-lg pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="mb-8 md:mb-12">
      <h2
        class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl"
      >
        Milestones That Define Us
      </h2>
      <p
        class="ml-auto mr-auto mx-auto max-w-screen-md text-center text-gray-500 md:text-lg"
      >
        Over the years, our journey has been marked by measurable progress.
        Here&#x2019;s a glimpse of the numbers that reflect our growth, reach,
        and dedication to excellence.
      </p>
    </div>
    <div
      class="grid grid-cols-2 md:grid-cols-4 gap-6 rounded-lg bg-indigo-500 pt-6 pr-6 pb-6 pl-6 md:gap-8 md:pt-8 md:pr-8 md:pb-8 md:pl-8"
    >
      <div class="flex flex-col items-center">
        <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">
          320
        </div>
        <div class="text-sm text-indigo-200 sm:text-base">Team Members</div>
      </div>
      <div class="flex flex-col items-center">
        <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">
          740+
        </div>
        <div class="text-sm text-indigo-200 sm:text-base">
          Projects Delivered
        </div>
      </div>
      <div class="flex flex-col items-center">
        <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">
          1,200+
        </div>
        <div class="text-sm text-indigo-200 sm:text-base">Active Users</div>
      </div>
      <div class="flex flex-col items-center">
        <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">
          Endless
        </div>
        <div class="text-sm text-indigo-200 sm:text-base">Brainstorms</div>
      </div>
    </div>
  </div>
</div>