/* Wrapper for the grid */
.vmt-partners-carousel-wrapper {
	width: 100%;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* The Grid Container */
.vmt-partners-carousel-track {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	width: 100%;
	max-width: 1200px; /* Optional: limit max width on large screens */
	align-items: center;
	justify-items: center;
}

/* Individual partner links */
.vmt-partner-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* Grayscale effect on logos */
.vmt-partner-logo {
	max-height: 80px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	
	/* Grayscale styling */
	opacity: 0.7;
	filter: grayscale(100%);
	transition: opacity 0.3s ease, filter 0.3s ease;
}

/* Original colors on hover */
.vmt-partner-link:hover .vmt-partner-logo {
	opacity: 1;
	filter: grayscale(0%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.vmt-partners-carousel-track {
		grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
		gap: 30px;
	}
	
	.vmt-partner-logo {
		max-height: 60px;
		opacity: 1;
		filter: grayscale(0%);
	}
}