@php
if(isset($city)){
	$pages_categories = @$city;
}
@endphp
<!-- Theme CSS -->
{{-- <link rel="preload" as="style" href="{{ asset('frontend/primary-theme') }}/assets/css/style.css?v={{env('ASSET_VERSION')}}" onload="this.onload=null;this.rel='stylesheet'">
<link rel="stylesheet" type="text/css" href="{{ asset('frontend/primary-theme') }}/assets/css/style.css?v={{env('ASSET_VERSION')}}">--}}
<link rel="preload" as="style" href="{{ asset('frontend') }}/primary-theme/assets/css/header.css" onload="this.onload=null;this.rel='stylesheet'"> 
<link rel="stylesheet" href="{{ asset('frontend') }}/primary-theme/assets/css/header.css">
<link rel="preload" as="image" href="{{ $setting->dark_logo_url }}">
<header class="navbar-light navbar-sticky header-static">
	{{-- Top Strip --}}
	{{-- <div id="g_id_onload" 
	data-client_id="604943508779-9sssp8cr7t9jcp37qdkngo4jdeekoc1o.apps.googleusercontent.com" 
	data-login_uri="https://127.0.0.1:8000//login/google/oneTap" 
	data-_token="{{csrf_token()}}" 
	data-method="POST"
	data-ux_mode="redirect"
	data-auto_prompt="true">     
	<div id="g_id_onload"
     data-client_id="604943508779-9sssp8cr7t9jcp37qdkngo4jdeekoc1o.apps.googleusercontent.com"
     data-login_uri="https://127.0.0.1:8000//login/google/oneTap"
     data-your_own_param_1_to_login="/login/google/oneTap"
     data-your_own_param_2_to_login="/login/google/oneTap">
</div>    --}}
</div>
	<div class="top-strip bg-primary bg-opacity-5 py-2 d-none d-md-block">
		<div class="container">
			<div class="row d-flex justify-content-between align-items-center ">
				<div class="col-md-5 text-primary fw-bold lh-lg d-none d-md-block">{{empty(@$pages_categories->header_strip)? @$website_setting->header_strip : @$pages_categories->header_strip}}</div>
				<div class="col-md-7 d-flex justify-content-end align-items-center">
					<a href="#" class="btn btn-sm btn-outline-primary mb-0 me-0 me-sm-3 " data-bs-toggle="modal" data-bs-target="#addLecture">Book a FREE Session</a>
					<a href="tel:{{$website_setting->phone}}" class="btn btn-sm btn-primary mb-0"><i class="bi bi-telephone-fill me-2 "></i>{{$website_setting->phone}}</a>
				</div>
			</div>
		</div>
	</div>
	<!-- Nav START -->
	<nav class="navbar navbar-expand-xl">
		<div class="container">
			{{-- px-3 px-xl-5 --}}
			<!-- Logo START -->
			<a class="navbar-brand py-2" href="{{ route('website.home') }}">
				<img class="light-mode-item navbar-brand-item" src="{{ $setting->dark_logo_url }}" alt="logo">
				<img class="dark-mode-item navbar-brand-item" src="{{ $setting->dark_logo_url }}" alt="logo">
			</a>			
			<!-- Logo END -->
			<!-- Responsive navbar toggler -->
			<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-animation">
					<span></span>
					<span></span>
					<span></span>
				</span>
			</button>
			<!-- Main navbar START -->
			<div class="navbar-collapse w-100 collapse navbar-custom" id="navbarCollapse">
				<!-- Nav category menu START -->
				<ul class="navbar-nav navbar-nav-scroll me-auto">
					<!-- Nav item 1 Demos -->
					<li class="nav-item dropdown dropdown-menu-shadow-stacked">
						{{-- <a class="nav-link bg-primary bg-opacity-10 rounded-3 text-primary px-3 py-3 py-xl-0" href="#" id="categoryMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-ui-radios-grid me-2"></i><span>Country</span></a> --}}
						<ul class="dropdown-menu" aria-labelledby="categoryMenu">
							
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item dropdown-toggle" href="{{ url("/uk") }}">United Kingdom</a>
								<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
									<!-- dropdown submenu open right -->
									<li> <a class="dropdown-item" href="{{ url("/uk") }}">Study in UK</a> </li>
									<li class="dropdown-submenu dropend">
										<a class="dropdown-item dropdown-toggle" href="#">Universities</a>
										<ul class="dropdown-menu" data-bs-popper="none">
											<li> <a class="dropdown-item" href="#">University 1</a> </li>
											<li> <a class="dropdown-item" href="#">University 2</a> </li>
											<li> <a class="dropdown-item" href="#">University 3</a> </li>
										</ul>
									</li>
									<li class="dropdown-submenu dropend">
										<a class="dropdown-item dropdown-toggle" href="#">Courses</a>
										<ul class="dropdown-menu" data-bs-popper="none">
											<li> <a class="dropdown-item" href="#">Course 1</a> </li>
											<li> <a class="dropdown-item" href="#">Course 2</a> </li>
											<li> <a class="dropdown-item" href="#">Course 3</a> </li>
										</ul>
									</li>
									
									<li> <a class="dropdown-item" href="#">Cheapest MS colleges in UK</a> </li>
									<li> <a class="dropdown-item" href="#">TOEFL</a> </li>
									<li> <a class="dropdown-item" href="#">Scholarships in UK</a> </li>
								</ul>
							</li>
							<li> <a class="dropdown-item" href="#">United States</a></li>
							<li> <a class="dropdown-item" href="#">Australia</a></li>
							<li> <hr class="dropdown-divider"></li>
							<li> <a class="dropdown-item bg-primary text-primary bg-opacity-10 rounded-2 mb-0" href="#">View all Countries</a></li>
						</ul>
					</li>
				</ul>
				<!-- Nav category menu END -->

				<!-- Nav Main menu START -->
				<ul class="navbar-nav navbar-nav-scroll me-auto">
					{{-- <li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle " href="#" id="demoMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Programs</a>
						<ul class="dropdown-menu" aria-labelledby="demoMenu">
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item dropdown-toggle" href="#">Engineering</a>
								<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
									<li> <a class="dropdown-item" href="">B Tech</a></li>
									<li> <a class="dropdown-item" href="">M Tech</a></li>
									<li> <hr class="dropdown-divider"></li>
									<li> <a class="dropdown-item" href="">View All</a></li>
								</ul>
							</li>
							<li> <a class="dropdown-item " href="#">Architecture</a></li>
							<li> <a class="dropdown-item " href="#">Medical</a></li>
						</ul>
					</li> --}}
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle py-1 py-sm-3 fw-light text-dark link-primary custom-menu" href="#" id="demoMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Universities</a>
						<ul class="dropdown-menu custom-drropdown-menu" aria-labelledby="demoMenu">
							{{-- <li class="dropdown-submenu dropend">
								<a class="dropdown-item dropdown-toggle" href="#">University by Country</a>
								 <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
									<li class="dropdown-submenu dropend" > <a class="dropdown-item dropdown-toggle" href="">Universites in UK</a>
										<a class="dropdown-item dropdown-toggle" href="#">Engineering</a>
										<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
											<li> <a class="dropdown-item" href="{{url("uk/universities",['name' => 'university-of-oxford'])}}">University of Oxford</a></li>
											<li> <a class="dropdown-item"  href="{{url("uk/universities",['name' => 'coventry-university'])}}" >Coventry University</a></li>
											<li> <hr class="dropdown-divider"></li>
											<li> <a class="dropdown-item" href="{{url("uk/universities")}}">View All</a></li>
										</ul></li>
									<li> <a class="dropdown-item" href="">Universites in USA</a></li>
									<li> <hr class="dropdown-divider"></li>
									<li> <a class="dropdown-item" href="">View All</a></li>
								</ul> 
							</li> --}}
							<li> 
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url("uk/universities",['name' => 'university-of-cambridge'])}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Cambridge.png" alt="Oxford" class="me-2" loading="lazy">
									University of Cambridge
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary"  href="{{url("uk/universities",['name' => 'university-of-st-andrews'])}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Andrews.png" alt="Coventry" class="me-2" loading="lazy">																																								
									University of St Andrews
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary"  href="{{url("uk/universities",['name' => 'imperial-college'])}}" >
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Imperial.png" alt="EastLondon" class="me-2" loading="lazy">
									Imperial College London
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary"  href="{{url("uk/universities",['name' => 'loughborough-university'])}}" >
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Loughborough.png" alt="Greenwich" class="me-2" loading="lazy">						
									Loughborough University
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary"  href="{{url("uk/universities",['name' => 'lancaster-university'])}}" >
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Lancaster.png" alt="Hull" class="me-2" loading="lazy">															
									Lancaster University
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 fw-light text-dark link-primary" href="{{url("/universities")}}">
									View All <i class="bi bi-arrow-right ms-1 align-middle float-end"></i>
								</a>
							</li>
							{{-- <li> <a class="dropdown-item " href="#">University by Courses</a></li> --}}
						</ul>
					</li>
					{{-- <li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle " href="#" id="demoMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Exams</a>
						<ul class="dropdown-menu" aria-labelledby="demoMenu">
							<li> <a class="dropdown-item " href="#">IELTS</a></li>
							<li> <a class="dropdown-item " href="#">GMAT</a></li>
							<li> <a class="dropdown-item " href="#">GRE</a></li>
							<li> <a class="dropdown-item " href="#">SAT</a></li>
							<li> <a class="dropdown-item " href="#">TOEFL</a></li>
						</ul>
					</li> --}}
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle py-1 py-sm-3 fw-light text-dark link-primary custom-menu" href="#" id="demoMenu2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Countries</a>
						<ul class="dropdown-menu custom-drropdown-menu" aria-labelledby="demoMenu">
							{{-- <li class="dropdown-submenu dropend">
								<a class="dropdown-item dropdown-toggle" href="#">University by Country</a>
								 <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
									<li class="dropdown-submenu dropend" > <a class="dropdown-item dropdown-toggle" href="">Universites in UK</a>
										<a class="dropdown-item dropdown-toggle" href="#">Engineering</a>
										<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
											<li> <a class="dropdown-item" href="{{url("uk/universities",['name' => 'university-of-oxford'])}}">University of Oxford</a></li>
											<li> <a class="dropdown-item"  href="{{url("uk/universities",['name' => 'coventry-university'])}}" >Coventry University</a></li>
											<li> <hr class="dropdown-divider"></li>
											<li> <a class="dropdown-item" href="{{url("uk/universities")}}">View All</a></li>
										</ul></li>
									<li> <a class="dropdown-item" href="">Universites in USA</a></li>
									<li> <hr class="dropdown-divider"></li>
									<li> <a class="dropdown-item" href="">View All</a></li>
								</ul> 
							</li> --}}
							<li> <a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('uk')}}">
								<img  data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/uk.png" alt="uk" class="me-2" loading="lazy">		
								United Kingdom</a>
							</li>
							<li> <a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('ca')}}">
								<img  data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/ca.png" alt="Canada" class="me-2" loading="lazy">		
								Canada</a>
							</li>
							<li> <a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('au')}}">
								<img  data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/au.png" alt="au" class="me-2" loading="lazy">		
								Australia</a>
							</li>
							<li> <a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('us')}}">
								<img  data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/us.png" alt="us" class="me-2" loading="lazy">		
								United States</a>
							</li>
							
							{{-- <li> <a class="dropdown-item"  href="{{url("countries",['name' => 'uk'])}}" >United Kingdom</a></li>
							<li> <a class="dropdown-item"  href="{{url("countries",['name' => 'university-of-east-london'])}}" >Japan</a></li>
							<li> <a class="dropdown-item"  href="{{url("countries",['name' => 'university-of-greenwich'])}}" >China</a></li>
							<li> <a class="dropdown-item"  href="{{url("countries",['name' => 'university-of-hull'])}}" >Australia</a></li> --}}
							<!-- <li> <a class="dropdown-item py-2 fw-light text-dark link-primary" href="#">View All <i class="bi bi-arrow-right ms-1 align-middle float-end"></i></a></li> -->
							{{-- <li> <a class="dropdown-item " href="#">University by Courses</a></li> --}}
						</ul>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle py-1 py-sm-3 fw-light text-dark link-primary custom-menu" href="{{url('consultancy')}}" id="demoMenu3" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Admission Consultancy</a>
						<ul class="dropdown-menu" data-bs-popper="none">
							<!-- dropdown submenu open right -->
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/jaipur')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/jaipur.png" alt="jaipur" class="me-2" loading="lazy">Jaipur
								</a>
								{{-- <a class="dropdown-item " href="{{url('consultancy/in')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/india.svg" alt="india" class="me-2">India
								</a> --}}
								{{-- <ul class="dropdown-menu" data-bs-popper="none">
									<li> <a class="dropdown-item" href="{{url('consultancy/in/jaipur')}}">
										<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/jaipur.png" alt="uk" class="me-2">Jaipur</a> </li>
								</ul> --}}
							</li>
							{{-- <li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/ahmedabad')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Ahmedabad.png" alt="Ahmedabad" class="me-2">Consultancy in Ahmedabad
								</a>
							</li> --}}
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/chennai')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Chennai.png" alt="Chennai" class="me-2" loading="lazy">Chennai
								</a>
							</li>
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/delhi')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Delhi.png" alt="Delhi" class="me-2" loading="lazy">Delhi
								</a>
							</li>
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/hyderabad')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Hyderabad.png" alt="hyderabad" class="me-2" loading="lazy">Hyderabad
								</a>
							</li>
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/kerala')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Kerala.png" alt="Kerala" class="me-2" loading="lazy">Kerala
								</a>
							</li>
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/mumbai')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Mumbai.png" alt="Mumbai" class="me-2" loading="lazy">Mumbai
								</a>
							</li>
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="{{url('consultancy/in/pune')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/Pune.png" alt="Mumbai" class="me-2" loading="lazy">Pune
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 fw-light text-dark link-primary" href="{{url("consultancy/in#citySection")}}">
									View All <i class="bi bi-arrow-right ms-1 align-middle float-end"></i>
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle py-1 py-sm-3 fw-light text-dark link-primary custom-menu" href="javascript:;" id="demoMenu4" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company</a>
						<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
							<!-- dropdown submenu open right -->
							<li class="dropdown-submenu dropend">
								<a class="dropdown-item py-2 mb-1 fw-light text-dark link-primary" href="/about">
									About Us
								</a>
								{{-- <a class="dropdown-item " href="{{url('consultancy/in')}}">
									<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/india.svg" alt="india" class="me-2">India
								</a> --}}
								{{-- <ul class="dropdown-menu" data-bs-popper="none">
									<li> <a class="dropdown-item" href="{{url('consultancy/in/jaipur')}}">
										<img data-original="{{ asset('/') }}frontend/primary-theme/assets/images/home/jaipur.png" alt="uk" class="me-2">Jaipur</a> </li>
								</ul> --}}
							</li>
							<li> 
								<a class="dropdown-item py-2 fw-light text-dark link-primary" href="/contact">
									Contact Us
								</a>
							</li>
							<li> 
								<a class="dropdown-item py-2 fw-light text-dark link-primary" href="/faq">
									FAQ
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-item dropdown"><a class="nav-link py-1 py-sm-3 fw-light text-dark link-primary custom-menu" href="{{url('blog')}}">Blogs</a></li>
					

					{{-- <li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle " href="#" id="demoMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">More</a>
						<ul class="dropdown-menu" aria-labelledby="demoMenu">
							<li> <a class="dropdown-item " href="#">About Us</a></li>
							<li> <a class="dropdown-item " href="#">Contact Us</a></li>
							<li> <a class="dropdown-item " href="#">Privacy Policy</a></li>
						</ul>
					</li> --}}
					{{-- <li class="nav-item dropdown"><a class="nav-link" href="#">About Us</a></li>
					<li class="nav-item dropdown"><a class="nav-link" href="#">Contact Us</a></li> --}}
					{{-- <li class="nav-item dropdown"><a class="nav-link" href="#">About</a></li>--}}
				</ul>
				<!-- Nav Main menu END -->

				<!-- Nav Search START -->
				<div class="nav my-3 my-xl-0 px-4 flex-nowrap align-items-center">
					<div class="nav-item w-100">
						<form class="position-relative" method="GET" action="{{ route("website.search.data") }}">
							<input class="form-control pe-5 bg-transparent" id="mainsearch" type="search" placeholder="Search" aria-label="Search" value="{{request('search')}}" name="search"  >
							<button class="bg-transparent p-2 position-absolute top-50 end-0 translate-middle-y border-0 text-primary-hover text-reset" id="submitsearch" type="submit"  aria-label="searchbutton">
								<i class="fas fa-search fs-6 "></i>
							</button>
						</form>
					</div>
				</div>
				<!-- Nav Search END -->
			</div>
			<!-- Main navbar END -->

			<!-- Profile START -->
			{{-- {{dd( auth()->user())}} --}}
			@auth('user')
				@if (auth()->user()->role == 'candidate')
					<div class="dropdown ms-1 ms-lg-0">
						<a class="avatar avatar-sm p-0" href="javascript:;" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
							<img class="avatar-img rounded-circle" onerror="this.src='{{ url('user.jpg') }}'" src="{{ auth()->user()->candidate->photo }}" alt="avatar" >
						</a>
						<ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
							<!-- Profile info -->
							<li class="px-3 mb-3">
								<div class="d-flex align-items-center">
									<!-- Avatar -->
									<div class="avatar me-3">
										<img class="avatar-img rounded-circle shadow" onerror="this.src='{{ url('user.jpg') }}'" src="{{ auth()->user()->candidate->photo }}" alt="avatar">
									</div>
									<div>
									
										<a class="h6" href="javascript:;">{{ auth()->user()->name }}</a>
										<p class="small m-0">{{ auth()->user()->email }}</p>
									</div>
								</div>
							</li>
							<li> <hr class="dropdown-divider"></li>
							<!-- Links -->
							<li><a class="dropdown-item" href="{{ route('user.dashboard') }}"><i class="bi bi-person fa-fw me-2"></i>Profile</a></li>
							<li><a class="dropdown-item" href="/contact"><i class="bi bi-info-circle fa-fw me-2"></i>Help</a></li>
							<li>
								<a class="dropdown-item bg-danger-soft-hover" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" href="{{ route('admin.logout') }}"><i class="bi bi-power fa-fw me-2"></i>{{ __('log_out') }}
								</a>
							</li>
							<form id="logout-form" action="{{ route('logout') }}" method="POST"
							class="d-none">
							@csrf
						</form>
							<li> <hr class="dropdown-divider"></li>
							<!-- Dark mode options START -->
							{{-- <li>
								<div class="bg-light dark-mode-switch theme-icon-active d-flex align-items-center p-1 rounded mt-2">
									<button type="button" class="btn btn-sm mb-0 active" data-bs-theme-value="light">
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun fa-fw mode-switch" viewBox="0 0 16 16">
											<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
											<use href="#"></use>
										</svg> Light
									</button>
									<button type="button" class="btn btn-sm mb-0" data-bs-theme-value="dark">
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars fa-fw mode-switch" viewBox="0 0 16 16">
											<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"></path>
											<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
											<use href="#"></use>
										</svg> Dark
									</button>
									<button type="button" class="btn btn-sm mb-0" data-bs-theme-value="auto">
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch" viewBox="0 0 16 16">
											<path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>
											<use href="#"></use>
										</svg> Auto
									</button>
								</div>
							</li>  --}}
							<!-- Dark mode options END-->
						</ul>
					</div>
                @endif
			@else
			<div>
				<a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#loginpopup"><i class="fa fa-user me-2"></i>Login</a>
				{{-- <a href="{{ route('login') }}" class="btn btn-primary"><i class="fa fa-user me-2"></i>Login</a> --}}
			</div>

			@endauth
			{{--  --}}
			<!-- Profile START -->
		</div>
	</nav>
	<!-- Nav END -->
</header>

<!-- Popup modal for add lecture START -->
	@include('website.partials.modals.bookSessionModal')
	@include('website.partials.modals.authModal')

	@include('website.partials.modals.requestCallbackModal')
	@include('website.partials.modals.personalizedModal')

  {{-- <!-- Popup modal for add lecture START -->
	<div class="modal modal-xl fade custom-modal" id="personalizedplan" tabindex="-1" aria-labelledby="personalizedplan" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">		
			<div class="modal-body bg-light rounded-3 p-3 p-md-4 p-xl-5">
				<div class="row justify-content-between align-items-center px-3 px-sm-0 headerformplan">
					<!-- Course name -->
					<div class="col-12 col-lg-6 col-xl-5 mb-2 order-2 order-sm-1 px-0 px-sm-3 mt-3 mt-sm-0">
						<h1 class="mb-2 popup-banner-title">Let us know your requirements better and choose the perfect plan.</h1>
						<p>Get a golden chance to explore and experience the realistic dream of studying abroad. </p>
						<div class="my-0 my-lg-4 my-xl-5">
							<a class="h5 text-dark fw-normal my-2 my-lg-3 custom-effect d-block" href="mailto:{{$setting->email}}"><i class="text-primary fas fa-envelope me-2"></i> {{$setting->email}}</a>
							<a class="h5 text-dark fw-normal my-2 my-lg-3 custom-effect d-block" href="tel:{{$website_setting->phone}}"><i class="text-primary fas fa-phone-alt me-2"></i> {{$website_setting->phone}}</a>
						</div>
						<ul class="list-inline mb-0 mt-2 mt-lg-3">
							<li class="list-inline-item social-link"> 
								<a class="btn px-1 px-sm-2 mb-0 " href="{{$website_setting->facebook}}" target="_blank">
									<i class="fab fa-fw fa-facebook-f fs-3 text-primary"></i>
								</a> 
							</li>
							<li class="list-inline-item social-link"> 
								<a class="btn px-1 px-sm-2 mb-0 " href="{{$website_setting->instagram}}" target="_blank">
									<i class="fab fa-fw fa-instagram fs-3 text-primary"></i>
								</a> 
							</li>
							<li class="list-inline-item social-link"> 
								<a class="btn px-1 px-sm-2 mb-0 " href="{{$website_setting->twitter}}" target="_blank">
									<i class="fab fa-fw fa-twitter fs-3 text-primary"></i>
								</a>
							</li>
						</ul>
					</div>
					<div class="col-12 col-lg-6 bg-white rounded-3 p-3 p-lg-4 p-xll-5  order-1 order-sm-2">
						<form id="homePageLeadForm" class="homeplan">
							<div id="homePageLeadForm-div"></div>
							<fieldset>
								<div class="form-card">
									<h5 class="mb-3 mb-sm-4 qtitle">1. Where Is Your Preferred Destination?</h5>                                      
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="location" value="uk"  id="uk" checked>
										<label class="form-check-label d-block" for="uk">UK</label>
									</div>
									<div class="form-check rounded  mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="location"  value="usa" id="usa">
										<label class="form-check-label d-block" for="usa">USA</label>
									</div>
									<div class="form-check rounded  mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="location"  value="canada" id="canada" >
										<label class="form-check-label d-block" for="canada">Canada</label>
									</div>
									<div class="form-check rounded  mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="location"  value="australia" id="australia">
										<label class="form-check-label d-block" for="australia">Australia</label>
									</div>
								</div>
								<button type="button" name="next" class="next btn btn-sm btn-primary float-end mt-3">Save & Go Next <i class="bi bi-arrow-right ms-1 align-middle"></i></button>
							</fieldset>
							<fieldset>
								<div class="form-card">
									<h5 class="mb-3 mb-sm-4 qtitle">2. What Is Your Desired Academic Course?</h5>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="level" value="undergraduate" id="undergraduate" checked>
										<label class="form-check-label d-block" for="undergraduate">Undergraduate</label>
									</div>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="level" value="PostGraduate" id="PostGraduate">
										<label class="form-check-label d-block" for="PostGraduate">Post Graduate</label>
									</div>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="level" value="PhD" id="PhD" >
										<label class="form-check-label d-block" for="PhD">PhD</label>
									</div>
								</div>                                
								<button type="button" name="next" class="next btn btn-sm btn-primary float-end mt-3 mb-0">Save & Go Next <i class="bi bi-arrow-right ms-1 align-middle"></i></button>
								<button type="button" name="previous" class="previous btn btn-sm btn-primary float-end mt-3 me-2 mb-0"><i class="bi bi-arrow-left ms-1 align-middle"></i> Previous</button>
							</fieldset>
							<fieldset>
								<div class="form-card">
									<h5 class="mb-3 mb-sm-4 qtitle">3. When Do You Want to Start the Journey?</h5>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="journey" value="sept-23" id="sept-23" checked>
										<label class="form-check-label d-block" for="sept-23">Sept 2023</label>
									</div>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="journey" value="jan-24" id="jan-24">
										<label class="form-check-label d-block" for="jan-24">Jan 2024</label>
									</div>
									<div class="form-check rounded mb-3 mb-lg-4 p-0">
										<input class="form-check-input m-0 mx-3 mt-3" type="radio" name="journey" value="sept-24" id="sept-24" >
										<label class="form-check-label d-block" for="sept-24">Sept 2024</label>
									</div>
								</div> 
								<button type="button" name="next" class="next btn btn-sm btn-primary float-end mt-3 mb-0">Save & Go Next</button>
								<button type="button" name="previous" class="previous btn btn-sm btn-primary float-end mt-3 me-2 mb-0"><i class="bi bi-arrow-left ms-1 align-middle"></i> Previous</button>
							</fieldset>
							<fieldset>
								<div class="form-card">
									<h5 class="mb-3 mb-sm-4 qtitle">4. Enter Details to Achieve Your Dream University. </h5>                         
										<div class="row">
											<div class="col-12 mb-3 mb-lg-4">
												<div class="input-group input-group-lg rounded">
													<span class="input-group-text bg-white rounded-start border-0 text-secondary px-3"><i class="far fa-user"></i></span>
													<input name="name" id="name"  class="field form-control border-0 bg-white rounded-end ps-1 " type="text" placeholder="Full Name">
												</div>
											</div>
											<div class="col-12 mb-3 mb-lg-4">
												<div class="input-group input-group-lg rounded">
													<span class="input-group-text bg-white rounded-start border-0 text-secondary px-3"><i class="far fa-envelope"></i></span>
													<input type="text" id="email"  name="email" class="field form-control border-0 bg-white rounded-end ps-1 " placeholder="Email Address" >
												</div>
											</div>        
											<div class="col-12 mb-3 mb-lg-4">
												<div class="row">
													<div class="col-5 col-lg-4 pe-0">
														<div class="d-flex bg-white rounded-start input-group input-group-lg rounded align-items-center">                                                            
															<span class="text-secondary ps-3 pe-2"><i class="fas fa-globe"></i></span>
															<select class="border-0 form-select bg-white text-secondary px-2 me-2" id="countrySelect" name="country">
																<option >Country</option>
																<option value="+91">+91</option>
															</select>
														</div>
													</div>
													<div class="col-7 col-lg-8">
														<div class="input-group input-group-lg rounded">
															<span class="input-group-text bg-white rounded-start border-0 text-secondary px-3"><i class="fas fa-fw fa-phone-alt "></i></span>
															<input type="text" id="number" value="" name="phone" class="field form-control border-0 bg-white rounded-end ps-1" placeholder="Number" >                                                    
														</div>
													</div>
												</div>
											</div>
										</div>              
										<button type="submit" id="" class="btn btn-sm btn-primary d-block float-end"> Submit  
											<div class="spinner-border spinner-border-sm text-light" role="status" id="loader" style="display:none">
												<span class="visually-hidden">Loading...</span>
											</div>
										</button>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>		
		</div>
		</div>
  </div>
  <!-- Popup modal for add lecture END --> --}}

  

<link rel="preconnect" href="https://fonts.gstatic.com" onload="this.onload=null;this.rel='stylesheet'" crossorigin>
{{-- <link rel="stylesheet" as="style" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap?v={{env('ASSET_VERSION')}}"> --}}
<link
    rel="preload"
    href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap?v={{env('ASSET_VERSION')}}"
    as="style"
    onload="this.onload=null;this.rel='stylesheet'"
/>

<link
    rel="preload"
    href="{{ asset('frontend/primary-theme') }}/assets/vendor/font-awesome/css/all.min.css?v={{env('ASSET_VERSION')}}"
    as="style"
    onload="this.onload=null;this.rel='stylesheet'"
/>
<link
    rel="preload"
    href="{{ asset('frontend/primary-theme') }}/assets/vendor/bootstrap-icons/bootstrap-icons.css?v={{env('ASSET_VERSION')}}"
    as="style"
    onload="this.onload=null;this.rel='stylesheet'"
/>