body{

	background-color:white;
	scroll-behavior: smooth;
	margin-bottom: -21px;
}

#navbar{
	background: none;
	border: none; 
	color: white;
}

.dark{
	background-color: #020243 !important;
  border-color: #020243 !important;
    transition: all 1s ease;
}

.navbar-brand{
	color: white !important;
}

.navbar-brand > a{
	text-decoration: none;
	color: white;
}

.nav > li > a{
	color: white !important;
	font-weight: bold !important;
}

.contain-slideshow{
	margin-top:0px;
	width: 100%;
	height: auto;
	background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size:100% 100%;
	padding-left: 17px;
	animation-name: properties;
	animation-duration: 35s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-delay: 5s;
	animation-direction: alternate-reverse;
	animation-timing-function: ease-in-out;

}

/*Section for animation keyframes*/

@keyframes properties{

	0%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home1.jpg');
	}20%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home2.jpg');
	}40%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home3.jpg');
	}60%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home4.jpg');
	}80%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home5.jpg');
	}90%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home6.jpg');
	}100%{
		background-image: linear-gradient(45deg, #03031aba, #03031abd, #09095100), url('images/home1.jpg');
	}

}

/*End of section for animation*/


.hello{
	margin-top:151px;color:gold;font-weight: bold;
}

.hello-p{
	color:white;line-height: 24px;
}

.hello-learn{
	background-color: goldenrod;border-color: goldenrod;color: white;
}

.hello-learn:hover{
		background-color: #020243;border-color: #020243;color: white;

}


.cove{
	margin-top:-150px;
}
.row-slide{
	margin-bottom: 200px;
}

.rating{
	width:90px;height: 90px;background-color: white;border-radius: 115px;padding-left: 14px;padding-top: 2px;
}

.large-rating{
	width:90px;height: 90px;background-color: navy;border-radius: 115px;padding-top: 10px;padding-left: 0px;
}
.over{
	text-align: center;color: white;font-weight: bold;
}

.naira{
	color:white;align-content: center;text-align: center;font-weight: bold; font-size: 16px;
}
.sector{
	color:white;font-size: 15px;font-weight: bold;margin-top: 12px;
}

/*Section for mobile view*/


	
	@media(max-width: 810px){

		.cove{
			margin-top: -61px;
		}
		.sector{
			text-align: center;
		}


		.row-slide{
				margin-bottom: 160px;
			}

	}


		@media(max-width: 360px){

		.cove{
			margin-top: 10px !important;
		}

	}

/*end of section for mobile view*/

.cover{
	background-color:#020243; box-shadow: 0px 0px 7px 2px #e7e1e1;width: 100%;
}

.second-cover{
	background-color:white;border-radius: 0px 0px 43px 0px; background-color: white; height: auto;width: 100%;padding: 0px 5px 5px 5px;
	padding-top: 12px;
}

.cover-img{
	width:100%;height:250px;object-fit: contain;
}

.cover-text{
	color:#020243;font-weight: bold;text-align: center;
}

.p-cover{
	line-height: 20px;

}

.contain-p{
		height: 220px;
  position: relative;
  overflow-y: auto;
  margin-bottom: 46px;
  overflow-x: hidden;
}


.contain-p2{
		height: 150px;
  position: relative;
  overflow-y: auto;
  margin-bottom: 46px;
  overflow-x: hidden;
}
.cover-btn{
	background-color:#020243;color: white;border-color: #020243;
}

.cover-btn:hover{
	background-color:goldenrod;color: white;border-color: goldenrod;
}


.p-cover-btn{
	text-align:center;
}

.container-3{
	width:100%; 
	box-shadow: 0px 0px 7px 2px #e7e1e1;
	margin-top: 50px;
	margin-bottom: 50px;
	height: auto;
	background-image: linear-gradient(45deg, #ffffff00, #000000cc), url(images/home2.jpg) !important;
	background-position: center;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.col-container-3{
	background-color:#020243;
	height: 500px; 
	border-radius: 0px 0px 400px 0px; 
	margin-left: -14px;
	padding: 70px 0px 0px 24px;
}

.container-3-h1{
	color:goldenrod;
	font-weight: bold;
}

.container-3-p{
	color:white;
	line-height: 24px;
}

.container-a-3{
	background-color:goldenrod;margin-top:10px;color: white;border-color: goldenrod;border-radius: 26px;
}


.container-a-3:hover{
	background-color:white;margin-top:10px;color: black;border-color: white;border-radius: 26px;
}

.steps{
	text-decoration: underline; color:#020243; font-weight:bold; text-align: center;
}
.contain-footer{
	width:100%;background-color:#020243;margin-top: 50px;
	height: auto;
}
.h-footer{
	color:goldenrod;
}

.ul-footer{
	color:white;
}
.p-footer{
	color:white;
}
.navbar-footer{
	background-color:#020243;border-color: #6f6464;border-left: none;
}