.tt-testimonial-wrapper {
	.slider-control {
		display: flex;
		width: calc(100% + 40px);
		justify-content: space-between;
		left: -22px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;

		@media(max-width: 575px) {
			display: none;
		}

		> div {
			height: 40px;
			width: 40px;
			background-color: #fff;
			box-shadow: 0 0 25px rgba(0,0,0,0.07);
			line-height: 40px;
			text-align: center;
			color: $color__theme;
			cursor: pointer;
			border-radius: 4px;
			transition: all 0.3s ease-in-out;

			&:hover {
				background-color: $color__theme;
				box-shadow: none;
				color: #fff;
			}
		}
	}
}


.testimonial {
	padding: 50px 50px 43px;
	margin: 25px 0;
	background-color: #ffffff;
	box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.06);
	border-radius: 15px;
	position: relative;
	z-index: 2;

	.testimonial-content-wrapper {
		display: flex;
		align-items: center;
		margin-bottom: 28px;
	}

	p {
		margin-bottom: 26px;
	}

	.bio-wrapper {
		.name {
			margin-bottom: 0;
			font-size: 18px;
			font-weight: 700;
			color: $color__heading;
		}

		.designation {
			color: $color__body;
			margin-bottom: 2px;
			display: block;
			line-height: 1.5;
		}
	}

	.quotes-dot {
		position: absolute;
		left: -25px;
		top: -25px;
		z-index: -1;
	}

	.avatar {
		margin-right: 20px;
		width: 60px;
		height: 60px;
		position: relative;
		z-index: 2;

		.author-image {
			height: 100%;
			width: 100%;
			object-fit: cover;
			border-radius: 6px;
		}
	}

	.quote-icon {
		position: absolute;
		right: 20px;
		bottom: 50px;
		z-index: -1;
	}

	&.style-two {
		border: 2px solid #dee2e6;
		box-shadow: none;
		padding: 32px 30px 40px;

		.avatar {
			border-radius: 50%;
			overflow: hidden;
			height: 50px;
			width: 50px;
		}

		.testimonial-content-wrapper {
			margin-bottom: 0;
		}

		.bio-wrapper {
			.name {
				font-size: 16px;
				font-weight: 600;
			}

			.designation  {
				font-size: 14px;
			}
		}

		.star-rating {
			margin-bottom: 10px;
			font-size: 10px;
			line-height: 1;
		}

		.testimonial-title {
			font-size: 18px;
			margin-bottom: 10px;
			font-weight: 500;
		}
	}

	&.style-three {
		padding: 40px;

		.avatar {
			height: 65px;
			width: 65px;
			margin-right: 15px;

			img {
				border-radius: 50%;
			}
		}

		.bio-wrapper {
			.name {
				font-size: 16px;
				font-weight: 600;
			}

			.designation {
				font-size: 14px;
			}
		}

		.star-rating {
			line-height: 1;

			> span {
				&::before {
					font-size: 11px;
				}
			}
		}

		p {
			font-size: 18px;
			line-height: 30px;
		}
	}

	&.style-five {
		box-shadow: none;
		padding: 30px;
		margin: 0;

		.quote-icon {
			margin-bottom: 20px;
			position: static;
		}

		.testimonial-content-wrapper {
			margin-bottom: 0;
		}

		p {
			font-style: italic;
		}

		.avatar {
			border-radius: 50%;
			overflow: hidden;
		}

		.bio-wrapper {
			.name {
				font-size: 18px;
				font-weight: 600;
				color: #4B4B4B;
			}

			.designation {
				color: #848484;
			}

		}
	}
}


.testi-swiper-pagination {
	width: max-content !important;
	left: auto !important;
	right: 25px;
	bottom: 25px !important;
	position: absolute;
	z-index: 2;

	.swiper-pagination-bullet {
		display: block;
		margin: 14px 0 !important;
	}
}

.tt-testimonial-five {
	background: #FFFFFF;
	box-shadow: 0 15px 55px rgba(182, 182, 182, 0.15);
	border-radius: 10px;
}

/* Ratting Style */
.tt-star-1:before,
.tt-star-2:before,
.tt-star-3:before,
.tt-star-4:before,
.tt-star-5:before {
	content: "\f005";
	color: #ffbc08;
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
}

.tt-star-10 .tt-star-1:before,
.tt-star-20 .tt-star-1:before,
.tt-star-20 .tt-star-2:before,
.tt-star-30 .tt-star-1:before,
.tt-star-30 .tt-star-2:before,
.tt-star-30 .tt-star-3:before,
.tt-star-40 .tt-star-1:before,
.tt-star-40 .tt-star-2:before,
.tt-star-40 .tt-star-3:before,
.tt-star-40 .tt-star-4:before,
.tt-star-50 .tt-star-1:before,
.tt-star-50 .tt-star-2:before,
.tt-star-50 .tt-star-3:before,
.tt-star-50 .tt-star-4:before,
.tt-star-50 .tt-star-5:before {
	content: "\f005";
	color: #ffbc08;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}


.tt-slider-navigation {
	max-width: 200px;
	margin-top: 40px;
}

.testimonial-two {

	&__content {
		font-size: 18px;
		line-height: 30px;
		font-weight: 500;
		font-style: italic;
		margin-bottom: 30px;
	}

	&__name {
		font-size: 16px;
		margin-bottom: 0;
	}

	&__designation {
		font-size: 14px;
		color: #a3a3a3;
	}

	&__avatar {
		border-radius: 50%;
		height: 55px;
		width: 55px;

		img {
			border-radius: 50% !important;
			height: 100% !important;
			width: 100%;
			object-fit: cover;
		}
	}
}


.digi-testimonial {
	.digi-testimonial-single {
		border-radius: 10px;
		padding: 30px;
		img {
			border-radius: 50%;
		}
		.contents {
			flex: 1;
		}
	}
	.digi-nav-control {
		width: 100px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		right: 20px;
		.swiper-button-prev,
		.swiper-button-next {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			z-index: 6;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #fff;
			color: #0b163f;
			background-image: none;
			&:hover {
				background-color: #ff3951;
				color: #fff;
			}
		}
		.swiper-button-prev {
			right: 60px;
			left: auto;
		}
		.swiper-button-next {
			right: 0;
		}
	}
}

//.swiper-slide {
//	&.swiper-slide-thumb-active {
//		transform: scale(1.1);
//	}
//}