<section class="wrapper bg-light">\n      <div class="container py-16 py-md-17">\n        <div class="grid mb-14 mb-md-17">\n          <div class="row isotope gy-6 mt-n19 mt-md-n22">\n            <div class="item col-md-6 col-xl-3">\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. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\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-3">\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 purus fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\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-3">\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 eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\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-3">\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 eu tincidunt auctor nullam rutrum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\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>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n        <div class="row mb-8 text-center">\n          <div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Company Strategy</h2>\n            <h3 class="display-4">Just sit and relax while we take care of your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="shape bg-dot leaf rellax w-17 h-18" data-rellax-speed="1" style="bottom: -2rem; left: -0.7rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about20.jpg" srcset="/assets/img/photos/about20@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xxl-5">\n            <h3 class="display-6 mb-7">Our Working Process</h3>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle 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. Sed posuere consectetur.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle 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 est at lobortis nulla auctor.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-circle 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. Donec ullamcorper metus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-line leaf rellax w-18 h-18" data-rellax-speed="1" style="bottom: -2.5rem; right: -1.5rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about19.jpg" srcset="/assets/img/photos/about19@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-6 mb-4">Why Choose Us?</h3>\n            <p class="mb-5">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. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius.</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 consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</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 nisl ornare sem.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <a href="#" class="btn btn-soft-primary rounded-pill mt-6 mb-0">More Details</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>