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

.TESTIMONIALS .b-columns.alt-flickity {
	padding-bottom: 0;
}

.TESTIMONIALS .container {
	overflow: hidden;
	position: relative;
	height: 100%;
	box-sizing: border-box;
	border-radius: 16rem;
	background: no-repeat center url(./images/testimonial-deco.svg);
	background-size: cover;
	padding: 80rem;
	text-align: center;
	color: var(--purple);
}

.TESTIMONIALS .content {
	font-size: 24rem;
	line-height: 1.25;
	font-weight: 700;
	max-width: 867rem;
	margin: 0 auto;
}

.TESTIMONIALS .name {
	padding-top: 16rem;
}

.TESTIMONIALS .link {
	margin-top: var(--s3);
}

.TESTIMONIALS .flickity-button {
	background: no-repeat center url(./images/testimonial-arrow.svg)!important;
	width: 70rem;
	height: 70rem;
	transition: ease .25s;
}

.TESTIMONIALS .flickity-button:hover {
	background: no-repeat center url(./images/testimonial-arrow.svg)!important;
}

.TESTIMONIALS .flickity-button:disabled {
	background: no-repeat center url(./images/testimonial-arrow.svg)!important;
	opacity: 1;
}

.TESTIMONIALS .flickity-prev-next-button {
	top: calc(100% + 32rem)
}

.TESTIMONIALS .flickity-prev-next-button.previous {
	left: calc(44% - 0rem);
	transform: rotateY(180deg);
	top: calc(100% + -13rem)
}

.TESTIMONIALS .flickity-prev-next-button.next {
	right:  calc(44% - 0rem);
}

 @media screen and (max-width: 960px) {
	.TESTIMONIALS .container {padding: 40rem 20rem;}
	.TESTIMONIALS .content {font-size: 20rem;}
	.TESTIMONIALS .flickity-prev-next-button {top:calc(100% + 0rem);}
	.TESTIMONIALS .flickity-prev-next-button.previous {left: calc(25% - 0rem); top: calc(100% + -35rem);}
	.TESTIMONIALS .flickity-prev-next-button.next {right: calc(25% - 0rem);}
 }

/* @media screen and (max-width: 960px) {
	.TESTIMONIALS .flickity-prev-next-button {top: calc(95% + 0rem);}
	.TESTIMONIALS .flickity-prev-next-button.previous {left: calc(50% - 60rem);}
	.TESTIMONIALS .flickity-prev-next-button.next {right: calc(50% - 60rem);}
} */


/* QUOTES VARIANT */ 


.TESTIMONIALS[data-variant="quotes"] .container {
	overflow: visible;
	background: none;
	background-size: cover;
	padding: 0;
	text-align:left;
	color: var(--dark-purple);
	position: relative;
}

.b-section[data-variant="split"] .TESTIMONIALS[data-variant="quotes"] .container::before {
	content: '';
	background: no-repeat right url(./images/ui-quotes-testimonial.svg);
	position: absolute;
	right: 0;
	width: 200rem;
	height: 200rem;
	z-index: 0;
}

.TESTIMONIALS[data-variant="quotes"] .container::before {
	content: '';
	background: no-repeat right url(./images/ui-quotes-testimonial.svg);
	position: absolute;
	top: -70rem;
   	right: 100rem;
	width: 200rem;
	height: 200rem;
	z-index: 0;
}

.TESTIMONIALS[data-variant="quotes"] .container .content {position: relative; max-width: none; margin-bottom: 20rem;}

.TESTIMONIALS[data-variant="quotes"] .name-container {
	display: flex;
	align-items: center;
	gap: var(--s3);
}

.TESTIMONIALS[data-variant="quotes"] .name-container .image {
	width: 80rem;
	overflow: hidden;
}

.TESTIMONIALS[data-variant="quotes"] .name-container .image .b-img {
	aspect-ratio: 1/1!important;
	border-radius: 50%;
	overflow: hidden;
}

.TESTIMONIALS[data-variant="quotes"] .role,
.TESTIMONIALS[data-variant="quotes"] .name {color: var(--black);}
.TESTIMONIALS[data-variant="quotes"] .name {font-weight: 600;}

.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .container,
.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .role,
.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .name {color: var(--white);} 

.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .container .content {margin-bottom: 30rem;}

.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .name-container,
.TESTIMONIALS[data-variant="quotes"][data-quotes="full"] .name-container {justify-content: center; flex-direction: column;}

.TESTIMONIALS[data-variant="quotes"][data-quotes="dark"] .container::before {
	background: no-repeat right url(./images/ui-quotes-testimonial-dark.svg);
	top: -75rem;
	left: 0;
	right: 0;
}

.TESTIMONIALS[data-variant="quotes"] .container.alt-center {text-align: center;}
.TESTIMONIALS[data-variant="quotes"] .container.alt-center .content {max-width: 968rem;}

@media screen and (max-width: 960px) {
	.TESTIMONIALS[data-variant="quotes"] .container::before {top: 0; right: 0;}
	.b-section[data-variant="split"] .TESTIMONIALS[data-variant="quotes"] .container::before {top: 0; right: 0;}
}


/* ALTS */ 

.TESTIMONIALS.alt-contract .container {
	overflow: visible;
	width: 677rem;
	background: white;
	text-align: left;
	padding: 24rem;
}

.TESTIMONIALS.alt-contract .name {
	padding-top: 48rem;
	font-weight: 700;
}

.TESTIMONIALS.alt-contract .flickity-page-dots {
	top: calc(100% + 90rem);
	left: calc(40% + 35rem);
}

.TESTIMONIALS.alt-contract .flickity-prev-next-button {
	top: calc(100% + 96rem);
	left: calc(0% + 50rem);
}

.TESTIMONIALS.alt-contract .flickity-prev-next-button.previous {
	top: calc(100% + 50rem);
	left: -10rem;
}

@media screen and (max-width: 960px) {
	.TESTIMONIALS.alt-contract .container {width: 100%;}
	.TESTIMONIALS.alt-contract .flickity-prev-next-button {
		top: calc(100% + 70rem);
		left: calc(0% + 35rem);
	}
	
	.TESTIMONIALS.alt-contract .flickity-prev-next-button.previous {
		top: calc(100% + 35rem);
		left: -22rem;
	}
	.TESTIMONIALS.alt-contract .flickity-page-dots {display: none;}
}


/* IMAGE VARIANT */ 

.TESTIMONIALS[data-variant="image"] .b-columns {
	align-items: center;
}

.TESTIMONIALS[data-variant="image"] .container {
	background: linear-gradient(258deg, #141527 16.4%, #272A4E 83.89%);
	color: var(--white);
	text-align: left;
}

.TESTIMONIALS[data-variant="image"] .content {
	padding-top: 80rem;
	position: relative;
}

.TESTIMONIALS[data-variant="image"] .content::before {
	content: '';
	background: no-repeat url(./images/ui-purple-quotes.svg);
	background-size: 70rem;
	width: 70rem;
	height: 70rem;
	position: absolute;
	top: 0;
}

.TESTIMONIALS[data-variant="image"] .name {
	font-weight: 600;
	padding-top: 48rem;
}

.TESTIMONIALS[data-variant="image"] .image {
	margin: -150rem -150rem -150rem 100rem;
	max-width: 600rem;
}

@media screen and (max-width: 960px) {
	.TESTIMONIALS[data-variant="image"] .container {padding: 24rem;}
	.TESTIMONIALS[data-variant="image"] .image {margin: 0 -100rem -250rem -100rem;}
}


/* 2026 GRADIENT VARIANT */ 


.TESTIMONIALS[data-variant="gradient"] .container {
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(237, 227, 255, 0.20) 0%, rgba(153, 100, 237, 0.50) 100%), #F5F0FD;
}

.TESTIMONIALS[data-variant="gradient"] .quotes {
	max-width: 64px;
	margin: 0 auto var(--s4);
}

.TESTIMONIALS[data-variant="gradient"] .content {
	margin-bottom: var(--s6);
}

.TESTIMONIALS[data-variant="gradient"] .name-container  {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--s4);
	text-align: left;
}

.TESTIMONIALS[data-variant="gradient"] .name-container .logo {
	flex: 0 0 auto;
	width: 120rem;
	padding-left: var(--s4);
	border-left: 1px solid var(--dark-purple-700);
}


@media screen and (max-width: 960px) {
	.TESTIMONIALS[data-variant="gradient"] .name-container {flex-direction: column; text-align: center;}
	.TESTIMONIALS[data-variant="gradient"] .name-container .logo {padding-left: 0; border-left: none;}
}