<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row gx-md-8 gy-10 align-items-center">\n          <div class="col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <figure class="rounded"><img class="img-fluid" src="/assets/img/photos/about27.jpg" srcset="/assets/img/photos/about27@2x.jpg 2x" alt="" /></figure>\n            <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; left: -7%">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <div class="icon btn btn-block btn-soft-primary pe-none mx-auto me-4 w-10 h-10"> <i class="uil uil-users-alt"></i> </div>\n                  </div>\n                  <div>\n                    <h3 class="fs-25 counter mb-0 text-nowrap">25000+</h3>\n                    <p class="fs-16 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 10%; left: -10%;">\n              <div class="card-body p-6">\n                <div class="progressbar semi-circle primary mb-3" data-value="80"></div>\n                <h4 class="mb-0">Time Saved</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What Makes Us Different?</h2>\n            <h3 class="display-3 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-6">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus. Integer posuere erat a ante venenatis.</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>Donec id elit non mi porta gravida at eget.</li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>