/*
 * Testimonials Carousel CSS
 * */
.testimonials-carousel-wrap{
	overflow-x: clip;
}

.testimonials-carousel{
	opacity: 0;
	visibility: hidden;
	cursor: grab;
}

.testimonials-carousel.slick-initialized{
	opacity: 1;
	visibility: visible;
}

.testimonials-carousel .slick-track{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}

.testimonials-carousel .slick-slide{
	margin: 0 7px;
	height: auto;
}

.testimonials-carousel .slick-list{
	margin: 0 -7px;
}

.testimonial-box{
	position: relative;
	height: 100%;
	background-color: var( --e-global-color-secondary );
	padding: 40px 30px;
	border-radius: 8px;
}

.testimonial-box .testimonial-header{
	  display: flex;
	  align-items: center; 
	  gap: 10px; 
}

.testimonial-box .testimonial-header .testimonial-image{
	width: 60px;
  	flex-shrink: 0; 
}

.testimonial-box .testimonial-header .testimonial-client-info{
	flex: 1;
}

.testimonial-header:not(:has(.testimonial-image)) .testimonial-client-info{
  	flex: 0 0 100%;
}

.testimonial-box .testimonial-header .testimonial-image img{
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}

.testimonial-box .testimonial-header .testimonial-client-info .client-name h3{
	color: var( --e-global-color-primary );
	font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
    color: var(--e-global-color-accent);
	margin: 0 0 5px;
}

.testimonial-box .testimonial-header .testimonial-client-info .client-designation h5{
	color: var( --gradient-color1 );
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
	margin: 0;
}

.testimonial-box .testimonial-body{
	margin-top: 25px;
}

.testimonial-box .testimonial-body .description p{
	color: var(--e-global-color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
}

.testimonial-box .testimonial-body .description p:last-child{
	margin-bottom: 0;
}

@media only screen and (max-width: 767px){
	
	.testimonial-box{
		padding: 25px 15px;
	}

	.testimonial-box .testimonial-header .testimonial-client-info .client-name h3{
		font-size: 16px;
	}
	
	.testimonial-box .testimonial-body{
		margin-top: 20px;
	}

}