<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-12 pt-md-14 pb-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 mt-lg-n2 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5 mx-md-10 mx-lg-0">Simeya is effortless and powerful with <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="easy usage,fast transactions,secure payments"></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-lg mb-7">Achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-lg btn-primary rounded me-2">Get Started</a></span>\n              <span><a class="btn btn-lg btn-green rounded">Free Trial</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-7">\n            <div class="row">\n              <div class="col-3 offset-1 offset-lg-0 col-lg-4 d-flex flex-column" data-cues="zoomIn" data-group="col-start" data-delay="300">\n                <div class="ms-auto mt-auto"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa20.jpg" srcset="/assets/img/photos/sa20@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-5 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa18.jpg" srcset="/assets/img/photos/sa18@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4 col-lg-5" data-cue="zoomIn">\n                <div><img class="w-100 img-fluid rounded shadow-lg" src="/assets/img/photos/sa16.jpg" srcset="/assets/img/photos/sa16@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-3 d-flex flex-column" data-cues="zoomIn" data-group="col-end" data-delay="300">\n                <div class="mt-auto"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa21.jpg" srcset="/assets/img/photos/sa21@2x.jpg 2x" alt="" /></div>\n                <div class="mt-5"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa19.jpg" srcset="/assets/img/photos/sa19@2x.jpg 2x" alt="" /></div>\n                <div class="mt-5 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa17.jpg" srcset="/assets/img/photos/sa17@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>