                <!-- Desktop Header -->
				<nav class="navbar navbar-expand-lg chima-header-menu desktop-header">
					<div class="container">
						<a class="navbar-brand" href="index.php">
							<img class="navbar-brandimg img-fluid" style="width: 150px; height: auto;" src="assets/images/zoeLogo.png" />
						</a>
						<button class="navbar-toggler btn btn-link" style="text-decoration: none;" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
							<i class="material-icons" style="font-size: 35px; color: #fff;" aria-hidden="true">menu</i>
						</button>
					
						<div class="collapse navbar-collapse" id="navbarSupportedContent">
							 <ul class="navbar-nav tebheaderlink navbar-nav-style mx-auto justify-content-center mr-auto me-auto mb-2 mb-lg-0">
							            <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              About
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="line-height: 2; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="who-we-are">Who We Are</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="missions-and-vision">Mission & Vision</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="the-management">The Team</a></li>
                                            </ul>
                                        </li>
                                        
                                        <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              Services
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; line-height: 2;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="visa-assistance">Visa Assistance</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="passport-processing">Passport Processing</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="accommodation">Accommodation & Reservations</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="flight-booking">Flight Bookings</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="tours-vacation">Tours & Vacation Planning</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="airport-pickups">Airport Pickups</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="proof-of-funds">Proof of Funds</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="travel-consulting">Travel Consulting</a></li>
                                            </ul>
                                        </li>
                                        
                                        <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              Holidays
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; line-height: 2;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="holiday-packages">Holiday Packages</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="local-tour">Tour Package</a></li>
                                            </ul>
                                        </li>
                                        
                                      <li class="nav-item">
                                            <a class="nav-link" href="visa">VISA</a>
                                        </li>
                                        
                                        <li class="nav-item">
                                            <a class="nav-link" href="faq">FAQs</a>
                                        </li>
                                        
                                        
                                        <li class="nav-item">
                                            <a class="nav-link" href="contact-us">Contact Us</a>
                                        </li>
                                
                              </ul>
                            <form class="d-flex">
                                <a herf="#" data-bs-toggle="modal" data-bs-target="#staticBackdrop" class="btn btn-outline-danger tebheaderButton" type="submit">Book a Consultation</a>
                            </form>
						</div>
					</div>
				</nav>
				<!-- Desktop Header -->

				<!-- Mobile Header -->
				<nav class="navbar mobile-header">
					<div class="container">
						<a class="navbar-brand" href="index.php">
							<img class="navbar-brandimg img-fluid" style="width: 150px; height: auto;" src="assets/images/zoeLogoBlack.png" />
						</a>
						<button class="navbar-toggler btn btn-link" style="text-decoration: none;" type="button" data-bs-toggle="collapse" data-bs-target="#mobileNavbarContent" aria-controls="mobileNavbarContent" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
							<i class="material-icons" style="font-size: 35px; color: #000;" aria-hidden="true">menu</i>
						</button>

						<div class="collapse navbar-collapse" id="mobileNavbarContent">
							<ul class="navbar-nav justify-content-center ms-auto mb-2 mb-lg-0">
							    
							    
							            <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="#" style="color: black; font-family: 'Space Grotesk';" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              About
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="who-we-are">Who We Are</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="missions-and-vision">Mission & Vision</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="the-management">The Team</a></li>
                                            </ul>
                                        </li>
                                       
                                        <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="services" id="navbarDropdown" style="color: black; font-family: 'Space Grotesk';" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              Services
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; line-height: 2;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="visa-assistance">Visa Assistance</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="passport-processing">Passport Processing</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="accommodation">Accommodation & Reservations</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="flight-booking">Flight Bookings</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="tours-vacation">Tours & Vacation Planning</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="airport-pickups">Airport Pickups</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="proof-of-funds">Proof of Funds</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="travel-consulting">Travel Consulting</a></li>
                                            </ul>
                                        </li>
                                        
                                        <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" style="color: black; font-family: 'Space Grotesk';" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              Holidays
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; line-height: 2;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="who-we-are">Holiday Packages</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="local-tour">Local Tours</a></li>
                                            </ul>
                                        </li>
                                        
                                        <li class="nav-item dropdown">
                                              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" style="color: black; font-family: 'Space Grotesk';" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                              Visa Services 
                                              </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; line-height: 2;">
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="who-we-are">FAQs by Country</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="missions-and-vision">Start Visa Process</a></li>
                                                <li><a style="color: #171718 !important;" class="dropdown-item headerDropDownlinks" href="the-management">Visa Application Forms</a></li>
                                            </ul>
                                        </li>
                                        
                                        
                                         <li class="nav-item">
                                            <a class="nav-link" style="color: black; font-family: 'Space Grotesk';" href="portfolio">FAQs</a>
                                        </li>
                                        
                                         <li class="nav-item">
                                            <a class="nav-link" style="color: black; font-family: 'Space Grotesk';" href="case-study">Blog</a>
                                        </li>
                                        
                                        
                                        
                                        <li class="nav-item">
                                            <a class="nav-link" style="color: black; font-family: 'Space Grotesk';" href="contact-us">Contact Us</a>
                                        </li>
							   
							</ul>
						</div>
					</div>
				</nav>
				<!-- Mobile Header -->



                <!-- Modal -->
                <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                  <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                
                      <div class="modal-header d-flex flex-column align-items-center">
                        <h1 class="modal-title fs-5 text-center" style="font-family: 'Montserrat', sans-serif; font-size: 30px !important; font-weight: 800;" id="staticBackdropLabel">
                          Book a Consultation
                        </h1>
                        <button type="button" class="btn-close position-absolute end-0 me-3" data-bs-dismiss="modal" aria-label="Close"></button>
                      </div>
                
                      <div class="modal-body">
                        <h4 class="mt-3 pl-3">Kindly fill the form to Proceed</h4>
                
                       
                        <div id="formAlert" class="alert alert-danger" role="alert" style="display: none;">
                                    Please fill all fields correctly.
                        </div>
                
                        <!-- Form -->
                        <form class="p-3" id="consultationForm">
                          <div class="mb-3">
                            <label class="form-label">Title: </label>
                            <select class="form-select mb-3" id="title">
                              <option selected>Select your Title</option>
                              <option value="Mr">Mr</option>
                              <option value="Mrs">Mrs</option>
                              <option value="Miss">Miss</option>
                              <option value="Dr">Dr</option>
                              <option value="Prof.">Prof</option>
                            </select>
                          </div>
                
                          <div class="mb-3">
                            <label for="name" class="form-label">Name:</label>
                            <input type="text" class="form-control" id="name">
                          </div>
                
                          <div class="mb-3">
                            <label for="email" class="form-label">Email address</label>
                            <input type="email" class="form-control" id="email">
                          </div>
                
                          <div class="mb-1">
                            <label for="whatsapp" class="form-label">Whatsapp No.</label>
                            <input type="tel" id="whatsapp" class="form-control" placeholder="Enter your number">
                          </div>
                        </form>
                      </div>
                
                      <div class="modal-footer justify-content-center">
                        <button type="button" class="btn btn-primary reg-btn px-4 py-2" style="width: 100%;" onclick="sendToWhatsApp()">
                          Submit
                        </button>
                      </div>
                
                    </div>
                  </div>
                </div>