Stats Components in Wrexa library

<section class="relative pb-20 bg-gray-100 overflow-hidden">
  <div class="pt-40 sm:pt-64 pb-52 bg-gray-900">
    <div class="absolute top-0 left-0 w-full">
      <div class="h-8 mx-10 bg-white"></div>
    </div>
    <div class="container px-4 mx-auto">
      <div class="flex flex-wrap justify-center -mx-4">
        <div class="w-full lg:w-1/3 3xl:w-auto px-4 mb-16 lg:mb-0">
          <div class="max-w-xs px-12 mx-auto">
            <img class="block mb-12" src="wrexa-assets/elements/stats-icon1.svg" alt="">
            <h3 class="font-heading text-4xl text-white mb-2">89%</h3>
            <h5 class="font-heading text-xl text-white mb-10">Projects is good</h5>
            <p class="text-gray-500">Really, like a sense of truth that comes from within. The final game.</p>
          </div>
        </div>
        <div class="w-full lg:w-1/3 3xl:w-auto px-4 mb-16 lg:mb-0">
          <div class="max-w-xs px-12 mx-auto">
            <img class="block mb-12" src="wrexa-assets/elements/stats-icon2.svg" alt="">
            <h3 class="font-heading text-4xl text-white mb-2">75%</h3>
            <h5 class="font-heading text-xl text-white mb-10">Projects is perfect!</h5>
            <p class="text-gray-500">Really, like a sense of truth that comes from within. The final game.</p>
          </div>
        </div>
        <div class="w-full lg:w-1/3 3xl:w-auto px-4">
          <div class="max-w-xs px-12 mx-auto">
            <img class="block mb-12" src="wrexa-assets/elements/stats-icon3.svg" alt="">
            <h3 class="font-heading text-4xl text-white mb-2">14 days</h3>
            <h5 class="font-heading text-xl text-white mb-10">Trial is enough</h5>
            <p class="text-gray-500">Really, like a sense of truth that comes from within. The final game.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="absolute bottom-0 left-1/2">
    <div class="w-px h-18 bg-gray-800"></div>
    <div class="w-px h-26 bg-white"></div>
  </div>
</section>

<section class="bg-dark position-relative overflow-hidden">
  <div class="bg-white py-3 mx-12"></div>
  <div class="container pt-24 pb-52 pt-md-52">
    <div class="row">
      <div class="col-12 col-md-4 mb-14 mb-lg-0">
        <div class="mw-xs px-lg-14 mx-auto"><img class="img-fluid mb-12" src="wrexa-assets/elements/stats-icon1.svg" alt=""/>
          <h3 class="display-5 text-white mb-3" >89%</h3>
          <h5 class="display-6 text-white mb-10" >Projects is good</h5>
          <p class="text-secondary lh-lg mb-0" >Really, like a sense of truth that comes from within. The final game.</p>
        </div>
      </div>
      <div class="col-12 col-md-4 mb-14 mb-lg-0">
        <div class="mw-xs px-lg-14 mx-auto"><img class="img-fluid mb-12" src="wrexa-assets/elements/stats-icon2.svg" alt=""/>
          <h3 class="display-5 text-white mb-3" >75%</h3>
          <h5 class="display-6 text-white mb-10" >Projects is perfect!</h5>
          <p class="text-secondary lh-lg mb-0" >Really, like a sense of truth that comes from within. The final game.</p>
        </div>
      </div>
      <div class="col-12 col-md-4">
        <div class="mw-xs px-lg-14 mx-auto"><img class="img-fluid mb-12" src="wrexa-assets/elements/stats-icon3.svg" alt=""/>
          <h3 class="display-5 text-white mb-3" >14 days</h3>
          <h5 class="display-6 text-white mb-10" >Trial is enough</h5>
          <p class="text-secondary lh-lg mb-0" >Really, like a sense of truth that comes from within. The final game.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="bg-light pt-20"></div>
  <div class="position-absolute bottom-0 start-50 translate-middle-x">
    <div class="py-9 bg-secondary" style="width: 1.5px;"></div>
    <div class="py-14 bg-white" style="width: 1.5px;"></div>
  </div>
</section>