 <!-- Dark/Light Toggle -->
<div class="dark-version">
	<label id="switch" class="switch">
		<input type="checkbox" onchange="toggleTheme()" id="slider">
		<span class="slider round"></span>
	</label>
</div>

<!-- Start Preloader Area -->
<div class="preloader">
	<div class="loader">
		<div class="sbl-half-circle-spin">
			<div></div>
		</div>
	</div>
</div>
<!-- End Preloader Area -->

<!-- Start Navbar Area -->
<div class="navbar-area navbar-style-two">
	<div class="tracer-responsive-nav">
		<div class="container">
			<div class="tracer-responsive-menu">
				<div class="logo black-logo">
					<a href="index.php">
						<img src="assets/img/logo.svg" alt="logo">
					</a>
				</div>
				<div class="logo white-logo">
					<a href="index.php">
						<img src="assets/img/logo-white.svg" alt="logo">
					</a>
				</div>
			</div>
		</div>
	</div>

	<div class="tracer-nav">
		<div class="container">
			<nav class="navbar navbar-expand-md navbar-light">
				<a class="navbar-brand black-logo" href="index.php">
					<img src="assets/img/logo.svg" alt="logo">
				</a>
				<a class="navbar-brand white-logo" href="index.php">
					<img src="assets/img/logo-white.svg" alt="logo">
				</a>

				<div class="collapse navbar-collapse mean-menu">
					<ul class="navbar-nav">
						<li class="nav-item"><a href="index.php" class="nav-link active">Home</a></li>
						<li class="nav-item"><a href="#" class="nav-link">About <i class='bx bx-chevron-down'></i></a>
							<ul class="dropdown-menu">
								<li class="nav-item"><a href="about.php" class="nav-link">About Us</a></li>
								<li class="nav-item"><a href="team.php" class="nav-link">Our Team</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="services.php" class="nav-link">Services</a></li>
						<li class="nav-item"><a href="projects.php" class="nav-link">Projects</a></li>
						<li class="nav-item"><a href="partners.php" class="nav-link">Partners</a></li>
						<li class="nav-item"><a href="gallery.php" class="nav-link">Gallery</li>

						
					</ul>

					<div class="others-option d-flex align-items-center">
						<div class="option-item">
							<a href="contact.php" class="default-btn"><i class="flaticon-right"></i>Contact Us<span></span></a>
						</div>
					</div>
				</div>
			</nav>
		</div>
	</div>

	<div class="others-option-for-responsive">
		<div class="container">
			<div class="dot-menu">
				<a href="#" class="default-btn"><i class="flaticon-right"></i>Contact Us<span></span></a>
			</div>

			<div class="container">
				<div class="option-inner">
					<div class="others-option">
						<div class="option-item">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Navbar Area -->