/*** 

====================================================================
    Clients Section
====================================================================

***/

.clients-section {
    position: relative;
    background-color: #faf7f2;
    padding: 120px 0 100px;
    .sec-title {
        margin-bottom: 35px;
    }
    .outer-box {
        position: relative;
        overflow: hidden;
    }
}
.client-block {
    position: relative;
    .inner-box {
        position: relative;
        @include flex-center;
        border: 1px solid #e1e1e1;
        border-top: 0;
        border-left: 0;
        text-align: center;
        margin-right: -1px;
        margin-bottom: -1px;
        transition: all 300ms ease;
        min-height: 200px;
        padding: 20px 50px;
        &:hover {
            img{
                transform: scale(1.1);
            }

        }
        .image {
            position: relative;
            margin-bottom: 0;
            img{
                transition: all 300ms ease;
            }
        }
    }
}

/*** 

====================================================================
    Clients Section Two
====================================================================

***/

.clients-section-two {
    position: relative;
    margin-bottom: -90px;
    z-index: 3;
    .outer-box {
        position: relative;
        background-color: #f5eee8;
        overflow: hidden;
    }
}

.client-block-two {
    position: relative;
    border-right: 1px solid #e1e1e1;
    @include media-breakpoint-down(lg){
        border-bottom: 1px solid #e1e1e1;
    }
    @include media-breakpoint-down(md){
        border-right: 0;
    }
    &:last-child {
        border-right: 0;
        border-bottom: 0;
    }
    .inner-box {
        position: relative;
        @include flex-center;
        padding: 54px 20px;
        text-align: center;
        transition: all 300ms ease;
        &:hover {
            img{
                opacity: .8;
                transform: rotate(180deg) scale(-1);
            }
        }
        .image {
            position: relative;
            margin-bottom: 0;
            img{
                display: inline-block;
                transition: all 300ms ease;
            }
        }
    }
}