﻿.benefits-ticker {
	overflow: hidden;
	background: #0d0600;
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.ticker-track {
	display: flex;
	width: max-content;
	animation: solene-marquee 28s linear infinite;
}

.ticker-track span {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 22px;
	color: var(--solene-cream);
	font-size: 11px;
	font-weight: 900;
	white-space: nowrap;
}

.ticker-track span::after {
	content: "";
	width: 4px;
	height: 4px;
	margin-left: 28px;
	border-radius: 999px;
	background: var(--solene-gold-light);
}

@keyframes solene-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-33.333%);
	}
}

@media (max-width: 767px) {
	.ticker-track span {
		min-height: 38px;
		padding: 0 15px;
		font-size: 10px;
	}
}
