<?php 
$current_page = basename($_SERVER['PHP_SELF'], ".php");
?>
<style>
    .main-menu ul li a.active {
    color: #E6C15A; /* your theme color */
    font-weight: 600;
}
</style>
<!-- Preloader Start -->
<div id="preloader">
    <img src="gallery/logo.png" alt="logo-img">
</div>
<!-- Preloader End -->

<!-- GT Back To Top Start -->
<button id="gt-back-top" class="gt-back-to-top" aria-label="Back to top">
    <i class="fa-solid fa-arrow-up"></i>
</button>

<!-- GT MouseCursor Start -->
<div class="mouseCursor cursor-outer"></div>
<div class="mouseCursor cursor-inner"></div>

<!-- Offcanvas Area Start -->
<div class="fix-area">
    <div class="offcanvas__info">
        <div class="offcanvas__wrapper">
            <div class="offcanvas__content">
                <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                    <div class="offcanvas__logo">
                        <a href="index">
                            <img src="gallery/logo.png" alt="logo-img" style="width: 110px;">
                        </a>
                    </div>
                    <div class="offcanvas__close">
                        <button>
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>
                <p class="text d-none d-xl-block">
                    Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a
                    feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
                </p>
                <div class="mobile-menu fix mb-3"></div>
                <div class="offcanvas__contact">
                    <h4>Contact Info</h4>
                    <ul>
                        <li class="d-flex align-items-center">
                            <div class="offcanvas__contact-icon">
                                <i class="fa-solid fa-map-marker-alt"></i>
                            </div>
                            <div class="offcanvas__contact-text">
                                <a target="_blank" href="https://maps.app.goo.gl/zdn6WKKUU5mBhMhL7">Godsland Resorts
Near Wayanad, Cherambadi
Tamil Nadu – 643205,
India </a>
                            </div>
                        </li>
                        <li class="d-flex align-items-center">
                            <div class="offcanvas__contact-icon mr-15">
                                <i class="fa-solid fa-envelope"></i>
                            </div>
                            <div class="offcanvas__contact-text">
                                <a href="mailto:supportinfo@gmail.com"><span
                                        class="mailto:supportinfo@gmail.com">supportinfo@gmail.com</span></a>
                            </div>
                        </li>
                   
                        <li class="d-flex align-items-center">
                            <div class="offcanvas__contact-icon mr-15">
                                <i class="fa-solid fa-phone"></i>
                            </div>
                          <div class="offcanvas__contact-text">
    <a href="https://wa.me/919605665605" target="_blank">
        +91 9605665605
    </a>
</div>
                        </li>
                    </ul>
                    <div class="header-button mt-4">

                    </div>
                    <a href="contact" class="btn-primary">BOOK NOW</a>
                    <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-youtube"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="offcanvas__overlay"></div>

<!-- Header Section Start -->
<header id="header-sticky" class="header-1 header-2" style="background: #1F6F4A;">
    <div class="container-fluid">
        <div class="mega-menu-wrapper">
            <div class="header-main">
                <div class="logo">
                    <a href="index.html" class="header-logo">
                        <img src="gallery/logo-white.png" alt="logo-img">
                    </a>
                    <a href="index.html" class="header-logo-2">
                        <img src="gallery/logo-white.png" alt="logo-img">
                    </a>
                </div>
                <div class="header-right d-flex justify-content-end align-items-center">
                    <div class="mean__menu-wrapper">
                        <div class="main-menu">
                            <nav id="mobile-menu">
                              <ul>
    <li>
        <a href="index" class="<?= ($current_page == 'index') ? 'active' : '' ?>">
            Home
        </a>
    </li>

    <li>
        <a href="about" class="<?= ($current_page == 'about') ? 'active' : '' ?>">
            About Us
        </a>
    </li>

    <li>
        <a href="accomodations" class="<?= ($current_page == 'accomodations') ? 'active' : '' ?>">
            Accomodations
        </a>
    </li>

    <li>
       <a href="our-gallery" class="<?= ($current_page == 'gallery') ? 'active' : '' ?>">
          Gallery
        </a>
    </li>

    <li>
        <a href="contact" class="<?= ($current_page == 'contact') ? 'active' : '' ?>">
            Contact Us
        </a>
    </li>
</ul>
                            </nav>
                        </div>
                    </div>
                    <div class="hero-button">
                        <!-- <a href="tel:+919605665605" class="btn-primary">
                            <i class="fa-solid fa-phone"></i>
                            +91 9605665605
                        </a> -->
                        <a href="https://wa.me/919605665605" 
   class="btn-primary"
   target="_blank">
 <i class="fa-solid fa-phone"></i>
    <!-- <i class="fa-brands fa-whatsapp"></i> -->
    +91 9605665605
</a>
                    </div>
                    <div class="header__hamburger my-auto d-xl-none">
                        <button class="sidebar__toggle menu-toggle" aria-label="Open Menu">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- GT Search Start -->
<div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>
    <div class="search-popup__content">
        <form role="search" method="get" class="search-popup__form" action="#">
            <input type="text" id="search" name="search" placeholder="Search Here...">
            <button type="submit" aria-label="search submit" class="search-btn">
                <span><i class="fa-regular fa-magnifying-glass"></i></span>
            </button>
        </form>
    </div>
</div>