.services-heading{
	float: left;
	clear: both;
	width: 100%;
	padding: 100px 0px; 
}
.services-section{
	background: url('../images/services/bg.jpg');
	background-size: cover;
	background-position: top left;
	float: left;
	clear: both;
	width: 100%;
	padding: 80px 0px;
	position: relative;
	z-index: 1;
	animation: services-section 20s infinite ease-in-out;
	overflow: hidden;
}
@keyframes services-section {
	50%{
		background-position: top right;
	}
}
.services-section:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--color);
	opacity: 0.95;
}
.services-box{
	width: 100%;
	padding: 20px 20px;
	position: relative;
	z-index: 1;
	min-height: 100%;
}
.services-box:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	z-index: -1;
	border-top: 1px solid white;
	transition: 0.5s;
}
.services-box:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	z-index: -1;
	border-bottom: 1px solid white;
	transition: 0.5s;
}
.services-box:hover:before{
	width: 50%;
}
.services-box:hover:after{
	width: 50%;
}
.services-box p{
	text-align: justify;
}