<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card bg-soft-primary rounded-4 mb-16 mb-md-18">\n          <div class="card-body py-14 px-lg-0">\n            <div class="row text-center">\n              <div class="col-lg-9 col-xl-8 mx-auto">\n                <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n                <h3 class="display-2 ls-sm mb-10 px-xxl-10">Don't take our word for it. See what our <span class="underline-3 style-1 primary"><em>customers</em></span> are saying about us.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-lg-8 gx-xl-12 align-items-center">\n              <div class="col-lg-5 ms-auto col-xl-4 d-none d-lg-flex">\n                <div class="img-mask mask-3"><img src="/assets/img/photos/about13.jpg" srcset="/assets/img/photos/about13@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 col-xl-6 col-xxl-5 me-auto">\n                <div class="swiper-container dots-start dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row text-center">\n          <div class="col-lg-10 col-xxl-8 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-2 ls-sm">Check out some of our <span class="underline-3 style-1 primary"><em>awesome</em></span> projects with creative ideas and great design.</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            <div class="card bg-soft-grape">\n              <div class="card-body px-9 py-0 overflow-hidden">\n                <div class="row gx-4 gx-md-9">\n                  <div class="col-6">\n                    <figure class="mt-9"><a href="#"><img class="shadow-lg rounded-top" src="/assets/img/demos/d18.jpg" srcset="/assets/img/demos/d18@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <figure><a href="#"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d18-2.jpg" srcset="/assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Wiretree Network Company</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Dashboard</span>, <span>Web Development</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-grape rounded">See Project</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            <div class="card bg-soft-primary">\n              <div class="card-body p-11 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Alphine Finance</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Branding</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-primary rounded">See Project</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">\n            <div class="card bg-soft-violet">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Skybox Landing Pages</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Logo</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-violet rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-17 mb-md-19">\n          <div class="col-lg-7 order-lg-2">\n            <div class="card bg-soft-red">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Nutshell Application</h3>\n            <div class="post-category text-muted mb-4">\n              <span>App Design</span>, <span>Branding</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-red rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center mb-7">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Join Our Community</h2>\n            <h3 class="display-2 ls-sm">We are <span class="underline-3 style-1 primary"><em>trusted</em></span> by over 50000+ clients. Join them now and grow your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-8">\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        <div class="row position-relative" style="z-index: 1">\n          <div class="col-lg-10 col-xl-9 mx-auto mt-11 mb-sm-n20 mb-md-n22">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i32.png" srcset="/assets/img/illustrations/i32@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70">\n            <path fill="currentColor" d="M1440,70H0V45.16a5762.49,5762.49,0,0,1,1440,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>