*{
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
.menu-list li{list-style: none;}

.content{
	max-width: 1250px;
	padding: 0 30px;
	margin: auto;
}
.navbar-p .content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.navbar-p .menu-list{
	display: flex;
}
.navbar-p{
	z-index: 5;
	width: 100%;
	padding: 10px 0;
	background: white;
	background-image: linear-gradient(to bottom, white 0%, white 80%, white 40%, transparent 100%);
}
.fixed{
	position: fixed;
	opacity: 0.99;
}

.navbar-p .logo a{
	color: black;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
}
.menu-list li a{
	color: #212121;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	margin-left: 25px;
	transition: all 0.3s ease;
}
.menu-list li a:hover{
	color: #2FA59B;
}

.icon{
	color: black;
	font-size: 25px;
	cursor: pointer;
	display: none;
}
.icon.cancel-btn{
	position: absolute;
	right: 30px;
	top: 20px;
}
@media screen and (max-width: 1000px){
	.icon{
		display: block;
	}
	.icon .fas{
		
		font-size: 50px;
	}
	.icon.hide{
		display: none;
	}
	.navbar-p .menu-list{
		display: block;
		position: fixed;
		height: 100vh;
		top: 0;
		left: -100%;
		background: white;
		width: 100%;
		max-width: 400px;
		padding: 40px 0;
		text-align: center;
		transition: all 0.3s ease;

	}
	.navbar-p .menu-list.active{
	left: 0%;
	}

	.navbar-p .menu-list li{
		margin-top: 45px;
	}
	.navbar-p .menu-list a{
		font-size: 30px;
		font-weight: 500;
	}
}
@media screen and (min-width: 300px) and (max-width: 500px){
	.navbar-p .logo{
	width: 60%;}
	.icon .fas{
		width: 25px;
		font-size: 30px;
	}
}