/* Client area ---------------------------------- */
.client-title {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin: 0 75px 23px;
    .double-line:before,
    &:before,
    .double-line:after,
    &:after {
        position: absolute;
        content: '';
        background-color: $theme-color2;
        height: 1px;
        transform: translate(100%, 0);
        top: 50%;
        right: -15px;
    }
    .double-line:after,
    &:after {
        margin-top: -3px;
        width: 60px;
    }
    .double-line:before,
    &:before {
        width: 40px;
    }
    .double-line {
        &:before,
        &:after {
            right: auto;
            left: -15px;
            transform: translate(-100%, 0);
        }
    }
}
.client-box-border {
    border: 1px solid $border-color;
    overflow: hidden;
}
.client-box {
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 47px 0;
    min-height: 150px;
    display: flex !important;
    cursor: pointer;
    ~ .client-box {
        border-left: 1px solid $border-color;
    }
}
.client-sec2 {
    text-align: center;
    a {
        display: inline-block;
        img {
            opacity: 0.3;
            filter: grayscale(1);
            transition: 0.4s;
        }
        &:hover {
            img {
                opacity: 1;
                filter: none;
            }
        }
    }
}
@include md {
    .client-title {
        font-size: 22px;
    }
}
@include xs {
    .client-title {
        margin: 0;
        &::before,
        &::after,
        .double-line {
            display: none;
        }
    }
}