/* ========================================================= 
    CLIENT LOGO MARQUEE 
========================================================= */ 
#list-services .marquee-row { 
    position: relative; 
    overflow: hidden; 
    padding: 4px 0; 
} 

#list-services .marquee-track { 
    display: flex; 
    width: max-content; 
    will-change: transform; 
    animation: marqueeScroll 45s linear infinite; 
} 

#list-services .marquee-row.offset .marquee-track { 
    animation-delay: -50s; 
} 

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

#list-services .marquee-item { 
    flex: 0 0 auto; 
    height: auto;
    width: fit-content;
    margin: 0 4px; 
    background: #c4082a; 
    border: 1px solid #eef0f4; 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 14px 18px; 
    overflow: hidden; 
    position:relative;
} 

#list-services .marquee-item:after {
    content: "";
    background: #fff;
    -webkit-transition: all 0.8s;
    -khtml-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    height: 100%;
    width: 25px;
    opacity: 0.2;
    left: -35%;
    top: 0;
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#list-services .marquee-item:hover:after {
    left: 130%;
}

#list-services .marquee-item .service-name {
    color:#fff;
    font-size: 24px;
}

#list-services .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media (prefers-reduced-motion: reduce) { 
    #list-services .marquee-track { animation: none !important; } 
    #list-services .marquee-item img { transition: none !important; } 
} 

@media screen and (max-width: 767px) {
    #list-services .marquee-item {
        padding: 14px 7px;
    }
    #list-services .marquee-item .service-name {
        color:#fff;
        font-size: 16px;
    }
}