<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">
<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>