.tf-testimonial-carousel-type-group {
    padding: 60px 40px;
    background: #fff;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
    
    .item-testimonial {
        @include d-flex();
        padding: 15px;
        .item-testimonial-summary{
            margin-top: -4px;
        }
        
        .tf-heading-title {
            margin-bottom: 32px;
        }
        
        .avatar {
            display: none;
        }
        
        .description {
            font-size: 20px;
            line-height: 1.6;
            margin-bottom: 46px;
        }
        
        .name {
            font-size: 24px;
            line-height: 1.41;
            margin-bottom: 0;
        }
        
        .position {
            font-size: 14px;
            color: #8B8B8B;
            font-family: var(--theme-font-primary);
        }
    }
    
    .owl-carousel.testimonial-group .owl-dots {
        > .owl-dot {
            span {
                background-color: var(--theme-secondary-color);
            }
            
            &.active {
                border: 1px solid var(--theme-secondary-color);
            }
        }
    }
}

@media (min-width: 768px) {
    .tf-testimonial-carousel-type-group {
        .item-testimonial {
            .item-testimonial-info {
                padding-left: 70px;
                position: relative;
                
                &:before {
                    content: "\f103";
                    font-family: var(--theme-font-icon);
                    font-size: 50px;
                    font-weight: 300;
                    position: absolute;
                    left: 0;
                    top: 0;
                    line-height: 1;
                    color: var(--theme-secondary-color);
                    @include transform(rotate(180deg));
                }
            }
            
            .avatar {
                @include flex(0 0 150px);
                margin-right: 40px;
                display: block;
            }
        }
        
        .owl-carousel.testimonial-group .owl-dots {
            position: absolute;
            right: 31px;
            bottom: 17px;
        }
    }
}

@media (min-width: 1025px) {
    .tf-testimonial-carousel-type-group {
        padding: 65px 65px 62px;
        
        .item-testimonial {
            .avatar {
                @include flex(0 0 250px);
                margin-right: 80px;
            }
        }
    }
}
