.workshop-link {
    text-decoration: none;
    color: inherit;
    display: block
}

.workshop-marquee-container {
    background-color: #7b2686;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    z-index: 99999999999
}

.workshop-marquee {
    display: inline-block;
    padding-left: 100%;
    animation: 40s linear infinite scroll-left
}

.workshop-marquee a {
    color: #54c8dd
}

.workshop-marquee-container:hover .workshop-marquee {
    animation-play-state: paused !important
}

.workshop-marquee span {
    margin: 0 15px
}

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

.workshop-marquee-container:hover {
    background-color: #75227fe6;
    transition: background-color .3s
}

@media (max-width: 1200px) {
    .workshop-marquee-container {
        font-size: 13px;
    }
    .workshop-marquee {
        animation-duration: 25s;
    }
    .workshop-marquee-container{
        z-index: 1999;
    }
    .shadow-after-3:before {

    }

}