.cms-testimonial-layout-2{
	.cms-ttmn-avatar{
		border: 2px solid $accent-color;
		padding: 5px;
	}
	// List 
	.cms-ttmn-list{
		margin-bottom: 40px;
	}
	// Shadow 
	@media (min-width: $screen-lg-min){
		.cms-ttmn-list {
			&:nth-child(2),
			&:nth-child(3),
			&:nth-child(6),
			&:nth-child(7),
			&:nth-child(9),
			&:nth-child(10),
			&:nth-child(12),
			&:nth-child(13),
			&:nth-child(15),
			&:nth-child(16),
			&:nth-child(18),
			&:nth-child(19),
			&:nth-child(21),
			&:nth-child(22),
			&:nth-child(24),
			&:nth-child(25){
				.ttmn-text-wrap{
					box-shadow: none!important;
					background: none!important;
				}
			}
		}
	}
	// Triangle Arrow
	.cms-ttmn-list .ttmn-text-wrap,
	.cms-ttmn-slider{
		&:after {
			content: '';
			position: absolute;
			left: 0;
			bottom: -31px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 36px 46px 0 0;
			border-color: $white transparent transparent transparent;
			[dir="rtl"] &{
				left: auto;
				right: 0;
				border-width: 0 46px 36px 0;
				border-color: transparent $white transparent transparent;
			}
		}
	}
	// Slider
	.swiper-slide-active{
		.cms-ttmn-avatar-wrap{
			border-color: $accent-color;
		}
	}
	.cms-ttmn-qoute-icon-mask{
		top: -20px;
		right: 60px;
		[dir="rtl"] &{
			right: auto;
			left: 60px;
		}
		&:before{
			transform: rotate(180deg);
    		display: block;
		}
	}
}

// Layout 4
.cms-testimonial-layout-4{
	.cms-ttmn-avatar-wrap{
		position: relative;
		&:before{
			content: '';
			position: absolute;
			left: -9px;
			top: -9px;
			width: calc(100% + 18px);
			height: calc(100% + 18px);
			border: 2px solid transparent;
			@include border-radius(50%);
			@include transition();
		}
	}
	.cms-swiper-pagination-html{
		&:hover,
		&.active{
			.cms-ttmn-avatar-wrap:before{
				border-color: $accent-color;
			}
		}
		@media (max-width: $screen-sm-max){
			&:not(:last-child){
				margin-bottom: 15px;
			}
		}
	}
	@each $name, $color in $cms_theme_colors {
		.cms-swiper-dots-color-hover-#{$name}{
			.cms-swiper-pagination-html{
				&:hover,
				&.active{
					.cms-ttmn-avatar-wrap:before{
						border-color: $color;
					}
				}
			}
		}
	}
}