.clientLogo {
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.clientLogo img {
    max-width: 133px;
    height: 45px;             
    object-fit: contain;       
    transition: opacity 0.4s ease;
}

.clientLogo img:first-child {
    opacity: 1;
}

.clientLogo img:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.clientLogo:hover img:first-child {
    opacity: 0;
}

.clientLogo:hover img:last-child {
    opacity: 1;
}


.brandSection {
    overflow: hidden;
}

.brandSection .container {
    overflow: hidden;     
}



.clientlogopart {
    display: flex;
    gap: 77px;
    flex-wrap: nowrap; 
    justify-content: center;
}

@media (max-width: 991px) {
    .clientlogopart {
        display: grid;               
        grid-template-columns: repeat(2, 1fr); 
        gap: 2px 0;              
        justify-items: center;      
        flex-wrap: unset;           
    }

    .clientLogo img {
        max-width: 123px;  
        height: 45px;
    }
}

@media (max-width: 480px) {
    .clientlogopart {
    }

    .clientLogo img {
        max-width: 120px; 
        height: 40px;
    }
    .brandSection {
        padding: 20px 0;
    }
}