<section class="wrapper bg-gradient-primary">\n      <div class="container pt-15 pt-md-17">\n        <h2 class="fs-16 text-uppercase text-muted mb-8 text-center">Trusted by over 5000 clients</h2>\n        <div class="swiper-container clients mb-19" data-margin="30" data-dots="false" data-loop="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-speed="5000" data-items-xxl="7" data-items-xl="6" data-items-lg="5" data-items-md="4" data-items-sm="3" data-items-xs="3">\n          <div class="swiper pe-none">\n            <div class="swiper-wrapper ticker">\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c1.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c2.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c3.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c4.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c5.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c6.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c7.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c8.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c9.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c10.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c11.png" alt="" /></div>\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-9 col-xxl-7 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Our Services</h2>\n            <h3 class="display-2 ls-sm px-xxl-10">The service we offer is <span class="underline-3 style-1 primary"><em>designed</em></span> to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i29.png" srcset="/assets/img/illustrations/i29@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-primary rounded mb-5"> <img src="/assets/img/icons/solid/like.svg" class="svg-inject icon-svg solid text-primary" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Social Media Marketing</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i30.png" srcset="/assets/img/illustrations/i30@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <div class="svg-bg bg-pale-green rounded mb-5"> <img src="/assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg solid text-green" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Web Design & Development</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-green">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-green">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i31.png" srcset="/assets/img/illustrations/i31@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-fuchsia rounded mb-5"> <img src="/assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg solid text-fuchsia" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Content Marketing Services</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-fuchsia">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-fuchsia">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>