/*------------------------------
    Testimonial Item
-----------------------------*/

.testimonial-carousel {
    .slick-slide {
        &.slick-center {
            &.single-testimonial-item {
                background-color: var(--main-color-one);
                border: 1px solid var(--main-color-one);
                box-shadow: 0 8px 25px #DCBB8782;
                .content {
                    .description {
                        color: #fff;
                        border-bottom: 1px dashed #FFFFFF;
                    }
                }
                .author-meta {
                    border: none;
                    background-color: transparent;
                }
            }
        }
    }
}

.testimonial-carousel-wrapper {
    .slick-carousel-controls {
        .slick-dots {
            text-align: center;
            bottom: -50px;
            z-index: 99;
            position: absolute;
            left: 0;
            right: 0;
            li {
                display: inline-block;
                margin: 0;
                button {
                    margin: 0 5px;
                    font-size: 24px;
                    background: transparent;
                    border: 1px solid #19232D;
                    outline: none;
                    text-indent: -6666666666px;
                    width: 16px;
                    height: 16px;
                    cursor: pointer;
                    border-radius: 50px;
                    transition: all 300ms ease-in-out;
                }
            }
            li.slick-active {
                button {
                    border: 1px solid var(--main-color-one);
                    position: relative;
                    z-index: 0;
                    &:after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 8px;
                        height: 8px;
                        border-radius: 50%;
                        transform: translate(-50%, -50%);
                        background-color: var(--main-color-one);
                        transition: all 300ms ease-in-out;
                        z-index: -1;
                    }
                }
            }
        }
        .slider-nav {
            div {
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 300ms ease-in;
                transform: translateY(-50%);
                height: 44px;
                width: 44px;
                border-radius: 50%;
                cursor: pointer;
                text-align: center;
                line-height: 44px;
                border: 1px solid var(--main-color-one);
                background-color: transparent;
                color: #fff;
                font-size: 25px;
                &.prev-arrow {
                    position: absolute;
                    left: -60px;
                    top: 50%;
                    transform: translateY(-50%);
                }
                &.next-arrow {
                    position: absolute;
                    left: -60px;
                    top: 40%;
                    transform: translateY(-50%);
                }
                &:hover {
                    background-color: var(--main-color-one);
                }
            }
        }
    }
}

.ts-outer-wrap {
    margin: 0 -15px;
}

.single-testimonial-item {
    background-color: rgba(255, 255, 255, .8);
    position: relative;
    z-index: 0;
    transition: all 300ms ease-in-out;
    border-radius: 8px;
    border: 1px solid var(--secondary-color);
    margin: 0 20px 20px 20px;
    &.style-01 {
        margin: 0 15px;
        border: 1px solid #fff;
        .content {
            .icon {
                font-size: 66px;
                color: #E8E9EA;
            }
        }
        .author-meta {
            background-color: #fff;
            display: flex;
            .thumb {
                display: flex;
                align-items: center;
                img {
                    margin-right: 20px;
                }
            }
            .title {
                color: var(--heading-color);
            }
            .ratings {
                color: #F8B65D;
            }
        }
    }
    .content {
        padding: 20px 25px 0;
        border-radius: 8px 8px 0 0;
        .description {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            color: #8D8D8D;
            padding-bottom: 20px;
            margin-bottom: 0;
        }
    }
    .author-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: var(--secondary-color);
        padding: 15px 25px;
        border-radius: 0 0 8px 8px;
        .title {
            font-size: 16px;
            line-height: 26px;
            font-weight: 700;
            margin-bottom: 0;
            color: #fff;
            font-family: var(--body-font);
        }
        .designation {
            font-size: 16px;
            line-height: 26px;
            font-family: var(--body-font);
        }
    }
    .ratings {
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        i {
            margin-right: 5px;
        }
    }
}

.single-testimonial-item-02 {
    background-color: #fff;
    position: relative;
    z-index: 0;
    transition: all 300ms ease-in-out;
    border-radius: 8px;
    margin: 0 15px;
    border: 1px solid #fff;
    .content {
        padding: 20px 25px 0;
        .icon {
            font-size: 66px;
            color: #E8E9EA;
        }
        .description {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            color: #8D8D8D;
            padding-bottom: 20px;
            margin-bottom: 0;
            border-bottom: 1px dashed rgba(#2F3841, .2);
        }
    }
    .author-meta {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 25px;
        border-radius: 0 0 8px 8px;
        .title {
            font-size: 16px;
            line-height: 26px;
            font-weight: 700;
            margin-bottom: 0;
            color: var(--heading-color);
            font-family: var(--body-font);
        }
        .thumb {
            display: flex;
            align-items: center;
            img {
                margin-right: 20px;
            }
        }
        .designation {
            font-size: 16px;
            line-height: 26px;
            font-family: var(--body-font);
        }
    }
    .ratings {
        font-size: 12px;
        line-height: 12px;
        color: #F8B65D;
        i {
            margin-right: 5px;
        }
    }
}

.single-testimonial-item-03 {
    background-color: #fff;
    position: relative;
    z-index: 0;
    transition: all 300ms ease-in-out;
    border-radius: 8px;
    margin: 40px 15px 20px;
    padding: 40px 30px 25px;
    box-shadow: 0 10px 10px rgba(50, 73, 179, 0.08);
    .content-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        .icon {
            font-size: 35px;
            color: var(--main-color-one);
        }
        .thumb {
            margin-top: -80px;
            img {
                border-radius: 47px;
            }
        }
    }
    .description {
        font-size: 16px;
        line-height: 28px;
        color: #2E2E2E;
        padding-bottom: 20px;
    }
    .author-meta {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        .title {
            font-size: 20px;
            line-height: 26px;
            font-weight: 700;
            color: #000000;
            font-family: var(--body-font);
            margin-bottom: 10px;
        }
        .designation {
            font-size: 16px;
            line-height: 26px;
            color: #000000;
            display: block;
            font-family: var(--body-font);
        }
    }
    .ratings {
        font-size: 15px;
        line-height: 25px;
        color: #FFA200;
        i {
            margin-right: 5px;
        }
    }
}