<section class="position-relative bg-secondary-dark pt-24 pt-md-48 pb-52 overflow-hidden">
<img class="position-absolute top-0 start-100 translate-middle img-fluid" src="zospace-assets/lines/circle.svg" alt="">
<img class="position-absolute bottom-0 start-0 mb-n64 img-fluid" src="zospace-assets/lines/full-circle.svg" alt="">
<img class="position-absolute bottom-0 start-0 col-7 col-sm-5 col-md-auto img-fluid" src="zospace-assets/images/five-stars.svg" alt="">
<img class="position-absolute top-100 start-0 translate-middle img-fluid" src="zospace-assets/lines/circle.svg" alt="">
<div class="container">
<div class="mw-3xl mx-auto text-center position-relative">
<span class="h6 text-primary">What's new at Shuffle</span>
<h2 class="h3 text-white mt-10 mb-10">The quick brown fox jumps over the lazy dog.</h2>
<div class="mw-md mx-auto mb-24">
<p class="text-secondary-light">
<span>A short message that will</span>
<span class="text-white">bring your customers</span>
<span>into the world of your imagination.</span>
</p>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-center"><a class="btn mb-5 mb-sm-0 me-sm-5 btn-primary" href="#">Join us now</a><a class="btn btn-outline-light" href="#">Active demo</a></div>
</div>
</div>
</section>