<section class="section shadow-sm lazyload" id="amenities">
    <span class="section-link" ></span> <div class="row">
        <div class="col-md-8">
            <h2 class="head text-capitalize">Amenities of <?php echo $myArray['data'][0]['h1']; ?></h2>
        </div>
        <div class="col-md-4">
            <button class="btn btn-info micro-form-btn enqModal effetMoveGradient effectScale float-lg-right mx-sm-auto  d-none d-lg-block" data-form="lg" data-title="Download Amenities" data-btn="Send Now" data-enquiry="Download Amenities" data-redirect="floorplan" data-toggle="modal" data-target="#enqModal">Download Amenities</button>
        </div>
    </div>
    <div id="ami-3" class="ami-3 owl-carousel owl-theme">
        <div class="item-wrp">
            <div class="ami_sec"><img alt="Banquet Hall" data-src="./assets/img/amenities/banquethall.webp" loading="lazy" class="lazyload" fetchpriority="low" /><p>Banquet Hall</p></div>
            <div class="ami_sec"><img alt="Basketball Court" data-src="./assets/img/amenities/basketballcourt.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Basketball Court</p></div>
        </div>
        <div class="item-wrp">
            <div class="ami_sec"><img alt="Club House" data-src="./assets/img/amenities/clubhouse.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Club House</p></div>
            <div  class="ami_sec"><img alt="Fitness Zone" data-src="./assets/img/amenities/fitnesszone.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Fitness Zone</p></div>
        </div>
        <div class="item-wrp">
             <div class="ami_sec"><img alt="Games Room" data-src="./assets/img/amenities/gamesroom.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Games Room</p></div>
          <div class="ami_sec"><img alt="Gym" data-src="./assets/img/amenities/gym.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Gym</p></div>

        </div>
        <div class="item-wrp">
            <div class="ami_sec"><img alt="Jogging Track" data-src="./assets/img/amenities/joggingtrack.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Jogging Track</p></div>
            <div  class="ami_sec"><img alt="Leisure Garden" data-src="./assets/img/amenities/leisuregarden.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Leisure Garden</p></div>
        </div>
        <div class="item-wrp">
            <div class="ami_sec"><img alt="Massage Room" data-src="./assets/img/amenities/massageroom.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Massage Room</p></div>
            <div class="ami_sec"><img alt="Mini Theatre" data-src="./assets/img/amenities/minitheatre.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Mini Theatre</p></div>
        </div>
        <div class="item-wrp">
            <div class="ami_sec"><img alt="Party Lawn" data-src="./assets/img/amenities/partylawn.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Party Lawn</p></div>
            <div class="ami_sec"><img alt="Senior Citizen's Corner" data-src="./assets/img/amenities/seniorcitizencorner.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Senior Citizen's Corner</p></div>
        </div>
         <div class="item-wrp">
            <div class="ami_sec"><img alt="Sports Garden" data-src="./assets/img/amenities/sportsgarden.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Sports Garden</p></div>
            <div class="ami_sec"><img alt="Swimming Pool" data-src="./assets/img/amenities/swimmingpool.webp" loading="lazy" class="lazyload" fetchpriority="low"/><p>Swimming Pool</p></div>
        </div>
    </div>
    <div class="col-12 text-center">
        <p></p>
            <button class="btn btn-info micro-form-btn enqModal effetMoveGradient effectScale float-lg-right mx-sm-auto d-lg-none" data-form="lg" data-title="Download Amenities" data-btn="Send Now" data-enquiry="Download Amenities" data-redirect="floorplan" data-toggle="modal" data-target="#enqModal">Download Amenities</button></div>
</section>
