<section class="bg-secondary-dark py-24 pt-md-40 pb-md-52">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-5 col-xl-4 mb-16 mb-lg-0">
<div class="mw-md">
<span class="h6 text-primary">Clouds</span>
<h2 class="h3 text-white mt-10 mb-14">Trusted by brands all over the world</h2>
<p class="text-secondary-light mb-0">The brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="col-12 col-lg-6 offset-xl-2">
<div class="row mw-xs mw-sm-xl mw-lg-2xl mx-auto">
<div class="col-12 col-sm-3 mb-3 mb-sm-0 align-self-center">
<div class="d-flex align-items-center justify-content-center rounded bg-secondary py-8">
<img class="d-block mx-auto img-fluid" src="zospace-assets/logos/spotify-box.svg" alt="">
</div>
</div>
<div class="col-12 col-sm-4 mb-3 mb-sm-0">
<div class="d-flex w-50 py-10 ms-auto mb-3 align-items-center justify-content-center rounded bg-secondary">
<img class="mx-auto img-fluid" src="zospace-assets/logos/we-box.svg" alt="">
</div>
<div class="d-flex w-100 py-16 align-items-center justify-content-center rounded bg-secondary">
<img class="mx-auto img-fluid" src="zospace-assets/logos/slack-box.svg" alt="">
</div>
</div>
<div class="col-12 col-sm-4 mt-sm-20">
<div class="d-flex w-100 py-8 mb-3 align-items-center justify-content-center rounded bg-secondary">
<img class="mx-auto img-fluid" src="zospace-assets/logos/miro-box.svg" alt="">
</div>
<div class="d-flex w-75 py-12 align-items-center justify-content-center rounded bg-secondary">
<img class="mx-auto img-fluid" src="zospace-assets/logos/dropbox-box.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>