@keyframes infiniteScroll {
  from {transform: translateX(0) }
  to {transform: translateX(calc(0px - 50% - 50px));}
}
.horizontal-scrolling-items {
  display: flex;
  gap: 15px;
  animation-name: infiniteScroll;
  animation-duration: 20s;
  animation-iteration-count: infinite;
      &:hover{animation-play-state: paused;}

  animation-timing-function: linear;
  padding: 15px 0 !important;
  overflow-x: hidden !important;
  float: leftt;
}
.horizontal-scrolling-items__group {
  display: flex;
  width: auto;
  gap: 15px; 
  overflow-x: hidden !important;
}
.horizontal-scrolling-items__group__item {
  height: 100px;
  background-size: contain;
  width: auto;
}