<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-4 mb-6 px-xl-10 px-xxl-15">Don't take our word for it. See what customers are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div data-cue="fadeIn">\n          <div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te7.jpg" srcset="/assets/img/avatars/te7@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te8.jpg" srcset="/assets/img/avatars/te8@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te9.jpg" srcset="/assets/img/avatars/te9@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te10.jpg" srcset="/assets/img/avatars/te10@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te11.jpg" srcset="/assets/img/avatars/te11@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Jackie Sanders</h5>\n                              <p class="mb-0">Investment Planner</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te12.jpg" srcset="/assets/img/avatars/te12@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Laura Widerski</h5>\n                              <p class="mb-0">Sales Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!-- /.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>