<section class="wrapper bg-light">\n      <div class="container pt-19 pt-md-21 pb-16 pb-md-18">\n        <div class="row">\n          <div class="col-lg-8 col-xl-7 col-xxl-6">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-9">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-md-8 gy-8 mb-14 mb-md-18">\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-phone-volume"></i> </div>\n            <h4>24/7 Support</h4>\n            <p class="mb-3">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          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-shield-exclamation"></i> </div>\n            <h4>Secure Payments</h4>\n            <p class="mb-3">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          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-laptop-cloud"></i> </div>\n            <h4>Daily Updates</h4>\n            <p class="mb-3">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          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-chart-line"></i> </div>\n            <h4>Market Research</h4>\n            <p class="mb-3">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          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 mb-16 mb-md-18 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about7.jpg" srcset="/assets/img/photos/about7@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">How It Works?</h2>\n            <h3 class="display-4 mb-7">Here are the 3 working steps on success.</h3>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center">\n          <div class="col-md-8 col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; left: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about9.jpg" srcset="/assets/img/photos/about9@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-7">A few reasons why our valued customers choose us.</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>\n      <!-- /.container -->\n    </section>