/* Testimonials Area css
============================================================================================ */
.testimonials_area{
	position: relative;
	.owl-prev, .owl-next{
		position: absolute;
		right: 150px;
		background: #fff;
		font-size: 24px;
		color: #c1c1c1;
		padding-left: 10px;
		padding-right: 10px;
		@include transition;
		cursor: pointer;
		box-shadow: -14.142px 14.142px 20px 0px rgba(157, 157, 157, 0.2);
		&:hover{
			color: $dip;
		}
	}
	.owl-prev{
		bottom: 50%;
		padding-top: 15px;
		padding-bottom: 10px;
		&:before{
			content: "";
			width: 28px;
			background: #e8e8e8;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0px;
			height: 1px;
		}
	}
	.owl-next{
		top: 50%;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.owl-dots{
		text-align: center;
		.owl-dot{
			height: 14px;
			width: 14px;
			background: #eeeeee;
			display: inline-block;
			margin-right: 10px;
			&:last-child{
				margin-right: 0px;
			}
			&.active{
				background: $baseColor;
			}
		}	
	}	
}
.testi_slider{
	margin-top: -30px;
	margin-bottom: -30px;
}
.testi_item{
	padding: 30px 0px;
	.media{
		border-radius: 10px;
		padding: 40px;
		background: #fff;
		@include transition;
		border: 1px solid #eeeeee;
		.d-flex{
			padding-right: 25px;
		}
		.media-body{
			p{
				margin-bottom: 20px;
			}
			h4{
				color: $dip;
				font-family: $rob;
				font-weight: 500;
				font-size: 20px;
				@include transition;
			}
			h5{
				margin-bottom: 0px;
				font-size: 14px;
				color: $pfont;
				font-weight: normal;
				font-family: $rob;
			}
			.rating{
				i{
					color: #ffc000;
				}
			}
		}
	}
	&:hover{
		.media{
			box-shadow: 0px 10px 30px 0px rgba(157, 157, 157, 0.2);
			background: #fff;
			border-color: #fff;
			.media-body{
				h4{
					color: $baseColor;
				}
			}
		}
	}
}
/* End Testimonials Area css
============================================================================================ */