*
{
	margin: 0;
	padding: 0;
	font-family: arial,sans-serif;
}

body
{
	background-color: #f0ffcc;
}

.container
{

	width: 70%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.courses
{
	width: 32%;
	background-color: darkgreen;
	height: 400px;
}

/*----------------Basic Courses------------------*/


.basic_card
{
	width: 100%;
	background-color: #92b342;
	box-shadow: 3px 3px 15px grey;
	border: 3px solid white;
}

.b_title
{
	width: 100%;
	background-color: #3b4a19;
	text-align: center;
	color: white;
	height: 50px;
	line-height: 50px;
}

.b_line
{
	border: none;
	margin: 10px 0px 10px 0px;
	background-color: yellow;
	height: 3px;

}

.basic_img
{
	width: 100%;
	margin: 0px 0px 10px 0px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

.b_detail
{
	padding: 15px;
	text-align: center;
}


/*----------------Job Courses------------------*/


.job_card
{
	width: 100%;
	background-color: #9fccff;
	box-shadow: 3px 3px 15px grey;
	border: 3px solid white;
}

.j_title
{
	width: 100%;
	background-color: #223c59;
	text-align: center;
	color: white;
	height: 50px;
	line-height: 50px;
}

.j_line
{
	border: none;
	margin: 10px 0px 10px 0px;
	background-color: white;
	height: 3px;
	
}


.job_img
{
	width: 100%;
	margin: 0px 0px 10px 0px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

.j_detail
{
	padding: 15px;
	text-align: center;
}


/*----------------special Courses------------------*/


.special_card
{
	width: 100%;
	background-color: #f0baff;
	box-shadow: 3px 3px 15px grey;
	border: 3px solid white;
}

.s_title
{
	width: 100%;
	background-color: #602571;
	text-align: center;
	color: white;
	height: 50px;
	line-height: 50px;
}

.s_line
{
	border: none;
	margin: 10px 0px 10px 0px;
	background-color: white;
	height: 3px;
	
}


.special_img
{
	width: 100%;
	margin: 0px 0px 10px 0px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

.s_detail
{
	padding: 15px;
	text-align: center;
}