.customers {
	overflow: hidden;
	width: 100%;
	max-width: 980px;
	border-top: solid 1px #d5d7dd;
	border-bottom: solid 1px #d5d7dd;
	padding: 30px 0 30px 0;
	margin: 75px auto 0 auto;
	position: relative;
}

.logos {
	width: fit-content;
	display: flex;
}

.logo-track {
	display: flex;
	gap: 20px;
	animation: scrollLogos 30s linear infinite;
}

.logo-track img {
	width: 160px;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

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

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