<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-11">\n          <div class="col-lg-4">\n            <h3 class="display-4 mb-3 pe-xl-10">We are proud of our creative team</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">Just sit back and relax while we take care of your business needs.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">7518</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">3472</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">2184</h3>\n                <p>Expert Employees</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gy-6 gy-xl-0">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Coriss Ambady</h4>\n                <div class="meta mb-2">Financial Analyst</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Cory Zamora</h4>\n                <div class="meta mb-2">Marketing Specialist</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Nikolas Brooten</h4>\n                <div class="meta mb-2">Sales Manager</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Jackie Sanders</h4>\n                <div class="meta mb-2">Investment Planner</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <hr class="mt-15 mt-md-18 mb-14 mb-md-17" />\n        <h3 class="display-4 mb-3 text-center">What People Say About Us</h3>\n        <p class="lead fs-lg mb-10 text-center">Don't take our word for it. See what customers are saying about us.</p>\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 align-items-center">\n          <div class="col-lg-7">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded mt-md-10 position-relative"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2">\n                    <figure class="rounded"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10">\n                    <div class="card bg-pale-primary text-center">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\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>\n          <!--/column -->\n          <div class="col-lg-5 mt-5">\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                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\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                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\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                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\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 class="px-lg-5 mb-16 mb-md-22">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>