nav{
	display:flex;
	justify-content:space-evenly;
}
.nav-links{
	display:flex;
	list-style:none;
	width:70%;
	height:100%;
	margin:0px;
	padding:0px;
	justify-content:space-around;
	align-items:center;
}
.nav-links li a{
	color:#000;
	text-decoration:none;
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
}
.logo{
	width:223px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
@media screen and (max-width:992px){
	.nav-links{
		position:fixed;
		background:#fff;
		height:100vh;
		width:100%;
		flex-direction:column;
		clip-path:circle(100px at 90% -10%);
		-webkit-clip-path:circle(100px at 90% -20%);
		transition:all 1.5s ease-out;
		pointer-events:none;
		justify-content:center;
	}
	.nav-links.open{
		clip-path:circle(2000px at 90% -10%);
		-webkit-clip-path:circle(2000px at 90% -20%);
		pointer-events:all;
	}
	.nav-links li{
		opacity:1;
	}
	.nav-links li a{
		font-size:17px;
	}
	.nav-links li:nth-child(1){
		transition:all 0.5s ease 0.2s;
	}
	.nav-links li:nth-child(2){
		transition:all 0.5s ease 0.4s;
	}
	.nav-links li:nth-child(3){
		transition:all 0.5s ease 0.6s;
	}
	.nav-links li:nth-child(4){
		transition:all 0.5s ease 0.8s;
	}
	.nav-links li:nth-child(5){
		transition:all 0.5s ease 1s;
	}
	.nav-links li.fade{
		opacity:1;
	}
	.line1{
		width:30px;
		height:3px;
		background:#53cdfe;
		margin:5px;
		transition:all 0.4s ease;
	}
	.line2{
		width:30px;
		height:3px;
		background:#53cdfe;
		margin:5px;
		transition:all 0.4s ease;
	}
	.line3{
		width:30px;
		height:3px;
		background:#53cdfe;
		margin:5px;
		transition:all 0.4s ease;
	}
	nav{
		position:relative;
		justify-content:start;
	}
	.hamburger{
		position:absolute;
		cursor:pointer;
		right:5%;
		top:50%;
		transform:translate(-5%, -50%);
		z-index:100;
	}
	.extra-mrg-mobile{
		margin-bottom:35px;
	}
}

.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity:0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}

/* hover menu item on desktop*/
@media screen and (min-width:992px){
	.nav-links li a {
		position:relative;
	}
	.nav-links li a:after{
		position:absolute;
		content:"";
		background-color:#53cdfe;
		height:3px;
		width:0;
		left:0;
		bottom:-10px;
		transition:0.4s;
	}
/* 	.nav-links li a:hover::after{
		width:100%;
	}
	.nav-links li a:hover{
		color:#00aba3;
	} */
	.bottom-line-menu:hover::after{
		width:100%;
	}
	.bottom-line-menu:hover{
		color:#53cdfe;
	}
}
/* @media (min-width:992px) and (max-width:1200px){
	.no-show-on-some-points{
		display:none;
	}
} */