<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container pt-15 pt-md-17 pb-16 pb-md-18">\n        <div class="row gx-lg-0 gy-10 align-items-center mb-18">\n          <div class="col-lg-6 order-lg-2 ms-lg-auto">\n            <div class="card rounded-xl me-lg-6 bg-pale-grape">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-grape">01</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-grape">Collect Ideas</h3>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl ms-lg-13 mt-6 bg-pale-fuchsia">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-fuchsia">02</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-fuchsia">Data Analysis</h3>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl mx-lg-6 mt-6 bg-pale-green">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-green">03</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-green">Finalize Product</h3>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 text-inverse">\n            <h2 class="display-2 mb-3 text-white">Our Working Process</h2>\n            <p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>\n            <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla.</p>\n            <a href="#" class="btn btn-white rounded-xl mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center text-inverse">\n          <div class="col-lg-6">\n            <figure><img class="img-auto" src="/assets/img/illustrations/ui4.png" srcset="/assets/img/illustrations/ui4@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-lg-auto">\n            <h2 class="display-2 mb-3 text-white">Our Solutions</h2>\n            <p class="lead fs-lg pe-lg-5">We carefully consider our solutions to support each and every stage of your growth.</p>\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 maecenas sed.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">99.7%</h3>\n                <h5 class="mb-1 text-white">Customer Satisfaction</h5>\n                <span class="ratings five text-red"></span>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">4x</h3>\n                <h5 class="mb-1 text-white">New Visitors</h5>\n                <span class="ratings five"></span>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>