<section class="wrapper bg-light">\n      <div class="container pt-12 pt-lg-8 pb-14 pb-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 text-center text-lg-start">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Company Facts</h2>\n            <h3 class="display-3 mb-4 pe-xxl-5">We are proud of our design team</h3>\n            <p class="mb-0 pe-xxl-11">Just sit back and relax while we take care of your business needs for you.</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                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-presentation-check"></i> </div>\n                <h3 class="counter">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-user-check"></i> </div>\n                <h3 class="counter">50K+</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-trophy"></i> </div>\n                <h3 class="counter">20+</h3>\n                <p>Awards Won</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      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="container pt-12 pt-lg-7 pb-14 pb-md-16">\n          <div class="row">\n            <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">\n              <h2 class="fs-16 text-uppercase text-primary mb-3">Latest Projects</h2>\n              <h3 class="display-3 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="swiper-container grid-view nav-bottom nav-color mb-14" data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp1.jpg" srcset="/assets/img/photos/sp1@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                      <div class="post-category text-ash">Mobile Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp2.jpg" srcset="/assets/img/photos/sp2@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Venenatis Euismod Vehicula</a></h2>\n                      <div class="post-category text-ash">Web Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp3.jpg" srcset="/assets/img/photos/sp3@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Tortor Tellus Cursus</a></h2>\n                      <div class="post-category text-ash">Stationary</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp4.jpg" srcset="/assets/img/photos/sp4@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Ridiculus Sem Parturient</a></h2>\n                      <div class="post-category text-ash">Web Application</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp5.jpg" srcset="/assets/img/photos/sp5@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cursus Sollicitudin Adipiscing</a></h2>\n                      <div class="post-category text-ash">Web Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp6.jpg" srcset="/assets/img/photos/sp6@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Fringilla Quam Vulputate</a></h2>\n                      <div class="post-category text-ash">Stationary</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>