✏️ Editing: _testimonial.scss Writable

.ova-testimonial{
	.slide-testimonials{
		.owl-stage-outer{
			.owl-item{
				&.center{
					.item{
						.wrap-quote{
							.quote{
								i{
									@include transaction( all, 0.3s, ease);
									color: var(--primary);
								}
								svg{
									path{
										fill:var(--primary);
										fill-opacity: 1;
									}
								}
							}
						}
					}
				}

.item{
					padding: 0 50px 0 0;
					border-right: 1px solid #ffffff0d;

@media(max-width: 767px){
						padding: 0;
						border: none;
					}

.wrap-quote{
						display: flex;
						flex-wrap: wrap;
						justify-content:space-between;
						align-items:center;

.author-image{
							margin: 0 20px 0 0;

img{
								width: 100px;
								min-width: 100px;
								height: 100px;
								border-radius: 50%;
								object-fit: cover;
							}
						}
						.quote{
							margin: 0 30px 0 0;
							i{
								@include transaction( all, 0.3s, ease);
								font-size: 46px;
								display: inline-flex;
								color: #ffffff59;
							}
							svg{
								width: 46px ;
								height: auto;

path{
									fill: #FFF;
								}
							}
						}
					}

.content{
						font-size: 22px;
						line-height: 1.6;
						opacity: 0.8;
						color: var(--heading);
						margin: 26px 0 23px 0;
					}

.info{
						display: inline-flex;

.line-decoration{
							width: 18px;
							height: 1.5px;
							background-color: var(--primary);
							margin: 10px 10px 0 0;
						}
						.name-job{
							.name{
								font-size: 18px;
								font-weight: 500;
								color: var(--heading);
								line-height: 1.3;
								margin: 0;
							}
							.job{
								text-transform: capitalize;
								opacity: 0.8;
								margin: -3px 0 0 0;

.company{
									color: var(--primary);
								}
							}
						}
					}
				}
			}
		}

.owl-nav{
			display: inline-flex;
			justify-content:center;
			align-items:center;
			gap:12px;
			width: 80px;
			height: 80px;
			position: absolute;
			left: 55%;
			bottom: 22%;
			background-color: #ffffff1a;
			border-radius: 50%;
			z-index: 1;

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

button{

&:hover{
					i{
						color:var(--primary);
					}
				}

i{
					display: inline-flex;
					font-size: 12px;
					color: var(--heading);
				}
			}
		}

.owl-dots{
			text-align: center;
			margin: 77px 0 0;

@media(max-width: 1150px){
				margin: 30px 0 0 0;
			}

.owl-dot{
				width: 154px;
				height: 2px;
				border-radius: 0;
				background-color: var(--heading);

@media(max-width: 1150px){
					width: 100px;
				}
				@media(max-width: 767px){
					width: 50px;
				}

&.active{
					background-color: var(--primary);
				}
			}
		}
	}

p{
		margin: 0;
	}

.owl-carousel .owl-stage-outer {
		padding-top: 25px;
       	margin-right: -25px;
       	margin-left: -25px;
	    padding-left: 25px;
	    padding-right: 25px;
	    width: calc(100% + 20px);
	}
}

🔐 Sid Gifari File Manager Pro