.logoscroll {
  overflow: hidden; /* Ensure the logos outside the viewport are not visible */
  width: 100vw; /* Full viewport width */
  display: flex;
  align-items: center;
  margin-left: calc(50% - 50vw); /* Center the wrapper */
  z-index: 2;
}

.logoscroll-container {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
}

.conveyor {
  display: flex;
  flex-direction: row;
  gap: 60px; 
  white-space: nowrap; /*new*/
  /*animation: scroll 60s linear infinite; */
  will-change: transform; /*new*/
}

/* @keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%); /* Adjust based on total width of logos to loop correctly */
  /*}*/
/*} */

.logo-item {
  position: relative; /* Changed from absolute to relative */
  width: auto; /* Adjust based on logo size, or keep flexible */
  width: 160px; /* Ensure there's a minimum width */
  overflow: hidden; /* Hide overflow */
  min-height:100px;
}

/*
@media (max-width: 768px) {
  .conveyor {
    animation: scroll-mobile 26s linear infinite;
  }
  
  @keyframes scroll-mobile {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}
*/