<section class="py-20 lg:py-40">
<div class="container px-4 mx-auto">
<div class="max-w-2xs mx-auto sm:max-w-none">
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-1/3 px-4 mb-20 lg:mb-0">
<h1 class="text-5xl sm:text-7xl font-heading font-semibold">Big results</h1>
</div>
<div class="w-full lg:w-2/3 px-4 lg:pl-20">
<div class="flex flex-wrap -mx-4 -mb-17">
<div class="w-full sm:w-1/2 px-4 mb-17">
<div class="w-64">
<div class="relative mb-8">
<h4 class="relative z-10 text-7xl md:text-10xl font-heading font-medium">43</h4>
<div class="absolute bottom-0 left-0 -mb-2 w-34 h-4 bg-blue-500"></div>
</div>
<p class="text-xl">really, like a sense of truth that comes from within.</p>
</div>
</div>
<div class="w-full sm:w-1/2 px-4 mb-17">
<div class="w-64">
<div class="relative mb-8">
<h4 class="relative z-10 font-heading font-medium">
<span class="text-7xl md:text-10xl">80</span>
<span class="text-5xl md:text-7xl">%</span>
</h4>
<div class="absolute bottom-0 left-0 -mb-2 w-34 h-4 bg-yellow-500"></div>
</div>
<p class="text-xl">happy, really happy customers</p>
</div>
</div>
<div class="w-full sm:w-1/2 px-4 mb-17">
<div class="w-64">
<div class="relative mb-8">
<h4 class="relative z-10 text-7xl md:text-10xl font-heading font-medium">
<span class="text-7xl md:text-10xl">78</span>
<span class="text-5xl md:text-7xl">%</span>
</h4>
<div class="absolute bottom-0 left-0 -mb-2 w-34 h-4 bg-gray-100"></div>
</div>
<p class="text-xl">happy, really happy customers</p>
</div>
</div>
<div class="w-full sm:w-1/2 px-4 mb-17">
<div class="w-64">
<div class="relative mb-8">
<h4 class="relative z-10 text-7xl md:text-10xl font-heading font-medium">43</h4>
<div class="absolute bottom-0 left-0 -mb-2 w-34 h-4 bg-indigo-500"></div>
</div>
<p class="text-xl">really, like a sense of truth that comes from within.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>