.box-marquee {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: transparent;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.box-marquee .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    /* Speed is controlled by the widget slider, default 20s */
    animation: marquee 20s linear infinite; 
    left: 0;
    top: 50%;
    /* margin-top: -1.45vw; from original code to center vertically */
    transform: translateY(-50%); 
}

.box-marquee .content {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 2.917vw; /* Exact match to your original CSS */
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
}

@keyframes marquee {
    0% { transform: translate3d(0, -50%, 0); }
    100% { transform: translate3d(-50%, -50%, 0); }
}

/* Ensure smooth rendering for high-performance hardware */
@media screen and (prefers-reduced-motion: reduce) {
    .box-marquee .track {
        animation: none;
        position: relative;
        white-space: normal;
    }
}