.em-cc {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 100px;
	width: 100%;
}
button.em-cc__logo:hover {
    background: transparent;
}
.em-cc__logos {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 45px;
	flex: 1 1 33%;
	min-width: 0;
	margin: 0;
}

.em-cc__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	appearance: none;
}

.em-cc__logo img,
.em-cc__logo span {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	object-position: center;
	opacity: 0.4;
	border: 3px solid transparent;
	border-radius: 10px;
	transition: opacity 0.3s ease;
}

.em-cc__logo.is-active img,
.em-cc__logo.is-active span,
.em-cc__logo:hover img,
.em-cc__logo:hover span {
	opacity: 1;
}

.em-cc__slider {
	width: 500px;
	max-width: 100%;
	flex: 0 0 500px;
}

.em-cc__swiper {
	overflow: hidden;
	width: 100%;
}

.em-cc__card {
	background: #020224;
	border: 1px solid #ffffff30;
	border-radius: 10px;
	padding: 20px 40px;
	min-height: 100%;
	box-sizing: border-box;
}

.em-cc__card-logo {
	margin: 0 0 40px;
}

.em-cc__card-logo img {
	display: block;
	width: 160px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	object-position: left;
}

.em-cc__quote {
	color: #ffffffb2;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	margin: 0 0 16px;
}

.em-cc__quote p {
	margin: 0;
}

.em-cc__cite {
	display: block;
	font-style: normal;
}

.em-cc__name {
	display: block;
	color: #ffffff;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}

.em-cc__hq {
	display: block;
	margin-left: 12px;
	color: #ffffff99;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
}

.em-cc-empty {
	color: #ffffff99;
}

@media (max-width: 1199.5px) {
	.em-cc {
		gap: 50px;
	}

	.em-cc__logos {
		gap: 25px;
	}

	.em-cc__slider {
		width: 350px;
		flex-basis: 350px;
	}

	.em-cc__card {
		padding: 20px 28px;
	}

	.em-cc__card-logo {
		margin-bottom: 30px;
	}

	.em-cc__card-logo img {
		width: 108px;
	}

	.em-cc__quote {
		font-size: 16px;
	}
}

@media (max-width: 991.5px) {
	.em-cc {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	.em-cc__logos {
		width: 100%;
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.em-cc__slider {
		width: 80%;
		flex-basis: auto;
		margin: 0 auto;
	}
}

@media (max-width: 575.5px) {
	.em-cc__logos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.em-cc__slider {
		width: 100%;
	}

	.em-cc__card {
		padding: 20px;
	}
}