/*------------------------------------*\
    #Testimonial
\*------------------------------------*/
.testimonial {
    padding-top   : 93px;
    padding-bottom: 96px;

    @media #{$maxTablet} {
        padding-top   : 53px;
        padding-bottom: 70px;
    }

    .clients-img {
        img {
            max-width: 100%;

            @media #{$maxTablet} {
                display: block;
                margin : 0 auto;
            }
        }
    }

    &.testimonial-1 {
        padding-top   : 64px;
        padding-bottom: 54px;

        @media #{$maxTablet} {
            padding-top   : 14px;
            padding-bottom: 70px;
        }
    }

    &.testimonial-3 {
        padding-top   : 94px;
        padding-bottom: 94px;

        @media #{$maxTablet} {
            padding-top   : 13px;
            padding-bottom: 70px;
        }
    }
}

.testimonials-holder {
    margin-bottom: 41px;
}

.testimonial-panel {
    .testimonial-body {
        position: relative;

        .testimonial-content {
            position: relative;

            @media #{$maxTablet} {
                text-align: center;
            }

            p {
                font-family  : var(--global--font-heading);
                color        : #1e4873;
                font-size    : 26px;
                font-weight  : 400;
                line-height  : 41px;
                margin-bottom: 0;

                @media #{$maxSmall} {
                    font-size  : 19px;
                    line-height: 1.5;
                }
            }
        }
    }

    &.testimonial-panel-2 {
        .testimonial-body {
            .testimonial-content {
                p {
                    color: var(--global--color-white);
                }
            }
        }
    }
}

.testimonial-thumbs {
    display: flex;

    @media #{$maxTablet} {
        justify-content: center;
    }

    @media #{$maxSmall} {
        flex-direction: column;
    }
}

.testimonial-thumb {
    flex-shrink : 0;
    margin-right: 40px;
    display     : flex;
    align-items : center;
    transition  : 0.3s ease-in-out;
    opacity     : 0.5;
    cursor      : pointer;

    &:last-child {
        margin-right: 0;
    }

    @media #{$maxSmall} {
        margin-right : 0;
        margin-bottom: 30px;
    }

    &.active {
        opacity: 1;

        .thumb-img {
            padding     : 5px;
            border-color: var(--global--color-primary-alt);
        }
    }

    @media #{$noteBook} {
        margin-right: 25px;
    }

    @media #{$maxSmall} {
        margin-right: 25px;
    }

    .thumb-img {
        box-shadow   : 0px 0px 0px 2px rgba(155, 203, 59, 0.004);
        width        : 55px;
        height       : 55px;
        border-radius: 50%;
        border       : 3px solid transparent;
        position     : relative;
        transition   : 0.3s ease-in-out;
        margin-right : 18px;

        img {
            border-radius: 50%;
            max-width    : 100%;
        }
    }

    .thumb-body {
        text-transform: capitalize;

        h3 {
            font-family   : var(--global--font-body);
            font-size     : 14px;
            font-weight   : 700;
            line-height   : 24px;
            margin-bottom : 0px;
            color         : #05213f;
            text-transform: capitalize;
        }

        p {
            font-family   : var(--global--font-body);
            font-size     : 14px;
            font-weight   : 400;
            line-height   : 23px;
            color         : var(--global--color-body);
            margin-bottom : 0;
            text-transform: capitalize;
        }
    }

    &.testimonial-thumb-2 {
        opacity     : 1;
        margin-right: 10px;

        &:last-child {
            margin-right: 0;
        }

        &.active {
            .thumb-img {
                border-color: var(--global--color-white);
            }
        }

        .thumb-img {
            padding     : 5px;
            margin-right: 0;
        }
    }

    &.testimonial-thumb-3 {
        opacity: 1;

        .thumb-body {
            h3 {
                color: var(--global--color-white);
            }

            p {
                color: #f9f9f9;
            }
        }
    }
}

.testimonial-actions {
    display        : flex;
    align-items    : center;
    justify-content: space-between;

    @media #{$maxSmall} {
        flex-direction : column;
        justify-content: center;
    }

    .custom-navs {
        display    : inline-flex;
        align-items: center;
        margin-left: 15px;

        @media #{$maxSmall} {
            margin-left: 0;
        }

        a {
            @include centerd(34px, 34px, var(--global--color-heading));
            border-radius: 50%;
            transition   : 0.3s ease-in-out;
            cursor       : pointer;

            &:hover {
                background-color: #e6eaef;

                i {
                    color: var(--global--color-heading);
                }
            }

            i {
                font-size : 12px;
                color     : var(--global--color-white);
                transition: 0.3s ease-in-out;
            }

            &.prev {
                margin-right: 10px;
            }
        }
    }
}

.section-head {
    font-family   : var(--global--font-secondary);
    font-weight   : 400;
    font-size     : 30px;
    line-height   : 1;
    color         : var(--global--color-primary);
    text-transform: capitalize;
    margin-bottom : 23px;

    @media #{$maxTablet} {
        text-align: center;
    }
}

.testimonial-wrapper {
    display: flex;
    width  : 450px;

    @media #{$maxTablet} {
        width : auto;
        margin: 0 auto;
    }

    .testimonial-icon {
        flex-shrink : 0;
        margin-right: 35px;

        @media #{$noteBook} {
            margin-right: 20px;
        }

        @media #{$maxSmall} {
            display: none;
        }

        img {
            transform: translateY(9px);
        }
    }

    .testimonial-panel {
        margin-bottom: 27px;
    }

    .owl-carousel {
        max-width: 100%;
    }

    .testimonial-actions {
        justify-content: flex-start;

        .custom-navs {
            margin-left : 0;
            margin-right: 38px;
        }

        .testimonial-thumbs {
            justify-content: flex-start;
            margin-right   : 22px;
        }
    }
}