<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pt-lg-12 pt-xl-12 pt-xxl-10 pb-lg-10 pb-xl-10 pb-xxl-0">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start">\n          <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="900">\n            <h1 class="display-1 mb-4 me-xl-5 mt-lg-n10">Grow Your Business with <br class="d-none d-md-block d-lg-none" /><span class="text-primary">Our Marketing Solutions</span></h1>\n            <p class="lead fs-24 lh-sm mb-7 pe-xxl-15">We help our clients to increase their website <br class="d-none d-md-block d-lg-none" /> traffic, rankings and visibility in search results.</p>\n            <div class="d-inline-flex me-2"><a href="#" class="btn btn-lg btn-grape rounded">Try it for Free</a></div>\n            <div class="d-inline-flex"><a href="#" class="btn btn-lg btn-outline-grape rounded">Explore Now</a></div>\n          </div>\n          <!--/column -->\n          <div class="col-10 col-md-7 mx-auto col-lg-6 col-xl-5 ms-xl-5">\n            <img class="img-fluid mb-n12 mb-md-n14 mb-lg-n19" src="/assets/img/illustrations/3d11.png" srcset="/assets/img/illustrations/3d11@2x.png 2x" data-cue="fadeIn" data-delay="300" alt="" />\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure><img src="/assets/img/photos/clouds.png" alt=""></figure>\n    </section>