OwlCyberSecurity - MANAGER

Edit File: _testimonial.scss

.ova-testimonial{
	.owl-stage-outer{
		padding-bottom: 50px;
		@media(max-width: 767px){
			padding-bottom: 30px;
		}
	}

&.testimonial-version_2{

.slide-testimonials{
			.owl-stage-outer{
				padding-bottom: 0;
			}
			.client_info{
				padding: 68px 8%;
				background-color: #0d0e0f;
				text-align: center;
				@media( max-width: 767px ) {
					padding: 48px 30px 28px 30px;
				}

.client {
					margin-bottom: 45px;
				}

.info {
					.name-job {
						.name {
							font-size: 20px;
							color: #fff;
						}
					}
				}

p.evaluate{
					margin: 0 0 45px 0;
					font-size: 45px;
					line-height: 1.4;
					color: #fff;
					@media (max-width: 1024px) {
						margin: 0 0 25px 0;
						font-size: 35px;
					}
				}
			}
		}
	}

.slide-testimonials{
		.item {
			.rating{
				i{
					display: inline-flex;
					font-size: 19px;
					color: var(--primary);
				}
			}
		}

.client_info{
			position: relative;
			background-color: #fff;
			padding: 40px;
			@media(max-width: 767px){
				padding: 30px;
			}

&:after{
				content: '';
				display: block;
				position: absolute;
				top: 100%;
				left: 50px;
				width: 27px;
				height: 30px;
				background-color: #fff;
				clip-path: polygon(0 0, 0% 100%, 100% 0);
				@media(max-width: 767px){
					left: 20px;
				}
			}

.client{
				display: inline-block;
				margin-bottom: 30px;
				img{
					display: block;
					height: 146px;
					width: 146px;
					min-width: 146px;
					object-fit: cover;
					border-radius: 50%;
					border: 3px solid var(--primary);
				}
			}	
			p.evaluate{
				margin: 0 0 8px 0;
				font-size: 16px;
				line-height: 1.6;
				font-weight: 500;
				color: var(--text);
			}
			.info{
				padding-top: 24px;
				display: inline-flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				column-gap: 15px;
				row-gap: 15px;
				.name-job{
					.name{
						margin:0;
						font-size: 18px;
						color: var(--heading);
						line-height: 1.2;
						font-weight: 500;
					}
				}
			}
		}

.owl-dots{
			text-align: center;
			margin-top: 20px;
			.owl-dot{
				outline: none;
				span{
					width: 6px;
					height: 6px;
					margin: 5px;
					background: var(--text);
					display: block;
					-webkit-backface-visibility: visible;
					transition: opacity .2s ease;
					border-radius: 30px;
				}
				&.active{
					span{
						width: 12px;
						border-radius: 5px;
						opacity: 1;
						background-color: var(--primary);
					}
				}
			}
		}

.owl-nav{
			button{
				position: absolute;
				display: flex;
				justify-content: center;
				align-items: center;
			    width: 82px;
			    height: 82px;
			    border-radius: 50%;
			    top: calc(50% + 41px);

@media (max-width: 1024px) {
					width: 62px;
			    	height: 62px;
			    	top: calc(50% + 31px);
				}

&.owl-prev{
			    	left: -20.5px;
			    }

&.owl-next{
			    	right: -20.5px;
			    }

&.owl-next, &.owl-prev{
			    	background-color: var(--heading);
			    	i {
			    		display: inline-flex;
			    		font-size: 22px;
			    		line-height: 1;
			    		color: #fff;
			    		@media (max-width: 1024px) {
							font-size: 18px;
						}
			    	}
			    	&:hover{
			    		background-color: var(--primary);
			    	}
			    }
			}
		}
	}
}