<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 text-white" data-image-src="/assets/img/photos/bg2.jpg">\n      <div class="container py-14 py-md-17">\n        <h2 class="display-4 mb-5 text-white text-center">Happy Customers</h2>\n        <div class="row">\n          <div class="col-md-10 col-lg-8 mx-auto" data-cue="fadeIn">\n            <div class="swiper-container dots-light dots-closer text-center mb-6" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\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 adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Coriss Ambady</h6>\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                    <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 adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Cory Zamora</h6>\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                    <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 adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Nikolas Brooten</h6>\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      <!-- /.container -->\n    </section>