.segment {
  width: 88%;
  margin: 0 auto; /* Centriranje segmenta */
}

.clients-section {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px;
  cursor: grab;
  height: 200px;
  width: 100%; /* Zauzima punu širinu unutar segmenta */
}

.clients-logos {
  display: inline-flex;
  align-items: center;
}

.clients-logos img {
  max-height: 100%; /* Ensure images fit within the container height */
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  margin: 0 15px;
}

.clients-logos img:hover {
  filter: grayscale(0%);
}

/* Hide scrollbar */
.clients-section::-webkit-scrollbar {
  display: none;
}

.clients-section {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.clients-section:active {
  cursor: grabbing;
}