.service-logo-carousel-list{display: flex; flex-wrap: wrap; justify-content: center;}

.service-logo-carousel-item{width: 20%;}

.service-logo-carousel-box{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;max-height: 140px; padding: 0 20px;}

.service-logo-carousel-box img{max-width: 100%; max-height: 100%; object-fit: contain; width: auto; height: auto;}

a.service-logo-carousel-box:hover{transform: scale(1.05);}

.serviceLogoScroll.service-logo-carousel-content{overflow: hidden; padding: 10px 0;  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);}

.serviceLogoScroll .service-logo-carousel-wrapper{display: inline-block; white-space: nowrap; width: max-content;}

.serviceLogoScroll .service-logo-carousel-list{display: inline-block; white-space: nowrap;}

.serviceLogoScroll .service-logo-carousel-item{width: auto; display: inline-block; margin: 0 50px;} 

@keyframes serviceLogoScroll {

    0%   {transform: translateX(0);} 

    100% {transform: translateX(-100%);}

  }

  .serviceLogoScroll .service-all-logo-list{animation-name: serviceLogoScroll; animation-duration:35s; animation-iteration-count: infinite; animation-timing-function: linear;}

  .serviceLogoScroll:hover .service-all-logo-list{animation-play-state:paused;}

/* ========================================== 

! Large devices (desktops, less than 1200px)

=========================================== */

@media (max-width:1199.98px) {
 
    .service-logo-carousel-list{gap: 30px 0;}
}



/*==========================================

! Medium devices (tablets, less than 992px)

========================================== */

@media (max-width:991.98px) {

 

}



/* =================================================  

 ! Small devices (landscape phones, less than 768px)

 ================================================= */

@media (max-width: 767.98px){ 
    .serviceLogoScroll .service-logo-carousel-wrapper{display: inline-block; white-space: nowrap; width:auto;}
    .service-logo-carousel-box img{height: auto !important; max-width: 120px;}
    .service-logo-carousel-list{gap: 30px 0;}

    .service-logo-carousel-content:not(.serviceLogoScroll) .service-logo-carousel-item{width: 25%;}

    .serviceLogoScroll .service-all-logo-list{animation-duration:15s;}

}



/* ======================================================

 ! Extra small devices (portrait phones, less than 576px)

 ====================================================== */

 @media (max-width: 575.98px){ 

    .service-logo-carousel-content:not(.serviceLogoScroll) .service-logo-carousel-item{width: 50%;}

    .serviceLogoScroll .service-logo-carousel-item{width: 180px;}

    .serviceLogoScroll .service-logo-carousel-item{margin: 0 10px;} 



}



/* ======================================================

! Extra small devices (portrait phones, less than 370px)

====================================================== */

@media (max-width:369.98px) { 

}