.ova-testimonial{
	.owl-stage-outer{
		padding: 50px 0;
	}

	.owl-carousel .owl-stage-outer {
       	margin-right: -30px;
       	margin-left: -30px;
	    padding-left: 30px;
	    padding-right: 30px;
	    width: calc(100% + 60px);

	    @media(max-width: 1290px){
	    	margin-right: 0px;
	    	margin-left: 0px;
	    	padding-left: 0px;
		    padding-right: 0px;
		    width: 100%;
	    }
	}
	&.version_2{

		.slide-testimonials{
			.owl-item.active{
				.client_info{
					box-shadow: none;
				}
			}
			.client_info{
				display: flex;
				flex-wrap: wrap;
				padding: 0;
				background: transparent;
				box-shadow: none;

				@media( max-width: 767px ){
					display: block;
				}
				.client{
					width: 140px;
					@media (max-width: 767px) {
						margin-bottom: 40px;
    					margin: 0 auto;
					}
					img{
						border-radius: 50%;
					}
				}
				.info{
					width: calc(100% - 140px);
					padding: 0 0 0 60px;
					@media (max-width: 767px) {
						padding: 0;
    					text-align: center;
    					width: 100%;
					}
					p.evaluate{
						font-size: 26px;
						line-height: 40px;
						color: #62718d;
						margin-bottom: 30px;
						@media (max-width: 767px) {
							font-size: 20px;
							line-height: 28px;
							margin-top: 15px;
						}
					}
					.name-job{
						@media (max-width: 767px) {
							width: 100%;
						}
						.name {
							font-size: 18px;
							line-height: 1.2;
							font-weight: 400;
							color: #202b5d;
						}
						.job{
							font-size: 15px;
							line-height: 1.2;
							color: #62718d;
						}
					}
				}
				.icon-quote{
				    bottom: unset;
				    top: -16px;
				    left: 140px;
				    @media (max-width: 767px) {
				    	display: none;
				    }
				    span{
				    	&:before{
				    		color: #c32644;
				    	}
				    }
				}
			}
			.owl-dots .owl-dot.active span{
				background: #c32644;
			}
		}
	}

	.slide-testimonials{
		.owl-item.active{
			.client_info{
				box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
			}
		}
		.client_info{
			padding: 34px 35px 40px 40px;

			position: relative;
			.icon-quote{
				position: absolute;
				bottom: 44px;
				right: 40px;
				span{
					display: inline-block;
					&:before{
						margin: 0;
						font-size: 50px;
						line-height: 1;
						
					}
				}
			}		
			p.evaluate{
				font-size: 18px;
				font-weight: 400;
				color: #62718d;
				line-height: 26px;
				margin: 0 0 9px 0;
			}
			.info{
				padding-top: 24px;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				.client{
					margin-right: 15px;
					img{
						min-height: 60px;
						max-width: 60px;
						width: 100%;
						border-radius: 50%;
					}
				}
				.name-job{
					p{
						margin: 0;
					}
					.name{
						font-size: 18px;
						line-height: 1.2;
						font-weight: 400;
						color: #202b5d;
						letter-spacing: 0.2px;
						margin-bottom: 2px;
					}
					.job{
						font-size: 15px;
						line-height: 1.2;
						font-weight: 400;
						color: #62718d;
					}
				}
				
			}
		}
		.owl-dots{
			text-align: center;
			margin-top: 2px;
			.owl-dot{
				outline: none;
				span{
					width: 6px;
					height: 6px;
					margin: 5px;
					background: #d1d1d6;
					display: block;
					-webkit-backface-visibility: visible;
					transition: opacity .2s ease;
					border-radius: 30px;
				}
				&.active{
					span{
						width: 12px;
						border-radius: 5px;
						opacity: 1;
					}
				}
			}
		}

	}

}