.fl-testimonials {
	--fl-bg: #fafafa;
	--fl-card: #ffffff;
	--fl-heading: #3F3F3F;
	--fl-body: #727271;
	--fl-border: #f5f5f5;
	background: var(--fl-bg);
	overflow: hidden;
	padding: 80px;
}

.fl-testimonials,
.fl-testimonials * {
	box-sizing: border-box;
}

.fl-testimonials__inner {
	margin: 0 auto;
	max-width: 1280px;
}

.fl-testimonials__header {
	align-items: flex-end;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 64px;
}

.fl-testimonials__eyebrow {
	color: #CC9F4D;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 6px;
	text-transform: uppercase;
}

body .fl-testimonials__heading {
	color: #3F3F3F;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	max-width: 762px;
}

.fl-testimonials__controls {
	display: flex;
	gap: 10px;
	margin-bottom: 5px;
}

.fl-testimonials__arrow {
	align-items: center;
	background: transparent;
	border: 1px solid #A59E9E;
	border-radius: 50%;
	cursor: pointer;
	display: inline-flex;
	font-size: 22px;
	height: 44px;
	justify-content: center;
	line-height: 0;
	padding: 0;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, opacity 180ms ease;
	width: 44px;
}

.fl-testimonials__arrow:hover,
.fl-testimonials__arrow:focus-visible,
.fl-testimonials__arrow.is-active {
	background: #3f3f3f;
	border-color: #3f3f3f;
	outline: none;
}

.fl-testimonials__arrow:hover svg,
.fl-testimonials__arrow:focus-visible svg,
.fl-testimonials__arrow.is-active svg {
	filter: brightness(0) invert(1);
}


.fl-testimonials__arrow:disabled, .fl-testimonials__arrow:disabled {
	cursor: not-allowed;
	background-color: transparent;
}

.fl-testimonials__arrow:disabled:hover svg {
	filter: initial;
}

.fl-testimonials__viewport {
	overflow: visible;
	position: relative;
}

.fl-testimonials__viewport:focus {
	outline: none;
}

.fl-testimonials__track {
	align-items: flex-start;
	display: flex;
	gap: 40px;
	transition: transform 360ms ease;
	will-change: transform;
}

.fl-testimonial {
	background: var(--fl-card);
	border: 0.8px solid var(--fl-border);
	border-radius: 8px;
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.08);
	display: flex;
	flex: 0 0 min(100%, 770px);
	gap: 32px;
	padding: 40px;
	position: relative;
}

.fl-testimonial__media {
	flex: 0 0 240px;
	min-height: 200px;
	position: relative;
}

.fl-testimonial__mark {
	color: #000000;
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 82px;
	font-weight: 700;
	height: 58px;
	left: 0;
	line-height: 0.9;
	position: absolute;
	top: -2px;
}

.fl-testimonials .fl-testimonial__image {
	aspect-ratio: auto;
	border-radius: 120px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
	display: block;
	height: 268px;
	left: 60px;
	max-width: none;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
	position: absolute;
	width: 182px;
	bottom: -80px;
}


.fl-testimonial__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding-top: 0;
}

.fl-testimonial__quote {
	color: var(--fl-body);
	font-family: "Noto Sans", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	max-width: 400px;
}

.fl-testimonial__stars {
	color: #FFC107;
	display: flex;
	font-size: 24px;
	gap: 2px;
	line-height: 1;
}

.fl-testimonial__person {
	color: var(--fl-heading);
	display: flex;
	flex-direction: column;
	font-family: "DM Sans", Arial, sans-serif;
	gap: 4px;
	margin-top: 2px;
	text-transform: capitalize;
}

.fl-testimonial__name {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
}

.fl-testimonial__date {
	color: var(--fl-heading);
	font-size: 16px;
	line-height: 1.2;
}

@media screen and (max-width: 1024px) {
	.fl-testimonials {
		padding: 56px 32px;
	}

	.fl-testimonials__header {
		margin-bottom: 40px;
	}

	.fl-testimonial {
		flex-basis: min(100%, 760px);
	}
}

@media screen and (max-width: 767px) {
	.fl-testimonials {
		padding: 44px 20px;
	}

	.fl-testimonials__header {
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 32px;
	}

	body .fl-testimonials__heading {
		font-size: 24px;
		line-height: 1.2;
	}

	.fl-testimonials__controls {
		margin-bottom: 0;
	}

	.fl-testimonials__track {
		gap: 20px;
	}

	.fl-testimonial {
		flex-basis: min(100%, 420px);
		gap: 10px;
		min-height: 0;
		padding: 16px;
	}
	.fl-testimonial__media {
		flex: 0 0 120px;
	}

	.fl-testimonials .fl-testimonial__image {
		border-radius: 60px;
		height: 162px;
		width: 110px;
		left: 0;
		bottom: -40px;
	}

	.fl-testimonial__quote {
		font-size: 15px;
		max-width: none;
	}
}
