/*================================================
    04. Feedback CSS
=================================================*/
#ic-clients {
    padding-top: 60px;
    padding-bottom: 60px;
    @media only screen and (max-width: 991.98px) and (min-width: 768px){
        padding-top: 50px;
        padding-bottom: 50px;
    }
    @media only screen and (max-width: 768px){
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .ic-image {
        img {
            padding-left: 6px;
            padding-right: 6px;
        }
    }
}

/*---Feedback-Slider---*/
.ic-feedback-slider {
    margin-left: -15px;
    margin-right: -15px;

    .ic-single-feedback {
        margin-top: 3px;
        margin-bottom: 10px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 38px 30px;
        @include box-shadow(1px 1.732px 7.68px 0.32px rgba(21, 19, 16, 0.05));
        outline: none;

        >p {
            margin-bottom: 40px;
        }

        .ic-feedback-person {
            .ic-text {
                margin-left: 20px;

                h6 {
                    text-transform: capitalize;
                    color: $text-color;
                    font-family: 'lato', sans-serif;
                }

                p {
                    font-size: 14px;
                    color: $primary;
                    text-transform: capitalize;
                }
            }
        }
    }

    ul.slick-dots {
        text-align: center;
        margin-top: 30px;
        line-height: 1;
        li {
            list-style: none;
            display: inline-block;
            height: 12px;
            width: 12px;
            border: 1px solid $primary;
            margin-right: 8px;
            cursor: pointer;

            &.slick-active {
                background-color: $primary;
            }

            button {
                display: none;
            }
        }
    }
}