stats #01

<section>
  <div class="relative px-8 py-24 mx-auto md:px-12 lg:px-24 max-w-7xl">
    <div
      class="text-center grid grid-cols-1 gap-x-6 gap-y-12 sm:grid-cols-2 md:grid-cols-4"
    >
      <div class="flex items-baseline gap-4">
        <p class="text-lg md:text-xl font-medium text-blue-700">30%</p>
        <h3 class="text-lg md:text-xl font-medium text-base-900">
          Working Individuals
        </h3>
      </div>
      <div class="flex items-baseline gap-4">
        <p class="text-lg md:text-xl font-medium text-blue-700">40%</p>
        <h3 class="text-lg md:text-xl font-medium text-base-900">
          Super low fee
        </h3>
      </div>
      <div class="flex items-baseline gap-4">
        <p class="text-lg md:text-xl font-medium text-blue-700">50%</p>
        <h3 class="text-lg md:text-xl font-medium text-base-900">
          Great Commitment
        </h3>
      </div>
      <div class="flex items-baseline gap-4">
        <p class="text-lg md:text-xl font-medium text-blue-700">60M</p>
        <h3 class="text-lg md:text-xl font-medium text-base-900">
          Massive Earnings
        </h3>
      </div>
    </div>
  </div>
</section>