body{
	margin:0;
	padding:0;
}
.header{
	background-color: black;
	color:white;
	padding: 10px 80px;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.logo{
	display:flex;
	align-items: center;
}
h1{
	padding-left: 30px;
	font-size: 35px;
	color:yellow;
}
.login{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.lg{
	background-color: green;
	height: auto;
	width:auto;
	border-radius: 5px;
	padding:15px;
	line-height: 0;
	font-size:20px;
	border:none;
	margin:5px
}
.login a{
	text-decoration: none;
	color:#fff;
}

/** menu **/
#menu{
	background-color: red;
	display: grid;
	grid-template-columns: auto 300px;
	padding:2px 80px;
}
#menu ul{
	margin:0;
	padding:0;
}
.menu-list a{
background-color: green;
display: inline-block;
list-style-type:  none;
padding:15px;
margin:-2px;
color:#fff;
text-decoration: none;
font-weight: bold;
}
.menu-list a:hover{
	background-color: black;
	color:#fff;
	}
.social-icon{
	display: grid;
	grid-template-columns: repeat(3, 40px);
	grid-gap: 5px;
	justify-content: end;
	align-items: center;
}
.social-icon a{
	height:40px;
	width:40px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	line-height:42px;
	font-size: 25px;
	color:#1373F5;
}
.social-icon a:hover{
	background-color: #050303;
	color:#f7f8fa;
}
.update{
	display: grid;
	grid-template-columns: 250px auto;
	line-height: 25px;


}

.lt_update{
	background-color:#3e4095;
	height:30px;
	padding-left:92px;
	font-weight: bold;
	color:white;
	clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%);
	shape-outside:polygon(0 0, 95% 0, 85% 100%, 0 100%);
}
.scroll{
	background-color:#f7acb0;
	height:30px;
	margin-left:-13px;
	padding-right:80px;
	clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
}
.scroll a{
	text-decoration: none;
	color:black;
	font-weight: bold;
}


/** main body**/
#main-body{
	background-color: #00aff0;
	height:540px;
	padding:20px 80px;

	display: grid;
	grid-template-columns: 80% auto;
}
.lt{
	background-color: white;
	margin-right:20px;
}
.rt{
	display: grid;
	grid-template-rows: 80px auto;
	text-align: center;
}
.top h3{
	background-color: green;
	font-size: 25px;
	margin:0;
	padding:10px 0;
	color:#fff;
}
.location{
	display:grid;
	grid-template-rows: repeat(3, 133px);
	padding:10px;
	background-color: white;
}
.box1{
	background-color: green;
}
.box1 .call{
	position:relative;
	top:0;
	left: 0;

}
.location p{
	font-size: 20px;
	text-align: center;
	margin-top:-25px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.box2{
	background-color: rgb(226, 142, 16);
}
.box3{ 

	
	background-color: rgb(108, 21, 189);
	padding:10px;
	overflow: hidden;
}


/** main image **/

.carousel-item{
	width:400px;
	height:auto;
}
.lt{
	padding:10px 10px 0 ;
}
.carousel-item h3 {
	color:#fff;
	text-shadow: 3px 3px 3px black;
}


/** slider section **/

.course{
	background-color: white; 
	height: 375px;
	width:585px;
}
.slider{
	margin:0 60px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:15px;
	align-items:stretch;
}
.carousel{
	width:585px;
}
.slide h2{
	text-align: center;
	color:#fff;
	font-size:35px;
	text-shadow: 2px 2px 2px black;
	padding-bottom: 10px;
}	

.courseMarque{
	background-color: white;
	margin:20px;
	height:auto;
}
.course_slide{

	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap:10px;
	justify-items:center;
	padding:10px;
}
.pic_slide{
	width:200px;
	height:200px;
	border:2px solid black;
}
.pic_slide p{
	text-align: center;
	line-height:160px;
	transform: rotate(-45deg);
}
.pic_slide img{
	width:100%;
}



/** form section **/
.form-sec{
	background-color: #f7acb0;
	padding: 10px 80px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:20px;
}
.boxA{
	border:2px solid black;
	background-color: #fff;
}
.form h2{
	text-align: center;
}
form{
	padding:5px 15px;
	display:grid;
	grid-template-columns: 15% auto;
	grid-gap:15px;
}
form input{
	width:440px;

}
button{
	margin:15px;
	padding:5px;
	width:545px;
	background-color: green;
	border-radius:5px;
	color:#fff;
	font-size:15px;	
}


/** service section **/
.feedback{
	background-color: #fff;
	border:2px solid black;
	padding:10px;
}
.basic-menu{
	background-color: #9e31b0;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
}
.feedback{
	background-color: #9e31b0;
	padding:20px 80px;
	border:0;
	color:#fff;
}
.feedback h2{
	font-size:35px;
	text-align:center;
	margin:0;
	font-family:calibri;
	text-shadow: 3px 3px 3px black;
}
.feedback h3{
	font-size:20px;
	margin-top:20px;
	font-family: calibri;
	font-size:25px;
}

.box a{
	text-decoration:none;
	color:#fff;
}
.box-container{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
}

.footer p{
	margin:0;
	padding:20px;
	font-family: arial;
}
.footer{
	background-color: #363435;
	text-align: center;
	color:#f7c884;
}