<section class="wrapper bg-gray">\n      <div class="container py-14 pt-md-0 pb-md-16">\n        <div class="row mt-md-n50p mb-14 mb-md-7">\n          <div class="col-xl-10 mx-auto">\n            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400" data-image-src="/assets/img/photos/bg2.jpg">\n              <div class="card-body p-9 p-xl-11">\n                <div class="row align-items-center counter-wrapper gy-8 text-center text-white">\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">7518</h3>\n                    <p>Completed Projects</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">3472</h3>\n                    <p>Happy Customers</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">2184</h3>\n                    <p>Expert Employees</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">4523</h3>\n                    <p>Awards Won</p>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-6">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="position-relative">\n          <div class="shape bg-dot primary rellax w-17 h-20" data-rellax-speed="1" style="top: 0; left: -1.7rem;"></div>\n          <div class="swiper-container dots-closer blog grid-view 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                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\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        <!-- /.position-relative -->\n      </div>\n      <!-- /.container -->\n    </section>