.client-section .inner img{
    margin: 0 auto;
    opacity: 0.5;
    transition: all 500ms ease;
}

.client-section .inner img:hover{
    opacity: 1;
    transform: scale(1.15);
}

.client-section .line {
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.15);
}

.client-section .line:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color); 
    transition: all 900ms ease;
}

.client-section:hover .line:before {
    width: 100%;
}

/* client-section 3 */

.client-section.three {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}