<nav class="navbar navbar-expand-lg bg-body-tertiary1 p-3" style="background-color:#30B0D5;opacity: 0.9;">
	  <div class="container-fluid" style="margin-left:30px;margin-right:30px;">
		<a class="navbar-brand" href="{{url('/')}}" style="text-decoration:none;background-color:#FFF;border-radius:10px;">
		<img src="{{asset('build/assets/images/Nagpur_logo.png')}}" alt="Logo" style="width:100px;height:100px;" >
		</a>
		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
		  <span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarText">
		  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
			<li class="nav-item" style=" text-align:center;">
				<h2 style="color:#FFF;">
					
						{{__('labels.nav_main_head')}}
					
			 
				</h2>
				<h5 style="color:#FFF;">
					
						{{__('labels.nav_sub_head')}}
					
				</h5>
			</li>
		   
		  </ul>
		  <span class="navbar-text">
		  	<div class="d-flex justify-content-end">
				<a href="{{ url('lang/en') }}" class="link-primary"  style="margin-right:5px;text-decoration:none;" >English</a> | <a class="link-warning"  style="margin-left:5px;margin-right:5px;text-decoration:none;" href="{{ url('lang/mr') }}">मराठी</a>
			</div>	
			<ul class="navbar-nav ">
			 <li class="nav-item">
			  <a class="nav-link" href="{{url('/')}}" style="color:#FFF;"><i class="fa fa-home"></i>&nbsp;
				
					{{__('labels.home')}}
				
			  </a>
			</li>
			 <li class="nav-item">
			  <a class="nav-link" href="{{route('about')}}" style="color:#FFF;"><i class="fa fa-user"></i>&nbsp;
				
					{{__('labels.about')}}	
				
			  </a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" href="{{route('ward_composition',$general_election)}}" style="color:#FFF;"><i class="fa fa-edit"></i>&nbsp;
				
					{{__('labels.ward_composition')}}
				
			  </a>
			</li>
		   
		  </ul>
		  </span>
		</div>
	  </div>
	</nav>
	
<style>
.custom-link {
	text-decoration: none;
	color: black;
	transition: color 0.3s ease;
}

.custom-link:hover {
	color: blue; /* Change to your desired hover color */
	text-decoration: underline;
}
</style>
