.slider {
  padding: 20px 0;
}

.slider .slide {
	height: 40px;
	padding-right: 120px;
	position: relative;
}

.slider .slide img {
	max-width: none;
	opacity: 0;
	transition: 0.1s ease-out;
}
.slider .slide:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: contain !important;
	opacity: 1;
	transition: 0.1s ease-out;
}
@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-2227px);
	}
}
.slider {
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider::before {
	left: 0;
	top: 0;
}
.slider .slider-animation {
	animation: scroll 40s linear infinite;
	display: flex;
	width: 4296px;
}
.slider .slider-animation:hover {
	animation-play-state: paused;
}
.slider .slide {
	height: 60px;
	padding-right: 120px;
	position: relative;
}

.slider .slide img {
	max-width: none;
	opacity: 0;
	transition: 0.1s ease-out;
}
.slider .slide:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: contain !important;
	opacity: 1;
	transition: 0.1s ease-out;
}
.slider .slider-animation:hover .slide:hover:before {
	opacity: 0;
}
.slider .slider-animation:hover .slide:hover  img{
	opacity: 1;
}
.slider .slide.addosser:before {
	background: url("../imgs/page/addosser.png") no-repeat;
}
.slider .slide.aedc:before {
	background: url("../imgs/page/aedc.png") no-repeat;
}
.slider .slide.baines:before {
	background: url("../imgs/page/baines.png") no-repeat;
}
.slider .slide.bedc:before {
	background: url("../imgs/page/bedc.png") no-repeat;
}
.slider .slide.eedc:before {
	background: url("../imgs/page/eedc.png") no-repeat;
}
.slider .slide.ekedc:before {
	background: url("../imgs/page/ekedc.png") no-repeat;
}
.slider .slide.ikeja:before {
	background: url("../imgs/page/ikeja.png") no-repeat;
}
.slider .slide.kaed:before {
	background: url("../imgs/page/kaed.png") no-repeat;
}
.slider .slide.phed:before {
	background: url("../imgs/page/phed.png") no-repeat;
}
.slider .slide.payhippo:before {
	background: url("../imgs/page/payhippo.png") no-repeat;
}