.client-logos{
    padding:20px 0;        /* space above and below section */
    background:#fff;
    overflow:hidden;
    text-align:center;     /* centers the title */
}

/* Title styling */
.client-logos h2 {
    font-weight: 700;
    font-size: 40px;
    color: #424034;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 80px; /* correct spacing between title and logos */
    text-align: center;  /* centers the title */
}
/* Slider wrapper */
.logo-slider{
    width:100%;
    overflow:hidden;
}

/* Moving row */
.logo-track{
    display:flex;
    align-items:center;
    gap:60px;
    width:max-content;
    animation:scroll 35s linear infinite;
}

/* Pause animation when hovered */
.logo-track:hover{
    animation-play-state:paused;
    opacity:1;
}

/* Logo styling */
.logo-track img{
    height:70px;
    width:auto;
    transition:transform 0.3s ease;
}


.logo-track img:hover{
opacity:1;
}
/* Zoom effect */
.logo-track img:hover{
    transform:scale(1.2);
}

/* Animation */
@keyframes scroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}