<section class="wrapper bg-light">\n      <div class="container pb-14 pb-md-16 mb-lg-21 mb-xl-23">\n        <div class="row gx-0 mb-16 mb-mb-20">\n          <div class="col-9 col-sm-10 col-lg-9 mx-auto mt-n15 mt-md-n20" data-cues data-group="images" data-delay="1500">\n            <img class="img-fluid mx-auto rounded shadow-lg" data-cue="slideInUp" src="/assets/img/photos/sa1.jpg" srcset="/assets/img/photos/sa1@2x.jpg 2x" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInRight" src="/assets/img/photos/sa2.jpg" srcset="/assets/img/photos/sa2@2x.jpg 2x" style="top: 20%; right:-10%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/photos/sa3.jpg" srcset="/assets/img/photos/sa3@2x.jpg 2x" style="top: 10%; left:-10%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/photos/sa4.jpg" srcset="/assets/img/photos/sa4@2x.jpg 2x" style="bottom: 10%; left:-13%; max-width:30%; height: auto;" alt="" />\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-18">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-pale-red rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa5.jpg" srcset="/assets/img/photos/sa5@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/photos/sa6.jpg" srcset="/assets/img/photos/sa6@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg my-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa7.jpg" srcset="/assets/img/photos/sa7@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa8.jpg" srcset="/assets/img/photos/sa8@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We have considered our solutions to support every stage of growth.</h3>\n            <p class="mb-5">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-red 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-red mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</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 align-items-center mb-14 mb-md-18">\n          <div class="col-lg-6 position-relative order-lg-2">\n            <div class="shape rounded bg-pale-green rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-5">\n                <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-7">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-11" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-5">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-green 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-green mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</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 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-pale-yellow rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative align-items-center">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We bring solutions to manage your finance the way works best.</h3>\n            <p class="mb-5">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-yellow 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-yellow mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>