*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body{
	overflow-x: hidden;
}


.container{
	margin:auto;
	width:80%;
}
.background{
	background-color:#e6e6eec2;
}

.first{
	background-color: orange;
	border-radius: 5px;
}
.icon{
	border-radius: 10px;
	background-color: orange;
	padding: 3px 9px 0px 9px;
	
}
.menu-list{
	display: inline;

}

.menu-list li{
	display: inline;
}
.contact{
	background-color:#e6e6eec2 ;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}
.pricing{
	background-color:#e6e6eec2 ;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}







.About{
	background-color:#e6e6eec2 ;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}
.loginbutton{
	background-color: orange;
	border-radius: 5px;
	border-color:orange;
	border: none;
	color: white !important;
	display: inline-block;
	text-align: center;
	padding: 10px 20px;
}


/**************************************/
.sign-up{
	text-align: right;
}


.sign-up a{
	text-decoration: none;
	padding: 10px 20px;
	color: black;

}



.students{
	margin-top: 100px;
}

.longbox{
margin-top: 70px;
background-color:whitesmoke;
padding: 30px 20px 20px 30px;
border-radius: 10px;
}

.longbox input[type="text"]{
	display: block;
	width: 90%;
	margin-top: 2px;
	margin-left: 20px;

	margin-bottom: -30px;
	border: none;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 10px;
	background-color:#e6e6eec2;
}
.longbox button{
	color:#f7f7f8;
	background-color: orange;
	border-color: orange;
	border-radius: 5px;
	border: none;
	display: block;
	width: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
}


.web{
	
	border-radius: 5px;
	background-color: whitesmoke;
	padding: 20px 10px 30px 25px;
	margin-right:40px;
	

}


.imagebox{
	background-color:whitesmoke;
	padding:20px  ;
/*	margin-top: -12px;*/
/*	margin-right: 40px;*/
margin-left:10px;
	border-radius: 5px;
}


.imagebox img{
	background-color: lightgrey;
	border-radius: 5px;

}

.imagebox .read{
	background-color:#e6e6eec2;
/*	margin-left:270px;*/
	margin-bottom: 40px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	border: 1px solid lightgray;
	text-align: center;

}
.Arrow i{
	border-radius: 5px;
	border-color: whitesmoke;
	border: none;
	background-color: whitesmoke;
	margin-right: 8px;
	padding:3px 5px 3px 5px;

}

.final{
	background-color: whitesmoke;
	margin-top: 70px;
	padding-top: 20px;
	padding-left: 80px;
	padding-right: 80px;


}
.icon1{
	border-radius: 10px;
	background-color: orange;
	padding: 3px 9px 0px 9px;

}
.icons2 ul li {
	display:inline;

}
.icons2 ul li a{
background-color:#e6e6eec2 ;
	border-radius:10px;

	padding:5px 10px 5px 10px;
}










.box{
	background-color: whitesmoke;
	border-radius: 5px;
	padding: 35px 10px 10px 35px;
}
.diamond{
	color: orange;
	background-color:lightyellow;
	border-radius: 5px;
	padding: 10px 10px 5px 10px;
	border:1px solid yellow;
}
.back{
	background-color: whitesmoke;
	border-radius: 5px;
	padding: 35px 10px 10px 35px;
	
}
.join{
border-radius: 10px;
	background-color: orange;
	padding: 10px 10px 10px 10px;
	color: white;
	text-align: center;
	
}






.About{
	background-color:#e6e6eec2 ;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}
.boxcolor{
	background-color: whitesmoke;
	border-radius: 5px;
margin-top: 70px;
padding: 30px 50px 30px 20px;


}

.boxcolor input{
	background-color:#e6e6eec2  ;
	border-radius: 5px;

	border: none;
	border: 1px solid lightgrey;
	width: 85%;
	padding: 5px 5px 5px 8px;
	margin-left: 5px;

}
input.bigbox{
	padding-bottom: 100px;
}

.onebutton{
	background-color: orange;
	border-radius: 5px;
	border: none;
    color: white;
}
.shade{
	background-color:#e6e6eec2  ;
	border: none;
	border: 1px solid lightgray;
	border-radius: 5px;
	
	padding: 20px 0px 20px 0px;
	

}



.contact-bg i{
	background-color:#e6e6eec2  ;
	border-radius: 5px;
	border: 1px solid lightgray;
	padding:3px 5px 3px 5px;
}
.threeicons ul li{
	display: inline;
}

.threeicons ul li a{
background-color:#e6e6eec2 ;
	border-radius:10px;
border: 1px solid lightgray;
	padding:5px 10px 5px 10px;
}





.Home{
	background-color:#e6e6eec2 ;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}
.light{
	background-color:lightyellow;
	border-radius: 5px;
}
.unlock{
	font-size:30px;
	background-color: whitesmoke;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	border: none;
	border-color: whitesmoke;
}
.explore{
	background-color: orange;
	border-radius: 5px;
	border-color: orange;
	border: none;
	color: white;
	padding: 10px 10px 10px 10px;
}	
.View{
	background-color:whitesmoke;
	border-radius: 5px;
	
	border: none;
	padding: 10px 10px 10px 10px;
}


.logos{
	background-color: whitesmoke;
	padding: 30px 40px 30px 40px;
}

.bgimage{
	background-image:url('../images/img2.jpg');
 	height:300px;
 	background-position: center;
 	background-size:cover;
 	position: relative;
 	border-radius: 5px;


} 	

.bgimage i{
	color: white;
	font-size: 30px;
	position: absolute;
right:550px;
bottom: 100px;
	
}


.spotify {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.spotify li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.circle{
	background-color: lightgray;
	border-radius: 50%;
	padding: 5px 10px 5px 10px;
}
.sixbox{
	background-color: whitesmoke;
	border-radius: 5px;
	padding: 10px 10px 20px 30px;

}
.sixarrow{
	background-color:#e6e6eec2 ;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
/*	margin-left: 280px;*/

}

.radius{
	border-radius: 5px;
/*	margin-left:20px;*/
	width:90%;
/*	height: auto;*/
margin: auto;
}
.software{
	background-color: whitesmoke;
	border-radius: 5px;
/*	padding: 20px 5px 10px 20px;*/
	width:95%;
margin: auto;
padding-bottom: 20px;
}
.threesmall{
	border: 1px solid lightgrey;
	border-radius: 5px;
/*	margin-right:-20px;*/

}
.Getit{
	background-color:#e6e6eec2;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 7px 7px;
	margin-right: 35px;
	margin-left: 20px;

}
.fourbox{
	border-radius: 5px;
	background-color: whitesmoke;
	padding: 30px 10px 30px 25px;

	
}
.fourimage {
	background-color:whitesmoke;
	padding-left:30px ;
padding-top:15px;
padding-bottom: 5px;
margin-top: -14px;
}
.fourimage img{
	background-color: lightgrey;
	border-radius: 5px;

}
.fourimage .read{
	background-color:#e6e6eec2;
/*	margin-left:220px;*/
	margin-bottom: 40px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	border: 1px solid lightgray;
	text-align: center;
}
.Yearly{
	background-color:whitesmoke;
	border-radius: 5px;
	text-align: right;
	width: 50%;
	margin-left: auto;
	padding: 10px 20px 0px 20px;
}
.Monthly{
	background-color:orange;
	border-radius: 5px;
	margin-bottom:10px;
	border: none;
	padding: 5px 5px 5px 5px;
	color: white;
}
.year{
	border: none;
	background-color:whitesmoke ;
}
.twobox{
	background-color:whitesmoke ;
	padding: 20px 40px 40px 40px;
	border-radius: 5px;

}

.double{
	background-color:#e6e6eec2 ;
padding:40px 40px 10px 40px;
margin-top: 30px;
border: 1px solid lightgray;

}
.free{
	background-color: lightyellow;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	margin-left:-20px;
	margin-right:-20px;
}
.whitebox{
background-color: whitesmoke;
border-radius: 5px;
border: 1px solid lightgrey;
margin-left:-20px;
	margin-right:-20px;
}
.threeborder{
	background-color:snow;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	border: 1px solid lightgrey;

	
}
.iconbg{
	background-color: lightyellow;
	border: 1px solid lightgrey;
	
	border-radius: 5px;
}
.orangebutton{
	background-color: orange;
	border-radius: 2px;

	width: 100%;
	border: none;
	padding: 10px 20px 10px 20px;
}

.onebox{
	background-color: whitesmoke;
	border-radius: 5px;
	padding: 40px 40px 40px 40px;
	
}
.See{
	border: 10px;
	background-color: whitesmoke;
	border: 1px solid lightgrey;
}
.wrong{
	background-color: lightyellow;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;

}
.enroll{
	background-color:#e6e6eec2  ;
	border-radius: 5px;
	padding: 10px 20px 10px 20px;
}
.smallcircle{
	background-color: whitesmoke;

	border-radius: 50%;
}







/*mobile*/
@media only screen and (min-width:350px)and(max-width:469px) {

.menu-list {
display: block ;
}
.menu-list li{
	display:block !important;
}
.spotify{
	display: block;
}
.spotify li{
/*	display: block;*/

}



}