<section class="wrapper bg-light">\n        <div class="container pt-15 pt-md-17">\n          <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-15 mb-md-17">\n            <div class="col-lg-6 position-relative">\n              <a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n              <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What Makes Us Different?</h2>\n              <h3 class="display-3 mb-8">We make spending stress free so you have the perfect control.</h3>\n              <div class="row gy-6">\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Creativity</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Innovative Thinking</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Rapid Solutions</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Top-Notch Support</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row text-center mb-7">\n            <div class="col-lg-11 col-xl-10 col-xxl-9 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Join Our Community</h2>\n              <h3 class="display-3 px-lg-12 px-xxl-14">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row mb-6">\n            <div class="col-md-10 col-lg-9 col-xl-7 mx-auto">\n              <div class="row align-items-center counter-wrapper gy-4 gy-md-0">\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">1000+</h3>\n                  <p>Completed Projects</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">50K+</h3>\n                  <p>Happy Customers</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">4x</h3>\n                  <p>Revenue Growth</p>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <figure><img src="/assets/img/photos/about26.png" srcset="/assets/img/photos/about26@2x.png 2x" alt="" /></figure>\n        </div>\n        <!-- /.container -->\n      </section>