<section class="wrapper bg-light">\n      <div class="container pb-8 pb-lg-10">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18 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="display-4 mb-3">Have Perfect Control</h3>\n            <p class="lead fs-lg lh-sm">We are focused on establishing long-term relationships with customers.</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 magna, vel scelerisque nisl consectetur et.</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 class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18">\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            <h3 class="display-4 mt-xxl-8 mb-3">Why Choose Us?</h3>\n            <p class="lead fs-lg lh-sm mb-6">Find out everything you need to know about creating a business process model.</p>\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        <h2 class="display-4 text-center mb-8">Happy Customers</h2>\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>