<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 align-items-center">\n          <div class="col-lg-7 position-relative">\n            <div class="shape bg-dot primary rellax w-18 h-18" data-rellax-speed="1" style="top: 0; left: -1.4rem; z-index: 0;"></div>\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6" data-cue="fadeIn">\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" data-cue="fadeIn" data-delay="900">\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" data-cue="fadeIn" data-delay="300">\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 odio 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">\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>