*{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: black;
}

body{
	background-color: black;
	font-family: arial;
}

.main{
	width: 1170px;
	margin: auto;
}

.outer_header{
	background-color: #343130;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 17px;
	box-sizing: border-box;
	font-size: 22px;
}

.header_left{
	display: flex;
	align-items: center;
	gap:15px;
}

.header_right{
	display: flex;
	align-items: center;
	gap:15px;
}

.header_left_text a{
	color: white;
}

.header_right_text a{
	color: white;
}

.outer_nav{
	background-color: white;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 10px 40px;
}

.outer_menu{
	display: flex;
	gap:70px;
	padding-bottom: 15px;
}

.logo img{
	width: 170px;
}

.menu{
	font-weight: bold;
	font-size: 20px;
}

.menu_active{
	color: #00a8ec;
}

.menu:hover a{
	color: #00a8ec;
	text-decoration: underline;
}

.outer_courses{

	background-color: #F1F0EF;
	padding: 20px 20px 0px 20px;
	box-sizing: border-box;
}

.inner_courses{
	background-color: white;
	display: flex;
	justify-content: space-between;
}

.course_right{
	flex-basis: 840px;
	margin: 0px 15px;
	background-color: #F1F0EF;
}

.course_left{
	flex-grow: 1;
}

.course_image img{
	width: 100%;
	padding-bottom: 15px;
}

.outer_left_menu{
	font-weight: bold;
	font-size: 20px;
	padding-left: 15px;
	text-align: center;
	box-sizing: border-box;
}

.menu_left{
	background-color: #00a8ec;
	padding: 10px 15px;
	margin-top: 5px;
	box-sizing: border-box;
}

.menu_left a{
	color: white;
}

.outer_left_news{
	padding-left: 15px;
	box-sizing: border-box;
	margin-top: 15px;
}

.news_heading{
	border-radius: 10px 10px 0px 0px;
	background-color: #ef9c00;
	text-align: center;
	color: white;
	padding: 15px;
}

.news_content{
	border: 1px solid black;
	border-top: 0px;
	box-sizing: border-box;
}

.news_content ul{
	list-style: none;
}

.news_content li{
	padding: 10px;
	margin-bottom: 10px;
}

.news_content ul li img{
	margin-right: 5px;
	border-radius: 50%;
}

.course_heading{
	background-color: #F1F0EF;
	color: #00a8ec;
	padding: 15px;
	display: inline-block;
}

.all_courses{
	background-color: white;
}

.all_outer_courses{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.courses{
	flex-basis: 50%;
	/*display: flex;*/
	align-items: center;
	/*color: #e6611c;*/
	margin-top: 15px;
}

.icon{
	margin: 0px 0px 15px 10px;
}
.icon img{
	width: 40px;
	background: #e6611c;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}

.icon h3{
	font-size: 22px;
	margin-top: 8px;
	margin-left: 10px;
	color: #e6611c;
}
.adv-php img{
	background-color: #5e5da4;
}
.adv-php h3{
	color: #5e5da4;
}
.py img{
	background-color: #7bb1e0;
}
.py h3{
	color: #7bb1e0;
}
.android img{
	 background-color: #89c222;
}
.android h3{
	color: #89c222;
}
.digi img{
	background-color: #5e5da4;
}
.digi h3{
	color: #5e5da4;
}
.graphics img{
	background-color: #d60726;
}
.graphics h3{
	color: #d60726;
}
.wordpress img{
	background-color: #e6611c;
}
.wordpress h3{
	color: #e6611c;
}
.seo img{
	background-color: #308a7c;
}
.seo h3{
	color: #308a7c;;
}

.android{
	margin-bottom: 20px;
}

/*css for cousre title on the home */
/*CSS FOR how we work container*/

.work_container{
	text-align: center;
	color: #00A8EC;
	padding: 20px;
	font-size: 30px;
	font-weight: bold;
}

.work_type{
	display: flex;
	flex-wrap: wrap;
	/*gap:2px;*/
	justify-content: space-between;
	background-color: white;
}

.how1{
	font-size: 30px;
	font-weight: bold;
	background: url('../images/how/HOW-WE-WORK1.png') no-repeat;
	height: 220px;
	width: 270px;
	background-color: #C96D8A;
	background-position: center bottom;
	text-align: center;
	color: white;
	word-spacing: 5px;
	text-shadow: 0px 0px 5px black;
	padding-top: 60px;
	box-sizing: border-box;
}

.how2{
	font-size: 30px;
	font-weight: bold;
	background: url('../images/how/HOW-WE-WORK2.png') no-repeat;
	background-color: #ED728D;
	height: 220px;
	width: 270px;
	background-position: center bottom;
	text-align: center;
	color: white;
	word-spacing: 5px;
	text-shadow: 0px 0px 5px black;
	padding-top: 60px;
	box-sizing: border-box;
}

.how3{
	font-size: 30px;
	font-weight: bold;
	background: url('../images/how/HOW-WE-WORK3.png') no-repeat;
	background-color: #F1A060;
	height: 220px;
	width: 270px;
	background-position: center bottom;
	text-align: center;
	color: white;
	word-spacing: 5px;
	text-shadow: 0px 0px 5px black;
	padding-top: 60px;
	box-sizing: border-box;
}

.how4{
	font-size: 30px;
	font-weight: bold;
	background: url('../images/how/HOW-WE-WORK4.png') no-repeat;
	background-color: #F6C567;
	height: 220px;
	width: 270px;
	background-position: center bottom;
	text-align: center;
	color: white;
	word-spacing: 5px;
	text-shadow: 0px 0px 5px black;
	padding-top: 60px;
	box-sizing: border-box;
}

.work{
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 6px;
}

/*CSS FOR how we work container*/
/*footer css starts here*/

.footer{
	background-color: #343130;
	font-size: 20px;
	color: white;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	padding: 26px 55px 0px 55px;
}

.quick_links{
	letter-spacing: 1px;
}

.container h2{
	padding-bottom: 35px;
}

.footer ul li a{
	color: white;
}

.footer ul{
	list-style: none;
}

.container ul li{
	margin-bottom: 25px;
	padding-left: 15px;
	box-sizing: border-box;
}

.train_cont{
	padding-top: 70px;
	box-sizing: border-box;
}

.footer_contact li{
	font-size: 21px;
}

.icons{
	display: flex;
	flex-wrap: wrap;
}

.icons li img{
	width: 43px;
}

.copy_right{
	height: 45px;
	width: 1170px;
	background: #302d2c;
	color: white;
	font-size:22px;
	padding-top: 10px;
	text-align: center;
}
/*Home Page End Here*/

/*About Us Page Start Here*/

.middle_right{
	padding-left: 20px;
	box-sizing: border-box;
	width: 870px;
	float: right;
	min-height: 750px;
}

.page_status{
	width: 96%;
	height: 30px;
	background: white;
	padding: 15px;
	margin-bottom: 15px;
}
.page_status h1{
	width: 300px;
	height: 30px;
	float: left;
	color: #343130;
	
}
.page_status h2{
	float: right;
	height: 30px;
	color: #343130;
	
}
.page_status h2 i{
	color: #00a8ec;
	cursor: pointer;
}
.about_content p{
	margin-top: 22px;
	font-size: 18px;
	word-spacing: 2px;
	}

/*About Us Page End Here*/

/*courses page start here*/

.course-content{
	padding: 10px 30px 0px 30px; 
}

.row1{
	width: 800px;
	height: 250px;

}

.course_1{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:30px;
}

.course_1_icon{
	width: 210px;
	height: 140px;
	background: #e6611c; 
	padding-top: 20px;
}

.icon_1{
	width: 87px;
	height: 80px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 20px;
	padding-top: 20px;
}

.c_1{
	padding: 5px 0px 5px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color:  #e6611c;
	font-size: 22px;
	text-align: center;
	border:1px #e6611c solid;
	border-radius: 0px 0px 5px 5px;
}

/*For  python*/

.course_2{
	width: 210px;
	height: 230px;
	float: left;	
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_2_icon{
	width: 210px;
	height: 140px;
	background: #7bb1e0; 
	padding-top: 20px;
}

.icon_2{
	width: 87px;
	height: 80px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 15px;
	padding-top: 20px;
}

.c_2{
	padding: 15px 0px 5px 0px;
	background: white;
	height: 40px;
	width: 208px;
	color:  #7bb1e0;
	font-size: 22px;
	text-align: center;
	border:1px #7bb1e0 solid;
	border-radius: 0px 0px 5px 5px;
}

/*For  Advance PHP*/

.course_3{
	width: 210px;
	height: 230px;
	float: left;	
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_3_icon{
	width: 210px;
	height: 140px;
	background: #5e5da4; 
	padding-top: 20px;
}

.icon_3{
	width: 87px;
	height: 80px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 15px;
	padding-top: 20px;
}

.c_3{
	padding: 15px 0px 5px 0px;
	background: white;
	height: 40px;
	width: 208px;
	color:  #5e5da4;
	font-size: 22px;
	text-align: center;
	border:1px #5e5da4 solid;
	border-radius: 0px 0px 5px 5px;
}

/*for seo*/

.course_4{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:30px;
}

.course_4_icon{
	width: 210px;
	height: 140px;
	background: #308a7c;; 
	padding-top: 20px;
}

.icon_4{
	width: 87px;
	height: 90px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 20px;
	padding-top: 10px;
}

.c_4{
	padding: 5px 0px 5px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color:  #308a7c;
	font-size: 22px;
	text-align: center;
	border:1px #308a7c solid;
	border-radius: 0px 0px 5px 5px;
}

.course_5{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_5_icon{
	width: 210px;
	height: 140px;
	background: #89c222;; 
	padding-top: 20px;
}

.icon_5{
	width: 87px;
	height: 90px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 20px;
	padding-top: 10px;
}

.c_5{
	padding: 5px 0px 5px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color:  #89c222;
	font-size: 22px;
	text-align: center;
	border:1px #89c222 solid;
	border-radius: 0px 0px 5px 5px;
}

/*graphic*/

.course_6{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_6_icon{
	width: 210px;
	height: 140px;
	background: #d60726;; 
	padding-top: 20px;
}

.icon_6{
	width: 87px;
	height: 90px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 20px;
	padding-top: 10px;
}

.c_6{
	padding: 4px 0px 5px 0px;
	background: white;
	height: 52px;
	width: 208px;
	color:  #d60726;
	font-size: 24px;
	text-align: center;
	border:1px #d60726 solid;
	border-radius: 0px 0px 5px 5px;
}

/*digital*/

.course_7{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:30px;
}

.course_7_icon{
	width: 210px;
	height: 140px;
	background: #5e5da4;; 
	padding-top: 20px;
}

.icon_7{
	width: 83px;
	height: 80px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 25px;
	padding-top: 20px;
}

.c_7{
	padding: 10px 0px 5px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color:  #5e5da4;
	font-size: 23px;
	text-align: center;
	border:1px #5e5da4 solid;
	border-radius: 0px 0px 5px 5px;
}

/*wordpress*/

.course_8{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_8_icon{
	width: 210px;
	height: 140px;
	background: #e6611c;; 
	padding-top: 20px;
}

.icon_8{
	width: 87px;
	height: 85px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 12px;
	padding-top: 15px;
}

.c_8{
	padding: 13px 0px 3px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color:  #e6611c;
	font-size: 23px;
	text-align: center;
	border:1px #e6611c solid;
	border-radius: 0px 0px 5px 5px;
}

/*java*/

.course_9{
	width: 210px;
	height: 230px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	margin-left:60px;
}

.course_9_icon{
	width: 210px;
	height: 140px;
	background:darkgreen; 
	padding-top: 20px;
}

.icon_9{
	width: 87px;
	height: 90px;
	border: 10px solid white;
	border-radius: 50%; 
	margin: auto;
	padding-left: 20px;
	padding-top: 10px;
}

.c_9{
	padding: 13px 0px 3px 0px;
	background: white;
	height: 50px;
	width: 208px;
	color: darkgreen;
	font-size: 24px;
	text-align: center;
	border:1px darkgreen solid;
	border-radius: 0px 0px 5px 5px;
}

/*Gallery Page Start Here*/

.galleryimgdiv
{
	width:225px;
	height: 220px;
	margin-right:35px;
	margin-bottom:50px;
	float:left;
	border-radius: 5px;
	overflow: hidden;
}

.galleryimgdiv img{
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.gallery_img_title{
	width: inherit;
	text-align: center;
	color: #ffffff;
	font-family: arial;
	font-size: 18px;
	border-radius: 0px 0px 5px 5px;
	background:#343130;
	padding: 12px 0px 12px 0px;
}

/*Gallery Page End Here*/

/*Enquiry Page Start Here*/

.formrow
{
	margin-bottom:20px;
	width: 500px;
	margin-left: 20px;
	margin-top: 30px;	
}

.formlable
{
	float:left;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

.inputbox
{
	width:200px;
	height:30px;
	color:#5b5b5b;
	font-weight: 16px;
	padding-left: 5px;
	font-family: verdana;

	
}

.inputform
{
	font-size:12px;
	color:#5b5b5b;
}

.textarea
{
	width:200px;
	height:100px;
	color:#5b5b5b;
	font-weight: 16px;
	padding-left: 5px;
	font-family: verdana;
	
}

.button
{
	background:#09F;
	border:none;
	color:#FFF;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-radius:10px;
	margin:0px auto;
	cursor:pointer;
	margin-bottom: 35px;
}

.enq-height{
	height: 815px;
}

/*Enquiry Page End Here*/

/*Contact Us Page Start Here*/

.contact_content{
	padding: 10px 30px 0px 30px; 
	height: 750px;
	margin-bottom: 30px;
	width: 800px;	
}

.contact_row{
	width: 750px;
	padding: 0px 25px 0px 25px;
	height: 250px;
}

.contact_row_left{
	width: 320px;
	height: 250px;
	float: left;
	text-align: center;
	color: #343130;
}

.contact_row_left p{
	margin-top: 10px;
	font-size: 17px;
}

.contact_row_left img{
	width: 50px;	
}

.contact_row_right{
	margin-left: 100px;
	width: 270px;
	height: 250px;
	float: right;
	text-align: center;
	color: #343130;
}

.contact_row_right p{
	margin-top: 10px;
	font-size: 17px;
	word-spacing: 5px;
}

.contact_row_right img{
	width: 70px;
	height: 85px;	
}

.contact_map img{
	margin-top: 20px;
	width: 800px;
}

/*Contact Us Page End Here*/