/**
 * Module: Trusted By Section (Clients)
 * Loaded when a `trusted_by_section` layout is present on the page.
 */

/* Clients */
.clients,
section.clients {
	padding: 22px 0;
	border-bottom: 1px solid var(--line, #D9DCE1);
}

.clients .wrap,
section.clients .wrap {
	display: flex;
	align-items: center;
	gap: 36px;
	flex-wrap: wrap;
}

.clients .label {
	font-family: var(--display, 'Gotham', 'Montserrat', system-ui, sans-serif);
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mist, #A5A4A4);
	font-weight: 700;
	white-space: nowrap;
}

.clients ul {
	display: flex;
	gap: 56px;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	padding: 0;
	margin: 0;
}

.clients li {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.clients img {
	height: 30px;
	width: auto;
	object-fit: contain;
	display: block;
}

@media (max-width: 768px) {
	.clients .wrap,
	section.clients .wrap {
		gap: 20px;
	}

	.clients ul {
		gap: 24px 44px;
	}

	.clients img {
		height: 30px;
	}
}

@media (max-width: 480px) {
	.clients,
	section.clients {
		padding: 20px 0;
	}

	.clients .wrap,
	section.clients .wrap {
		gap: 16px;
	}

	.clients ul {
		gap: 22px 36px;
	}

	.clients img {
		height: 30px;
	}
}