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

.TESTIMONIALS .testimonial {
	text-align: center;
	max-width: 770rem;
	margin: 0 auto;
}

.TESTIMONIALS .testimonial .image {
	max-height: 80rem;
	max-width: 240rem;
	margin: 1.7em auto 0;
}

.TESTIMONIALS .testimonial .image .b-img {
	object-fit: contain;
    aspect-ratio: 3/1;
	margin: 0 auto;
}

.TESTIMONIALS .testimonial .b-h3 {
	color: var(--dark-blue);
}

.TESTIMONIALS .testimonial .name {
	max-width: 470rem;
	margin: 1.7em auto 0;
}

.TESTIMONIALS .testimonial .role {
	max-width: 470rem;
	margin: 0.3em auto 0;
}

.b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.previous {top: 45%; left: 80rem;}
.b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.next {top: 45%; right: 80rem;}

@media screen and (max-width: 960px){

}


/* with image and rotating texts */

.TESTIMONIALS2 .heading {
	margin-bottom: 30rem;
}

.TESTIMONIALS2 .testimonial .name {
	margin: 1.7em auto 0;
}

.TESTIMONIALS2 .testimonial .image {
	height: 80rem;
	margin: 1.7em auto 0;
}

.TESTIMONIALS2 .testimonial .image .b-img {
	height: 100%;
	width: auto;
}

.TESTIMONIALS2 .testimonial .role {
	margin: 0.3em auto 0;
}

.TESTIMONIALS2 .flickity-prev-next-button {
	top: 45%;
	width: 50rem;
    height: 50rem;
}

.TESTIMONIALS2 .flickity-prev-next-button.previous {
	left: -50rem;
}

.TESTIMONIALS2 .flickity-prev-next-button.next {
	right: 50rem;
}

@media screen and (min-width: 961px){
	.TESTIMONIALS2 .testimonial {max-width: 560rem;}
	.TESTIMONIALS2 .flickity-page-dots {text-align: left; margin: 0 0 0 25rem;}
}

@media screen and (max-width: 960px){
	.TESTIMONIALS2 .heading h1 br,
	.TESTIMONIALS2 .heading h2 br,
	.TESTIMONIALS2 .heading h3 br,
	.TESTIMONIALS2 .heading h4 br,
	.TESTIMONIALS2 .heading h5 br,
	.TESTIMONIALS2 .heading h6 br {display: block;}
	.TESTIMONIALS2 .b-columns.alt-middle.alt-loose > .b-column:first-child {order: 2;}
	.TESTIMONIALS2 .b-columns.alt-middle.alt-loose > .b-column:last-child {order: 1;}
}

/* animation */

@media screen and (min-width: 961px) {
	.TESTIMONIALS2 .b-column:nth-child(2) {transition-delay: 0.4s;}
}