<section class="wrapper bg-light">\n      <div class="container pb-15 pb-md-17">\n        <div class="row gx-md-5 gy-5 mt-n19 mb-14 mb-md-17">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-fuchsia mb-3" alt="" />\n                <h4>Content Marketing</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-fuchsia">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-violet mb-3" alt="" />\n                <h4>Social Engagement</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-violet">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-orange mb-3" alt="" />\n                <h4>Identity & Branding</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-orange">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-green mb-3" alt="" />\n                <h4>Product Design</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-green">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-10 px-xl-10 px-xxl-15">Here are a few <span class="underline-3 style-2 yellow">reasons</span> why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-fuchsia me-4" alt="" /></div>\n              <div>\n                <h4>Collect Ideas</h4>\n                <p>Duis mollis commodo luctus cursus commodo tortor mauris.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-violet me-4" alt="" /></div>\n              <div>\n                <h4>Data Analysis</h4>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-green me-4" alt="" /></div>\n              <div>\n                <h4>Finalize Product</h4>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se5.jpg" srcset="/assets/img/photos/se5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Collect Ideas</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-fuchsia">\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                <a href="#" class="btn btn-fuchsia mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se6.jpg" srcset="/assets/img/photos/se6@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Data Analysis</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-violet">\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                <a href="#" class="btn btn-violet mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se7.jpg" srcset="/assets/img/photos/se7@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Finalize Product</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-green">\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                <a href="#" class="btn btn-green mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>