.icl-band {
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	border-bottom: 1px solid #ececec;
	padding: 18px 0;
	position: relative;
}

.icl-band .container {
	overflow: hidden;
}

.icl-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: icl-scroll var(--icl-duration, 30s) linear infinite;
	will-change: transform;
}

.icl-band:hover .icl-track {
	animation-play-state: paused;
}

.icl-item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	margin: 0 40px;
	filter: grayscale(100%);
	opacity: 0.75;
	transition: filter 0.25s ease, opacity 0.25s ease;
}

.icl-item:hover {
	filter: grayscale(0%);
	opacity: 1;
}

.icl-item img {
	max-height: 60px;
	width: auto;
	object-fit: contain;
}

@keyframes icl-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 600px) {
	.icl-item {
		height: 40px;
		margin: 0 24px;
	}
	.icl-item img {
		max-height: 40px;
	}
}
