.ob-marquee-slides .ob_ms_pre_heading{
	color: rgba(255,255,255,0.85);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	margin-bottom: 10px;
}

.ob-marquee-slides .ob_ms_post_heading{
	color: #ff7a22;
	font-weight: 800;
	font-size: 34px;
	margin-top: 12px;
}

.ob-marquee-slides .ob_ms_buttons{
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 18px;
}

.ob-marquee-slides .ob_ms_btn{
	border-style: solid;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ob-marquee-slides .ob_ms_btn_secondary{
	background: transparent;
	border: 1px solid currentColor;
}

/* Marquee */
.ob-marquee-slides .ob_ms_heading_marquee .ob_ms_marquee_wrap{
	display: block;
	overflow: hidden;
	width: 100%;
}

.ob-marquee-slides .ob_ms_heading_marquee .ob_ms_marquee_track{
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 48px;
	will-change: transform;
}

.ob-marquee-slides .ob_ms_heading_marquee .ob_ms_marquee_text{
	white-space: nowrap;
}

.ob-marquee-slides .ob_ms_marquee_run{
	animation-name: ob_ms_marquee;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

@keyframes ob_ms_marquee{
	from{ transform: translateX(0); }
	to{ transform: translateX(-50%); }
}

/* Slide heading motion */
.ob-marquee-slides .ob_ms_slide_wrap{
	display: block;
	overflow: hidden;
	width: 100%;
}

.ob-marquee-slides .ob_ms_slide_text{
	display: inline-block;
	will-change: transform, opacity;
	transform: translateX(var(--ob_in_from, 110%));
	opacity: 0;
}

.ob-marquee-slides .ob_ms_slide_in{
	animation: ob_ms_slide_in_key var(--ob_in_ms, 700ms) ease forwards;
}

.ob-marquee-slides .ob_ms_slide_out{
	animation: ob_ms_slide_out_key var(--ob_out_ms, 700ms) ease forwards;
}

@keyframes ob_ms_slide_in_key{
	from{ transform: translateX(var(--ob_in_from, 110%)); opacity: 0; }
	to{ transform: translateX(0%); opacity: 1; }
}

@keyframes ob_ms_slide_out_key{
	from{ transform: translateX(0%); opacity: 1; }
	to{ transform: translateX(var(--ob_out_to, 110%)); opacity: 0; }
}
