<section class="wrapper bg-light angled lower-end">\n      <div class="container py-14 py-md-16">\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 order-lg-2">\n            <div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1" style="top: 3rem; left: 5.5rem"></div>\n            <div class="overlap-grid overlap-grid-2">\n              <div class="item">\n                <figure class="rounded shadow"><img src="/assets/img/photos/about2.jpg" srcset="/assets/img/photos/about2@2x.jpg 2x" alt=""></figure>\n              </div>\n              <div class="item">\n                <figure class="rounded shadow"><img src="/assets/img/photos/about3.jpg" srcset="/assets/img/photos/about3@2x.jpg 2x" alt=""></figure>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <img src="/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-3">Who Are We?</h2>\n            <p class="lead fs-lg">We are a digital and branding company that believes in the power of creative strategy and along with great design.</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 gx-xl-8">\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 eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</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 sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row mb-5">\n          <div class="col-md-10 col-xl-8 col-xxl-7 mx-auto text-center">\n            <img src="/assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-4 px-lg-14">Here are 3 working steps to organize our business projects.</h2>\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">\n            <div class="card me-lg-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">01</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.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card ms-lg-13 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">02</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.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card mx-lg-6 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">03</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.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-6 mb-3">How It Works?</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. Nullam quis risus eget urna mollis ornare.</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 sed consectetur. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis.</p>\n            <a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>