<header>
            <div id="sticky-header" class="menu-area transparent-header">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-12">
                            <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav">
                                    <div class="row align-items-center">
                                        <div class="col-xl-2">
                                            <div class="header-mail">
                                                <a href="mailto:shivashaktirealestate@outlook.com">shivashaktirealestate@outlook.com</a>
                                            </div>
                                        </div>
                                        <div class="col-xl-8">
                                            <div class="logo mobile-logo d-none">
                                                <a href="index.php">
                                                    <img src="assets/img/logo/logo.png"  class="logo"  alt="Logo">
                                                </a>
                                                <a href="index.php" class="d-none sticky-logo"><img src="assets/img/logo/logo.png" class="logo"  alt="Logo"></a>
                                            </div>
                                            <div class="navbar-wrap main-menu d-none d-lg-flex">
                                                <ul class="navigation">
                                                    <li class="active menu-item-has-children"><a href="index.php">Home</a>
                                                        <!-- <ul class="sub-menu">
                                                            <li class="active"><a href="index.html">Home One</a></li>
                                                            <li><a href="index-2.html">Home Two</a></li>
                                                            <li><a href="index-3.html">Home Three</a></li>
                                                            <li><a href="index-4.html">Home Four</a></li>
                                                            <li><a href="index-5.html">Home Five</a></li>
                                                            <li><a href="index-6.html">Home Six</a></li>
                                                            <li><a href="index-7.html">Home Seven</a></li>
                                                            <li><a href="index-8.html">Home Eight</a></li>
                                                        </ul> -->
                                                    </li>
                                                    <li class="menu-item-has-children"><a href="about.php">About Us</a>
                                                        <!-- <ul class="sub-menu">
                                                            <li><a href="overview.html">Overview</a></li>
                                                            <li><a href="mission.html">Mission</a></li>
                                                            <li><a href="team.html">Our Team</a></li>
                                                            <li><a href="team-details.html">Team Profile</a></li>
                                                        </ul> -->
                                                    </li>
                                                   
                                                </ul>
                                        <div class="logo">
                                            <a href="index.php"><img src="assets/img/logo/logo.png"  class="logo" alt="Logo"></a>
                                        </div>
                                        <div class="logo d-none">
                                            <a href="index.php"><img src="assets/img/logo/logo.png"  alt="Logo" style="height: 130px;"></a>
                                        </div>
                                        <ul class="navigation right">
                                                    <!-- <li class="menu-item-has-children"><a href="#">blog</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="blog.html">Blog Grid</a></li>
                                                            <li><a href="blog-sidebar.html">Blog Grid Sidebar</a></li>
                                                            <li><a href="blog-list.html">Blog Standard</a></li>
                                                            <li><a href="blog-details.html">Blog Single</a></li>
                                                        </ul>
                                                    </li> -->
                                                    <!-- <li class="menu-item-has-children"><a href="#">Pages</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="sirvices.html">Services</a></li>
                                                            <li><a href="testimonial.html">Testimonials</a></li>
                                                            <li><a href="faq.html">Faq</a></li>
                                                            <li><a href="error.html">404 Error</a></li>
                                                        </ul>
                                                    </li> -->

                                                    <li class="menu-item-has-children"><a href="project.php">Projects</a>
                                                        <!-- <ul class="sub-menu">
                                                            <li><a href="project.html">Projects Two Col</a></li>
                                                            <li><a href="project-two.html">Projects Three Col</a></li>
                                                            <li><a href="project-three.html">Projects Four Col</a></li>
                                                            <li><a href="project-details.html">Projects Single</a></li>
                                                        </ul> -->
                                                    </li>
                                                    <li><a href="contact.php">contact Us</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-xl-2">
                                            <div class="header-contact text-end">
                                                <a href="tel:+91 9910787401">+91 8448552220</a> <br>
                                                <a href="tel:+91 9810999949">+91 9810999949</a>
                                            </div>
                                        </div>
                                    </div>
                                </nav>
                            </div>

                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <nav class="menu-box">
                                    <div class="close-btn"><i class="fas fa-times"></i></div>
                                    <div class="nav-logo">
                                        <a href="index.php"><img src="assets/img/logo/logo.png" alt="Logo"></a>
                                    </div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <div class="social-links">
                                        <ul class="clearfix list-wrap">
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <div class="menu-backdrop"></div>
                            <!-- End Mobile Menu -->

                        </div>
                    </div>
                </div>
            </div>
        </header>