.sls-logo-slider {
    --sls-speed: 20s;
    --sls-gap: 30px;
    --sls-width: 200px;
    padding: 5rem 0 4rem 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sls-logo-h2 {
    color: #b5bac2;
    font-size: 16px;
    text-align: center;
    padding-bottom: 35px;
}


.sls-logo-slider-section {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    margin-top: -5rem;
    position: relative;
    background-color: var(--color-white);
}

.sls-slider-track {
    display: flex;
    gap: var(--sls-gap);
    align-items: center;
    animation: scroll var(--sls-speed) linear infinite;
    width: max-content;
    will-change: transform;
}

.sls-logo-slider:hover .sls-slider-track {
    animation-play-state: paused;
}

.sls-slide {
    width: var(--sls-width);
    flex-shrink: 0;
}

.sls-slide img {
    width: 100%;
    height: 2rem;
    object-fit: contain;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - var(--sls-gap)/2));
    }
}


@media (max-width: 768px) {

  .sls-logo-h2 {
    padding-inline: 4rem;

  }

  .sls-logo-slider-section,
  .sls-logo-slider {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-block: 2rem;
  }

}