*{
  scroll-behavior: smooth;
}




/* ------------ Logo slider */
.marquee-track { background-color: #eeeeee;

  width: calc(200px * 16);
  display: flex;
  align-items: center;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
  height: 100%;
  gap: 50px;
}
.marquee-track2{margin:0px 0px 0px 0px;
  animation: scroll2 20s linear infinite; background-color: #eeeeee;
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-50px * 8));
  }
}
@keyframes scroll2 {
  0% {
    transform: translateX(calc(-150px * 8));
  }
  100% {
    transform: translateX(0px);
  }
}