<section class="pb-24 pt-20 bg-gray-800 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap items-center -mx-4">
<div class="w-full lg:w-2/5 px-4 mb-20 lg:mb-0">
<div class="lg:max-w-lg">
<span class="text-lg text-blue-400 font-bold">Clouds</span>
<h2 class="mt-8 mb-12 text-6xl 2xl:text-7xl font-bold font-heading text-white">Trusted by brands all over the world</h2>
<p class="text-lg text-gray-200">The brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="w-full lg:w-3/5 px-4">
<div class="flex justify-center items-center">
<div class="py-8 px-2 sm:px-6 mr-3 bg-gray-600 rounded-lg">
<img class="h-16 mx-auto" src="zospace-assets/logos/spotify-box.svg" alt="">
</div>
<div class="flex flex-col mr-3">
<div class="inline-block ml-auto py-12 px-4 sm:px-8 mb-3 bg-gray-600 rounded-lg">
<img class="h-6 mx-auto" src="zospace-assets/logos/we-box.svg" alt="">
</div>
<div class="py-16 px-2 sm:px-12 bg-gray-600 rounded-lg">
<img class="h-4 md:h-8 mx-auto" src="zospace-assets/logos/slack-box.svg" alt="">
</div>
</div>
<div class="-mb-32">
<div class="py-8 px-2 sm:px-14 mb-3 bg-gray-600 rounded-lg">
<img class="h-16 mx-auto" src="zospace-assets/logos/miro-box.svg" alt="">
</div>
<div class="inline-block py-14 px-2 sm:px-8 bg-gray-600 rounded-lg">
<img class="h-6 mx-auto" src="zospace-assets/logos/dropbox-box.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>