
 
<!DOCTYPE html>
<html lang="en">

<head>
    <title>ZOE EXQUISITE</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="author" content="ZOE EXQUISITE" />
	<meta name="description" content="Zoe Exquisite Consults offers expert travel and visa assistance, 
	including flight bookings, visa processing, passport services, accommodation, tours, airport pickups, 
	and travel consulting. Plan your journey with ease!">
	<meta name="keywords" content="The best Travel Agent in Nigeria.">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- FAVICON AND TOUCH ICONS -->
	<link rel="shortcut icon" href="../assets/images/zoeIcon.png" type="image/x-icon">
	<link rel="icon" href="../assets/images/website_images/zoeIcon.png" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="152x152" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" sizes="120x120" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" sizes="76x76" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" href="../assets/images/zoeIcon.png">
	<link rel="icon" href="../assets/images/zoeIcon.png" type="image/x-icon">
	<link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../css/style.css" id="theme" rel="stylesheet">

	<!-- font awesome cn -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gotham-fonts@1.0.0/dist/gotham-fonts.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>


	<style>
		.navbarstyle {
			box-shadow: 0 2px 5px 0 #D3D3D3;
			background-color: white;
		}

		.navbar-brandimg {
			width: 205px;
			padding: 0.4%;
			margin-left: 6%;
		}

		.navbar-nav-style {
			margin-left: 10%;
		}

		.fform {
			margin-right: 4%;
		}

		.dotted-img {
			width: 120px;
			margin-top: 14%;
			margin-left: -11%;
		}

		.dotted-imgsec {
			width: 120px;
			margin-top: 2%;
			margin-left: 47%;
		}

		.aftwriteup {
			margin-left: 8%;
			margin-top: 6%;
			font-size: 17px;
			color: #3A3A3A;
		}

		.appbtn {
			border: 2px solid #007bff;
			width: 180px;
			border-radius: 10px;
			padding: 2%;
			font-weight: 550;
		}

		.startbtn {
			background-color: #007bff;
			color: white;
			width: 150px;
			border-radius: 10px;
			padding: 2%;
			font-size: 16px;
		}

		.startbtn:hover {
			color: white;
		}

		.btndiv {
			margin-left: 8%;
			margin-top: 9%;
			font-size: 17px;
		}

		.containerimg {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0%;
		}

		.containerimg img {
			width: 120%;
			height: auto;
		}

		.home .home-text h1 {
			font-size: 35px;
			font-weight: 600;
			margin-left: 8%;
		}

		.home .home-text p {
			overflow: hidden;
		}

		.home .home-text p span {
			font-size: 30px;
			font-weight: 600;
			margin-left: 8%;
			display: inline-block;
			display: none;
		}

		.home .home-text p span.text-in {
			display: block;
			animation: textIn .5s ease;
		}

		.home .home-text p span.text-out {
			animation: textOut .5s ease;
		}

		@keyframes textIn {
			0% {
				transform: translateY(100%);
			}

			100% {
				transform: translateY(0%);
			}
		}

		@keyframes textOut {
			0% {
				transform: translateY(0%);
			}

			100% {
				transform: translateY(-100%);

			}
		}

		

		.featuretxt {
			color: #3A3A3A;
			margin-top: 10px;
			font-size: 21px;
			font-weight: 500;
			margin-left: 10%;
		}

		@media screen and (max-width: 767px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}

			.startbtn {
				margin-top: 10px;
				width: 180px;
			}

			.featuretxt {
				font-size: 10px;
			}
		}

		@media only screen and (min-width: 768px) and (max-width:912px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}
		}

		select:focus,
		input:focus,
		textarea:focus,
		button:focus {
			outline: none;
			border: none;
		}

		.image-container {
			display: flex;
			margin-left: 30%;
		}

		.image-container img {
			position: relative;
			margin-right: -45px;
		}

		.image-container img:last-child {
			margin-right: 0;
		}

		.image-container img:nth-child(1) {
			z-index: 6;
		}

		.image-container img:nth-child(2) {
			z-index: 5;
			left: -23px;
		}

		.image-container img:nth-child(3) {
			z-index: 4;
			left: -35px;
		}

		.image-container img:nth-child(4) {
			z-index: 3;
			left: -62px;
		}

		.image-container img:nth-child(5) {
			z-index: 2;
			left: -84px;
		}

		.image-container img:nth-child(6) {
			z-index: 1;
			left: -100px;
		}
		
		
		
		
		 .card {
            position: relative;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            overflow: hidden;
        }

        /* Image Zoom with smooth transition */
        .zoom {
            transition: transform 0.4s ease-in-out;
        }
        
        .zoom-card:hover .zoom {
            transform: scale(1.05);
        }

        /* Overlay for the card */
        .card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background-color: rgba(0, 0, 0, 0.6); /* Darker overlay */
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Hover effects for zoom and overlay */
        .card:hover .zoom {
            transform: scale(1.1);
        }

        .card:hover .card-overlay {
            opacity: 1;
        }

        /* Responsive adjustments for smaller screens */
        @media (max-width: 768px) {
            .card:hover .zoom {
                transform: scale(1.05);
            }
            .card-overlay {
                font-size: 1rem;
            }
        }

        @media (max-width: 576px) {
            .card:hover .zoom {
                transform: scale(1.02);
            }
            .card-overlay {
                font-size: 0.9rem;
            }
        }
	</style>
	
	<style>
	   
		.desktop-header {
			background-color: rgba(0, 0, 0, 0) ; 
			position: fixed;
			width: 100%;
			z-index: 10;
			transition: background-color 0.3s ease;
		}

		.desktop-header .navbar-brand img {
			width: 150px;
		}

		.mobile-header {
			background-color: #ffffff;
			display: none;
			width: 100%;
			z-index: 10;
		}

		.mobile-header .navbar-brand img {
			width: 120px;
		}

		@media (max-width: 991px) {
			.desktop-header {
				display: none; 
			}
			.mobile-header {
				display: block;
			}
		}
        
        .hero {
            position: relative;
            height: 120vh;
            display: flex;
            
            /*align-items: center;
            justify-content: center;
        	text-align: center;*/
        	
            color: white;
            overflow: hidden;
        }
        
        .hero-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center center;
            z-index: -2;
            transform: scale(1);
            transition: transform 5s ease-in-out;
        }
        
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5); 
            z-index: -1;
        }
       
        .hero-content {
            z-index: 1; 
        }
        
        @media (max-width: 768px) {
              .hero-background {
                    background-size: cover; /* Keeps the image covering the container */
                    background-position: center; /* Keeps the image centered on mobile */
                    background-repeat: no-repeat; /* Ensures no tiling */
                }
        }


	</style>
</head>

<body>

	<main>


			<!--==============================================-->
			<!---===============Heaader Section===============-->
			                <!-- 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="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="services" style="color: black; font-family: 'Space Grotesk';" 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" style="color: black; font-family: 'Space Grotesk';" href="visa">VISA</a>
                                        </li>
                                        
                                        
                                         <li class="nav-item">
                                            <a class="nav-link" style="color: black; font-family: 'Space Grotesk';" href="faq">FAQs</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>
	 
            	<!-- Modal -->
		    
		    <!--============================-->
			<!--=========Hero Banner Section-->
            <div class="hero" id="heroSection">
                <!--Note the background image for this hero section are in the Javascript check under the page -->
                <div class="hero-background"></div> 
                <div class="hero-overlay"></div>

                <div class="container" style="padding: 0; margin-top: 220px;">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
								<h1 class="heroBannerText">
								    Travel Better Today Stress-Free Visas
								</h1>
								
								<h1 class="heroBannerSubText">
							      Dreaming of a smooth trip? Zoe Exquisite got you covered! From flight bookings <br>
							      to processing, accommodation, and travel planning, We handle it all, <br> so you can travel with confidence and peace of mind.



								</h1>
								<div class="tebHeroButtons">
									<a href="#" data-bs-toggle="modal" data-bs-target="#staticBackdrop" class="btn btn-outline-danger tebHeroBtnHot" type="submit">Book a Consultation</a>

									<a href="visa" class="btn btn-outline-light tebHeroBtnLight" type="submit">Apply for Visa</a>
								</div>
							</div>
							
                    </div>
                </div>

            </div>
            
            <!--============================-->
            <!--=========Hero Banner Section-->
			
			
			
		    <!--============================-->
			<!--==About Us Section==-->
			<div class="trustedby pb-5 pt-5" style="margin-top: 50px;">
				<div class="container">
					<div class="row" >
						<div class="col-lg-6 col-md-6 col-sm-6 ml-5">
						    
						   <div  class="pt-5">
						       <img style="width: 100%; height: auto;" src="../assets/images/Abt-main-img.png" alt="Zoe Exquisite Consults About Image">
						   </div>
						    
						</div>
						
						<div class="col-lg-6 col-md-6 col-sm-6 mr-5">
						    
					        <h5 class="about-us-sub-text">About Us</h5>
	                        <h1 class="about-us-header-text">Your Trusted Partner for Stress-Free Journeys</h1>
	                        
	                        <p style="font-family: 'Space Grotesk' !important; font-weight: 300 !important; line-height: 1.8; margin-top: 20px;">
	                            At Zoe Exquisite Consults, we make travel simple and stress-free. From 
	                            visa assistance, flight bookings to travel planning, 
	                            we handle every detail so you can focus on enjoying your journey.
	                          
	                        </p>
	                        
	                        <div class="row g-2 pt-2">
	                            <div class="col-md-6 col-lg-6 col-6">
	                                   <div style="display: flex; align-items: center;">
                                            <span class="abt-us-icon-text">
                                                <i class="fa-solid fa-check abt-us-icon"></i>
                                            </span>
                                            <p style="font-family: 'Space Grotesk' !important; font-size: 15px; margin-left: 13px; margin-top: 10px;">
                                                Expert Visa Assistance
                                            </p>
                                        </div>
	                            </div>
	                            <div class="col-md-6 col-lg-6 col-6">
	                                   <div style="display: flex; align-items: center;">
                                            <span class="abt-us-icon-text">
                                                <i class="fa-solid fa-check abt-us-icon"></i>
                                            </span>
                                            <p style="font-family: 'Space Grotesk' !important; font-size: 15px; margin-left: 13px; margin-top: 10px;">
                                                Easy Flight & Travel Planning 
                                            </p>
                                        </div>
	                            </div>
	                            
	                            <div class="col-md-6 col-lg-6 col-6 mt-2">
	                                   <div style="display: flex; align-items: center;">
                                            <span class="abt-us-icon-text">
                                                <i class="fa-solid fa-check abt-us-icon"></i>
                                            </span>
                                            <p style="font-family: 'Space Grotesk' !important; font-size: 15px; margin-left: 13px; margin-top: 10px;">
                                                Accommodation & Airport Pickups
                                            </p>
                                        </div>
	                            </div>
	                            <div class="col-md-6 col-lg-6 col-6 mt-2">
	                                   <div style="display: flex; align-items: center;">
                                            <span class="abt-us-icon-text">
                                                <i class="fa-solid fa-check abt-us-icon"></i>
                                            </span>
                                            <p style="font-family: 'Space Grotesk' !important; font-size: 15px; margin-left: 13px; margin-top: 10px;">
                                               Reliable Travel Consulting
                                            </p>
                                        </div>
	                            </div>
	                            
	                        </div>
	                        
	                        <p class="abt-summary-txt">
	                            "<b>Zoe Exquisite:</b> Your trusted partner in making all your Travel Plans, Hoilday's and Visa's Smooth and Stress-Free!
	                           
	                        </p>
	                        
	                        <div class="row g-2 pt-4">
	                            <div class="col-12">
	                                <a href="who-we-are" class="btn btn-outline-danger border border-1 tebHeroBtnHot" style="padding: 15px 40px 15px 40px; border-radius: 0px;" type="submit">
	                                    Read More <i class="fa-solid fa-arrow-right"></i>
	                               </a>
	                            </div>
	                            
	                        </div>
	                       
						</div>
						
					</div>
				</div>
			</div>
			<!--============================-->
			<!--==About Us Section==-->
			
			<!--=============================-->
			<!--=======Popular Section=======-->
			 <div class="container-fluid" style="margin-top: 50px;">
                    
                    <div class="row pt-2 pb-2">
                        <div class="col-lg-12">
                            <h1 align="center" style="font-family: 'Ubuntu', sans-serif;">Our Popular Packages</h1>
                        </div>
                        <div class="col-lg-2"></div>
                        <div class="col-lg-8">
                            <p align="center" style="font-family: 'Space Grotesk' !important; color: black; padding: 30px 80px 30px 80px;">
                                Choose from our fun and attractive Travel Packages, For all your fun trips, events and vacation spots .</p>
                        </div>
                        <div class="col-lg-2"></div>
                    </div>
                    
                    <div class="row g-4 pt-5 p-5">
                        
                        <div class="col-lg-4 col-md-4 col-sm-12">
                             <a href="../trip-to-dubai" style="text-decoration: none; color: black">
                                 <div class="card zoom-card" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                     <div style="position: relative;">
                                         <img src="../assets/images/Package2.png" class="card-img-top zoom" style="height: 400px;" alt="...">
                                        <!--<div class="status-badge" style="position: absolute; bottom: 10px; right: 10px; background-color: red; color: white; padding: 5px 10px; border-radius: 5px; font-size: 12px; z-index: 3;">
                                            19th – 23rd April 2025
                                        </div>-->
                                     </div>
                         
                                     <div class="card-body">
                                         <h3 class="card-title mt-3" style="font-family: 'Space Grotesk' !important;">Travel Abroad</h3>
                                         
                                        
                                         <div class="row p-2">
                                             <div class="col-12 col-lg-12 col-md-12" >
                                                 UK, Canada, Dubai, Qatar etc...
                                                  <p style="font-family: 'Space Grotesk' !important; color: #707070; font-weight: 300 !important; font-size: 13px;">
                                                     <i class="fas fa-map-marker-alt" style="color: #707070;"></i> Location
                                                  </p>
                                                 
                                             </div>
                                             
                                         </div>
                                         
                                         <hr>
                                         
                                         <a href="../trip-to-dubai" class="btn btn-primary tebHeroBtnHot btn-sm ">Book Now</a>
                                     </div>
                                 </div>
                             </a>
                        </div>
                        
                        <div class="col-lg-4 col-md-4 col-sm-12">
                             <a href="../summer-in-madagascar" style="text-decoration: none; color: black">
                                 <div class="card zoom-card" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                     <div style="position: relative;">
                                         <img src="../assets/images/Package3.png" class="card-img-top zoom" style="height: 400px;" alt="...">
                                          <!--<div class="status-badge" style="position: absolute; bottom: 10px; right: 10px; background-color: red; color: white; padding: 5px 10px; border-radius: 5px; font-size: 12px; z-index: 3;">
                                            1st – 7th August 2025
                                        </div>-->
                                     </div>
                         
                                     <div class="card-body">
                                         <h3 class="card-title mt-3" style="font-family: 'Space Grotesk' !important;">Study In Belarus</h3>
                                         
                                        
                                        
                                        <div class="row p-2">
                                             <div class="col-6 col-lg-6 col-md-6">
                                                 Belarus
                                                  <p style="font-family: 'Space Grotesk' !important; color: #707070; font-weight: 300 !important; font-size: 13px;">
                                                     <i class="fas fa-map-marker-alt" style="color: #707070;"></i> Location
                                                  </p>
                                                 
                                             </div>
                                            
                                         </div>
                                         
                                         <hr>
                                         
                                         <a href="../summer-in-madagascar" class="btn btn-primary tebHeroBtnHot btn-sm ">Book Now</a>
                                     </div>
                                 </div>
                             </a>
                        </div>
                        
                        <div class="col-lg-4 col-md-4 col-sm-12">
                             <a href="../trip-to-europe" style="text-decoration: none; color: black">
                                 <div class="card zoom-card" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                     <div style="position: relative;">
                                         <img src="../assets/images/Package1.png" class="card-img-top zoom" style="height: 400px;" alt="...">
                                        <!--<div class="status-badge" style="position: absolute; bottom: 10px; right: 10px; background-color: red; color: white; padding: 5px 10px; border-radius: 5px; font-size: 12px; z-index: 3;">
                                            17th – 23rd April 2025
                                        </div>-->
                                     </div>
                         
                                     <div class="card-body">
                                         <h3 class="card-title mt-3" style="font-family: 'Space Grotesk' !important;">Work In Europe</h3>
                                         
                                        
                                         <div class="row p-2">
                                             <div class="col-12 col-lg-12 col-md-12" >
                                                 Latvia, Lithuania, Poland, Belarus & Russia. 
                                                  <p style="font-family: 'Space Grotesk' !important; color: #707070; font-weight: 300 !important; font-size: 13px;">
                                                     <i class="fas fa-map-marker-alt" style="color: #707070;"></i> Location
                                                  </p>
                                                 
                                             </div>
                                            
                                         </div>
                                         
                                         <hr>
                                         
                                         <a href="../trip-to-europe" class="btn btn-primary tebHeroBtnHot btn-sm ">Book Now</a>
                                     </div>
                                 </div>
                             </a>
                        </div>
                        
                    </div>
                   
                   
			    </div>
			<!--=============================-->
			<!--=======Popular Section=======-->
			
			 <!--============================-->
    			<!--==Our Services Section==-->
    		    <div class="trustedby pb-5 pt-5" style="margin-top: 40px; background: #f6fff8;">
                        <div class="container pb-3">
                            <div class="row pt-2 pb-2">
                                <div class="col-lg-12">
                                    <h1 align="center" style="font-family: 'Ubuntu', sans-serif;">Our Services</h1>
                                </div>
                                <div class="col-lg-2"></div>
                                <div class="col-lg-8">
                                    <p align="center" style="font-family: 'Space Grotesk' !important; color: black; padding: 20px 50px 30px 50px;">
                                        Visas, flights, and travel plans—everything you need for a stress-free journey, Zoe Exquisite Consults got you covered.
                                    </p>
                                </div>
                                <div class="col-lg-2"></div>
                            </div>
                    
                            <div class="row">
                                <div class="col-12">
                                    
                                    <div class="row g-4 pt-5">
                                            <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/visa-assistance" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                     <i class="fa-brands fa-cc-visa" style="font-size: 60px !important;"></i>
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Visa Assistance</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                               Need a visa? We’ve got you covered! Whether it’s for work, study, or travel, we simplify the process and guide you every step of the way.
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/visa-assistance" class="wat_we_do_link">
                                                                    Read More
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                        
                                            <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/passport-processing" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                    <i class="fa-solid fa-passport" style="font-size: 60px !important;"></i>
                                                                    
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Passport Processing</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                               Get your international passport faster and without stress! We handle the paperwork so you can focus on your journey.
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/passport-processing" class="wat_we_do_link">
                                                                    Read More
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                        
                                            <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/flight-booking" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                    <i class="material-icons buy-home-icon" style="font-size: 60px !important;">rocket_launch</i>
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Flight Booking</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                                
                                                                Local or international flights? Book with ease at the best rates. Let’s get you to your destination Stress-free!
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/flight-booking" class="wat_we_do_link">
                                                                    Read More
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            
                                             <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/accommodation" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                    <i class="fa-solid fa-hotel" style="font-size: 60px !important;"></i>
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Accommodation & Reservations</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                                Stay in comfort wherever you go! Let's help you secure the best hotels and apartments to fit your budget and needs.
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/accommodation" class="wat_we_do_link">
                                                                   Explore More
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                        
                                            <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/tours-vacation" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                    <i class="fas fa-umbrella-beach" style="font-size: 60px !important;"></i>
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Tours & Vacation Planning</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                                Turn your dream getaway into reality! Explore top destinations with our customized tour and vacation packages.
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/tours-vacation" class="wat_we_do_link">
                                                                    Explore More
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                        
                                            <div class="col-lg-4 col-md-6 col-sm-12">
                                                <a href="/airport-pickups" style="text-decoration: none; color: black">
                                                    <div class="card zoom-card border-0" style="width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                                        <div class="card-body">
                                                            <div align="center">
                                                                <p class="buy-home-icon pt-5 pb-3">
                                                                    <i class="fa-solid fa-van-shuttle" style="font-size: 60px !important;"></i>
                                                                </p>
                                                            </div>
                                                            <h3 class="card-title mt-3" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Airport Pickups</h3>
                                                            <p class="card-text mt-4" style="font-size: 14px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                                Arrive in style with our reliable airport pickup service. No stress, no waiting—just a smooth ride to your all destinations.
                                                            </p>
                                                            <div align="center" class="mt-4 mb-3">
                                                                <a href="/airport-pickups" class="wat_we_do_link">
                                                                    Explore More 
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            
                                              <div class="row g-2 pt-5">
                	                            <div class="col-12">
                	                                <div align="center">
                	                                    <a href="services" class="btn btn-outline-danger border border-1 tebHeroBtnHot" style="padding: 15px 50px 15px 50px; border-radius: 0px;" type="submit">
                	                                    Discover More <i class="fa-solid fa-arrow-right"></i>
                	                                    </a>
                	                                </div>
                	                            </div>
                	                            
                	                        </div>
	                       
                                    </div>
                    
                                </div>
                            </div>
                        </div>
                    </div>
    
    			<!--============================-->
    			<!--==Our Services Section==-->
			
			
			
			<!--============================-->
			<!--==Why Choose Us Section==-->
			<div class="trustedby pb-5 pt-5" style="margin-top: 50px;">
				<div class="container">
					<div class="row g-4" >
					    
					    <div class="col-lg-6 col-md-6 col-sm-6">
						    
					        <h5 class="about-us-sub-text">Why Choose Us</h5>
	                        <h1 class="about-us-header-text">Why Trust Zoe Exquisite with Your Travel Plans?</h1>
	                        
	                        <p style="font-family: 'Space Grotesk' !important; font-weight: 300 !important; line-height: 1.8; margin-top: 20px;">
	                           Your journey deserves the best! At Zoe Exquisite Consults, we take the stress out of travel with expert visa assistance,
	                           seamless flight bookings, and tailored travel solutions. 
	                          
	                        </p>
	                        
	                        <p style="font-family: 'Space Grotesk' !important; font-weight: 300 !important; line-height: 1.8; margin-top: 20px;">
	                          Our fast processing, reliable support, and personalized service ensures that you travel with ease and confidence. 
	                          Wherever you're headed, we make every step smooth and Easy!"
	                          
	                        </p>
	                        
	                       
	                        
	                        <div class="row g-2 pt-4">
	                            <div class="col-12">
	                                <a href="../who-we-are" class="btn btn-outline-danger border border-1 tebHeroBtnHot" style="padding: 15px 40px 15px 40px; border-radius: 0px;" type="submit">
	                                    I'm Interested! <i class="fa-solid fa-arrow-right"></i>
	                               </a>
	                            </div>
	                            
	                        </div>
						</div>
					    
						<div class="col-lg-6 col-md-6 col-sm-6">
						    
						   <div align="right" class="">
						       <img style="width: 100%; height: auto;" src="../assets/images/why-us-img.png" alt="Zoe Exquisite Consults Why Choose Us">
						   </div>
						    
						</div>
						
						
					</div>
				</div>
			</div>
			<!--============================-->
			<!--==Why Choose Us  Section==-->
			    
			
		
			
			<!--============================-->
			<!--==Testimonials==-->
		
			  <!--============================-->
			<!--==Testimonials==-->
		
			 <section class="py-3 bg-light" style="margin-top: 30px;" id="testimonials">
                <div class="container">
                    <h1 class="text-center mb-4 pt-5" style="font-family: 'Ubuntu', sans-serif;">Testimonials</h1>
                    <p class="text-center mb-5" style="font-family: 'Space Grotesk' !important; color: black; padding: 0px 50px 20px 50px;">
                        See what our Prestigious clients say about their Zoe Exquisite Travels.
                    </p>
                    
                    <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            
                            <!-- Testimonial 1 -->
                            <div class="carousel-item active">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="/assets/images/client1.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "Our family had always dreamed of a perfect getaway, and Zoe Exquisite Consults made it a reality! From securing our visas 
                                                        and booking our flights to arranging a breathtaking stay in Madagascar, they handled everything seamlessly. 
                                                        They found us the best beachfront resort, organized guided tours to explore the stunning wildlife, and even ensured 
                                                        smooth airport pickups. The attention to detail and personalized service made our trip stress-free and truly unforgettable. 
                                                        Thanks to Zoe Exquisite Consults, we had the adventure of a lifetime!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">– The Chris Eze Family</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Testimonial 2 -->
                            <div class="carousel-item">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="/assets/images/client2.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "Visiting my husband in Australia felt like an overwhelming process until I found Zoe Exquisite Consults. 
                                                        From visa application to flight booking, they handled every detail with professionalism and care. 
                                                        They guided me through the paperwork, ensured my documents were in order, and even secured a great 
                                                        flight deal that fit my schedule. Their support didn’t stop there—they helped me with accommodation 
                                                        options and made sure my arrival was stress-free. Thanks to Zoe Exquisite Consults, I was able to reunite
                                                        with my husband without any worries. I’m truly grateful for their exceptional service!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">— Amara O.</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Testimonial 3 -->
                            <div class="carousel-item">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="/assets/images/client3.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "My brother and I had always dreamed of studying in Europe, but the visa process seemed 
                                                        complicated—until we found Zoe Exquisite Consults. From the moment we got our admission 
                                                        letters to securing our student visas for Austria, they guided us every step of the way. 
                                                        They helped us prepare the necessary documents, provided expert advice on proof of funds, 
                                                        and ensured our applications were flawless. Within weeks, our visas were approved! Thanks to
                                                        their professionalism and support, we are now in Austria, pursuing our studies stress-free. 
                                                        Zoe Exquisite Consults truly made our dream come true!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">– David & Sarah I.</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        
                        <!-- Carousel Controls -->
                        <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" aria-label="Previous">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" aria-label="Next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                        
                        <!-- Carousel Indicators -->
                        <div class="text-center mt-4">
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        </div>
                        
                    </div>
                </div>
            </section>

			<!--============================-->
			<!--==Testimonials==--> 

			<!--============================-->
			<!--==Testimonials==--> 
			
		
			<!--============================-->
			<!--======Contact Us Section====-->
			<div class="contact-CTA"> 
    <div class="container-fluid" style="padding-top: 80px;">
        <div class="row">
            <div class="col-md-9 col-lg-9">
                <h1 class="contactUsBannerText">Have <br> Questions</h1>
            </div>
            <div class="col-md-3 col-lg-3">
                <div align="center">
                    <a href="contact-us" 
                       style="background-color: white; color: black;" 
                       class="btn btn-outline-light contactUsBannerBtn" 
                       type="submit">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</div>
			<!--============================-->
			<!--======Contact Us Section====-->
			
			
			   


			 <!--======Floating Button=========-->
            <!-- Buttons -->
            <div class="chimafloat chibtn" id="chimenu-share">
                <p style="margin-top: 15px; font-size: 12px;">Next <br> Step</p>
			</div>

            <!-- End - Buttons -->
            <!--======Floating Button=========-->

			


			<!--Popup section-->
			<div class="proscardpoup" id="prosloadcardcontefortread" style="display: none;">

				<div align="center">
					<img class="img-fluid" style="width: 50px; height: auto; margin-top: 30px;" src="assets/images/zoeIcon.png" />
				</div>

				<h4 align="center" style="font-family: 'Ubuntu', sans-serif; font-weight: 900; padding: 10px 20px 0px 20px; color: #222831;">Welcome to Zoe Exquisite</h4>
				<p align="center" style="font-family: 'Space Grotesk'; font-weight: 700; color: #E4B533;">Take your next step here</p>

				<div class="d-grid gap-2 decision-section"  style="margin: 30px 30px 10px 30px; overflow-y: auto; height: 210px;" >
					<a href="visa" style="font-weight: 700; border: 1px solid #222831;" class="btn btn-light" type="button">Apply For Visa</a>
					<a href="contact-us" style="font-weight: 700; border: 1px solid #222831;" class="btn btn-light" type="button">Need to talk to Someone?</a>
					<a href="holiday-packages"  style="font-weight: 700; border: 1px solid #222831;" class="btn btn-light" type="button">See Our Holiday Packages</a>
					<a href="local-tour" style="font-weight: 700; border: 1px solid #222831;" class="btn btn-light" type="button">See Our Tour Packages</a>
					<a href="services" style="font-weight: 700; border: 1px solid #222831;" class="btn btn-light" type="button">See Our Services</a>
					
				</div>

				<div align="right" style="margin-right: 20px; margin-top: 30px;">
					<button class="btn btn-secondary" id="closePopup" style="background: #222831; border-radius: 20px; padding: 10px 10px; width: 130px; font-size: 14px; font-family: 'Space Grotesk';">Close</button>
				</div>
			</div>
			<!--Popup Section>
			
		
		</main>-->
		<!-- Footer Start -->
		
			<footer class="footer-main-home " style="background-color: #222831;">
    <div class="footer-top" style="padding-top: 100px;">
        <div class="container">
            <div class="row pb-5">
                <div class="col-lg-6 md-mb-20">
                      <div >
                        <img class="img-fluid" style="width: 200px; height: auto;" src="../assets/images/zoeLogo.png" />
                    </div>
                    
                    <div class="textwidget" style="color: #fff; padding: 10px 20px 0px 0px;  font-size: 18px; font-family: 'Gotham', Arial, sans-serif;">
                        Zoe Exquisite Consults is your trusted travel partner, specializing in visa assistance,
                        flight bookings, passport processing, accommodation, tours, and travel consulting. 
                        We make every journey smooth and stress-free!
                    </div>
                    
                </div>
                <div class="col-lg-6 md-mb-20">
                    
                </div>	
                
            </div>
            <div class="row pt-5">
                <div class="col-lg-6 col-md-6 md-mb-20">
                    <h1 class="footer-title" style="color: #fff; font-size: 30px; font-weight: 800; font-family: 'Gotham', Arial, sans-serif;">Our Address</h1>
                    <div class="textwidget pt-2 mb-3" style="color: #fff; font-size: 16.5px; font-weight: 600; font-family: 'Gotham', Arial, sans-serif;">
                        <i class="fa-solid fa-location-dot"></i>&nbsp;&nbsp;&nbsp;No 3 Mini Orlu road, Opposite GOWA Church, Off Adageorge road, Port Harcourt, Rivers State Nigeria, 500272.
                    </div>
                     <div class="textwidget mb-3" style="color: #fff; font-size: 16.5px; font-weight: 600; font-family: 'Space Grotesk'">
                        <i class="fa-solid fa-phone"></i>&nbsp;&nbsp;&nbsp; +2347063953090
                    </div>
                     <div class="textwidget" style="color: #fff; font-size: 16.5px; font-weight: 600; font-family: 'Space Grotesk">
                        <i class='bx bx-envelope'></i>&nbsp;&nbsp;&nbsp;franca@zoeexquisiteconsults.com
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 md-mb-20">
                    <h1 class="footer-title" style="color: #fff; font-size: 30px; font-weight: 800; font-family: 'Gotham', Arial, sans-serif;">About Us</h1>
                    <ul class="site-map">
                        <li><a href="../who-we-are">Who We Are</a></li>
                        <li><a href="../missions-and-vision">Mission & Vision</a></li>
                        <li><a href="../the-management">The Management</a></li>
                         <li><a href="../services">Services</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6 pl-76 md-pl-15 md-mb-10">
                    <h1 class="footer-title" style="color: #fff; font-size: 30px; font-weight: 800; font-family: 'Gotham', Arial, sans-serif;">Quick Links</h1>
                    <ul class="site-map">
                        <li><a href="../visa">VISA</a></li>
                        <li><a href="../holiday-packages">Holiday Packages</a></li>
                        <li><a href="../local-tour">Tour Package</a></li>
                        <li><a href="../faq">FAQ</a></li>
                    </ul>
                </div>
               
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">                    
            <div class="row y-middle">
                <div class="col-lg-6 md-mb-10 text-lg-end text-center order-last">
                    <ul class="copy-right-menu">
                        <li><a href="#">Facebook</a></li>
                        <li><a href="#">Instagram</a></li>
                        <li><a href="#">Youtube</a></li>
                    </ul>
                </div>
                <div class="col-lg-6">
                    <div class="copyright text-lg-start text-center">
                        <p> ©2025. All Right Reserved | CHOV Tech</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
		
		<!-- Footer End -->

	
	<!-- Js Files -->
	<!-- ============================================================== -->
	
    <script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="js/global.js"></script>
	
	<script>
        function sendToWhatsApp() {
            const title = document.getElementById('title').value;
            const name = document.getElementById('name').value;
            const email = document.getElementById('email').value;
            const whatsapp = document.getElementById('whatsapp').value;
            const alertBox = document.getElementById('formAlert');
        
            if (!name || !email || !whatsapp || title === "Select your Title") {
              alertBox.style.display = 'block';
              return;
            }
        
            alertBox.style.display = 'none'; // hide alert if fields are filled
        
            const message = `Hello, my name is ${title} ${name}.%0AEmail: ${email}%0AWhatsApp: ${whatsapp}.%0A%0AI would like to book a consultation.`;
            const phoneNumber = "2347063953090"; // Replace leading 0 with 234
        
            const url = `https://wa.me/${phoneNumber}?text=${message}`;
            window.open(url, '_blank');
        }
        </script>
	
	<script>

		$(window).scroll(function() {
			if ($(this).scrollTop() > 50) {
				$('.navbar').css('background-color', 'rgba(0, 0, 0, 0.8)'); 
			} else {
				$('.navbar').css('background-color', 'rgba(0, 0, 0, 0)');
			}
		});


		$(document).ready(function() {
				
				const heroImages = [
					'assets/images/hero1.jpg',
					'assets/images/hero2.jpg',
					'assets/images/hero3.jpg'
				];

				let currentImageIndex = 0;

				
				function changeBackgroundImage() {
					const heroBackground = $('.hero-background');
					
					
					heroBackground.css('background-image', `url(${heroImages[currentImageIndex]})`);
										
					heroBackground.css({ transform: 'scale(1)' }).animate(
						{ zoom: 1.1 },
						{
							duration: 5000,
							step: function(now) {
								$(this).css('transform', `scale(${now})`);
							},
							complete: function() {
								$(this).css('transform', 'scale(1)'); 
							}
						}
					);
					
					currentImageIndex = (currentImageIndex + 1) % heroImages.length;
				}
				
				changeBackgroundImage();
				setInterval(changeBackgroundImage, 5000); 
		});


	</script>
	
    <script>
		$(document).ready(function(){
		
			$("#prosloadcardcontefortread").fadeIn();

			$("#chimenu-share").click(function() {
				$("#prosloadcardcontefortread").fadeIn();
			});

			$("#closePopup").click(function() {
				$("#prosloadcardcontefortread").fadeOut();
			});
			
		})



	</script>

	
</body>

</html>
