<section class="wrapper gradient-8 bg-lines">\n      <div class="container py-15 pt-md-0 pb-md-17 text-center">\n        <div class="row text-center">\n          <div class="col-xl-9 mx-auto">\n            <div class="card shadow-lg mt-md-n16 mb-15 mb-md-17">\n              <div class="card-body p-9 p-xl-12">\n                <div class="row gx-0">\n                  <div class="col-xxl-9 mx-auto">\n                    <div class="swiper-container 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-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</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                                  <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-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</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                                  <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-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</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                                  <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>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Join Our Community</h2>\n            <h3 class="display-3 text-white mb-6">We are <span class="underline-2 underline-gradient-6"><em>trusted</em></span> by over 5000+ clients. Join them now and grow your business.</h3>\n            <a href="#" class="btn btn-white">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>