.ctm-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
    background:#fff;
    padding:18px 0 22px;
}

.ctm-track{
    --ctm-speed:28s;
    display:flex;
    align-items:center;
    width:max-content;
    animation:ctmMarquee var(--ctm-speed) linear infinite;
    will-change:transform;
}

.ctm-pause-hover-yes .ctm-track:hover{
    animation-play-state:paused;
}

.ctm-item{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    font-family:Georgia, serif;
    font-size:42px;
    line-height:1;
    font-weight:600;
    color:rgba(108,82,145,.36);
    padding:0 34px;
    transition:color .3s ease;
}

.ctm-separator{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.ctm-separator-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#E88B45;
}

.ctm-separator-text{
    color:#E88B45;
    font-size:1em;
    line-height:1;
}

@keyframes ctmMarquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@media(max-width:767px){
    .ctm-item{
        font-size:30px;
        padding-left:22px;
        padding-right:22px;
    }

    .ctm-marquee{
        padding-top:14px;
        padding-bottom:16px;
    }
}
