@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	font-family: montserrat;
	width: 100%;
	height: 100vh;
	
}
left{
	margin-right: 20px;
}

nav{
	background: linear-gradient(#2970e3,#071d42);
	height: 80px;
	width: 100%;
	/* border: 2px solid red; */
	
	
	

}
.bannerimg{
	width: 100%;
	/* border: 2px solid green; */
}
.bannerimg img{
	width: 100%;
	
}
.logoimg{
	color: white;	
	line-height: 80px;
	padding: 0 100px;

}
.logoimg img{
	position: absolute;
	z-index: 200;
	width: 160px;

}
nav ul{
	float: right;
	margin-right: 90px;
	z-index: 10;
	/* border: 2px solid red; */
	/* margin-top: 15px; */



}
nav ul li{
	/*display: inline-block;*/
	float: left;
	/*line-height: 80px;*/
	margin: 0 5px;
	list-style: none;
	/* border: 2px solid red; */
	margin-top: 15px;
	/* width: 50px; */
	

}
nav ul li a{
	color: white;
	font-size: 17px;
	padding: 7px 13px;
	border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;

}
a.active,.link:hover{
	background: #1b9bff;
	transition: .3s;
	color: white !important;
	text-decoration: none !important;
}
.checkbtn{
	font-size: 30px;
	color: white;
	float: right;
	line-height: 80px;
	margin-right: 40px;
	cursor: pointer;
	display: none;
}
.checkbtn2{
	font-size: 30px;
	color: white;
	float: right;
	line-height: 80px;
	margin-right: 40px;
	cursor: pointer;
	}
	


nav ul li ul{
	position: absolute;
	display: none;
	background: linear-gradient(#2970e3,#071d42);
	border-radius: 10px;
	width: 180px;
}

nav ul li ul li{
	float: none;
	
	
	
	
}
nav ul li ul li a{
	/* float: none; */
	color: white;
	font-size: 16px;
	
	
	
}
nav ul li:hover ul{
	display: block;
}
#check{
	display: none;
}



.search{	
	
		

		width: 100%;
		
		background: linear-gradient(#2970e3,#071d42);
		
		
		text-align: center;
		/* z-index: 5; */
		transition: all .5s;
	

	
	
	}
	#check2{
		display: none;
	}

.search input{

	
	width: 50%;
	height: 40px;
	margin: 20px;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 20px;
	outline: none;
	
}
.search .search-btn{

	width: 200px;
	height: 40px;
	background: #1b9bff;
	color: white;
	outline: none;
	border: none;
	cursor: pointer;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 0 50px;
	margin-bottom: 8px;


}
.search .search-btn:hover{
	background: blue;

}
.search.btn-div{
	width: 100%;
	
}





@media(max-width: 952px){
	label.logoimg{
		
		padding-left: 50px;
	}
	nav ul li a{
		font-size: 16px;

	}
}
@media(max-width: 858px){
	.checkbtn{
		display: block;
	}
	.logoimg img{
	width: 120px;

}
.search input{
	width: 90%;
	margin-top: 40px;
	
	}

	.s{
		position: fixed;
		width: 100%;
		height: 100vh;
		background: #2c3e50;
		top: 80px;
		left: -100%;
		text-align: center;
		transition: all .5s;
		z-index: 100;
		

	}
	nav ul li:hover ul{
	display: block;
	}
	nav ul li{
		float: none;
		margin: 50px 0;
		line-height: 30px;
	}
	
	nav ul li a{
		font-size: 20px;
	}
	a:hover, a.active{
		background: none;
		color: #0082e6;
	}
	#check:checked ~ul{
		left: 0;
	}
}