div.logos-row .logo-wrapper {
  overflow: hidden;
}

div.logos-row .logo-wrapper img {
  transition: left 0.5s ease-in-out, opacity 0.3s ease-in-out;
}


div.logos-row .logo-wrapper img.transition-out {
  left:-50%;
  opacity: 0;
  z-index:99;
}

div.logos-row .logo-wrapper img.transition-in {
  opacity:0;
}
div.logos-row .logo-wrapper img.opacity-in {
  transition: opacity 0.3s ease-in-out;
}

div.logos-row .logo-col[data-partner="0"] .logo-wrapper img.transition-out{
  transition-delay: 0s;
}
div.logos-row .logo-col[data-partner="1"] .logo-wrapper img.transition-out{
  transition-delay: 0.05s;
}
div.logos-row .logo-col[data-partner="2"] .logo-wrapper img.transition-out{
  transition-delay: 0.10s;
}
div.logos-row .logo-col[data-partner="3"] .logo-wrapper img.transition-out{
  transition-delay: 0.15s;
}
div.logos-row .logo-col[data-partner="3"] .logo-wrapper img.transition-out{
  transition-delay: 0.20s;
}
div.logos-row .logo-col[data-partner="4"] .logo-wrapper img.transition-out{
  transition-delay: 0.25s;
}
div.logos-row .logo-col[data-partner="5"] .logo-wrapper img.transition-out{
  transition-delay: 0.30s;
}
div.logos-row .logo-col[data-partner="6"] .logo-wrapper img.transition-out{
  transition-delay: 0.35s;
}
div.logos-row .logo-col[data-partner="7"] .logo-wrapper img.transition-out{
  transition-delay: 0.40s;
}

.previous_partners {
  height: 28px;
  width: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='28' viewBox='0 0 17 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 27.5L16.6725 24.3275L6.3675 14L16.6725 3.6725L13.5 0.500003L3.90056e-06 14L13.5 27.5Z' fill='%231D6D67'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.next_partners {
  height: 28px;
  width: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='27' viewBox='0 0 17 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1725 5.54697e-07L4.21367e-06 3.1725L10.305 13.5L6.0224e-07 23.8275L3.1725 27L16.6725 13.5L3.1725 5.54697e-07Z' fill='%231D6D67'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.previous_partners:hover, .next_partners:hover {
  opacity:0.8;
}