 <style>
    
/* Floating Button Container */
.floating-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;

  gap:10px;
  z-index: 9999;
  background-color: beige;
  padding: 5px;
}

/* Individual Buttons */
.fab-btn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Button Colors */
.fab-btn.whatsapp { background-color: #25D366; }
.fab-btn.call { background-color: #007BFF; }
.fab-btn.location { background-color: #F44336; }

/* Hover Effect */
.fab-btn:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Mobile Specific */
@media (min-width: 768px) {
  .floating-buttons {
    display: none; /* Hide on desktop if you want */
  }
  .float1{
    display: none;
  }
 

}





.whatsapp-icon{
          
          width: 60px;
          height:60px;
          position: fixed;
          bottom:50px;
          left:25px;
          z-index: 50000000;
          
      }
        @media screen and (max-width:760px){
          .whatsapp-icon{
              display:none;
          }
        }
               @media (min-width:761px) and (max-width:3000px){
          .whatsapp-icon{
              display:block;
          }
        }




        .facili{
            color: #fff !important;
        }
 </style>
 
 <!-- GT Footer Section Start -->
   <footer class="gt-footer-section fix bg-cover"
       style="background-image: url('assets/img/home-1/footer/footer-img.jpg');">
       <div class="container">

           <div class="footer-cta-wrapper footercta1">
               <div class="footer-cta-content">
                   <h2 class="wow fadeInUp">Book Your Nature Escape Today</h2>
               </div>
               <!-- <a href="tel:+91 96056 65605" class="btn-primary wow fadeInUp" data-wow-delay=".3s"
                   aria-label="Call Now: +91 96056 65605">
                   <i class="fa-solid fa-phone"></i>
                   +91 9605665605
               </a> -->
               <a href="https://wa.me/919605665605" 
   class="btn-primary wow fadeInUp" 
   data-wow-delay=".3s"
   target="_blank"
   aria-label="Chat on WhatsApp: +91 9605665605">

    <i class="fa-solid fa-phone"></i>
   +91 9605665605
</a>
           </div>

           <div class="footer-widget-wrapper footeralign1">
               <div class="row">



                   <div class="col-xl-3 col-lg-4 col-md-6">
                       <div class="footer-single-widget">
                           <div class="widget-head">
                               <h3>Quick Links</h3>
                           </div>
                           <ul class="gt-list-area">
                               <li>
                                   <a href="index">
                                       Home
                                   </a>
                               </li>
                               <li>
                                   <a href="about">
                                       About us
                                   </a>
                               </li>
                               <li>
                                   <a href="accomodations">
                                       Accomodations
                                   </a>
                               </li>
                               <li>
                                   <a href="our-gallery">
                                      Gallery
                                   </a>
                               </li>
                               <li>
                                   <a href="contact">
                                       Contact Us
                                   </a>
                               </li>
                           </ul>
                       </div>
                   </div>

                   <div class="col-xl-3 col-lg-4 col-md-6">
                       <div class="footer-single-widget">
                           <div class="widget-head">
                               <h3>Facilities</h3>
                           </div>
                           <ul class="gt-list-area">
                               <li class="facili">
                                   
                                       Free Wi-Fi
                              
                               </li>
                               <li class="facili">
                                
                                       Free Breakfast
                               
                               </li>
                               <li class="facili">
                                 
                                       Free Parking
                                   </a>
                               </li>
                               <li class="facili">
                               
                                       Nature Walk
                            
                               </li>
                               <li class="facili">
                               
                                       Trekking
                            
                               </li>
                           </ul>
                       </div>
                   </div>

                   <div class="col-xl-3 col-lg-4 col-md-6">
                       <div class="footer-single-widget">
                           <div class="widget-head">
                               <h3>Accommodations</h3>
                           </div>
                           <ul class="gt-list-area">

                               <li>
                                   <a href="accomodations">
                                       Bamboo Hut
                                   </a>
                               </li>
                               <li>
                                   <a href="accomodations">
                                       Green Mansion
                                   </a>
                               </li>
                               <li>
                                   <a href="accomodations">
                                       Hill View Cottage
                                   </a>
                               </li>
                           </ul>
                       </div>
                   </div>

                   <div class="col-xl-3 col-lg-4 col-md-6">
                       <div class="footer-single-widget">
                           <div class="widget-head">
                               <h3>Contact Us</h3>
                           </div>
                           <ul class="contact-list">
                               <li><a href="https://maps.app.goo.gl/zdn6WKKUU5mBhMhL7">
                                   Godsland Resorts<br>
                                   Near Wayanad, Cherambadi<br>
                                   Tamil Nadu – 643205, India

                               </a></li>
                               <li>
                                   <a href="tel:+919605665605">+91 9605665605</a>
                               </li>
                           </ul>
                           <div class="social-icon d-flex align-items-center">
                               <a href="#"><i class="fab fa-facebook-f"></i></a>
                               <a href="#"><i class="fab fa-twitter"></i></a>
                               <a href="#"><i class="fab fa-vimeo-v"></i></a>
                               <a href="#"><i class="fab fa-pinterest-p"></i></a>
                           </div>
                       </div>
                   </div>

               </div>
           </div>
           <div class="footer-bottom">
               <div class="footer-bottom-wrapper">
                   <p class="wow fadeInUp" data-wow-delay=".3s">
                       © 2026 <b>Godsland Resorts.</b> All rights reserved. Designed by <b><a style="color: #E6C15A;"
                               target="_blank" href="https://www.atomlogics.com/">Atomlogics</a></b>
                   </p>
                   <!-- <ul class="footer-list wow fadeInUp" data-wow-delay=".7s">
                        <li>
                            <a href="">Privacy policy</a>
                        </li>
                        <li>।</li>
                        <li>
                            <a href="">Terms &amp; conditions</a>
                        </li>
                    </ul> -->
               </div>
           </div>
       </div>
   </footer>






  <!-- footer-wrapper    space-top -->
   <div class="section footer-layout4  space-md-top float1" style="margin-bottom: 43px;">
       <div class="container">
           <div class="row">
               <div class="col-lg-12">
                   <div class="floating-buttons">
                       <a href="https://wa.me/+919605665605" class="fab-btn whatsapp" target="_blank">
                           <i class="fab fa-whatsapp"></i>
                       </a>
                       <a href="tel:+919605665605" class="fab-btn call">
                           <i class="fa fa-phone"></i>
                       </a>
                       <a href="https://maps.app.goo.gl/zdn6WKKUU5mBhMhL7" class="fab-btn location" target="_blank">
                           <i class="fa fa-map-marker-alt"></i>
                       </a>
                   </div>
               </div>
           </div>
       </div>
   </div>

   <div class="whatsapp-icon">
       <a href="https://web.whatsapp.com/send?phone=+919605665605" target="_blank">
           <img src="assets/img/img/call1.gif" alt="WhatsApp Web" width="70px">
       </a>
   </div>







   <script src="assets/js/jquery-3.7.1.min.js"></script>
   <script src="assets/js/viewport.jquery.js"></script>
   <script src="assets/js/bootstrap.bundle.min.js"></script>
   <script src="assets/js/jquery.nice-select.min.js"></script>
   <script src="assets/js/jquery.waypoints.js"></script>
   <script src="assets/js/jquery.counterup.min.js"></script>
   <script src="assets/js/swiper-bundle.min.js"></script>
   <script src="assets/js/jquery.meanmenu.min.js"></script>
   <script src="assets/js/parallaxie.js"></script>
   <script src="assets/js/jquery.magnific-popup.min.js"></script>
   <script src="assets/js/wow.min.js"></script>
   <script src="assets/js/main.js"></script>
   <script>
       window.addEventListener("load", function() {
           const preloader = document.getElementById("preloader");
           if (preloader) {
               preloader.style.transition = "opacity 0.5s ease";
               preloader.style.opacity = "0";
               setTimeout(() => {
                   preloader.style.display = "none";
               }, 500);
           }
       });
   </script>