.logo-scroller .swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    font-size: var(--font-size-xlarge);
    height: 100%;
    align-items: center;
    background: var(--color-white);
    padding: 6px;
    font-size: 14px;
}


.logo-scroller .swiper-button-prev {
    left: -5px;
    right: auto;
}
.logo-scroller .swiper-button-next {
    right: -5px;
    left: auto;
}

[dir="rtl"] .logo-scroller .swiper-button {
    transform: translateY(-50%) rotate(180deg);
}

[dir="rtl"] .logo-scroller .swiper-button-prev {
    right: -5px;
    left: auto;
}

[dir="rtl"] .logo-scroller .swiper-button-next {
    left: -5px;
    right: auto;
}


.logo-scroller .swiper-button.swiper-button-disabled {
    opacity: 0.2;
    cursor: default;
}

.logo-scroller .logo-swiper {
    padding-inline-start: 15px;
}


.logo-scroller .logo-image {
    max-width: 100%;
    max-height: 100%;
}

.logo-scroller .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.logo-scroller .swiper-slide img {
    max-height: 100%;
    width: auto;  
    height: auto;
}

.logo-scroller .logo-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid var(--grey-variation5);
    border-radius: 5px;
    transition: all 400ms cubic-bezier(0.4, 0.9, 0.3, 1);
    cursor: pointer;
    outline-width: 0;
    padding: 12px;
    height: 100%;
}

@media screen and (min-width: 768px) {
  .logo-scroller .logo-link {
      padding: 1.5rem 0px;
  }
  .logo-scroller {
      margin-bottom: 20px;
   }
  .logo-scroller .logo-swiper {
        padding: 0 25px;
  }
}
.logo-scroller {
    margin-bottom: 10px;
}