/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 21 ago. 2025, 19:41:56
    Author     : d_z_y
*/

.logo-carousel {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background: #f8f9fa;
    padding: 30px 0;
}

.logo-track {
    display: flex;
    width: max-content;
    animation: scroll 20s linear infinite;
}

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

.logo-item {
    flex: 0 0 auto;
    padding: 0 40px;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.logo-item img {
    max-height: 60px;
    width: auto;
}

.logo-carousel:hover .logo-item {
    filter: grayscale(100%);
    opacity: 0.7;
}

.logo-item:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

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