.proof-strip {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	padding: 24px 10px;
	background: var(--color-white);
	box-shadow: 0 2px 3.5px rgb(0 0 0 / 7%);
	overflow: hidden;
}

.proof-strip__track,
.proof-strip__group {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.proof-strip__track {
	width: max-content;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
}

.proof-strip__group {
	gap: 32px;
}

.proof-strip__group[aria-hidden="true"] {
	display: none;
}

.proof-strip__group .proof-strip__dot:last-child {
	display: none;
}

.proof-strip strong {
	font-size: 18px;
	font-weight: 700;
}

.proof-strip__dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: var(--color-element);
}

@keyframes proof-strip-marquee {
	to {
		transform: translateX(-25%);
	}
}

@media (max-width: 768px) {
	.proof-strip {
		justify-content: flex-start;
		min-height: 78px;
	}

	.proof-strip__track {
		will-change: transform;
		animation: proof-strip-marquee 20s linear infinite;
	}

	.proof-strip:hover .proof-strip__track {
		animation-play-state: paused;
	}

	.proof-strip__group[aria-hidden="true"] {
		display: flex;
	}

	.proof-strip__group {
		padding-right: 32px;
	}

	.proof-strip__group .proof-strip__dot:last-child {
		display: block;
	}
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
	.proof-strip {
		justify-content: center;
	}

	.proof-strip__track {
		animation: none;
	}

	.proof-strip__group[aria-hidden="true"] {
		display: none;
	}

	.proof-strip__group {
		padding-right: 0;
	}

	.proof-strip__group .proof-strip__dot:last-child {
		display: none;
	}
}