body {

  align-items: center;
  /*height: 300px;*/
padding-top: 100px;
}

.slider {
padding: 25px 0;
background-color: #0d1117;
overflow: hidden;
}

.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;
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: calc(250px * 14);*/
width: 4296px;
}/*
.slider .slider-animation:hover {
animation-play-state: paused;
}*/
.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;
}/*
.slider .slider-animation:hover .slide:hover:before {
opacity: 0;
}
.slider .slider-animation:hover .slide:hover  img{
opacity: 1;
}*/
.slider .slide.yahoo:before {
  background: url("https://fatihhalak.com/img-main/brands/canik.png") no-repeat;
}
.slider .slide.bloomberg:before {
  background: url("https://fatihhalak.com/img-main/brands/efetur.png") no-repeat;
}
.slider .slide.fritolay:before {
  background: url("https://fatihhalak.com/img-main/brands/fritolay.png") no-repeat;
}
.slider .slide.forbes:before {
  background: url("https://fatihhalak.com/img-main/brands/halkbank.png") no-repeat;
}
.slider .slide.pepsico:before {
  background: url("https://fatihhalak.com/img-main/brands/pepsico.png") no-repeat;
}
.slider .slide.ain:before {
  background: url("https://fatihhalak.com/img-main/brands/trendyol.png") no-repeat;
}
.slider .slide.vector:before {
  background: url("https://fatihhalak.com/img-main/brands/trive.png") no-repeat;
}
.slider .slide.inventure:before {
  background: url("https://fatihhalak.com/img-main/brands/volkswagen.png") no-repeat;
}
.slider .slide.leverkusen:before {
  background: url("https://fatihhalak.com/img-main/brands/leverkusen.png") no-repeat;
}