/************************************/
/***   17. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker{
padding: 50px 0;
}

.scrolling-ticker-box{
--gap: 30px;
position: relative;
display: flex;
overflow: hidden;
user-select: none;
gap: var(--gap);
align-items: center;
}

.scrolling-content{
flex-shrink: 0;
display: flex;
gap: var(--gap);
min-width: 100%;
animation: scroll 80s linear infinite;
}

.scrolling-content span{
display: inline-flex;
font-size: 100px;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
color: var(--accent-color);
vertical-align: middle;
}

.scrolling-content span img{
width: 100%;
max-width: 40px;
margin-right: 30px;
}

@keyframes scroll{
from{
transform: translateX(0);
}

to{
transform: translateX(calc(-100% - var(--gap)));
}
}