<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row text-center mb-10">\n            <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n              <h3 class="display-3 px-xl-10 mb-0">The service we offer is specifically designed to meet your needs.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row gx-lg-0 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-6">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui4.png" srcset="/assets/img/illustrations/ui4@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5 ms-auto">\n              <h3 class="fs-28 mb-3">Web Design</h3>\n              <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-0 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-6 order-lg-2 ms-auto">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui1.png" srcset="/assets/img/illustrations/ui1@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-28 mb-3">Mobile Development</h3>\n              <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-0 gy-10 align-items-center">\n            <div class="col-lg-6">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui5.png" srcset="/assets/img/illustrations/ui5@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5 ms-auto">\n              <h3 class="fs-28 mb-3">SEO Optimization</h3>\n              <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.container -->\n      </section>