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-base leading-normal sm:text-lg md:text-xl text-accent-700 font-medium"
        >
          30%
        </p>
        <h3
          class="text-base leading-normal sm:text-lg md:text-xl text-base-900 font-medium"
        >
          Working Individuals
        </h3>
      </div>
      <div class="flex gap-4 items-baseline">
        <p
          class="text-base leading-normal sm:text-lg md:text-xl text-accent-700 font-medium"
        >
          40%
        </p>
        <h3
          class="text-base leading-normal sm: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-base leading-normal sm:text-lg md:text-xl text-accent-700 font-medium"
        >
          50%
        </p>
        <h3
          class="text-base leading-normal sm:text-lg md:text-xl text-base-900 font-medium"
        >
          Great Commitment
        </h3>
      </div>
      <div class="flex gap-4 items-baseline">
        <p
          class="text-base leading-normal sm:text-lg md:text-xl text-accent-700 font-medium"
        >
          60M
        </p>
        <h3
          class="text-base leading-normal sm:text-lg md:text-xl text-base-900 font-medium"
        >
          Massive Earnings
        </h3>
      </div>
    </div>
  </div>
</section>