/* Logo Slider Section Styles */

.logo-scroll-section {
   background: #000 !important;
   position: relative;
   overflow: hidden;
   width: 100%;
   padding: 35px 0;
}

.logo-scroll-section .container,
.logo-scroll-section .logosliderblock,
.logo-scroll-section .swiper,
.logo-scroll-section .swiper-wrapper {
   background: #000 !important;
}

.logo-scroll-section .container {
   max-width: 100% !important;
   width: 100% !important;
   padding: 0 !important;
   margin: 0 !important;
}

.logo-scroll-section .logosliderblock {
   width: 100%;
}

/* Gradient fade effect on edges */
.logo-scroll-section::before,
.logo-scroll-section::after {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100px;
   z-index: 10;
   pointer-events: none;
}

.logo-scroll-section::before {
   left: 0;
   background: linear-gradient(to right, #000 0%, transparent 100%) !important;
}

.logo-scroll-section::after {
   right: 0;
   background: linear-gradient(to left, #000 0%, transparent 100%) !important;
}

/* Swiper wrapper alignment */
.logo-slider-block .swiper-wrapper {
   align-items: center !important;
   transition-timing-function: linear !important;
}

/* Slide styles */
.logo-slider-block .swiper-slide {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   background: transparent !important;
}

/* Logo image styles */
.logo-slider-block .swiper-slide img {
   filter: brightness(0) invert(1);
   opacity: 0.5;
   height: 50px !important;
   width: auto !important;
   max-width: 150px !important;
   object-fit: contain;
   transition: opacity 0.3s ease;
}

.logo-slider-block .swiper-slide:hover img {
   opacity: 1;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
   .logo-scroll-section {
      padding: 25px 0 !important;
   }
   
   .logo-scroll-section::before,
   .logo-scroll-section::after {
      width: 40px;
   }
   
   .logo-slider-block .swiper-slide img {
      height: 40px !important;
      max-width: 120px !important;
   }
}