/* .block-logos {
    margin: 96px 0 24px;
    transform: translateY(380px);
}  */

/* .block-logos-wrapper {
    overflow: hidden;
    position: relative;
}

.block-logos-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    animation: scroll 12s linear infinite;
}

.block-logos-item {
    flex: 0 0 280px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.block-logos-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-2080px);
    }
}

@media (max-width: 767px) {
    .block-logos {
        margin: 64px 0 16px;
        transform: translateY(-160px); 
    }

    .block-logos-track {
        gap: 16px;
        animation-duration: 11s;
    } 

    .block-logos-item {
        flex-basis: 210px;
        height: 96px;
        padding: 16px;
    } 
}  */

/* .marquee {
  overflow: hidden;
  white-space: nowrap;
}

.marquee__track {
  display: inline-flex;
  align-items: center;
  gap: 40px;
  will-change: transform;
}
.marquee__track img {
  height: 80px;
  flex-shrink: 0;
} */


.items-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 20px;
}

.items {
  display: flex;
  gap: 20px;
  flex-shrink: 0;
  justify-content: space-around;
  min-width: 100%;
}
.item {
  width: 280px;
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  background-color: transparent; 
  box-sizing: border-box;


}
.item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; 
  object-position: center;
  cursor: pointer;
}

.item--big {
  transform: scale(1.2); 
} 

.item--small{
 transform: scale(0.8);
}

.items-wrap:hover .marquee {
  animation-play-state: paused;
}

.item:hover {
  transform: scale(1.1);
}

.marquee {
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}