<section class="wrapper bg-light">\n        <div class="container pt-14 pt-md-16 pb-15 pb-md-17">\n          <div class="row text-center">\n            <div class="col-lg-9 col-xl-8 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n              <h3 class="display-4 mb-10 px-xxl-10">The full service we are offering is specifically designed to meet your needs.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row">\n            <div class="col-xxl-11 mx-auto">\n              <div class="row gx-lg-8 gx-xl-12 gy-11 text-center d-flex align-items-end">\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-purple pe-none mb-5"> <i class="uil uil-monitor"></i> </div>\n                    <h3 class="fs-22">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 link-purple">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-leaf pe-none mb-5"> <i class="uil uil-swatchbook"></i> </div>\n                    <h3 class="fs-22">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 link-leaf">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-pink pe-none mb-5"> <i class="uil uil-presentation-play"></i> </div>\n                    <h3 class="fs-22">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 link-pink">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <hr class="dark my-14 my-md-17" />\n          <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-7">\n              <figure><img class="w-auto" src="/assets/img/illustrations/i9.png" srcset="/assets/img/illustrations/i9@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-16 text-uppercase text-muted mb-3">How It Works?</h3>\n              <h3 class="display-4 mb-6">Find out everything about creating a business model.</h3>\n              <div class="row gy-4">\n                <div class="col-md-6">\n                  <h4><span class="text-primary">1.</span> Creative Ideas</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">2.</span> Magic Touch</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">3.</span> Data Analysis</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">4.</span> Finalize Product</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-8 gx-xl-12 gy-10">\n            <div class="col-lg-7 order-lg-2">\n              <figure><img class="w-auto" src="/assets/img/illustrations/i12.png" srcset="/assets/img/illustrations/i12@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-16 text-uppercase text-muted mt-xxl-8 mb-3">Why Choose Us?</h3>\n              <h3 class="display-4 mb-6">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>\n        <!-- /.container -->\n      </section>