.tr-logos {
	background-color: var(--tr-color-dark-gray);
}

.tr-logos__list {
	--columnGap: 100px;
	--rowGap: 32px;

	place-items: center;
	padding: 24px calc(110px + var(--tr-container-padding-x));
}

.tr-logos__item-image {
	object-fit: contain;
}

@media (max-width: 1220px) {
	.tr-logos__list {
		--columnGap: 80px;

		padding-inline: calc(49px + var(--tr-container-padding-x));
	}
}

@media (max-width: 767px) {
	.tr-logos__list {
		--columnGap: 60px;
	}
}