stats #01

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