.scroll-container {
    height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #121212;
}

.scroll-container .infinite-scroll-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.infinite-scroll-wrapper .infinite-scroll-content {
    display: flex;
    white-space: nowrap;
    gap: 88px;
}

.infinite-scroll-wrapper .infinite-scroll-items {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 88px;
    position: relative;
    z-index: 0;
    &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -35px;
        width: 41px;
        height: 41px;
        transform: translate(-50%, -50%);
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none"><path d="M0.5 20.5C11.5457 20.5 20.5 11.5457 20.5 0.5C20.5 11.5457 29.4543 20.5 40.5 20.5C29.4543 20.5 20.5 29.4543 20.5 40.5C20.5 29.4543 11.5457 20.5 0.5 20.5Z" fill="%23DBD2A5"/></svg>');
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
        z-index: -1; // adjust as needed
    }
    .marquee-slider-title{
        color: #AF8A61;
        font-size: 84px;
        font-weight: 500;
		text-transform: uppercase;
    }
}