.marquee {
position: relative;
width: 100%;
height: 55px;
display: grid;
place-items: center;
overflow: hidden;  }
.marquee .track {
display: flex;
width: max-content;
white-space: nowrap;
will-change: transform;
animation: marquee-left linear infinite;
animation-duration: 90s; }
.marquee span {
font-family: quicksand; font-weight: 600;
color: #ffffff;
font-size: 16px;
text-transform: normal;
line-height: 0.5;
padding-right: 0rem; } .marquee .track span + span {
margin-left: 0rem;
} @media (prefers-reduced-motion: reduce) {
.marquee .track {
animation: none;
}
} @keyframes marquee-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} @media (max-width: 480px) {
.marquee span {
padding-right: 2rem;
}
} html, body {
overflow-x: hidden;
} .marquee {
width: 100%; overflow: hidden; } .elementor-section, .elementor-container, .elementor-column {
overflow: hidden;
} .marquee, .marquee .track {
margin-right: 0 !important;
margin-left: 0 !important;
} #circle-text svg {
animation: rotate 40s linear infinite;
}
@-webkit-keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}