<section class="wrapper bg-light">\n      <div class="container py-14 py-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-15 text-uppercase text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-10 px-xl-10">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="position-relative mb-14 mb-md-17">\n          <div class="shape rounded-circle bg-soft-primary rellax w-16 h-16" data-rellax-speed="1" style="bottom: -0.5rem; right: -2.5rem; z-index: 0;"></div>\n          <div class="shape bg-dot primary rellax w-16 h-17" data-rellax-speed="1" style="top: -0.5rem; left: -2.5rem; z-index: 0;"></div>\n          <div class="row gx-md-5 gy-5 text-center">\n            <div class="col-md-6 col-xl-3">\n              <div class="card">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-phone-volume"></i> </div>\n                  <h4>24/7 Support</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-primary">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">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-shield-exclamation"></i> </div>\n                  <h4>Secure Payments</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-primary">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">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-laptop-cloud"></i> </div>\n                  <h4>Daily Updates</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-primary">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">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-chart-line"></i> </div>\n                  <h4>Market Research</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-primary">Learn More</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.position-relative -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-17">\n          <div class="col-lg-7">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i11.png" srcset="/assets/img/illustrations/i11@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-7">We bring solutions to make life easier for our clients.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-md-15">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i17.png" srcset="/assets/img/illustrations/i17@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Solutions</h2>\n            <h3 class="display-4 mb-5">We make your spending stress-free for you to have the perfect control.</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.</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>\n      <!-- /.container -->\n    </section>