.testimonial-style-2 {
	.client-thumb {
		@media screen and (max-width: 374px) {
			display: none;
		}
	}
	.client-thumb.owl-thumbs {
		margin-top: 80px;
		position: relative;
		@include mq(767) {
			margin-top: 30px;
			text-align: center;
		}
	} 
	.owl-thumb-item {
		width: 85px;
		height: 85px;
		display: inline-block;
		position: absolute;
		z-index: 9;
		transition: all 0.3s;
		outline: none;
		div{
			width: 100%;
			height: 100%;
		}
		&.active {
			transform: scale(1.2) rotate(3deg);
		}
		@include mq(767) {
			max-width: 50px;
			max-height: 50px;
			position: static;
			text-align: center;
			margin: 5px;
		}

		img {
			height: 100%;
			width: 100%;
			display: block;
			object-fit: cover;
		}

		&:nth-child(1) { 
			top: 73%;
    		left: calc(50% - 46px);
		}
		&:nth-child(2) {
			top: auto;
			left: 61%;
			bottom: 15%;
		}
		&:nth-child(3) {
			top: auto;
			left: 30%;
			bottom: 15%; 
			@include mq(767) {
				bottom: 1%;
			}
		}
		&:nth-child(4) {
			top: 40%;
			left: auto;
			right: 20%;
		}
		&:nth-child(5) {
			top: 40%;
			left: 20%;

			@include mq(767) {
				right: 12%;
			}
		}
	}
	.single-tst{
		margin-bottom: 0 !important;
		p{
			margin-bottom: 15px;
		}
	}

	.testimonial .owl-dots {
		pointer-events: none;
	}
}

.testimonial-style-3 {
	.single-tst {
		margin-bottom: 0 !important;

		p {
			margin-bottom: 20px;
			font-size: 15px !important;
			font-family: "Roboto", sans-serif !important;
			line-height: 27px !important;
		}
	}
	.client-thumb {
		text-align: center;
		margin-bottom: 20px;
	}
	.owl-thumb-item {
		position: relative;
		max-width: 50px;
		display: inline-block;
		border-radius: 50%;
		transition: all 0.3s;
		outline: none;
		margin: 0 -5px;
		border: 5px solid $primary-clr;

		&.active {
			transform: scale(1.1);
			z-index: 9;
		}

		img {
			// border-radius: 50%;

		}
	}
}


.testimonial-style-5{ 
	.fas.fa-quote-left{
		font-size: 100px;
		display: block;
		margin: 0 auto;
		text-align: center;
		opacity: .2;
		margin-bottom: 25px;
	}
	.single-tst p{
		margin-bottom: 15px !important;
	}
	.single-tst{
		margin-bottom: 0 !important;
	}

	.client-thumb{
		@include mq(768){
			margin-bottom: 40px;
			justify-content: center; 
		}
		a{
			margin-bottom: 7.5px;
			outline:none;
			// opacity: .5;
			transform: scale(1); 
			transition: all .5s;
			max-width: 118px;
			max-height: 100px;
			overflow: hidden;
			@include mq(768){
				max-width: 110px;
				max-height: 90px;
			}
			span{
				background-color: #fff;
				display: block;
				position: relative;
				&:before{
					content: '';
					width: 100%;
					height: 100%;
					position: absolute;
					background-color: #000;
					top: 0;
					left: 0;
					opacity: .3;		
					transition: all .5s;			
				}
				img{ 
					width: 152px;
					height: 132px;
					object-fit: cover;
					display: block;
				}
			}
			&.active, &:hover{
				opacity: 1;
				transform: scale(1.1);
				span{
					&:before{
						opacity: 0;
					}
				}
			}
		}
	}
	.owl-dots{
		display: none;
	}
	.testimonial-area{
		display: block;
	}
}