<section class="py-20 md:py-40 bg-yellowGray-50 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap justify-between items-center -mx-4 mb-16">
<div class="hidden md:block w-auto px-4">
<a class="inline-block p-1" href="#">
<svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99906 16L9.41406 14.585L3.82906 9L2.74902 8L3.82906 7L9.41406 1.415L7.99906 8.29971e-07L-0.000937716 8L7.99906 16Z" fill="#04082F"></path>
</svg>
</a>
</div>
<div class="w-full md:w-2/3 px-4">
<div class="max-w-4xl mx-auto text-center">
<div class="inline-flex items-center px-5 py-2 bg-white rounded-full mb-14">
<span class="block w-2 h-2 mr-2 rounded-full bg-blue-500"></span>
<span class="uppercase text-sm font-medium tracking-tight">CUSTOMER REVIEWS</span>
</div>
<h3 class="font-heading leading-snug text-3xl lg:text-4xl 2xl:text-5xl font-medium mb-14">“Tried a lot, find the best Tried a lot. Choose this one. A real nice tools and app. It comes with a few free plug-ins that will be more than enough for beginners. For more advansed users, you'll need to get a few more plug-ins for an extra cost on 3rd party websites, but suncealand makes it quite easy to set them up.”</h3>
<h4 class="text-2xl font-medium">Glen Harres</h4>
<span>Spotify, Junior Designer</span>
</div>
</div>
<div class="md:hidden w-full px-4 mt-20 text-center">
<a class="inline-block p-1 mr-2" href="#">
<svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99906 16L9.41406 14.585L3.82906 9L2.74902 8L3.82906 7L9.41406 1.415L7.99906 8.29971e-07L-0.000937716 8L7.99906 16Z" fill="#04082F"></path>
</svg>
</a>
<a class="inline-block p-1" href="#">
<svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.00094 0L0.585938 1.415L6.17094 7L7.25098 8L6.17094 9L0.585938 14.585L2.00094 16L10.0009 8L2.00094 0Z" fill="#04082F"></path>
</svg>
</a>
</div>
<div class="hidden md:block w-auto px-4">
<a class="inline-block p-1" href="#">
<svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.00094 0L0.585938 1.415L6.17094 7L7.25098 8L6.17094 9L0.585938 14.585L2.00094 16L10.0009 8L2.00094 0Z" fill="#04082F"></path>
</svg>
</a>
</div>
</div>
<div class="max-w-4xl mx-auto">
<div class="flex flex-wrap -mx-3">
<div class="w-full sm:w-1/2 px-3 mb-6 md:mb-0">
<div class="pt-12 pb-14 px-8 text-center bg-white rounded-3xl">
<div class="flex mb-6 items-center justify-center">
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
</div>
<h5 class="text-2xl font-semibold">Trustpilot 4,9/5</h5>
<span>dapibus, sodales purus</span>
</div>
</div>
<div class="w-full sm:w-1/2 px-3">
<div class="pt-12 pb-14 px-8 text-center bg-white rounded-3xl">
<div class="flex mb-6 items-center justify-center">
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
<svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
<defs><rect width="22" height="22" fill="white"></rect></defs>
</svg>
</div>
<h5 class="text-2xl font-semibold">Google: 4.7/5</h5>
<span>Nulla placerat liberod</span>
</div>
</div>
</div>
</div>
</div>
</section>