<section class="wrapper bg-light">\n      <div class="container">\n        <div class="row gx-lg-0 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-6">\n            <div class="row g-6 text-center">\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12">\n                    <figure class="rounded mb-6"><img src="/assets/img/photos/se1.jpg" srcset="/assets/img/photos/se1@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg">\n                      <div class="card-body">\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i class="uil uil-monitor"></i> </div>\n                        <h4>Web Design</h4>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-purple">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12 order-md-2">\n                    <figure class="rounded mb-6 mb-md-0"><img src="/assets/img/photos/se2.jpg" srcset="/assets/img/photos/se2@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-md-6 mt-lg-6">\n                      <div class="card-body">\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i class="uil uil-mobile-android"></i> </div>\n                        <h4>Mobile Design</h4>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-purple">Learn More</a>\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 offset-lg-1">\n            <h2 class="display-4 mb-3">What We Do?</h2>\n            <p class="lead fs-lg lh-sm">The full service we are offering is specifically designed to meet your business needs.</p>\n            <p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula. </p>\n            <a href="#" class="btn btn-primary rounded-pill mt-3">More Details</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center mb-15 mb-lg-18">\n          <div class="col-lg-6 order-lg-2 offset-lg-1 grid">\n            <div class="row gx-md-5 gy-5 align-items-center counter-wrapper isotope">\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-presentation-check"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">7518</h3>\n                        <p class="mb-0">Projects Done</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-red pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-users-alt"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">3472</h3>\n                        <p class="mb-0">Happy Customers</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-yellow pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-user-check"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">4537</h3>\n                        <p class="mb-0">Expert Employees</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-aqua pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-trophy"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">2184</h3>\n                        <p class="mb-0">Awards Won</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-4 mb-3">Join Our Community</h2>\n            <p class="lead fs-lg lh-sm">We have considered our business solutions to support you on every stage of your growth.</p>\n            <p class="mb-0">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="container pb-9 pb-md-14">\n          <div class="row">\n            <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n              <h3 class="display-4 mb-8">Our Recent Projects</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"><img src="/assets/img/photos/pp17.jpg" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp18.jpg" alt="" /><a class="item-link" href="/single-project2.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp19.jpg" alt="" /><a class="item-link" href="/single-project3.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp20.jpg" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp21.jpg" alt="" /><a class="item-link" href="/single-project2.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp22.jpg" alt="" /><a class="item-link" href="/single-project3.html"><i class="uil uil-link"></i></a></figure>\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>\n      <!-- /.overflow-hidden -->\n    </section>