// Testimonial 2
.testimonial-2 {
	&:after{
		content: "\f10e";
		font-family: 'Line Awesome Free';
		font-size: 100px;
		right: 15px;
		position: absolute;
		bottom: -10px;
		color: #000;
		line-height: 1;
		opacity: 0.1;
		font-weight: 900;
	}
	.testimonial-detail{
		display:flex;
		align-items:center;
	}
	.testimonial-pic{
		height:90px;
		width:90px;
		overflow:hidden;
		border:0;
		border-radius:50%;
	}
	.testimonial-name{
		margin-bottom:0;
	}
	.testimonial-position{
		font-family: $font-family-title;
		text-transform: uppercase;
		font-weight: 300;
		letter-spacing: 3px;
	}
	.star-rating{
		i{
			font-size:18px;
		}
	}
	@include respond ('phone'){
		.testimonial-pic{
			height:70px;
			width:70px;
		}
		&:after{
			font-size:50px;
			right:15px;
			bottom: 15px;
		}
	}
}

.testimonial-swiper-2{
	.swiper-pagination{
		margin-top: 50px;
		position: relative;
		z-index:1;
		.swiper-pagination-bullet{
			height:6px;
			width:6px;
			position:relative;
			@include transitionMedium;
			&.swiper-pagination-bullet-active{
				background:var(--primary);
				margin: 0 14px;
				&:after{
					@include transitionMedium;
					content:"";
					display: block;
					left: 50%;
					transform: translate(-50%, -50%);
					top: 50%;
					position:absolute;
					height:22px;
					width:22px;
					border-radius:50%;
					border:1px solid var(--primary);
				}
			}
		}
	}
	.btn-prev{
		margin-right: 45px;
	}
	.btn-prev,
	.btn-next{
		height:36px;
		width:36px;
		line-height:36px;
		border-radius:50%;
		background:rgba($black,0.1);
		padding:0;
		&:hover{
			background:var(--rgba-primary-1);
			i{
				color:var(--primary);
			}
		}
	}
	.btn-prev:hover{
		i{
			transform: translateX(-20px);
		}
	}
	.btn-next:hover{
		i{
			transform: translateX(20px);
		}
	}
	.swiper-pagination i, .btn-next i, .btn-prev i{
		font-size: 50px;
	    position: absolute;
		color:$black;
		transition: all 0.8s;
		z-index: -1;
	}
	.btn-next i{
		right: 3px;
	}
	.btn-prev i{
		left: 3px;
	}
	
}