<section class="wrapper bg-gradient-primary">\n      <div class="container pt-12 pt-lg-8 pb-14 pb-md-17">\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What We Do?</h2>\n            <h3 class="display-3 mb-10 px-xxl-10">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-8 gx-xl-12 gy-11 px-xxl-5 text-center d-flex align-items-end">\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i24.png" srcset="/assets/img/illustrations/i24@2x.png 2x" alt="" /></figure>\n              <h3>Web Design</h3>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i19.png" srcset="/assets/img/illustrations/i19@2x.png 2x" alt="" /></figure>\n              <h3>Graphic Design</h3>\n              <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i18.png" srcset="/assets/img/illustrations/i18@2x.png 2x" alt="" /></figure>\n              <h3>3D Animation</h3>\n              <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>