@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  
}
.logo-item {
  width: 120px;
  display: flex;
  justify-content: center;
}

.logo-item img {
  height: 80px;
  object-fit: contain;

  transition: 0.3s;
}

.logo-item img:hover {
  filter: grayscale(0%);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 25s linear infinite;
}

@media (max-width: 768px) {
  .animate-marquee {
    animation: marquee 12s linear infinite;
  }
}