.p-customers-head {
	padding: 160px 20px 90px;
}

.p-customers-head__inner {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.p-customers-head__title {
	font-size: 64px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.p-customers-head {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.p-customers-head__title {
		font-size: 50px;
	}
}

.p-customers-list {
	padding: 0 20px 140px;
}

.p-customers-list__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.p-customers-list__logo-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.p-customers-list__logo-item-link {
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 24px;
	border: 1px solid rgb(137 138 138 / 30%);
	aspect-ratio: 300/160;
}

.p-customers-list__logo-item-link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.3s;
}

.p-customers-list__logo-item-icon {
	position: absolute;
	inset: auto 12px 12px auto;
	width: 16px;
	aspect-ratio: 1/1;
	opacity: 0;
	transition: all 0.3s;
}

@media (any-hover: hover) {
	.p-customers-list__logo-item-link:hover {
		opacity: 1;
		border-color: #cd421d;
	}

	.p-customers-list__logo-item-link:hover img {
		transform: scale(1.1);
	}

	.p-customers-list__logo-item-link:hover .p-customers-list__logo-item-icon {
		opacity: 1;
	}

	.p-customers-list__logo-item-link:hover .p-customers-list__logo-item-icon img {
		transform: none;
	}
}

@media screen and (max-width: 768px) {
	.p-customers-list {
		padding-bottom: 80px;
	}

	.p-customers-list__logo-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.p-customers-list__logo-item-link {
		padding: 8px;
	}
}

.p-customers-list__text-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	margin-top: 40px;
	line-height: 1.2;
}

.p-customers-list__text-item a {
	text-decoration: underline;
}

@media (any-hover: hover) {
	.p-customers-list__text-item a:hover {
		opacity: 1;
		color: #cd421d;
		text-decoration: none;
	}
}

@media screen and (max-width: 768px) {
	.p-customers-list__text-list {
		gap: 1em;
	}
}