<section class="wrapper bg-light angled upper-end lower-end">\n      <div class="container pb-14 pb-md-16">\n        <div class="row">\n          <div class="col-12 mt-n20">\n            <figure class="rounded"><img src="/assets/img/photos/about5.jpg" srcset="/assets/img/photos/about5@2x.jpg 2x" alt="" /></figure>\n            <div class="row" data-cue="slideInUp">\n              <div class="col-xl-10 mx-auto">\n                <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-300 text-white mt-n5 mt-lg-0 mt-lg-n50p mb-lg-n50p border-radius-lg-top" data-image-src="/assets/img/photos/bg2.jpg">\n                  <div class="card-body p-9 p-xl-10">\n                    <div class="row align-items-center counter-wrapper gy-4 text-center">\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">7518</h3>\n                        <p>Completed Projects</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">3472</h3>\n                        <p>Satisfied Customers</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">2184</h3>\n                        <p>Expert Employees</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">4523</h3>\n                        <p>Awards Won</p>\n                      </div>\n                      <!--/column -->\n                    </div>\n                    <!--/.row -->\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gy-8 mt-5 mt-md-12 mt-lg-0 mb-15 align-items-center">\n          <div class="col-lg-6 order-lg-2">\n            <div class="row gx-md-5 gy-5" data-cues="fadeIn" data-group="images">\n              <div class="col-md-4 offset-md-2 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g1.jpg" srcset="/assets/img/photos/g1@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g2.jpg" srcset="/assets/img/photos/g2@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 offset-md-1">\n                <figure class="rounded"><img src="/assets/img/photos/g3.jpg" srcset="/assets/img/photos/g3@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 align-self-start">\n                <figure class="rounded"><img src="/assets/img/photos/g4.jpg" srcset="/assets/img/photos/g4@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">What We Do?</h2>\n            <p class="lead fs-lg mb-8 pe-xxl-2">The full service we are offering is <span class="underline">specifically</span> designed to meet your business needs and projects.</p>\n            <div class="row gx-xl-10 gy-6" data-cues="slideInUp" data-group="services">\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-phone-volume"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">24/7 Support</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-shield-exclamation"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Secure Payments</h4>\n                    <p class="mb-0">Vivamus sagittis lacus augue laoreet vel.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-laptop-cloud"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Daily Updates</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-chart-line"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Market Research</h4>\n                    <p class="mb-0">Aenean lacinia bibendum nulla sed consectetur.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <h2 class="display-4 mb-3">How We Do It?</h2>\n        <p class="lead fs-lg mb-8">We make your spending <span class="underline">stress-free</span> for you to have the perfect control.</p>\n        <div class="row gx-lg-8 gx-xl-12 gy-6 process-wrapper line" data-cues="slideInUp" data-group="process">\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">01</span></span>\n            <h4 class="mb-1">Concept</h4>\n            <p>Nulla vitae elit libero elit non porta gravida eget metus cras. Aenean eu leo quam. Pellentesque ornare.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-primary pe-none mb-4"><span class="number">02</span></span>\n            <h4 class="mb-1">Prepare</h4>\n            <p>Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">03</span></span>\n            <h4 class="mb-1">Retouch</h4>\n            <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">04</span></span>\n            <h4 class="mb-1">Finalize</h4>\n            <p>Integer posuere erat, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>