/******* testimonial styles *******/

// testimonial block styles
.testimonial-container {
    .img-block {
        width: 5.625rem;
        height: 5.625rem;
        @include border-radius(50%);
        margin: 1.214rem auto #{$global-space * 4};
        img {
            @include border-radius(50%);
            filter: grayscale(100%);
            transition: filter linear .3s;
        }
    }
    h2 {
        color: $testimonial-title-color;
        font-weight: 300;
    }
    .designation {
        color: $testimonial-designation-color;
        text-transform: uppercase;
    }
    .text-wrap {
        opacity: 0;
        position: relative;
    }
    .designation {
        display: block;
    }
    .owl-item {
        &.center {
            .img-block {
                width: 7.875rem;
                height: 7.875rem;
                margin-top: 0;
                img {
                    filter: grayscale(0);
                }
            }
            .text-wrap {
                opacity: 1;
            }
        }
    }
    @include breakpoint-min ($screen-medium) {
        padding-left: 3.571rem;
        padding-right: 3.571rem;
        .text-wrap {
            margin-left: -90%;
            margin-right: -90%;
        }
    }
    @include breakpoint-min ($screen-large) {
        .text-wrap {
            margin-left: -100%;
            margin-right: -100%;
        }
    }
    @include breakpoint-min ($screen-wide) {
        padding-left: 14.29rem;
        padding-right: 14.29rem;
        max-width: 75rem;
        .text-wrap {
            margin-left: -110%;
            margin-right: -110%;
        }
    }
}