/* TESTIMONIALS */

.TESTIMONIALS::before,
.TESTIMONIALS::after {
	content: "";
	display: block;
	overflow: hidden;
}

.TESTIMONIALS {
	position: relative;
	padding: var(--s5);
	background: var(--white);
	border-radius: var(--s1);
}

.TESTIMONIALS .testimonial {
	position: relative;
	height: 100%;
	box-sizing: border-box;
	padding-bottom: var(--s5);
}

.TESTIMONIALS .content {
	padding-bottom: var(--s8);
}

.TESTIMONIALS .author {
	display: flex;
	align-items: center;
	margin-bottom: var(--s5);
}

.TESTIMONIALS .author .name {
	color: var(--navy);
}

.TESTIMONIALS .author .role, .TESTIMONIALS .content h3{
	color: var(--navy-300);
}


.TESTIMONIALS .author .image {
	width: 54rem;
	margin-right: var(--s3);
	border-radius: 100%;
	overflow: hidden;
	flex: 0 0 auto;
	align-self: flex-start;
}

.TESTIMONIALS .logo {
	max-width: var(--s8);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

/* embla */ 

.TESTIMONIALS .embla {padding-bottom: 0;}

@media (width <= 960px) {
	.TESTIMONIALS .testimonial {padding-bottom: 0;}
	.TESTIMONIALS .content {padding-bottom: var(--s5);}
	.TESTIMONIALS {padding: var(--s4);}
	.TESTIMONIALS .logo {position: static;}
	.TESTIMONIALS .embla__buttons {position: static!important; margin-top: var(--s5);}
	.TESTIMONIALS .embla__prev, .TESTIMONIALS .embla__next {display: block!important;}
}