<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-18">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="about"><i class="icn-caret-right"></i></a>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Who Are We?</h2>\n            <h3 class="display-4 mb-6">Company that believes in the power of creative strategy.</h3>\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-3">\n          <div class="col-md-10 col-lg-12 col-xl-10 col-xxl-9 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Team</h2>\n            <h3 class="display-4 mb-7 px-lg-19 px-xl-18">Think unique and be innovative. Make a difference with Simeya.</h3>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 mb-md-20">\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t1.jpg" srcset="/assets/img/avatars/t1@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Coriss Ambady</h4>\n                  <p class="mb-0">Financial Analyst</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t2.jpg" srcset="/assets/img/avatars/t2@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Cory Zamora</h4>\n                  <p class="mb-0">Marketing Specialist</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t3.jpg" srcset="/assets/img/avatars/t3@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Nikolas Brooten</h4>\n                  <p class="mb-0">Sales Manager</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t4.jpg" srcset="/assets/img/avatars/t4@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Jackie Sanders</h4>\n                  <p class="mb-0">Investment Planner</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>