Tailwind CSS Stats Components

<section class="pt-20 md:pt-32">
  <div class="container px-4 mx-auto">
    <div class="max-w-7xl mx-auto">
      <div class="flex flex-wrap -mx-4">
        <div class="w-full lg:w-1/2 xl:w-2/5 px-4 mb-16 lg:mb-0">
          <div class="max-w-lg mx-auto lg:mx-0">
            <span class="inline-block py-1 px-3 mb-5 text-xs font-semibold text-orange-900 bg-orange-50 rounded-full">👋 MEET SATURN UI LIBRARY</span>
            <h1 class="font-heading text-4xl xs:text-6xl md:text-7xl font-bold mb-5">
              <span>Manage your</span>
              <span class="font-serif italic">products</span>
              <span>with saturn</span>
            </h1>
            <p class="text-xl text-gray-500 font-semibold">Nisi eu pellentesque felis volutpat aliquet pulvinar sed. Vitae fames vestibulum urna vel odio mauris urna orci est.</p>
          </div>
        </div>
        <div class="w-full lg:w-1/2 xl:w-3/5 px-4">
          <img class="block max-w-4xl mx-auto lg:max-w-none lg:mt-20 xl:mt-0 w-full" src="saturn-assets/images/stats/image-stat1.png" alt="">
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-20 bg-gradient-to-r from-neutral-950 via-neutral-900 to-neutral-950">
        <div class="container px-4 mx-auto">
            <div class="flex flex-wrap items-center -mx-4 -mb-8">
                <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
                    <svg class="mx-auto mb-4 text-white w-12 h-12" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z" fill="currentColor"></path>
                        <circle cx="24" cy="24" r="23.5" stroke="currentColor"></circle>
                    </svg>
                    <h3 class="mb-1 text-xl md:text-2xl font-medium text-transparent bg-clip-text bg-gradient-to-r from-gray-500 via-gray-100 to-gray-500">600 000 000</h3>
                    <p class="text-lg text-neutral-300">Dolor sit amet consectutar</p>
                </div>
                <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
                    <svg class="mx-auto mb-4 text-white w-12 h-12" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z" fill="currentColor"></path>
                        <circle cx="24" cy="24" r="23.5" stroke="currentColor"></circle>
                    </svg>
                    <h3 class="mb-1 text-xl md:text-2xl font-medium text-transparent bg-clip-text bg-gradient-to-r from-gray-500 via-gray-100 to-gray-500">600 000 000</h3>
                    <p class="text-lg text-neutral-300">Dolor sit amet consectutar</p>
                </div>
                <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
                    <svg class="mx-auto mb-4 text-white w-12 h-12" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z" fill="currentColor"></path>
                        <circle cx="24" cy="24" r="23.5" stroke="currentColor"></circle>
                    </svg>
                    <h3 class="mb-1 text-xl md:text-2xl font-medium text-transparent bg-clip-text bg-gradient-to-r from-gray-500 via-gray-100 to-gray-500">600 000 000</h3>
                    <p class="text-lg text-neutral-300">Dolor sit amet consectutar</p>
                </div>
                <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
                    <svg class="mx-auto mb-4 text-white w-12 h-12" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z" fill="currentColor"></path>
                        <circle cx="24" cy="24" r="23.5" stroke="currentColor"></circle>
                    </svg>
                    <h3 class="mb-1 text-xl md:text-2xl font-medium text-transparent bg-clip-text bg-gradient-to-r from-gray-500 via-gray-100 to-gray-500">600 000 000</h3>
                    <p class="text-lg text-neutral-300">Dolor sit amet consectutar</p>
                </div>
            </div>
        </div>
    </section>

<section class="relative pt-28 pb-36 bg-blueGray-50 overflow-hidden">
  <img class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="flaro-assets/images/team/gradient.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <h2 class="mb-5 text-6xl md:text-7xl font-bold font-heading text-center tracking-px-n leading-tight">Unlock startup’s true potential</h2>
    <p class="mb-16 text-lg text-gray-600 text-center font-medium leading-normal md:max-w-2xl mx-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra.</p>
    <div class="md:max-w-2xl mx-auto bg-white rounded-4xl shadow-8xl">
      <div class="flex flex-wrap justify-center items-center">
        <div class="w-full md:flex-1">
          <div class="text-center p-8 md:px-16 md:pt-9 md:pb-11">
            <p class="mb-4 text-indigo-600 font-semibold leading-normal">Monthly Users</p>
            <h2 class="mb-4 text-6xl md:text-8xl xl:text-10xl font-bold font-heading tracking-px-n leading-none">49,020</h2>
            <p class="text-gray-900 font-medium leading-snug">19% better than last month</p>
          </div>
        </div>
        <div class="w-auto">
          <div class="h-px w-14 md:w-px md:h-14 bg-gray-200"></div>
        </div>
        <div class="w-full md:flex-1">
          <div class="text-center p-8 md:px-16 md:pt-9 md:pb-11">
            <p class="mb-4 text-indigo-600 font-semibold leading-normal">Active Users</p>
            <h2 class="mb-4 text-6xl md:text-8xl xl:text-10xl font-bold font-heading tracking-px-n leading-none">2,530</h2>
            <p class="text-gray-900 font-medium leading-snug">33% better than last month</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-28 bg-gray-50 overflow-hidden">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -m-8">
      <div class="w-full md:w-1/3 p-8">
        <p class="text-3xl sm:text-4xl xl:text-5xl text-gray-900"><span >More than </span><span class="font-heading font-bold text-transparent bg-clip-text bg-gradient-orange" >16,200 </span><span > visitor to customer converted</span></p>
      </div>
      <div class="w-full md:w-1/3 p-8">
        <p class="text-3xl sm:text-4xl xl:text-5xl overflow-hidden text-gray-900"><span >Increased </span><span class="font-heading font-bold text-transparent bg-clip-text bg-gradient-purple" >117% </span><span > conversions from the first quater</span></p>
      </div>
      <div class="w-full md:w-1/3 p-8">
        <p class="text-3xl sm:text-4xl xl:text-5xl text-gray-900"><span >Over </span><span class="font-heading font-bold text-transparent bg-clip-text bg-gradient-blue" >82% </span><span > increament on demo call bookings &amp; growth</span></p>
      </div>
    </div>
  </div>
</section>

<section class="py-24">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -mx-4">
      <div class="w-full lg:w-1/3 p-4">
        <div class="bg-orange-500 h-1 mb-10"></div>
        <h2 class="text-4xl font-bold font-heading mb-3">101K+</h2>
        <p class="text-gray-500">Users studying around the globe</p>
      </div>
      <div class="w-full lg:w-1/3 p-4">
        <div class="bg-orange-500 h-1 mb-10"></div>
        <h2 class="text-4xl font-bold font-heading mb-3">352K</h2>
        <p class="text-gray-500">Registered Users</p>
      </div>
      <div class="w-full lg:w-1/3 p-4">
        <div class="bg-orange-500 h-1 mb-10"></div>
        <h2 class="text-4xl font-bold font-heading mb-3">94K</h2>
        <p class="text-gray-500">Registered Users</p>
      </div>
    </div>
  </div>
</section>

<section class="py-24 lg:py-32 bg-black overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap lg:items-center -m-8">
      <div class="w-full md:w-1/2 p-8">
        <img class="mx-auto rounded-lg transform hover:-translate-y-1 transition duration-500" src="basko-assets/images/facts/media.jpg" alt="">
      </div>
      <div class="w-full md:w-1/2 p-8">
        <div class="md:max-w-md">
          <h2 class="font-heading mb-24 text-6xl text-white tracking-tighter leading-tight">Showcase some impressive numbers.</h2>
          <div class="mb-8">
            <h3 class="font-heading mb-3 inline-block text-6xl md:text-7xl tracking-tighter" style="background: linear-gradient(86deg, rgba(186,109,238,1) 0%, rgba(252,202,89,1) 100%, rgba(252,202,89,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">55%</h3>
            <p class="text-xl text-gray-200 tracking-tight">A percentage number that suggests an increase in performance.</p>
          </div>
          <div>
            <h3 class="font-heading mb-3 inline-block text-6xl md:text-7xl tracking-tighter" style="background: linear-gradient(86deg, rgba(186,109,238,1) 0%, rgba(252,202,89,1) 100%, rgba(252,202,89,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">43%</h3>
            <p class="text-xl text-gray-200 tracking-tight">Another percentage that could suggest internet rates etc..</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-10 bg-gray-800 overflow-hidden">
  <div class="container mx-auto px-4">
    <div class="relative">
      <div class="absolute top-1/2 left-1/2 min-w-max transform -translate-x-1/2 -translate-y-1/2">
        <div class="absolute bg-gradient-radial-dark-light w-full h-full"></div>
        <img src="zanrly-assets/images/pattern-dark-light.png" alt="">
      </div>
      <div class="relative flex flex-wrap -m-4">
        <div class="w-full md:w-1/3 p-4">
          <div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-900 h-full rounded-3xl">
            <h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
              <span>More than</span>
              <span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-green">16,200</span>
              <span>visitor to customer converted</span>
            </h2>
          </div>
        </div>
        <div class="w-full md:w-1/3 p-4">
          <div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-900 h-full rounded-3xl">
            <h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
              <span>Increased</span>
              <span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-pink">117%</span>
              <span>conversions from the first quater</span>
            </h2>
          </div>
        </div>
        <div class="w-full md:w-1/3 p-4">
          <div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-900 h-full rounded-3xl">
            <h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
              <span>Over</span>
              <span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-aqua">82%</span>
              <span>increament on demo call bookings &amp; growth</span>
            </h2>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-16 overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -m-11">
      <div class="relative w-full md:w-1/3 p-11">
        <div class="text-center">
          <h3 class="mb-1.5 text-7xl lg:text-8xl text-white tracking-4xl">$1.5B+</h3>
          <p class="text-gray-300">active listing wordlide</p>
        </div>
        <div class="hidden md:block absolute top-1/2 right-0 w-px h-24 bg-gray-900 transform -translate-y-1/2"></div>
      </div>
      <div class="relative w-full md:w-1/3 p-11">
        <div class="text-center">
          <h3 class="mb-1.5 text-7xl lg:text-8xl text-white tracking-4xl">100+</h3>
          <p class="text-gray-300">cities and towns with active Nightsable card</p>
        </div>
        <div class="hidden md:block absolute top-1/2 right-0 w-px h-24 bg-gray-900 transform -translate-y-1/2"></div>
      </div>
      <div class="w-full md:w-1/3 p-11">
        <div class="text-center">
          <h3 class="mb-1.5 text-7xl lg:text-8xl text-white tracking-4xl">75%</h3>
          <p class="text-gray-300">assets Under Managment</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-20">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap items-center -mx-4 -mb-8">
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
        <span class="flex items-center justify-center w-14 h-14 mb-8 mx-auto bg-teal-400 rounded-full">
          <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.98444 19.606C8.98444 19.606 16.6564 17.283 16.6564 10.879C16.6564 4.474 16.9344 3.974 16.3194 3.358C15.7034 2.742 9.99044 0.75 8.98444 0.75C7.97844 0.75 2.26544 2.742 1.65044 3.358C1.03444 3.974 1.31244 4.474 1.31244 10.879C1.31244 17.283 8.98444 19.606 8.98444 19.606Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M6.38586 9.87463L8.27786 11.7696L12.1759 7.86963" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <h3 class="mb-4 text-2xl font-semibold font-heading">600 000 000</h3>
        <p class="text-xl text-gray-500">Dolor sit amet consectutar</p>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
        <span class="flex items-center justify-center w-14 h-14 mb-8 mx-auto bg-red-400 rounded-full">
          <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0714 18.0699C15.0152 21.1263 10.4898 21.7867 6.78642 20.074C6.23971 19.8539 5.79148 19.676 5.36537 19.676C4.17849 19.683 2.70117 20.8339 1.93336 20.067C1.16555 19.2991 2.31726 17.8206 2.31726 16.6266C2.31726 16.2004 2.14642 15.7602 1.92632 15.2124C0.212831 11.5096 0.874109 6.98269 3.93026 3.92721C7.8316 0.0244319 14.17 0.0244322 18.0714 3.9262C21.9797 7.83501 21.9727 14.1681 18.0714 18.0699Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M14.9393 11.413H14.9483" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M10.9304 11.413H10.9394" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M6.9214 11.413H6.9304" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <h3 class="mb-4 text-2xl font-semibold font-heading">600 000 000</h3>
        <p class="text-xl text-gray-500">Dolor sit amet consectutar</p>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
        <span class="flex items-center justify-center w-14 h-14 mb-8 mx-auto bg-yellow-400 rounded-full">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M13.8325 6.17463L8.10904 11.9592L1.59944 7.88767C0.66675 7.30414 0.860765 5.88744 1.91572 5.57893L17.3712 1.05277C18.3373 0.769629 19.2326 1.67283 18.9456 2.642L14.3731 18.0868C14.0598 19.1432 12.6512 19.332 12.0732 18.3953L8.10601 11.9602" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <h3 class="mb-4 text-2xl font-semibold font-heading">600 000 000</h3>
        <p class="text-xl text-gray-500">Dolor sit amet consectutar</p>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8 text-center">
        <span class="flex items-center justify-center w-14 h-14 mb-8 mx-auto bg-red-400 rounded-full">
          <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.87187 9.59832C0.798865 6.24832 2.05287 2.41932 5.56987 1.28632C7.41987 0.689322 9.46187 1.04132 10.9999 2.19832C12.4549 1.07332 14.5719 0.693322 16.4199 1.28632C19.9369 2.41932 21.1989 6.24832 20.1269 9.59832C18.4569 14.9083 10.9999 18.9983 10.9999 18.9983C10.9999 18.9983 3.59787 14.9703 1.87187 9.59832Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M15 4.70001C16.07 5.04601 16.826 6.00101 16.917 7.12201" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <h3 class="mb-4 text-2xl font-semibold font-heading">600 000 000</h3>
        <p class="text-xl text-gray-500">Dolor sit amet consectutar</p>
      </div>
    </div>
  </div>
</section>

<section class="py-3">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap justify-center -m-4">
      <div class="w-full md:w-1/3 p-4">
        <div class="p-4 bg-gray-500 rounded-xl">
          <div class="flex flex-wrap items-center mb-6 -m-2">
            <div class="w-auto p-2 self-start">
              <div class="flex w-8 h-8 items-center justify-center bg-gray-600 rounded-xl">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M7.3333 5.99996H9.99996C10.1768 5.99996 10.3463 5.92972 10.4714 5.8047C10.5964 5.67967 10.6666 5.5101 10.6666 5.33329C10.6666 5.15648 10.5964 4.98691 10.4714 4.86189C10.3463 4.73686 10.1768 4.66663 9.99996 4.66663H8.66663V3.99996C8.66663 3.82315 8.59639 3.65358 8.47137 3.52855C8.34634 3.40353 8.17677 3.33329 7.99996 3.33329C7.82315 3.33329 7.65358 3.40353 7.52856 3.52855C7.40353 3.65358 7.3333 3.82315 7.3333 3.99996V4.66663C6.80286 4.66663 6.29416 4.87734 5.91908 5.25241C5.54401 5.62748 5.3333 6.13619 5.3333 6.66663C5.3333 7.19706 5.54401 7.70577 5.91908 8.08084C6.29416 8.45591 6.80286 8.66663 7.3333 8.66663H8.66663C8.84344 8.66663 9.01301 8.73686 9.13803 8.86189C9.26306 8.98691 9.3333 9.15648 9.3333 9.33329C9.3333 9.5101 9.26306 9.67967 9.13803 9.8047C9.01301 9.92972 8.84344 9.99996 8.66663 9.99996H5.99996C5.82315 9.99996 5.65358 10.0702 5.52856 10.1952C5.40353 10.3202 5.3333 10.4898 5.3333 10.6666C5.3333 10.8434 5.40353 11.013 5.52856 11.138C5.65358 11.2631 5.82315 11.3333 5.99996 11.3333H7.3333V12C7.3333 12.1768 7.40353 12.3463 7.52856 12.4714C7.65358 12.5964 7.82315 12.6666 7.99996 12.6666C8.17677 12.6666 8.34634 12.5964 8.47137 12.4714C8.59639 12.3463 8.66663 12.1768 8.66663 12V11.3333C9.19706 11.3333 9.70577 11.1226 10.0808 10.7475C10.4559 10.3724 10.6666 9.86372 10.6666 9.33329C10.6666 8.80286 10.4559 8.29415 10.0808 7.91908C9.70577 7.54401 9.19706 7.33329 8.66663 7.33329H7.3333C7.15649 7.33329 6.98692 7.26305 6.86189 7.13803C6.73687 7.01301 6.66663 6.84344 6.66663 6.66663C6.66663 6.48981 6.73687 6.32025 6.86189 6.19522C6.98692 6.0702 7.15649 5.99996 7.3333 5.99996ZM7.99996 0.666626C6.54957 0.666626 5.13174 1.09672 3.92578 1.90252C2.71982 2.70831 1.77989 3.85362 1.22485 5.19361C0.669803 6.53361 0.524579 8.00809 0.807537 9.43062C1.0905 10.8531 1.78893 12.1598 2.81451 13.1854C3.8401 14.211 5.14677 14.9094 6.5693 15.1924C7.99183 15.4753 9.46632 15.3301 10.8063 14.7751C12.1463 14.22 13.2916 13.2801 14.0974 12.0741C14.9032 10.8682 15.3333 9.45036 15.3333 7.99996C15.3333 6.05504 14.5607 4.18978 13.1854 2.81451C11.8101 1.43924 9.94488 0.666626 7.99996 0.666626ZM7.99996 14C6.81327 14 5.65324 13.6481 4.66654 12.9888C3.67985 12.3295 2.91081 11.3924 2.45669 10.2961C2.00256 9.1997 1.88374 7.9933 2.11525 6.82942C2.34676 5.66553 2.91821 4.59643 3.75732 3.75732C4.59644 2.9182 5.66553 2.34676 6.82942 2.11525C7.99331 1.88374 9.19971 2.00256 10.2961 2.45668C11.3924 2.91081 12.3295 3.67984 12.9888 4.66654C13.6481 5.65323 14 6.81327 14 7.99996C14 9.59126 13.3678 11.1174 12.2426 12.2426C11.1174 13.3678 9.59126 14 7.99996 14Z" fill="#194BFB"></path>
                </svg>
              </div>
            </div>
            <div class="w-auto p-2">
              <h5 class="text-xs leading-tight font-medium text-gray-300">Main account</h5>
              <h4 class="leading-6 text-gray-100 font-semibold">$16,045.00</h4>
            </div>
          </div>
          <div class="flex items-end -mx-2">
            <div class="w-1/5 px-2">
              <div class="group relative h-8 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-10 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-14 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/3 p-4">
        <div class="p-4 bg-gray-500 rounded-xl">
          <div class="flex flex-wrap items-center mb-6 -m-2">
            <div class="w-auto p-2 self-start">
              <div class="flex w-8 h-8 items-center justify-center bg-gray-600 rounded-xl">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5.33338 6.00001H7.00005C7.17686 6.00001 7.34643 5.92977 7.47145 5.80474C7.59647 5.67972 7.66671 5.51015 7.66671 5.33334C7.66671 5.15653 7.59647 4.98696 7.47145 4.86193C7.34643 4.73691 7.17686 4.66667 7.00005 4.66667H6.33338V4.33334C6.33338 4.15653 6.26314 3.98696 6.13812 3.86193C6.01309 3.73691 5.84352 3.66667 5.66671 3.66667C5.4899 3.66667 5.32033 3.73691 5.19531 3.86193C5.07028 3.98696 5.00005 4.15653 5.00005 4.33334V4.70001C4.595 4.78225 4.23495 5.01207 3.98982 5.34485C3.74468 5.67762 3.63194 6.08961 3.67348 6.50084C3.71501 6.91206 3.90787 7.29318 4.2146 7.57021C4.52133 7.84725 4.92006 8.00042 5.33338 8.00001H6.00005C6.08845 8.00001 6.17324 8.03512 6.23575 8.09764C6.29826 8.16015 6.33338 8.24493 6.33338 8.33334C6.33338 8.42174 6.29826 8.50653 6.23575 8.56904C6.17324 8.63155 6.08845 8.66667 6.00005 8.66667H4.33338C4.15657 8.66667 3.987 8.73691 3.86198 8.86193C3.73695 8.98696 3.66671 9.15653 3.66671 9.33334C3.66671 9.51015 3.73695 9.67972 3.86198 9.80474C3.987 9.92977 4.15657 10 4.33338 10H5.00005V10.3333C5.00005 10.5101 5.07028 10.6797 5.19531 10.8047C5.32033 10.9298 5.4899 11 5.66671 11C5.84352 11 6.01309 10.9298 6.13812 10.8047C6.26314 10.6797 6.33338 10.5101 6.33338 10.3333V9.96667C6.73843 9.88442 7.09847 9.6546 7.34361 9.32183C7.58875 8.98905 7.70149 8.57706 7.65995 8.16584C7.61841 7.75461 7.42556 7.37349 7.11882 7.09646C6.81209 6.81943 6.41336 6.66626 6.00005 6.66667H5.33338C5.24497 6.66667 5.16019 6.63155 5.09768 6.56904C5.03516 6.50653 5.00005 6.42174 5.00005 6.33334C5.00005 6.24493 5.03516 6.16015 5.09768 6.09764C5.16019 6.03512 5.24497 6.00001 5.33338 6.00001ZM13 7.00001H11V1C11.0005 0.882532 10.9699 0.767021 10.9114 0.665169C10.8529 0.563317 10.7684 0.478741 10.6667 0.420005C10.5654 0.361493 10.4504 0.330688 10.3334 0.330688C10.2164 0.330688 10.1014 0.361493 10 0.420005L8.00005 1.56667L6.00005 0.420005C5.8987 0.361493 5.78374 0.330688 5.66671 0.330688C5.54969 0.330688 5.43473 0.361493 5.33338 0.420005L3.33338 1.56667L1.33338 0.420005C1.23203 0.361493 1.11707 0.330688 1.00005 0.330688C0.883022 0.330688 0.768059 0.361493 0.666713 0.420005C0.564976 0.478741 0.480567 0.563317 0.422031 0.665169C0.363496 0.767021 0.332913 0.882532 0.333379 1V11.6667C0.333379 12.1971 0.544093 12.7058 0.919166 13.0809C1.29424 13.456 1.80295 13.6667 2.33338 13.6667H11.6667C12.1971 13.6667 12.7059 13.456 13.0809 13.0809C13.456 12.7058 13.6667 12.1971 13.6667 11.6667V7.66667C13.6667 7.48986 13.5965 7.32029 13.4715 7.19527C13.3464 7.07024 13.1769 7.00001 13 7.00001ZM2.33338 12.3333C2.15657 12.3333 1.987 12.2631 1.86197 12.1381C1.73695 12.0131 1.66671 11.8435 1.66671 11.6667V2.15334L3.00005 2.91334C3.10294 2.96708 3.2173 2.99515 3.33338 2.99515C3.44946 2.99515 3.56382 2.96708 3.66671 2.91334L5.66671 1.76667L7.66671 2.91334C7.7696 2.96708 7.88396 2.99515 8.00005 2.99515C8.11613 2.99515 8.23049 2.96708 8.33338 2.91334L9.66671 2.15334V11.6667C9.66852 11.8941 9.7091 12.1196 9.78671 12.3333H2.33338ZM12.3334 11.6667C12.3334 11.8435 12.2631 12.0131 12.1381 12.1381C12.0131 12.2631 11.8435 12.3333 11.6667 12.3333C11.4899 12.3333 11.3203 12.2631 11.1953 12.1381C11.0703 12.0131 11 11.8435 11 11.6667V8.33334H12.3334V11.6667Z" fill="#194BFB"></path>
                </svg>
              </div>
            </div>
            <div class="w-auto p-2">
              <h5 class="text-xs leading-tight font-medium text-gray-300">Taxes</h5>
              <h4 class="leading-6 text-gray-100 font-semibold">$5,025.00</h4>
            </div>
          </div>
          <div class="flex items-end -mx-2">
            <div class="w-1/5 px-2">
              <div class="group relative h-8 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-10 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-14 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/3 p-4">
        <div class="p-4 bg-gray-500 rounded-xl">
          <div class="flex flex-wrap items-center mb-6 -m-2">
            <div class="w-auto p-2 self-start">
              <div class="flex w-8 h-8 items-center justify-center bg-gray-600 rounded-xl">
                <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M13.1467 6C13.4786 5.63491 13.6638 5.16004 13.6667 4.66667C13.6667 4.13623 13.456 3.62753 13.0809 3.25245C12.7058 2.87738 12.1971 2.66667 11.6667 2.66667H8.21337C8.31987 2.36545 8.35266 2.04311 8.30899 1.72662C8.26532 1.41013 8.14646 1.10871 7.96237 0.847589C7.77828 0.586469 7.53432 0.373251 7.2509 0.225785C6.96748 0.0783194 6.65286 0.000897008 6.33337 0H2.33337C1.80294 0 1.29423 0.210714 0.91916 0.585787C0.544088 0.960859 0.333374 1.46957 0.333374 2C0.336314 2.49337 0.521515 2.96824 0.853374 3.33333C0.525404 3.70002 0.344086 4.17471 0.344086 4.66667C0.344086 5.15862 0.525404 5.63332 0.853374 6C0.525404 6.36668 0.344086 6.84138 0.344086 7.33333C0.344086 7.82529 0.525404 8.29998 0.853374 8.66667C0.521515 9.03176 0.336314 9.50663 0.333374 10C0.333374 10.5304 0.544088 11.0391 0.91916 11.4142C1.29423 11.7893 1.80294 12 2.33337 12H11.6667C12.0519 11.9979 12.4283 11.8847 12.7506 11.6739C13.073 11.4631 13.3276 11.1637 13.4839 10.8116C13.6403 10.4596 13.6916 10.0699 13.6318 9.6894C13.5719 9.30889 13.4035 8.95376 13.1467 8.66667C13.4747 8.29998 13.656 7.82529 13.656 7.33333C13.656 6.84138 13.4747 6.36668 13.1467 6ZM6.33337 10.6667H2.33337C2.15656 10.6667 1.98699 10.5964 1.86197 10.4714C1.73695 10.3464 1.66671 10.1768 1.66671 10C1.66671 9.82319 1.73695 9.65362 1.86197 9.52859C1.98699 9.40357 2.15656 9.33333 2.33337 9.33333H6.33337C6.51018 9.33333 6.67975 9.40357 6.80478 9.52859C6.9298 9.65362 7.00004 9.82319 7.00004 10C7.00004 10.1768 6.9298 10.3464 6.80478 10.4714C6.67975 10.5964 6.51018 10.6667 6.33337 10.6667ZM6.33337 8H2.33337C2.15656 8 1.98699 7.92976 1.86197 7.80474C1.73695 7.67971 1.66671 7.51014 1.66671 7.33333C1.66671 7.15652 1.73695 6.98695 1.86197 6.86193C1.98699 6.73691 2.15656 6.66667 2.33337 6.66667H6.33337C6.51018 6.66667 6.67975 6.73691 6.80478 6.86193C6.9298 6.98695 7.00004 7.15652 7.00004 7.33333C7.00004 7.51014 6.9298 7.67971 6.80478 7.80474C6.67975 7.92976 6.51018 8 6.33337 8ZM6.33337 5.33333H2.33337C2.15656 5.33333 1.98699 5.2631 1.86197 5.13807C1.73695 5.01305 1.66671 4.84348 1.66671 4.66667C1.66671 4.48986 1.73695 4.32029 1.86197 4.19526C1.98699 4.07024 2.15656 4 2.33337 4H6.33337C6.51018 4 6.67975 4.07024 6.80478 4.19526C6.9298 4.32029 7.00004 4.48986 7.00004 4.66667C7.00004 4.84348 6.9298 5.01305 6.80478 5.13807C6.67975 5.2631 6.51018 5.33333 6.33337 5.33333ZM6.33337 2.66667H2.33337C2.15656 2.66667 1.98699 2.59643 1.86197 2.4714C1.73695 2.34638 1.66671 2.17681 1.66671 2C1.66671 1.82319 1.73695 1.65362 1.86197 1.5286C1.98699 1.40357 2.15656 1.33333 2.33337 1.33333H6.33337C6.51018 1.33333 6.67975 1.40357 6.80478 1.5286C6.9298 1.65362 7.00004 1.82319 7.00004 2C7.00004 2.17681 6.9298 2.34638 6.80478 2.4714C6.67975 2.59643 6.51018 2.66667 6.33337 2.66667ZM12.1267 10.4733C12.0676 10.5357 11.9962 10.585 11.917 10.6183C11.8378 10.6516 11.7526 10.6681 11.6667 10.6667H8.21337C8.37324 10.2366 8.37324 9.7634 8.21337 9.33333H11.6667C11.8435 9.33333 12.0131 9.40357 12.1381 9.52859C12.2631 9.65362 12.3334 9.82319 12.3334 10C12.3321 10.0887 12.3132 10.1762 12.2777 10.2575C12.2423 10.3388 12.1909 10.4121 12.1267 10.4733ZM12.1267 7.80667C12.0676 7.869 11.9962 7.91837 11.917 7.95165C11.8378 7.98493 11.7526 8.0014 11.6667 8H8.21337C8.37324 7.56993 8.37324 7.09674 8.21337 6.66667H11.6667C11.8435 6.66667 12.0131 6.73691 12.1381 6.86193C12.2631 6.98695 12.3334 7.15652 12.3334 7.33333C12.3321 7.42201 12.3132 7.50955 12.2777 7.59083C12.2423 7.6721 12.1909 7.74548 12.1267 7.80667ZM12.1267 5.14C12.0676 5.20233 11.9962 5.2517 11.917 5.28499C11.8378 5.31827 11.7526 5.33473 11.6667 5.33333H8.21337C8.37324 4.90327 8.37324 4.43007 8.21337 4H11.6667C11.8435 4 12.0131 4.07024 12.1381 4.19526C12.2631 4.32029 12.3334 4.48986 12.3334 4.66667C12.3321 4.75534 12.3132 4.84288 12.2777 4.92416C12.2423 5.00544 12.1909 5.07882 12.1267 5.14Z" fill="#194BFB"></path>
                </svg>
              </div>
            </div>
            <div class="w-auto p-2">
              <h5 class="text-xs leading-tight font-medium text-gray-300">Savings</h5>
              <h4 class="leading-6 text-gray-100 font-semibold">$2,525.00</h4>
            </div>
          </div>
          <div class="flex items-end -mx-2">
            <div class="w-1/5 px-2">
              <div class="group relative h-8 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-10 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-14 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
            <div class="w-1/5 px-2">
              <div class="group relative h-16 w-6 bg-gray-600 hover:bg-blue-500 rounded-t-md">
                <div class="hidden group-hover:block absolute z-10 bottom-full left-full w-40 px-4 py-2 bg-gray-700 rounded-lg">
                  <span class="text-xs text-gray-200">Lorem ipsum 200 dolor, sit amet elit.</span>
                  <div class="absolute bottom-0 left-0 transform -translate-x-1/2 translate-y-1/2 w-2 h-2 bg-gray-100 rounded-full"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -m-4">
      <div class="w-full md:w-1/2 lg:w-1/4 p-4">
        <div class="p-6 rounded bg-white">
          <div class="flex mb-2">
            <span class="inline-block mr-2">
              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9.00013 0.666656C7.90578 0.666656 6.82215 0.882205 5.8111 1.30099C4.80006 1.71978 3.8814 2.33361 3.10758 3.10743C1.54477 4.67024 0.666799 6.78985 0.666799 8.99999C0.659514 10.9243 1.32579 12.7904 2.55013 14.275L0.883466 15.9417C0.767834 16.0588 0.689504 16.2077 0.658359 16.3693C0.627214 16.531 0.64465 16.6982 0.708466 16.85C0.777681 16.9999 0.889886 17.1259 1.03084 17.212C1.17179 17.298 1.33513 17.3403 1.50013 17.3333H9.00013C11.2103 17.3333 13.3299 16.4553 14.8927 14.8925C16.4555 13.3297 17.3335 11.2101 17.3335 8.99999C17.3335 6.78985 16.4555 4.67024 14.8927 3.10743C13.3299 1.54463 11.2103 0.666656 9.00013 0.666656ZM9.00013 15.6667H3.50847L4.28347 14.8917C4.43868 14.7355 4.52579 14.5243 4.52579 14.3042C4.52579 14.084 4.43868 13.8728 4.28347 13.7167C3.19229 12.6267 2.51278 11.1921 2.36071 9.65732C2.20864 8.12253 2.59342 6.58249 3.44949 5.29959C4.30556 4.01669 5.57996 3.07029 7.05556 2.62163C8.53117 2.17298 10.1167 2.24983 11.542 2.83908C12.9673 3.42834 14.1442 4.49355 14.8722 5.85323C15.6002 7.21291 15.8342 8.78294 15.5344 10.2958C15.2346 11.8087 14.4196 13.1709 13.2281 14.1502C12.0366 15.1295 10.5424 15.6654 9.00013 15.6667ZM13.1668 8.16666H4.83347C4.61245 8.16666 4.40049 8.25445 4.24421 8.41073C4.08793 8.56701 4.00013 8.77898 4.00013 8.99999C4.00013 9.221 4.08793 9.43296 4.24421 9.58924C4.40049 9.74553 4.61245 9.83332 4.83347 9.83332H13.1668C13.3878 9.83332 13.5998 9.74553 13.7561 9.58924C13.9123 9.43296 14.0001 9.221 14.0001 8.99999C14.0001 8.77898 13.9123 8.56701 13.7561 8.41073C13.5998 8.25445 13.3878 8.16666 13.1668 8.16666ZM11.5001 11.5H6.50013C6.27912 11.5 6.06716 11.5878 5.91088 11.7441C5.7546 11.9003 5.6668 12.1123 5.6668 12.3333C5.6668 12.5543 5.7546 12.7663 5.91088 12.9226C6.06716 13.0789 6.27912 13.1667 6.50013 13.1667H11.5001C11.7211 13.1667 11.9331 13.0789 12.0894 12.9226C12.2457 12.7663 12.3335 12.5543 12.3335 12.3333C12.3335 12.1123 12.2457 11.9003 12.0894 11.7441C11.9331 11.5878 11.7211 11.5 11.5001 11.5ZM6.50013 6.49999H11.5001C11.7211 6.49999 11.9331 6.41219 12.0894 6.25591C12.2457 6.09963 12.3335 5.88767 12.3335 5.66666C12.3335 5.44564 12.2457 5.23368 12.0894 5.0774C11.9331 4.92112 11.7211 4.83332 11.5001 4.83332H6.50013C6.27912 4.83332 6.06716 4.92112 5.91088 5.0774C5.7546 5.23368 5.6668 5.44564 5.6668 5.66666C5.6668 5.88767 5.7546 6.09963 5.91088 6.25591C6.06716 6.41219 6.27912 6.49999 6.50013 6.49999Z" fill="#382CDD"></path>
              </svg>
            </span>
            <h3 class="text-sm text-gray-600">Responses</h3>
            <span class="inline-block ml-auto px-2 py-1 text-xs text-gray-500 bg-gray-50 rounded-full">30 Days</span>
          </div>
          <h2 class="mb-2 text-3xl font-bold">1 450</h2>
          <span class="text-xs text-red-500">
            <span class="inline-block mr-2">
              <svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.5 4.16667C16.3906 4.16661 16.2822 4.18812 16.181 4.22998C16.0799 4.27183 15.988 4.33322 15.9106 4.41061C15.8332 4.488 15.7719 4.57989 15.73 4.68103C15.6881 4.78216 15.6666 4.89055 15.6667 5V7.15495L10.4225 1.91084C10.3452 1.83344 10.2533 1.77204 10.1522 1.73015C10.0511 1.68825 9.94277 1.66669 9.83333 1.66669C9.7239 1.66669 9.61554 1.68825 9.51445 1.73015C9.41335 1.77204 9.3215 1.83344 9.24414 1.91084L6.50002 4.65495L2.08919 0.244171C1.93245 0.0902454 1.72127 0.00444584 1.50159 0.00544068C1.28191 0.00643553 1.07151 0.094144 0.91617 0.249483C0.760831 0.404822 0.673123 0.61522 0.672128 0.8349C0.671133 1.05458 0.756932 1.26576 0.910858 1.4225L5.91086 6.4225C5.98822 6.4999 6.08007 6.5613 6.18116 6.60319C6.28226 6.64508 6.39062 6.66665 6.50005 6.66665C6.60948 6.66665 6.71784 6.64508 6.81893 6.60319C6.92003 6.5613 7.01188 6.4999 7.08924 6.4225L9.83336 3.67839L14.4883 8.33334H12.3334C12.1123 8.33334 11.9004 8.42113 11.7441 8.57741C11.5878 8.7337 11.5 8.94566 11.5 9.16667C11.5 9.38768 11.5878 9.59965 11.7441 9.75593C11.9004 9.91221 12.1123 10 12.3334 10H16.5C16.6095 10.0001 16.7179 9.97855 16.819 9.9367C16.9201 9.89484 17.012 9.83346 17.0894 9.75607C17.1668 9.67867 17.2282 9.58678 17.2701 9.48565C17.3119 9.38452 17.3334 9.27612 17.3334 9.16667V5C17.3334 4.89055 17.3119 4.78216 17.2701 4.68103C17.2282 4.57989 17.1668 4.488 17.0894 4.41061C17.012 4.33322 16.9201 4.27183 16.819 4.22998C16.7179 4.18812 16.6095 4.16661 16.5 4.16667Z" fill="#E85444"></path>
              </svg>
            </span>
            <span>25% less</span>
          </span>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 p-4">
        <div class="p-6 rounded bg-white">
          <div class="flex mb-2">
            <span class="inline-block mr-2">
              <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.8334 3.41668H12.3334V2.58334C12.3334 1.9203 12.07 1.28442 11.6012 0.815577C11.1323 0.346736 10.4965 0.0833435 9.83342 0.0833435H8.16675C7.50371 0.0833435 6.86782 0.346736 6.39898 0.815577C5.93014 1.28442 5.66675 1.9203 5.66675 2.58334V3.41668H3.16675C2.50371 3.41668 1.86782 3.68007 1.39898 4.14891C0.93014 4.61775 0.666748 5.25363 0.666748 5.91668V13.4167C0.666748 14.0797 0.93014 14.7156 1.39898 15.1844C1.86782 15.6533 2.50371 15.9167 3.16675 15.9167H14.8334C15.4965 15.9167 16.1323 15.6533 16.6012 15.1844C17.07 14.7156 17.3334 14.0797 17.3334 13.4167V5.91668C17.3334 5.25363 17.07 4.61775 16.6012 4.14891C16.1323 3.68007 15.4965 3.41668 14.8334 3.41668ZM7.33342 2.58334C7.33342 2.36233 7.42121 2.15037 7.57749 1.99409C7.73377 1.83781 7.94573 1.75001 8.16675 1.75001H9.83342C10.0544 1.75001 10.2664 1.83781 10.4227 1.99409C10.579 2.15037 10.6667 2.36233 10.6667 2.58334V3.41668H7.33342V2.58334ZM15.6667 13.4167C15.6667 13.6377 15.579 13.8497 15.4227 14.0059C15.2664 14.1622 15.0544 14.25 14.8334 14.25H3.16675C2.94573 14.25 2.73377 14.1622 2.57749 14.0059C2.42121 13.8497 2.33341 13.6377 2.33341 13.4167V8.83334C3.14628 9.15577 3.9819 9.41759 4.83342 9.61668V10.1083C4.83342 10.3294 4.92121 10.5413 5.07749 10.6976C5.23377 10.8539 5.44573 10.9417 5.66675 10.9417C5.88776 10.9417 6.09972 10.8539 6.256 10.6976C6.41228 10.5413 6.50008 10.3294 6.50008 10.1083V9.93334C7.3287 10.0462 8.16382 10.1046 9.00008 10.1083C9.83634 10.1046 10.6715 10.0462 11.5001 9.93334V10.1083C11.5001 10.3294 11.5879 10.5413 11.7442 10.6976C11.9004 10.8539 12.1124 10.9417 12.3334 10.9417C12.5544 10.9417 12.7664 10.8539 12.9227 10.6976C13.079 10.5413 13.1667 10.3294 13.1667 10.1083V9.61668C14.0183 9.41759 14.8539 9.15577 15.6667 8.83334V13.4167ZM15.6667 7.00834C14.8562 7.35042 14.0204 7.62904 13.1667 7.84168V7.58334C13.1667 7.36233 13.079 7.15037 12.9227 6.99409C12.7664 6.83781 12.5544 6.75001 12.3334 6.75001C12.1124 6.75001 11.9004 6.83781 11.7442 6.99409C11.5879 7.15037 11.5001 7.36233 11.5001 7.58334V8.20001C9.84279 8.45004 8.15737 8.45004 6.50008 8.20001V7.58334C6.50008 7.36233 6.41228 7.15037 6.256 6.99409C6.09972 6.83781 5.88776 6.75001 5.66675 6.75001C5.44573 6.75001 5.23377 6.83781 5.07749 6.99409C4.92121 7.15037 4.83342 7.36233 4.83342 7.58334V7.85834C3.97977 7.6457 3.14392 7.36709 2.33341 7.02501V5.91668C2.33341 5.69566 2.42121 5.4837 2.57749 5.32742C2.73377 5.17114 2.94573 5.08334 3.16675 5.08334H14.8334C15.0544 5.08334 15.2664 5.17114 15.4227 5.32742C15.579 5.4837 15.6667 5.69566 15.6667 5.91668V7.00834Z" fill="#382CDD"></path>
              </svg>
            </span>
            <h3 class="text-sm text-gray-600">Projects</h3>
            <span class="inline-block ml-auto px-2 py-1 text-xs text-gray-500 bg-gray-50 rounded-full">30 Days</span>
          </div>
          <h2 class="mb-2 text-3xl font-bold">54</h2>
          <span class="text-xs text-green-500">
            <span class="inline-block mr-2">
              <svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.5 5.83333C16.3906 5.83339 16.2822 5.81188 16.181 5.77002C16.0799 5.72817 15.988 5.66678 15.9106 5.58939C15.8332 5.512 15.7719 5.42011 15.73 5.31897C15.6881 5.21784 15.6666 5.10945 15.6667 5V2.84505L10.4225 8.08916C10.3452 8.16656 10.2533 8.22796 10.1522 8.26985C10.0511 8.31175 9.94277 8.33331 9.83333 8.33331C9.7239 8.33331 9.61554 8.31175 9.51445 8.26985C9.41335 8.22796 9.3215 8.16656 9.24414 8.08916L6.50002 5.34505L2.08919 9.75583C1.93245 9.90975 1.72127 9.99555 1.50159 9.99456C1.28191 9.99356 1.07151 9.90586 0.91617 9.75052C0.760831 9.59518 0.673123 9.38478 0.672128 9.1651C0.671133 8.94542 0.756932 8.73424 0.910858 8.5775L5.91086 3.5775C5.98822 3.5001 6.08007 3.4387 6.18116 3.39681C6.28226 3.35492 6.39062 3.33335 6.50005 3.33335C6.60948 3.33335 6.71784 3.35492 6.81893 3.39681C6.92003 3.4387 7.01188 3.5001 7.08924 3.5775L9.83336 6.32161L14.4883 1.66666H12.3334C12.1123 1.66666 11.9004 1.57887 11.7441 1.42259C11.5878 1.2663 11.5 1.05434 11.5 0.833329C11.5 0.612315 11.5878 0.400352 11.7441 0.244073C11.9004 0.0877924 12.1123 -4.76837e-06 12.3334 -4.76837e-06H16.5C16.6095 -6.67572e-05 16.7179 0.0214453 16.819 0.063302C16.9201 0.105159 17.012 0.166539 17.0894 0.243935C17.1668 0.321329 17.2282 0.413218 17.2701 0.514352C17.3119 0.615484 17.3334 0.723876 17.3334 0.833329V5C17.3334 5.10945 17.3119 5.21784 17.2701 5.31897C17.2282 5.42011 17.1668 5.512 17.0894 5.58939C17.012 5.66678 16.9201 5.72817 16.819 5.77002C16.7179 5.81188 16.6095 5.83339 16.5 5.83333Z" fill="#17BB84"></path>
              </svg>
            </span>
            <span>25% more</span>
          </span>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 p-4">
        <div class="p-6 rounded bg-white">
          <div class="flex mb-2">
            <span class="inline-block mr-2">
              <svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.6666 6.44999C13.6579 6.37344 13.6411 6.29802 13.6166 6.22499V6.14999C13.5765 6.06431 13.5231 5.98554 13.4583 5.91666L8.45825 0.916656C8.38936 0.851837 8.3106 0.798391 8.22492 0.758323H8.14992C8.06526 0.709774 7.97177 0.67861 7.87492 0.666656H2.83325C2.17021 0.666656 1.53433 0.930049 1.06548 1.39889C0.596644 1.86773 0.333252 2.50362 0.333252 3.16666V14.8333C0.333252 15.4964 0.596644 16.1322 1.06548 16.6011C1.53433 17.0699 2.17021 17.3333 2.83325 17.3333H11.1666C11.8296 17.3333 12.4655 17.0699 12.9344 16.6011C13.4032 16.1322 13.6666 15.4964 13.6666 14.8333V6.49999C13.6666 6.49999 13.6666 6.49999 13.6666 6.44999ZM8.66658 3.50832L10.8249 5.66666H9.49992C9.2789 5.66666 9.06694 5.57886 8.91066 5.42258C8.75438 5.2663 8.66658 5.05434 8.66658 4.83332V3.50832ZM11.9999 14.8333C11.9999 15.0543 11.9121 15.2663 11.7558 15.4226C11.5996 15.5789 11.3876 15.6667 11.1666 15.6667H2.83325C2.61224 15.6667 2.40028 15.5789 2.244 15.4226C2.08772 15.2663 1.99992 15.0543 1.99992 14.8333V3.16666C1.99992 2.94564 2.08772 2.73368 2.244 2.5774C2.40028 2.42112 2.61224 2.33332 2.83325 2.33332H6.99992V4.83332C6.99992 5.49636 7.26331 6.13225 7.73215 6.60109C8.20099 7.06993 8.83688 7.33332 9.49992 7.33332H11.9999V14.8333Z" fill="#382CDD"></path>
              </svg>
            </span>
            <h3 class="text-sm text-gray-600">Reports</h3>
            <span class="inline-block ml-auto px-2 py-1 text-xs text-gray-500 bg-gray-50 rounded-full">30 Days</span>
          </div>
          <h2 class="mb-2 text-3xl font-bold">492</h2>
          <span class="text-xs text-green-500">
            <span class="inline-block mr-2">
              <svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.5 5.83333C16.3906 5.83339 16.2822 5.81188 16.181 5.77002C16.0799 5.72817 15.988 5.66678 15.9106 5.58939C15.8332 5.512 15.7719 5.42011 15.73 5.31897C15.6881 5.21784 15.6666 5.10945 15.6667 5V2.84505L10.4225 8.08916C10.3452 8.16656 10.2533 8.22796 10.1522 8.26985C10.0511 8.31175 9.94277 8.33331 9.83333 8.33331C9.7239 8.33331 9.61554 8.31175 9.51445 8.26985C9.41335 8.22796 9.3215 8.16656 9.24414 8.08916L6.50002 5.34505L2.08919 9.75583C1.93245 9.90975 1.72127 9.99555 1.50159 9.99456C1.28191 9.99356 1.07151 9.90586 0.91617 9.75052C0.760831 9.59518 0.673123 9.38478 0.672128 9.1651C0.671133 8.94542 0.756932 8.73424 0.910858 8.5775L5.91086 3.5775C5.98822 3.5001 6.08007 3.4387 6.18116 3.39681C6.28226 3.35492 6.39062 3.33335 6.50005 3.33335C6.60948 3.33335 6.71784 3.35492 6.81893 3.39681C6.92003 3.4387 7.01188 3.5001 7.08924 3.5775L9.83336 6.32161L14.4883 1.66666H12.3334C12.1123 1.66666 11.9004 1.57887 11.7441 1.42259C11.5878 1.2663 11.5 1.05434 11.5 0.833329C11.5 0.612315 11.5878 0.400352 11.7441 0.244073C11.9004 0.0877924 12.1123 -4.76837e-06 12.3334 -4.76837e-06H16.5C16.6095 -6.67572e-05 16.7179 0.0214453 16.819 0.063302C16.9201 0.105159 17.012 0.166539 17.0894 0.243935C17.1668 0.321329 17.2282 0.413218 17.2701 0.514352C17.3119 0.615484 17.3334 0.723876 17.3334 0.833329V5C17.3334 5.10945 17.3119 5.21784 17.2701 5.31897C17.2282 5.42011 17.1668 5.512 17.0894 5.58939C17.012 5.66678 16.9201 5.72817 16.819 5.77002C16.7179 5.81188 16.6095 5.83339 16.5 5.83333Z" fill="#17BB84"></path>
              </svg>
            </span>
            <span>12.5% more</span>
          </span>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 p-4">
        <div class="p-6 rounded bg-white">
          <div class="flex mb-2">
            <span class="inline-block mr-2">
              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M11.3413 9.23332C11.8687 8.66686 12.1659 7.92397 12.1746 7.14999C12.1746 6.31456 11.8427 5.51334 11.252 4.9226C10.6612 4.33186 9.86003 3.99999 9.02459 3.99999C8.18916 3.99999 7.38795 4.33186 6.79721 4.9226C6.20647 5.51334 5.87459 6.31456 5.87459 7.14999C5.88329 7.92397 6.18045 8.66686 6.70793 9.23332C5.97347 9.59905 5.34144 10.1416 4.86869 10.8122C4.39594 11.4828 4.09728 12.2604 3.99959 13.075C3.97528 13.296 4.03976 13.5176 4.17885 13.6911C4.31794 13.8646 4.52025 13.9757 4.74126 14C4.96227 14.0243 5.18389 13.9598 5.35736 13.8207C5.53084 13.6816 5.64195 13.4793 5.66626 13.2583C5.7657 12.4509 6.15696 11.7078 6.76633 11.1689C7.3757 10.63 8.16111 10.3325 8.97459 10.3325C9.78808 10.3325 10.5735 10.63 11.1829 11.1689C11.7922 11.7078 12.1835 12.4509 12.2829 13.2583C12.3061 13.472 12.4109 13.6685 12.5756 13.8067C12.7402 13.9449 12.9518 14.0141 13.1663 14H13.2579C13.4764 13.9749 13.676 13.8644 13.8134 13.6927C13.9508 13.521 14.0147 13.302 13.9913 13.0833C13.9008 12.273 13.6116 11.4975 13.1493 10.8259C12.687 10.1542 12.0659 9.60716 11.3413 9.23332ZM8.99959 8.63332C8.70622 8.63332 8.41943 8.54633 8.1755 8.38334C7.93156 8.22035 7.74144 7.98868 7.62917 7.71764C7.5169 7.44659 7.48753 7.14834 7.54476 6.86061C7.602 6.57287 7.74327 6.30856 7.95072 6.10112C8.15817 5.89367 8.42247 5.75239 8.71021 5.69516C8.99795 5.63792 9.2962 5.6673 9.56724 5.77957C9.83828 5.89184 10.0699 6.08196 10.2329 6.32589C10.3959 6.56983 10.4829 6.85661 10.4829 7.14999C10.4829 7.54339 10.3266 7.92069 10.0485 8.19887C9.77029 8.47704 9.393 8.63332 8.99959 8.63332ZM14.8329 0.666656H3.16626C2.50322 0.666656 1.86733 0.930049 1.39849 1.39889C0.929652 1.86773 0.66626 2.50362 0.66626 3.16666V14.8333C0.66626 15.4964 0.929652 16.1322 1.39849 16.6011C1.86733 17.0699 2.50322 17.3333 3.16626 17.3333H14.8329C15.496 17.3333 16.1319 17.0699 16.6007 16.6011C17.0695 16.1322 17.3329 15.4964 17.3329 14.8333V3.16666C17.3329 2.50362 17.0695 1.86773 16.6007 1.39889C16.1319 0.930049 15.496 0.666656 14.8329 0.666656ZM15.6663 14.8333C15.6663 15.0543 15.5785 15.2663 15.4222 15.4226C15.2659 15.5789 15.0539 15.6667 14.8329 15.6667H3.16626C2.94525 15.6667 2.73328 15.5789 2.577 15.4226C2.42072 15.2663 2.33293 15.0543 2.33293 14.8333V3.16666C2.33293 2.94564 2.42072 2.73368 2.577 2.5774C2.73328 2.42112 2.94525 2.33332 3.16626 2.33332H14.8329C15.0539 2.33332 15.2659 2.42112 15.4222 2.5774C15.5785 2.73368 15.6663 2.94564 15.6663 3.16666V14.8333Z" fill="#382CDD"></path>
              </svg>
            </span>
            <h3 class="text-sm text-gray-600">Users</h3>
            <span class="inline-block ml-auto px-2 py-1 text-xs text-gray-500 bg-gray-50 rounded-full">30 Days</span>
          </div>
          <h2 class="mb-2 text-3xl font-bold">235</h2>
          <span class="text-xs text-red-500">
            <span class="inline-block mr-2">
              <svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.5 4.16667C16.3906 4.16661 16.2822 4.18812 16.181 4.22998C16.0799 4.27183 15.988 4.33322 15.9106 4.41061C15.8332 4.488 15.7719 4.57989 15.73 4.68103C15.6881 4.78216 15.6666 4.89055 15.6667 5V7.15495L10.4225 1.91084C10.3452 1.83344 10.2533 1.77204 10.1522 1.73015C10.0511 1.68825 9.94277 1.66669 9.83333 1.66669C9.7239 1.66669 9.61554 1.68825 9.51445 1.73015C9.41335 1.77204 9.3215 1.83344 9.24414 1.91084L6.50002 4.65495L2.08919 0.244171C1.93245 0.0902454 1.72127 0.00444584 1.50159 0.00544068C1.28191 0.00643553 1.07151 0.094144 0.91617 0.249483C0.760831 0.404822 0.673123 0.61522 0.672128 0.8349C0.671133 1.05458 0.756932 1.26576 0.910858 1.4225L5.91086 6.4225C5.98822 6.4999 6.08007 6.5613 6.18116 6.60319C6.28226 6.64508 6.39062 6.66665 6.50005 6.66665C6.60948 6.66665 6.71784 6.64508 6.81893 6.60319C6.92003 6.5613 7.01188 6.4999 7.08924 6.4225L9.83336 3.67839L14.4883 8.33334H12.3334C12.1123 8.33334 11.9004 8.42113 11.7441 8.57741C11.5878 8.7337 11.5 8.94566 11.5 9.16667C11.5 9.38768 11.5878 9.59965 11.7441 9.75593C11.9004 9.91221 12.1123 10 12.3334 10H16.5C16.6095 10.0001 16.7179 9.97855 16.819 9.9367C16.9201 9.89484 17.012 9.83346 17.0894 9.75607C17.1668 9.67867 17.2282 9.58678 17.2701 9.48565C17.3119 9.38452 17.3334 9.27612 17.3334 9.16667V5C17.3334 4.89055 17.3119 4.78216 17.2701 4.68103C17.2282 4.57989 17.1668 4.488 17.0894 4.41061C17.012 4.33322 16.9201 4.27183 16.819 4.22998C16.7179 4.18812 16.6095 4.16661 16.5 4.16667Z" fill="#E85444"></path>
              </svg>
            </span>
            <span>25% less</span>
          </span>
        </div>
      </div>
    </div>
  </div>
</section>

<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="py-20 2xl:py-40 bg-gray-800">
  <div class="container px-4 mx-auto">
    <div>
      <div class="flex flex-wrap -mx-6 lg:-mx-14">
        <div class="w-full md:w-1/2 lg:w-1/4 px-6 lg:px-14 mb-16 lg:mb-0">
          <div class="relative flex items-center justify-center mb-10 w-20 h-20">
            <img class="absolute inset-0 w-full h-full" src="zospace-assets/lines/circle-chart.svg" alt="">
            <p class="text-2xl font-bold text-white">
              <span>8</span>
              <span class="text-base">%</span>
            </p>
          </div>
          <div class="py-px mb-12 bg-gray-500"></div>
          <h3 class="mt-12 mb-8 text-lg font-bold font-heading text-white">New tools</h3>
          <p class="text-lg text-gray-200">The brown me quam, sagittis porttitor lorem vel, commodo fringilla nisl.</p>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-6 lg:px-14 mb-16 lg:mb-0">
          <div class="relative flex items-center justify-center mb-10 w-20 h-20">
            <img class="absolute inset-0 w-full h-full" src="zospace-assets/lines/circle-chart-purple.svg" alt="">
            <p class="text-2xl font-bold text-white">
              <span>45</span>
              <span class="text-base">%</span>
            </p>
          </div>
          <div class="py-px mb-12 bg-gray-500"></div>
          <h3 class="mt-12 mb-8 text-lg font-bold font-heading text-white">Workshops</h3>
          <p class="text-lg text-gray-200">It’s over, maecenas tincidunt malesuada dolor sit amet malesuada.</p>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-6 lg:px-14 mb-16 md:mb-0">
          <div class="relative flex items-center justify-center mb-10 w-20 h-20">
            <img class="absolute inset-0 w-full h-full" src="zospace-assets/lines/circle-chart-green.svg" alt="">
            <p class="text-2xl font-bold text-white">
              <span>5</span>
              <span class="text-base">/6</span>
            </p>
          </div>
          <div class="py-px mb-12 bg-gray-500"></div>
          <h3 class="mt-12 mb-8 text-lg font-bold font-heading text-white">Meetings</h3>
          <p class="text-lg text-gray-200">The time, this accumsan augue, posuere posuere elit lorem.</p>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-6 lg:px-14">
          <div class="relative flex items-center justify-center mb-10 w-20 h-20">
            <img class="absolute inset-0 w-full h-full" src="zospace-assets/lines/circle-chart-pink.svg" alt="">
            <p class="text-2xl font-bold text-white">
              <span>79</span>
              <span class="text-base">%</span>
            </p>
          </div>
          <div class="py-px mb-12 bg-gray-500"></div>
          <h3 class="mt-12 mb-8 text-lg font-bold font-heading text-white">Webinars</h3>
          <p class="text-lg text-gray-200">Again and again vehicula libero at nibh volutpat lacinia non sed you see.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bg-coolGray-50 py-4">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -m-3">
      <div class="w-full md:w-1/2 xl:w-1/4 p-3">
        <div class="p-6 pb-10 bg-white border border-coolGray-100 rounded-md shadow-dashboard">
          <div class="flex flex-wrap items-end justify-between -m-2 mb-7">
            <div class="w-auto p-2">
              <h3 class="text-sm text-coolGray-500 font-medium">Summary</h3>
            </div>
            <div class="w-auto p-2">
              <a href="#">
                <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 6.66666C7.73629 6.66666 7.47851 6.74486 7.25924 6.89137C7.03998 7.03788 6.86908 7.24612 6.76816 7.48975C6.66724 7.73339 6.64084 8.00148 6.69229 8.26012C6.74373 8.51876 6.87072 8.75634 7.05719 8.94281C7.24366 9.12928 7.48124 9.25626 7.73988 9.30771C7.99852 9.35916 8.26661 9.33275 8.51025 9.23184C8.75388 9.13092 8.96212 8.96002 9.10863 8.74076C9.25514 8.52149 9.33333 8.26371 9.33333 8C9.33333 7.64638 9.19286 7.30724 8.94281 7.05719C8.69276 6.80714 8.35362 6.66666 8 6.66666ZM3.33333 6.66666C3.06963 6.66666 2.81184 6.74486 2.59257 6.89137C2.37331 7.03788 2.20241 7.24612 2.10149 7.48975C2.00058 7.73339 1.97417 8.00148 2.02562 8.26012C2.07707 8.51876 2.20405 8.75634 2.39052 8.94281C2.57699 9.12928 2.81457 9.25626 3.07321 9.30771C3.33185 9.35916 3.59994 9.33275 3.84358 9.23184C4.08721 9.13092 4.29545 8.96002 4.44196 8.74076C4.58847 8.52149 4.66667 8.26371 4.66667 8C4.66667 7.64638 4.52619 7.30724 4.27614 7.05719C4.02609 6.80714 3.68696 6.66666 3.33333 6.66666ZM12.6667 6.66666C12.403 6.66666 12.1452 6.74486 11.9259 6.89137C11.7066 7.03788 11.5357 7.24612 11.4348 7.48975C11.3339 7.73339 11.3075 8.00148 11.359 8.26012C11.4104 8.51876 11.5374 8.75634 11.7239 8.94281C11.9103 9.12928 12.1479 9.25626 12.4065 9.30771C12.6652 9.35916 12.9333 9.33275 13.1769 9.23184C13.4205 9.13092 13.6288 8.96002 13.7753 8.74076C13.9218 8.52149 14 8.26371 14 8C14 7.64638 13.8595 7.30724 13.6095 7.05719C13.3594 6.80714 13.0203 6.66666 12.6667 6.66666Z" fill="#D5DAE1"></path>
                </svg>
              </a>
            </div>
          </div>
          <h2 class="text-center font-medium text-5xl text-coolGray-900 tracking-tighter">21</h2>
          <p class="text-center max-w-max mx-auto px-2 py-1 text-green-500 font-medium text-xs bg-green-100 rounded-full">Due Tasks</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 xl:w-1/4 p-3">
        <div class="p-6 pb-10 bg-white border border-coolGray-100 rounded-md shadow-dashboard">
          <div class="flex flex-wrap items-end justify-between -m-2 mb-7">
            <div class="w-auto p-2">
              <h3 class="text-sm text-coolGray-500 font-medium">Overdue</h3>
            </div>
            <div class="w-auto p-2">
              <a href="#">
                <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 6.66666C7.73629 6.66666 7.47851 6.74486 7.25924 6.89137C7.03998 7.03788 6.86908 7.24612 6.76816 7.48975C6.66724 7.73339 6.64084 8.00148 6.69229 8.26012C6.74373 8.51876 6.87072 8.75634 7.05719 8.94281C7.24366 9.12928 7.48124 9.25626 7.73988 9.30771C7.99852 9.35916 8.26661 9.33275 8.51025 9.23184C8.75388 9.13092 8.96212 8.96002 9.10863 8.74076C9.25514 8.52149 9.33333 8.26371 9.33333 8C9.33333 7.64638 9.19286 7.30724 8.94281 7.05719C8.69276 6.80714 8.35362 6.66666 8 6.66666ZM3.33333 6.66666C3.06963 6.66666 2.81184 6.74486 2.59257 6.89137C2.37331 7.03788 2.20241 7.24612 2.10149 7.48975C2.00058 7.73339 1.97417 8.00148 2.02562 8.26012C2.07707 8.51876 2.20405 8.75634 2.39052 8.94281C2.57699 9.12928 2.81457 9.25626 3.07321 9.30771C3.33185 9.35916 3.59994 9.33275 3.84358 9.23184C4.08721 9.13092 4.29545 8.96002 4.44196 8.74076C4.58847 8.52149 4.66667 8.26371 4.66667 8C4.66667 7.64638 4.52619 7.30724 4.27614 7.05719C4.02609 6.80714 3.68696 6.66666 3.33333 6.66666ZM12.6667 6.66666C12.403 6.66666 12.1452 6.74486 11.9259 6.89137C11.7066 7.03788 11.5357 7.24612 11.4348 7.48975C11.3339 7.73339 11.3075 8.00148 11.359 8.26012C11.4104 8.51876 11.5374 8.75634 11.7239 8.94281C11.9103 9.12928 12.1479 9.25626 12.4065 9.30771C12.6652 9.35916 12.9333 9.33275 13.1769 9.23184C13.4205 9.13092 13.6288 8.96002 13.7753 8.74076C13.9218 8.52149 14 8.26371 14 8C14 7.64638 13.8595 7.30724 13.6095 7.05719C13.3594 6.80714 13.0203 6.66666 12.6667 6.66666Z" fill="#D5DAE1"></path>
                </svg>
              </a>
            </div>
          </div>
          <h2 class="text-center font-medium text-5xl text-coolGray-900 tracking-tighter">17</h2>
          <p class="text-center max-w-max mx-auto px-2 py-1 text-red-500 font-medium text-xs bg-red-100 rounded-full">Tasks</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 xl:w-1/4 p-3">
        <div class="p-6 pb-10 bg-white border border-coolGray-100 rounded-md shadow-dashboard">
          <div class="flex flex-wrap items-end justify-between -m-2 mb-7">
            <div class="w-auto p-2">
              <h3 class="text-sm text-coolGray-500 font-medium">Issues</h3>
            </div>
            <div class="w-auto p-2">
              <a href="#">
                <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 6.66666C7.73629 6.66666 7.47851 6.74486 7.25924 6.89137C7.03998 7.03788 6.86908 7.24612 6.76816 7.48975C6.66724 7.73339 6.64084 8.00148 6.69229 8.26012C6.74373 8.51876 6.87072 8.75634 7.05719 8.94281C7.24366 9.12928 7.48124 9.25626 7.73988 9.30771C7.99852 9.35916 8.26661 9.33275 8.51025 9.23184C8.75388 9.13092 8.96212 8.96002 9.10863 8.74076C9.25514 8.52149 9.33333 8.26371 9.33333 8C9.33333 7.64638 9.19286 7.30724 8.94281 7.05719C8.69276 6.80714 8.35362 6.66666 8 6.66666ZM3.33333 6.66666C3.06963 6.66666 2.81184 6.74486 2.59257 6.89137C2.37331 7.03788 2.20241 7.24612 2.10149 7.48975C2.00058 7.73339 1.97417 8.00148 2.02562 8.26012C2.07707 8.51876 2.20405 8.75634 2.39052 8.94281C2.57699 9.12928 2.81457 9.25626 3.07321 9.30771C3.33185 9.35916 3.59994 9.33275 3.84358 9.23184C4.08721 9.13092 4.29545 8.96002 4.44196 8.74076C4.58847 8.52149 4.66667 8.26371 4.66667 8C4.66667 7.64638 4.52619 7.30724 4.27614 7.05719C4.02609 6.80714 3.68696 6.66666 3.33333 6.66666ZM12.6667 6.66666C12.403 6.66666 12.1452 6.74486 11.9259 6.89137C11.7066 7.03788 11.5357 7.24612 11.4348 7.48975C11.3339 7.73339 11.3075 8.00148 11.359 8.26012C11.4104 8.51876 11.5374 8.75634 11.7239 8.94281C11.9103 9.12928 12.1479 9.25626 12.4065 9.30771C12.6652 9.35916 12.9333 9.33275 13.1769 9.23184C13.4205 9.13092 13.6288 8.96002 13.7753 8.74076C13.9218 8.52149 14 8.26371 14 8C14 7.64638 13.8595 7.30724 13.6095 7.05719C13.3594 6.80714 13.0203 6.66666 12.6667 6.66666Z" fill="#D5DAE1"></path>
                </svg>
              </a>
            </div>
          </div>
          <h2 class="text-center font-medium text-5xl text-coolGray-900 tracking-tighter">21</h2>
          <p class="text-center max-w-max mx-auto px-2 py-1 text-yellow-500 font-medium text-xs bg-yellow-100 rounded-full">Open</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 xl:w-1/4 p-3">
        <div class="p-6 pb-10 bg-white border border-coolGray-100 rounded-md shadow-dashboard">
          <div class="flex flex-wrap items-end justify-between -m-2 mb-7">
            <div class="w-auto p-2">
              <h3 class="text-sm text-coolGray-500 font-medium">Features</h3>
            </div>
            <div class="w-auto p-2">
              <a href="#">
                <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 6.66666C7.73629 6.66666 7.47851 6.74486 7.25924 6.89137C7.03998 7.03788 6.86908 7.24612 6.76816 7.48975C6.66724 7.73339 6.64084 8.00148 6.69229 8.26012C6.74373 8.51876 6.87072 8.75634 7.05719 8.94281C7.24366 9.12928 7.48124 9.25626 7.73988 9.30771C7.99852 9.35916 8.26661 9.33275 8.51025 9.23184C8.75388 9.13092 8.96212 8.96002 9.10863 8.74076C9.25514 8.52149 9.33333 8.26371 9.33333 8C9.33333 7.64638 9.19286 7.30724 8.94281 7.05719C8.69276 6.80714 8.35362 6.66666 8 6.66666ZM3.33333 6.66666C3.06963 6.66666 2.81184 6.74486 2.59257 6.89137C2.37331 7.03788 2.20241 7.24612 2.10149 7.48975C2.00058 7.73339 1.97417 8.00148 2.02562 8.26012C2.07707 8.51876 2.20405 8.75634 2.39052 8.94281C2.57699 9.12928 2.81457 9.25626 3.07321 9.30771C3.33185 9.35916 3.59994 9.33275 3.84358 9.23184C4.08721 9.13092 4.29545 8.96002 4.44196 8.74076C4.58847 8.52149 4.66667 8.26371 4.66667 8C4.66667 7.64638 4.52619 7.30724 4.27614 7.05719C4.02609 6.80714 3.68696 6.66666 3.33333 6.66666ZM12.6667 6.66666C12.403 6.66666 12.1452 6.74486 11.9259 6.89137C11.7066 7.03788 11.5357 7.24612 11.4348 7.48975C11.3339 7.73339 11.3075 8.00148 11.359 8.26012C11.4104 8.51876 11.5374 8.75634 11.7239 8.94281C11.9103 9.12928 12.1479 9.25626 12.4065 9.30771C12.6652 9.35916 12.9333 9.33275 13.1769 9.23184C13.4205 9.13092 13.6288 8.96002 13.7753 8.74076C13.9218 8.52149 14 8.26371 14 8C14 7.64638 13.8595 7.30724 13.6095 7.05719C13.3594 6.80714 13.0203 6.66666 12.6667 6.66666Z" fill="#D5DAE1"></path>
                </svg>
              </a>
            </div>
          </div>
          <h2 class="text-center font-medium text-5xl text-coolGray-900 tracking-tighter">38</h2>
          <p class="text-center max-w-max mx-auto px-2 py-1 text-green-500 font-medium text-xs bg-green-100 rounded-full">Proposals</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8 overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -mx-4 xl:-mx-6 2xl:-mx-8">
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img1.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Product design w/ Harry Satt</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img2.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Webinar - Friday 2.1</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av3.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img3.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Weekly (All)</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img4.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">How to start?</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12 xl:mb-0">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img1.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Product design w/ Harry Satt</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12 xl:mb-0">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img2.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Product design w/ H. Berg</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8 mb-12 sm:mb-0">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img3.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">How to make good video</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av3.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-4 xl:px-6 2xl:px-8">
        <div class="h-full py-12 px-8 bg-white rounded-2xl shadow-6xl">
          <div class="sm:flex sm:items-center mb-10">
            <img class="mb-8 sm:mr-8 sm:mb-0" src="uinel-assets/images/dashboard-content/img4.png" alt="">
            <a class="inline-block text-xl font-heading font-medium hover:underline" href="#">Webinar - Mon 3.5</a>
          </div>
          <div class="mb-8">
            <div class="flex flex-wrap items-center mb-3">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/lines.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Google meet</p>
            </div>
            <div class="flex flex-wrap items-center">
              <img class="mr-5" src="uinel-assets/elements/dashboard-content/star.svg" alt="">
              <p class="text-sm text-darkBlueGray-400 font-heading">Shuffle</p>
            </div>
          </div>
          <div class="flex flex-wrap items-center mb-7">
            <img src="uinel-assets/images/dashboard-content/av1.png" alt="">
            <img class="-ml-4" src="uinel-assets/images/dashboard-content/av2.png" alt="">
            <div class="relative flex justify-center items-center">
              <span class="absolute left-1 text-sm font-heading font-semibold">+3</span>
              <img class="relative" src="uinel-assets/elements/dashboard-content/dots.svg" alt="">
            </div>
          </div>
          <div class="-mb-2">
            <a class="inline-block w-full md:w-auto px-6 py-1 md:mr-5 mb-2 text-center leading-7 font-bold tracking-tight text-blue-500 bg-indigo-100 hover:bg-indigo-200 rounded-9xl" href="#">Phase 2</a>
            <span class="mb-2 text-sm text-darkBlueGray-400 font-heading">Implementation</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-26 bg-white">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -mx-4 -mb-8">
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
        <div class="flex items-center justify-center h-44 p-6 bg-white border-3 border-indigo-900 rounded-2xl shadow-md text-center">
          <div>
            <h3 class="text-3xl sm:text-4xl font-extrabold mb-3">235.000</h3>
            <h4 class="text-xl font-extrabold">Projects completed</h4>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
        <div class="flex items-center justify-center h-44 p-6 bg-white border-3 border-indigo-900 rounded-2xl shadow-md text-center">
          <div>
            <h3 class="text-3xl sm:text-4xl font-extrabold mb-3">$10M</h3>
            <h4 class="text-xl font-extrabold">APR</h4>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
        <div class="flex items-center justify-center h-44 p-6 bg-white border-3 border-indigo-900 rounded-2xl shadow-md text-center">
          <div>
            <h3 class="text-3xl sm:text-4xl font-extrabold mb-3">+50.000</h3>
            <h4 class="text-xl font-extrabold">Hours saved annually</h4>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
        <div class="flex items-center justify-center h-44 p-6 bg-white border-3 border-indigo-900 rounded-2xl shadow-md text-center">
          <div>
            <h3 class="text-3xl sm:text-4xl font-extrabold mb-3">3.500</h3>
            <h4 class="text-xl font-extrabold">Unique users</h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-20">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap">
      <div class="mb-8 w-full md:w-1/2 lg:w-1/4 text-center">
        <span class="mb-6 inline-block p-4 rounded bg-green-100">
          <svg class="w-6 h-6 text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
            <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path>
          </svg>
        </span>
        <h3 class="text-2xl font-bold">250 324</h3>
        <p class="text-gray-500">Followers</p>
      </div>
      <div class="mb-8 w-full md:w-1/2 lg:w-1/4 text-center">
        <span class="mb-6 inline-block p-4 rounded bg-green-100">
          <svg class="w-6 h-6 text-green-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
          </svg>
        </span>
        <h3 class="text-2xl font-bold">6 510</h3>
        <p class="text-gray-500">Solved Problems</p>
      </div>
      <div class="mb-8 w-full md:w-1/2 lg:w-1/4 text-center">
        <span class="mb-6 inline-block p-4 rounded bg-green-100">
          <svg class="w-6 h-6 text-green-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
          </svg>
        </span>
        <h3 class="text-2xl font-bold">14 350</h3>
        <p class="text-gray-500">Happy Customers</p>
      </div>
      <div class="mb-8 w-full md:w-1/2 lg:w-1/4 text-center">
        <span class="mb-6 inline-block p-4 rounded bg-green-100">
          <svg class="w-6 h-6 text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"></path>
            <path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z"></path>
          </svg>
        </span>
        <h3 class="text-2xl font-bold">149 324</h3>
        <p class="text-gray-500">Projects</p>
      </div>
    </div>
  </div>
</section>

<section class="py-24">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -mx-4">
      
      <div class="w-full md:w-1/3 px-4 mb-8 md:mb-0">
        <div class="flex items-center justify-center p-12 lg:p-20 bg-white shadow-lg">
          <div class="text-center">
            <p class="text-sm text-gray-500 mb-2"  >Subscribers</p>
            <h2 class="text-4xl font-heading" >12 350</h2>
          </div>
        </div>
      </div>
      
      <div class="w-full md:w-1/3 px-4 mb-8 md:mb-0">
        <div class="flex items-center justify-center p-12 lg:p-20 bg-white shadow-lg">
          <div class="text-center">
            <p class="text-sm text-gray-500 mb-2"  >Projects</p>
            <h2 class="text-4xl font-heading" >5 065</h2>
          </div>
        </div>
      </div>
      
      <div class="w-full md:w-1/3 px-4">
        <div class="flex items-center justify-center p-12 lg:p-20 bg-white shadow-lg">
          <div class="text-center">
            <p class="text-sm text-gray-500 mb-2"  >Tasks</p>
            <h2 class="text-4xl font-heading" >45 065</h2>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-24 bg-black overflow-x-hidden">
  <div class="container mx-auto px-4">
    <div class="mb-10 max-w-xl mx-auto text-center">
      <span class="text-lg font-semibold text-blue-400">Lorem ipsum</span>
      <h2 class="mt-6 text-2xl text-white uppercase font-heading">Take quick action that increases your brand's regular profit.</h2>
    </div>
    <div class="flex flex-wrap -mx-4 mb-20">
      <div class="w-full md:w-1/2 lg:w-1/4 px-4">
        <div class="text-center">
          <div class="relative h-40 flex items-center justify-center">
            <img class="absolute top-0 left-1/2 transform -translate-x-1/2 h-full" src="boldui-assets/elements/ellipse.svg" alt="">
            <h3 class="relative text-3xl text-blue-500 font-heading">42 732</h3>
          </div>
          <p class="md:px-20 text-sm uppercase font-semibold text-gray-500">Dolor sit amet consectutar</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4">
        <div class="text-center">
          <div class="relative h-40 flex items-center justify-center">
            <img class="absolute top-0 left-1/2 transform -translate-x-1/2 h-full" src="boldui-assets/elements/ellipse.svg" alt="">
            <h3 class="relative text-3xl text-blue-500 font-heading">176 441</h3>
          </div>
          <p class="md:px-20 text-sm uppercase font-semibold text-gray-500">Dolor sit amet consectutar</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4">
        <div class="text-center">
          <div class="relative h-40 flex items-center justify-center">
            <img class="absolute top-0 left-1/2 transform -translate-x-1/2 h-full" src="boldui-assets/elements/ellipse.svg" alt="">
            <h3 class="relative text-3xl text-blue-500 font-heading">78 254</h3>
          </div>
          <p class="md:px-20 text-sm uppercase font-semibold text-gray-500">Dolor sit amet consectutar</p>
        </div>
      </div>
      <div class="w-full md:w-1/2 lg:w-1/4 px-4">
        <div class="text-center">
          <div class="relative h-40 flex items-center justify-center">
            <img class="absolute top-0 left-1/2 transform -translate-x-1/2 h-full" src="boldui-assets/elements/ellipse.svg" alt="">
            <h3 class="relative text-3xl text-blue-500 font-heading">4 756 369</h3>
          </div>
          <p class="md:px-20 text-sm uppercase font-semibold text-gray-500">Dolor sit amet consectutar</p>
        </div>
      </div>
    </div>
    <div class="text-center">
      <a class="inline-flex items-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
        <svg class="mr-3" width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="black"></path>
        </svg>
        <span class="text-sm font-heading">Activte demo</span>
      </a>
    </div>
  </div>
</section>

<section class="py-16 bg-gray-50">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap items-center -mx-4">
      <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
        <div class="max-w-md md:max-w-lg mx-auto lg:mx-0 mb-6">
          <span class="text-sm font-semibold uppercase">
            <span>In the</span>
            <span class="text-green-500">numbers</span>
          </span>
          <h2 class="font-heading text-3xl sm:text-4xl mt-4">The latest version of this excellent product is waiting to deploy</h2>
        </div>
      </div>
      <div class="w-full lg:w-1/2 px-4">
        <div class="flex flex-wrap -mx-4">
          <div class="w-full sm:w-1/2 px-4 sm:mt-16 mb-8 sm:mb-0">
            <div class="p-6 mb-8 bg-white rounded">
              <div class="flex items-center justify-center w-14 h-14 mb-8 bg-green-50 rounded">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.02 2C6.21 2 2 6.74612 2 12.015C2 13.6975 2.49 15.4291 3.35 17.0115C3.51 17.2729 3.53 17.6024 3.42 17.9139L2.75 20.1572C2.6 20.698 3.06 21.0976 3.57 20.9374L5.59 20.3375C6.14 20.1572 6.57 20.3866 7.08 20.698C8.54 21.5583 10.36 22 12 22C16.96 22 22 18.1642 22 11.985C22 6.65598 17.7 2 12.02 2Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.69518 13.3909C7.05042 13.3909 6.52661 12.8671 6.52661 12.2223C6.52661 11.5795 7.05042 11.0557 7.69518 11.0557C8.33994 11.0557 8.86375 11.5795 8.86375 12.2223C8.86375 12.8671 8.33994 13.3909 7.69518 13.3909ZM12.238 13.3909C11.5933 13.3909 11.0695 12.8671 11.0695 12.2223C11.0695 11.5795 11.5933 11.0557 12.238 11.0557C12.8828 11.0557 13.4066 11.5795 13.4066 12.2223C13.4066 12.8671 12.8828 13.3909 12.238 13.3909ZM15.6124 12.2223C15.6124 12.8671 16.1362 13.3909 16.781 13.3909C17.4258 13.3909 17.9496 12.8671 17.9496 12.2223C17.9496 11.5795 17.4258 11.0557 16.781 11.0557C16.1362 11.0557 15.6124 11.5795 15.6124 12.2223Z" fill="white"></path>
                </svg>
              </div>
              <h4 class="font-heading text-2xl mb-2">65K+</h4>
              <span class="text-sm">Dolor sit amet consectutar</span>
            </div>
            <div class="p-6 bg-white rounded">
              <div class="flex items-center justify-center w-14 h-14 mb-8 bg-green-50 rounded">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.42233 19.8203C7.84433 19.8203 8.18733 20.1633 8.18733 20.5853C8.18733 21.0073 7.84433 21.3493 7.42233 21.3493C7.00033 21.3493 6.65833 21.0073 6.65833 20.5853C6.65833 20.1633 7.00033 19.8203 7.42233 19.8203Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6747 19.8203C19.0967 19.8203 19.4397 20.1633 19.4397 20.5853C19.4397 21.0073 19.0967 21.3493 18.6747 21.3493C18.2527 21.3493 17.9097 21.0073 17.9097 20.5853C17.9097 20.1633 18.2527 19.8203 18.6747 19.8203Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M5.79288 15.083L5.12273 7.099H19.9089C20.7259 7.099 21.3529 7.823 21.2359 8.632L20.2869 15.19C20.1579 16.078 19.3979 16.736 18.5019 16.736H7.58988C6.65188 16.736 5.87088 16.018 5.79288 15.083Z" fill="#00CBA6"></path>
                  <path d="M2.74988 3.25L4.82988 3.61L5.79288 15.083C5.87088 16.018 6.65188 16.736 7.58988 16.736H18.5019C19.3979 16.736 20.1579 16.078 20.2869 15.19L21.2359 8.632C21.3529 7.823 20.7259 7.099 19.9089 7.099H5.12273" stroke="#00CBA6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M14.1254 10.795H16.8984" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </div>
              <h4 class="font-heading text-2xl mb-2">250K+</h4>
              <span class="text-sm">Dolor sit amet consectutar</span>
            </div>
          </div>
          <div class="w-full sm:w-1/2 px-4">
            <div class="p-6 mb-8 bg-white rounded">
              <div class="flex items-center justify-center w-14 h-14 mb-8 bg-green-50 rounded">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M14.02 8.91334C15.841 8.91334 17.317 7.43734 17.317 5.61634C17.317 3.79634 15.841 2.31934 14.02 2.31934" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M15.5361 12.4963C16.0801 12.5333 16.6201 12.6113 17.1531 12.7293C17.8921 12.8763 18.7821 13.1793 19.0981 13.8423C19.3001 14.2673 19.3001 14.7623 19.0981 15.1873C18.7831 15.8503 17.8921 16.1533 17.1531 16.3053" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.59137 13.2063C11.2814 13.2063 14.4334 13.7653 14.4334 15.9983C14.4334 18.2323 11.3014 18.8103 7.59137 18.8103C3.90137 18.8103 0.750366 18.2523 0.750366 16.0183C0.750366 13.7843 3.88137 13.2063 7.59137 13.2063Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5914 10.0188C5.1574 10.0188 3.2074 8.06776 3.2074 5.63376C3.2074 3.20076 5.1574 1.24976 7.5914 1.24976C10.0254 1.24976 11.9764 3.20076 11.9764 5.63376C11.9764 8.06776 10.0254 10.0188 7.5914 10.0188Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </div>
              <h4 class="font-heading text-2xl mb-2">500K+</h4>
              <span class="text-sm">Dolor sit amet consectutar</span>
            </div>
            <div class="p-6 bg-white rounded">
              <div class="flex items-center justify-center w-14 h-14 mb-8 bg-green-50 rounded">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7368 2.76184H8.08376C6.02476 2.76184 4.24976 4.43084 4.24976 6.49084V17.2038C4.24976 19.3798 5.90876 21.1148 8.08376 21.1148H16.0728C18.1328 21.1148 19.8018 19.2648 19.8018 17.2038V8.03784L14.7368 2.76184Z" fill="#00CBA6" stroke="#00CBA6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.677 2.518V5.427C14.677 6.847 15.826 7.999 17.245 8.002C18.562 8.005 19.909 8.006 20 8" fill="#80E5D3"></path>
                  <path d="M14.677 2.518V5.427C14.677 6.847 15.826 7.999 17.245 8.002C18.562 8.005 19.909 8.006 20 8L14.677 2.518Z" stroke="#80E5D3" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M14.2841 15.5577H8.88708" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12.2426 10.6056H8.8866" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </div>
              <h4 class="font-heading text-2xl mb-2">1.5M+</h4>
              <span class="text-sm">Dolor sit amet consectutar</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>