<section class="wrapper bg-gradient-primary">\n      <div class="container pb-17 pb-md-20">\n        <div class="row gx-0 mb-14 mb-md-16">\n          <div class="col-9 col-sm-10 col-lg-9 mx-auto mt-n15 mt-md-n23" data-cues data-group="images">\n            <img class="img-fluid mx-auto rounded shadow-lg" data-cue="fadeIn" src="/assets/img/demos/de1.jpg" srcset="/assets/img/demos/de1@2x.jpg 2x" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInRight" src="/assets/img/demos/de2.jpg" srcset="/assets/img/demos/de2@2x.jpg 2x" style="top: 25%; right:-12%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/demos/de3.jpg" srcset="/assets/img/demos/de3@2x.jpg 2x" style="top: 15%; left:-15%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/demos/de4.jpg" srcset="/assets/img/demos/de4@2x.jpg 2x" style="bottom: 15%; left:-13%; max-width:30%; height: auto;" alt="" />\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row row-cols-2 row-cols-md-4 row-cols-lg-5 gx-md-8 gy-10 text-center justify-content-center" data-cues="slideInDown" data-group="features-3">\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi1.png" srcset="/assets/img/demos/fi1@2x.png 2x" alt="" />\n            <h4>Built with Sass <br> & Bootstrap 5</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi2.png" srcset="/assets/img/demos/fi2@2x.png 2x" alt="" />\n            <h4>SEO-friendly <br> Coding</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi3.png" srcset="/assets/img/demos/fi3@2x.png 2x" alt="" />\n            <h4>Valid W3C <br> HTML5 & CSS3</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi4.png" srcset="/assets/img/demos/fi4@2x.png 2x" alt="" />\n            <h4>Retina-ready <br> Graphics</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi5.png" srcset="/assets/img/demos/fi5@2x.png 2x" alt="" />\n            <h4>One-page <br> Layout Option</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi6.png" srcset="/assets/img/demos/fi6@2x.png 2x" alt="" />\n            <h4>Isotope <br> Filterable Gallery</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi7.png" srcset="/assets/img/demos/fi7@2x.png 2x" alt="" />\n            <h4>Mailchimp <br> Compatible </h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi8.png" srcset="/assets/img/demos/fi8@2x.png 2x" alt="" />\n            <h4>Contact Form <br> w/o Page Refresh</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi9.png" srcset="/assets/img/demos/fi9@2x.png 2x" alt="" />\n            <h4>Animations <br> on Page Scroll</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi10.png" srcset="/assets/img/demos/fi10@2x.png 2x" alt="" />\n            <h4>Top-Notch Support <br> & Free Updates</h4>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>