<!-- loader -->
<!-- <div id="preloader" class="ping"></div> -->

<header>
    <div class="header__two">

        <!-- Topbar -->
        <div class="header__two-topbar">
            <div class="container">
                <div class="row align-items-center borders ">
                    <div class="col-xl-6 col-sm-8">
                        <div class="header__two-topbar-left sm-t-center">
                            <a href="#" title="Working Hours"><i class="far fa-clock"></i> Working Hours : 24/7</a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-sm-4">
                        <div class="header__two-topbar-social t-right sm-t-center">
                            <ul class="social-icons list-inline">
                                <li class="list-inline-item">
                                    <a href="https://facebook.com/yourpage" target="_blank" title="Visit us on Facebook">
                                        <i class="bi bi-facebook"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a href="https://instagram.com/yourprofile" target="_blank" title="Follow us on Instagram">
                                        <i class="bi bi-instagram"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a href="https://twitter.com/yourprofile" target="_blank" title="Follow us on X (Twitter)">
                                        <i class="bi bi-twitter-x"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a href="https://pinterest.com/yourprofile" target="_blank" title="Find us on Pinterest">
                                        <i class="bi bi-pinterest"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a href="https://wa.me/yourwhatsappphonenumber" target="_blank" title="Chat with us on WhatsApp">
                                        <i class="bi bi-whatsapp"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Main Header -->
        <div class="auto__container pl-35 pr-35">
            <div class="header__area-menubar two">
                <div class="header__area-menubar-left">
                    <div class="header-logo">
                        <a href="index.php" title="Go to Shivam Taxi Home">
                            <img class="img-fluid" src="./assets/image/mr.taxi.webp" alt="Shivam Taxi Logo">
            
                        </a>
                    </div>
                </div>

                <div class="header__area-menubar-center two">
                    <div class="header__area-menubar-center-menu two menu-responsive">
                        <ul id="mobilemenu">
                            <li><a href="index.php" title="Home">Home</a></li>
                            <li><a href="about.php" title="About Shivam Taxi">About</a></li>
                            <li class="menu-item-has-children">
                                <a href="#">packages</a>
                                <ul class="sub-menu">
                                    <li><a href="#">Kandhaloor(2D/1N)</a></li>
                                    <li><a href="#">Valparai & Athirappilly(3D/1N)</a></li>
                                    <li><a href="#">Topslip & Valparai(2D/1N)</a></li>
                                    <li><a href="#">Munnar(3D/2N)</a></li>
                                    <li><a href="#">Valparai & Kandhaloor(3D/2N)</a></li>
                                    <li><a href="#">Topslip – Valparai – Athirappilly(2D) </a></li>
                                    <li><a href="#">THIRUMOORTHI FALLS</a></li>
                                    <li><a href="#"> VALPARAI</a></li>
                                    <li><a href="#"> ATHIRAPALI PLAN</a></li>
                                </ul>
                            </li>
                            <li><a href="#" title="Our Travel Services">Travels</a></li>
                            <li><a href="blog.php" title="Read Our Latest Blogs">Blogs</a></li>
                            <li><a href="contact.php" title="Contact Shivam Taxi">Contact</a></li>
                        </ul>
                    </div>
                </div>

                <div class="header__area-menubar-right">
                    <div class="header__area-menubar-right-box">
                        <div class="header__area-menubar-right-box-contact">
                            <div class="header__area-menubar-right-box-contact-icon">
                                <i class="fal fa-envelope-open-text"></i>
                            </div>
                            <div class="header__area-menubar-right-box-contact-info">
                                <span class="text-four">Need Help?</span>
                                <h6><a href="mailto:shivamtaxi590@gmail.com" title="Email Shivam Taxi">shivamtaxi590@gmail.com</a></h6>
                            </div>
                        </div>
                    </div>
                    <div class="responsive-menu"></div>
                </div>

                <div class="header__area-menubar-right-btn">
                    <a class="btn-six" href="tel:+919080830046" title="Call Shivam Taxi Now">
                        Call Us <i class="bi bi-chevron-double-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</header>