<section class="wrapper bg-light">\n      <div class="container-card">\n        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 mt-2 mb-5" data-image-src="/assets/img/photos/bg22.png">\n          <div class="card-body py-14 px-0">\n            <div class="container">\n              <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start">\n                <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="900">\n                  <h1 class="display-2 mb-4 me-xl-5 me-xxl-0">Networking <span class="text-gradient gradient-1">solutions</span> for worldwide communication</h1>\n                  <p class="lead fs-23 lh-sm mb-7 pe-xxl-15">We're a company that focuses on establishing long-term relationships with customers.</p>\n                  <div><a href="#" class="btn btn-lg btn-gradient gradient-1 rounded">Explore Now</a></div>\n                </div>\n                <!--/column -->\n                <div class="col-lg-6">\n                  <img class="img-fluid mb-n18" src="/assets/img/illustrations/3d6.png" srcset="/assets/img/illustrations/3d6@2x.png 2x" data-cue="fadeIn" data-delay="300" alt="" />\n                </div>\n                <!--/column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.container -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!-- /.container-card -->\n    </section>