.logos{
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: 40px;

	@media (max-width: 991px){
		grid-template-columns: repeat( 2, 1fr );
	}

	@media (max-width: 767px){
		gap: 30px;
	}

	@media (max-width: 575px){
		gap: 20px;
	}

	.item{
		height: 100%;
		background: #fff;
		transition: transform .3s ease;

		img{
			width: 100%;
			aspect-ratio: 290/180;
			object-fit: scale-down;
		}
		&:hover{
			transform: scale(1.05);
		}
	}
}