/* لوگو اسلایدر */
.logos-section {
  background: rgba(18, 18, 18, 0.05);
  padding: 4rem 0;
}

.logos {
  overflow: hidden;
  position: relative;
}

.logos::before,
.logos::after {
  content: "";
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  z-index: 2;
}

.logos::before {
  left: 0;
  background: linear-gradient(to left, rgba(18,18,18,0), rgba(18,18,18,1));
}

.logos::after {
  right: 0;
  background: linear-gradient(to right, rgba(18,18,18,0), rgba(18,18,18,1));
}

.logos-slide {
  display: inline-block;
  white-space: nowrap;
  animation: slide-logos 35s linear infinite;
}

.logos-section img {
  height: 80px;
  margin: 0 40px;
  vertical-align: middle;
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

@keyframes slide-logos {
  from { transform: translateX(0); }
  to   { transform: translateX(10%); }
}

/* موبایل */
@media screen and (max-width: 768px) {
  .logos-section img {
    height: 40px;
    margin: 0 20px;
  }
}