.clients {
padding: 10px 20px; /* Updated padding */
max-width: 940px;
margin: 0 auto;
}

.clients h2 {
text-align: center;
margin-bottom: 20px;
color: var(--color-accent);
font-size: var(--font-size-title);
}

.logo-slider-wrapper {
display: flex;
overflow: hidden;
position: relative;
background-color: var(--color-background);
padding: 5px 0;
border-radius: 5px;
}

.logo-slider .slider-track {
display: flex;
animation: scroll 80s linear infinite;
}

.logo-slider img {
width: 100px;
height: auto;
margin: 0 10px;
transition: transform 0.3s;
}

.logo-slider img:hover {
transform: scale(1.2);
}

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

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


@media (max-width: 1000px) {
    .clients {
        width: calc(100% - 24px);
        margin: 0 auto 20px;
        padding: 0;
    }
}

@media (max-width: 450px) {
    .clients {
        width: calc(100% - 18px);
    }
}