.custom-marquee-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
}

.marquee {
    display: flex;
    width: max-content;
    animation-name: scroll-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.marquee__inner-wrap {
    overflow: hidden;
    white-space: nowrap;
}

.marquee__inner {
    display: inline-flex;
}

.marquee-code {
    font-weight: bold;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}