<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 bg-content text-white" data-image-src="/assets/img/photos/bg4.jpg">\n      <div class="container pt-18 pb-16" style="z-index: 5; position:relative">\n        <div class="row gx-0 gy-12 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-6 content text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-2 mb-5 text-white">Crafting project specific solutions with expertise.</h1>\n            <p class="lead fs-lg lh-sm mb-7 pe-xl-10">We’re a creative company that focuses on establishing long-term relationships with customers.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-white rounded-pill me-2">Explore Now</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-white rounded-pill">Contact Us</a></span>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <div class="swiper-container dots-over shadow-lg" data-margin="5" data-nav="true" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide"><img src="/assets/img/photos/about21.jpg" srcset="/assets/img/photos/about21@2x.jpg 2x" class="rounded" alt="" /></div>\n                  <div class="swiper-slide"><a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="hero"><i class="icn-caret-right"></i></a><img src="/assets/img/photos/about22.jpg" srcset="/assets/img/photos/about22@2x.jpg 2x" class="rounded" alt="" /></div>\n                  <div class="swiper-slide"><img src="/assets/img/photos/about23.jpg" srcset="/assets/img/photos/about23@2x.jpg 2x" class="rounded" alt="" /></div>\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>