.client-testimonials {
	background-color: #FDFDFD;
	position: relative;
	overflow: hidden;
}

.client-testimonials .background-logo {
	display: block;
	position: absolute;
	width: 191px;
	height: 163px;
	top: -18px;
	left: calc(75% - 14.25px);
	z-index: 0;
}

/* Mobile bg composite — Figma node 13734:50305.
   Hide the legacy `.background-logo` and render the new arco + radiante pair
   in the upper-right. At 768+ this is reversed (media query at the bottom). */
.client-testimonials .background-logo {
	display: none !important;
}

.client-testimonials__bg-upper-right {
	position: absolute;
	left: calc(50% + 61.5px);
	top: -42px;
	width: 208.236px;
	height: 208.236px;
	pointer-events: none;
	z-index: 0;
}

.client-testimonials__bg-arco,
.client-testimonials__bg-face {
	position: absolute;
	display: block;
	max-width: none;
	transform-origin: center;
}

/* Arco quarter-circle (viewBox 165.5×172.09, #F8F8F8). Composed rotation:
   outer -25.71 + inner -32.43 = -58.14°. Position % computed by applying
   the outer rotation to the arc's offset from the Quarto-de-circulo center. */
.client-testimonials__bg-arco {
	width: 165.5px;
	height: 172.09px;
	left: 70.55%;
	top: 72.25%;
	transform: translate(-50%, -50%) rotate(-58.14deg);
}

/* Radiante figure (viewBox 54.54×53.22, #00194C). Composed rotation:
   -25.71 + 7.69 = -18.02°. Opacity-10 from Figma → 0.1. */
.client-testimonials__bg-face {
	width: 54.54px;
	height: 53.22px;
	left: 44.17%;
	top: 57.43%;
	transform: translate(-50%, -50%) rotate(-18.02deg);
	opacity: 0.1;
}

.client-testimonials-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 52px;
	padding-bottom: 52px;
	padding-right: 16px;
	padding-left: 16px;
	position: relative;
	z-index: 1;
}

.client-testimonials-subtitle {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: Metropolis, Sans-Serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #244FC2;
	background-color: #E9EDF9;
	width: fit-content;
	border-radius: 100px;
	margin-bottom: 7px;
}

.client-testimonials-title {
	font-family: Bricolage Grotesque, Sans-Serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0%;
	color: #00194C;
	max-width: 244px;
	margin-bottom: 10px;
}

.client-testimonials-description {
	font-family: Metropolis, Sans-Serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #596780;
	margin-bottom: 20px;
}

.client-testimonials-description p {
	font-family: Metropolis, Sans-Serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #596780;
}

.client-testimonials-description a {
	font-family: Metropolis, Sans-Serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: 16%;
	text-decoration-thickness: 0%;
	cursor: pointer;
	color: #596780;
}

.client-testimonials .google-rating {
	margin-left: unset;
	margin-right: unset;
	margin-bottom: 30px;
	gap: 4px;
	width: 239px;
}

.client-testimonials .google-rating .rating-stars {
	margin-bottom: 3px;
	gap: 1.41px;
}

.client-testimonials .google-rating img.badge {
	width: 13px;
	height: 13px;
}

.client-testimonials-carousel .slick-list {
	margin-right: -12px;
}

.client-testimonials-carousel .slick-slide {
	margin-right: 12px;
}

.client-testimonials-item {
	border-radius: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	background-color: #F5F5F5;
	min-height: 188px;
	/* min-height: 221px; */
}

.client-testimonials-rating-stars {
	display: flex;
	margin-bottom: 4px;
	gap: 2px;
}

.client-testimonials-rating-stars span {
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3px;
}

.client-testimonials-item-title {
	font-family: Avenir, Sans-Serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #00194C;
	margin-bottom: 10px;
}

.client-testimonials-item-text {
	font-family: Metropolis, Sans-Serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #596780;
	margin-bottom: 12px;
	min-height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.client-testimonials-item--expanded .client-testimonials-item-text {
	-webkit-line-clamp: initial;
	overflow: visible;
	text-overflow: clip;
}

.client-testimonials-item-text--with-cta {
	margin-bottom: 4px;
}

.client-testimonials-learn-more-cta {
	display: inline-block;
	font-family: Metropolis, Sans-Serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #244FC2;
	margin-bottom: 16px;
	cursor: pointer;
	user-select: none;
}

.client-testimonials-item-photo-name-time-parent {
	display: flex;
	gap: 10px;
	align-items: center;
}

.client-testimonials-item-name-time-parent {

}

.client-testimonials-item-photo {
	width: 48px;
	height: 48px;
	border-radius: 100px;
	object-fit: cover;
}

.client-testimonials-item-photo-placeholder {
	width: 48px;
	height: 48px;
	border-radius: 100px;
	background: #E9EDF9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #244FC2;
	font-size: 18px;
	flex-shrink: 0;
}

.client-testimonials-item-name {
	font-family: Avenir, Sans-Serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #00194C;
	margin-bottom: 1px;
}

.client-testimonials-item-time {
	font-family: Avenir, Sans-Serif;
	font-weight: 400;
	font-style: Roman;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0%;
	color: #596780;
}

.client-testimonials-carousel .slick-dots {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 3px;
	list-style: none;
	width: fit-content;
	padding-inline-start: 0;
	margin-left: auto;
	margin-right: auto;
	margin-block-start: 0;
	margin-block-end: 0;
	background-color: #F5F5F5;
	padding: 4px;
	border-radius: 100px;
	margin-top: 12px;
}

.client-testimonials-carousel .slick-dots li {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 7px;
	/*width: auto;*/
	/*height: auto;*/
}

.client-testimonials-carousel .slick-dots li button {
	display: flex;
	width: 7px;
	height: 7px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #244FC2;
	opacity: 0.5;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.client-testimonials-carousel .slick-dots li button:hover {
	background-color: #9CA3AF;
}

.client-testimonials-carousel .slick-dots li.slick-active button {
	background-color: #244FC2;
	opacity: 1;
}

.client-testimonials-arrows-parent {
	display: none;
}

@media (min-width: 768px) {
	/* Keep the legacy background-logo hidden — the new composite replaces it at
	   mobile AND 768+ per Figma node 13734:50091. */
	.client-testimonials .background-logo {
		display: none !important;
	}

	/* 768+ bg composite — Figma 13734:50091.
	   Outer rotation changes from -25.71° (mobile) to -75.42° — that propagates
	   through the composed rotations below. Position and size also change. */
	.client-testimonials__bg-upper-right {
		left: calc(75% + 32.32px) !important;
		top: -79.68px !important;
		width: 190.251px !important;
		height: 190.251px !important;
	}

	/* Arco — composed rotation -75.42 + -32.43 = -107.85°.
	   Position % recomputed with the new outer rotation applied to the same
	   offset-from-Quarto-center (18.4, 60.15). */
	.client-testimonials__bg-arco {
		left: 83.03% !important;
		top: 48.61% !important;
		transform: translate(-50%, -50%) rotate(-107.85deg) !important;
		content: url('arco1-768.svg?v=1') !important;
	}

	/* Radiante — composed rotation -75.42 + 7.69 = -67.73°. Position %
	   recomputed from offset (-17.65, 8.67). SVG differs from mobile. */
	.client-testimonials__bg-face {
		left: 52.07% !important;
		top: 60.12% !important;
		transform: translate(-50%, -50%) rotate(-67.73deg) !important;
		content: url('radiante-768.svg?v=1') !important;
	}

	.client-testimonials-title {
		font-size: 32px;
		line-height: normal;
		letter-spacing: 0%;
		max-width: unset;
		white-space: nowrap;
	}

	.client-testimonials-description {
		margin-bottom: 0;
	}

	.client-testimonials-description p {
		margin-bottom: 0;
	}

	.client-testimonials .google-rating {
		margin-bottom: 0;
	}

	.client-testimonials-subtitle-title-description-google-rating-parent {
		display: flex;
		justify-content: space-between;
		align-items: end;
		margin-bottom: 44px;
	}

	.client-testimonials-carousel .slick-list {
		margin-right: -20px;
	}

	.client-testimonials-carousel .slick-slide {
		margin-right: 20px;
	}

	.client-testimonials-carousel .slick-dots {
		margin-top: 24px;
	}
}

@media (min-width: 1250px) {
	/* Legacy bg still hidden (inherits display:none from 768+). Override position
	   rules are dead code but kept to not introduce extra changes. */
	.client-testimonials .background-logo {
		left: auto;
		right: -119px;
		top: -96px;
		width: 410px;
		height: 350px;
	}

	/* 1250+ bg composite — Figma 13734:49870. Outer rotation returns to -25.71°
	   (same as mobile), so composed rotations and position % revert to mobile
	   values. Size stays at 208.236.

	   Pinning with `right` (not `left: calc(75% + 186px)` from Figma) so the
	   shape stays glued to the viewport right at all widths. The Figma formula
	   drifts inward on very wide viewports (at 1920 it sits fully inside the
	   viewport); a fixed negative right keeps it consistently off-right.
	   -34px matches what Figma shows on its 1440 frame: 1440 − (0.75·1440 + 186 + 208). */
	.client-testimonials__bg-upper-right {
		left: auto !important;
		right: -34px !important;
		top: -31px !important;
		width: 208.236px !important;
		height: 208.236px !important;
	}

	.client-testimonials__bg-arco {
		left: 70.55% !important;
		top: 72.25% !important;
		transform: translate(-50%, -50%) rotate(-58.14deg) !important;
		content: url('arco1-1250.svg?v=1') !important;
	}

	.client-testimonials__bg-face {
		left: 44.17% !important;
		top: 57.43% !important;
		transform: translate(-50%, -50%) rotate(-18.02deg) !important;
		content: url('radiante-1250.svg?v=1') !important;
	}

	.client-testimonials-container {
		padding-left: 0;
		padding-right: 0;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.client-testimonials-subtitle {
		line-height: 18px;
		text-transform: uppercase;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 8px;
		padding-right: 8px;
		margin-bottom: 8px;
		letter-spacing: 0%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 24px;
	}

	.client-testimonials-title {
		font-size: 32px;
		line-height: 50px;
		max-width: 472px;
		margin-bottom: 8px;
	}

	.client-testimonials-description {
		font-size: 18px;
		letter-spacing: 0%;
	}

	.client-testimonials-description p {
		font-size: 18px;
		letter-spacing: 0%;
	}

	.client-testimonials-description a {
		font-size: 18px;
		letter-spacing: 0%;
	}

	.client-testimonials-item {
		padding-top: 24px;
		padding-bottom: 24px;
		padding-right: 24px;
		padding-left: 24px;
		min-height: 208px;
		/* min-height: 239px; */
	}

	.client-testimonials .slick-track {
		width: 100%;
		margin-left: unset;
		margin-right: unset;
	}

	.client-testimonials-title-arrow-flex {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 52px;
	}

	.client-testimonials-arrows-parent {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}

	.client-testimonials-arrow-left {
		border-radius: 10px;
		border: 1px solid #EDEDED;
		padding: 8px;
		width: 48px;
		height: 48px;
		background-color: #fdfdfd;
		transform: rotate(180deg);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.client-testimonials-arrow-right {
		border-radius: 10px;
		border: 1px solid #EDEDED;
		padding: 8px;
		width: 48px;
		height: 48px;
		background-color: #fdfdfd;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.client-testimonials .slick-arrow.slick-disabled svg path {
		stroke: #596780;
		opacity: 0.5;
	}

	.client-testimonials-subtitle-title-description-google-rating-parent {
		display: block;
		margin-bottom: 0;
	}

	.client-testimonials-subtitle-title-description-google-rating-parent > .google-rating {
		display: none;
	}

	.client-testimonials .google-rating {
		margin-bottom: 0;
		gap: 6px;
		width: 270px;
	}

	.client-testimonials-arrows-parent .google-rating {
		margin-right: 14px;
		height: 36px;
	}

	.client-testimonials .google-rating img.badge {
		width: 16px;
		height: 16px;
	}

	.client-testimonials .google-rating .rating-stars {
		gap: 1.75px;
	}

	.client-testimonials .google-rating .rating-stars span svg {
		width: 14px;
		height: 14px;
	}

	.client-testimonials-carousel .slick-dots {
		display: none !important;
	}

	.client-testimonials-rating-stars {
		margin-bottom: 10px;
	}

	.client-testimonials-rating-stars span {
		margin-bottom: 0;
	}

	.client-testimonials-item-title {
		margin-bottom: 8px;
	}

	.client-testimonials-item-text {
		margin-bottom: 16px;
	}

	.client-testimonials-item-text--with-cta {
		margin-bottom: 6px;
	}

	.client-testimonials-learn-more-cta {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.client-testimonials-item-photo {
		width: 44px;
		height: 44px;
	}

	.client-testimonials-item-photo-name-time-parent {
		gap: 12px;
	}

	.client-testimonials-item-time {
		line-height: 20px;
	}
}

/* 1920px disabled
@media (min-width: 1920px) {
	.client-testimonials-container {
		max-width: 1632px;
	}

	.client-testimonials .background-logo {
		left: auto;
		right: -5px;
		top: -84px;
	}

	.client-testimonials-subtitle {
		font-size: 14px;
	}

	.client-testimonials-title {
		line-height: 36px;
		letter-spacing: 0%;
	}

	.client-testimonials-carousel .slick-list {
		margin-right: -32px;
	}

	.client-testimonials-carousel .slick-slide {
		margin-right: 32px;
	}

	.client-testimonials-arrows-parent .google-rating {
		margin-right: 20px;
	}

	.client-testimonials-item-title {
		font-family: Metropolis, Sans-Serif;
		font-weight: 600;
		letter-spacing: 0%;
	}

	.client-testimonials-item-name {
		font-family: Metropolis, Sans-Serif;
		font-weight: 600;
		font-size: 16px;
	}

	.client-testimonials-item-time {
		font-family: Metropolis, Sans-Serif;
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 0%;
	}
}
*/