<section class="wrapper bg-light">\n      <div class="container pt-14 pt-md-17 pb-14 pb-md-18">\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-gradient gradient-1 mb-3">Our Features</h2>\n            <h3 class="display-4 mb-9 px-xl-11">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-8 mb-17">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Software & Integration</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Network Security</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Cloud Services</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Wireless Networking</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">IT Solutions</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Server Configuration</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-5 offset-lg-1">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d2.png" srcset="/assets/img/illustrations/3d2@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Have Perfect Control</h2>\n            <h3 class="display-4 mb-4">We bring solutions to make life easier for our customers.</h3>\n            <p class="mb-6">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, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue rutrum.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare. Curabitur blandit.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus vel augue rutrum.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-md-8 gy-10 align-items-center">\n          <div class="col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <figure class="rounded"><img class="img-fluid" src="/assets/img/photos/about27.jpg" srcset="/assets/img/photos/about27@2x.jpg 2x" alt="" /></figure>\n            <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; left: -7%">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <img src="/assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-3" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="fs-25 counter mb-0 text-nowrap">25000+</h3>\n                    <p class="fs-16 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 10%; left: -10%;">\n              <div class="card-body p-6">\n                <div class="progressbar semi-circle fuchsia mb-3" data-value="80"></div>\n                <h4 class="mb-0">Time Saved</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">What Makes Us Different?</h2>\n            <h3 class="display-4 mb-4 me-lg-n5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-6">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus. Integer posuere erat a ante venenatis dapibus posuere velit.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>