.ova-text-marquee-3{
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
white-space: nowrap;
width: 100%;
opacity: 0.3;
direction: ltr;
&.direction-ltr {
direction: rtl;
.content-wrapper {
animation: ova_scroll_ltr 20s linear infinite;
animation-delay: -20s;
}
.content-wrapper-2 {
animation: ova_scroll2_ltr 20s linear infinite;
animation-delay: -10s;
}
&.duration-slow{
.content-wrapper {
animation: ova_scroll_ltr 15s linear infinite;
animation-delay: -15s;
}
.content-wrapper-2 {
animation: ova_scroll2_ltr 15s linear infinite;
animation-delay: -7.5s;
}
}
&.duration-fast{
.content-wrapper {
animation: ova_scroll_ltr 5s linear infinite;
animation-delay: -5s;
}
.content-wrapper-2 {
animation: ova_scroll2_ltr 5s linear infinite;
animation-delay: -2.5s;
}
}
}
.content-wrapper, .content-wrapper-2{
.text{
display: inline-block;
font-weight: 500;
font-size: 130px;
line-height: 1;
text-transform: capitalize;
color: var(--heading);
&.stroke-white{
text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading);
color: #0E0D16;
}
&.stroke-black{
text-shadow: -1px -1px 0 #0E0D16, 1px -1px 0 #0E0D16, -1px 1px 0 #0E0D16, 1px 1px 0 #0E0D16;
color: var(--heading);
}
}
.line-decoration{
width: 85px;
height: 11px;
background-color: transparent;
display: inline-block;
vertical-align: bottom;
background-color: transparent;
border: 1px solid var(--heading);
margin: 0 30px 0 35px;
}
}
.content-wrapper {
animation: ova_scroll 15s linear infinite;
animation-delay: -15s;
}
.spacing {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 600px;
}
.content-wrapper-2 {
animation: ova_scroll2 15s linear infinite;
animation-delay: -7.5s;
}
&.duration-slow{
.content-wrapper {
animation: ova_scroll 15s linear infinite;
animation-delay: -15s;
}
.content-wrapper-2 {
animation: ova_scroll2 15s linear infinite;
animation-delay: -7.5s;
}
}
&.duration-fast{
.content-wrapper {
animation: ova_scroll 5s linear infinite;
animation-delay: -5s;
}
.content-wrapper-2 {
animation: ova_scroll2 5s linear infinite;
animation-delay: -2.5s;
}
}
}