.flex-layout.content_review {
	--bg-color: var(--neutral-50);
	--text-color: var(--primary-100);
	--layout-spacing: max(4rem, calc(4 * var(--su)));
}

.flex-layout.content_review .review-stage {
	padding: max(2.5rem, calc(4 * var(--su)));
	background-color: var(--neutral-90);
}

.flex-layout.content_review .review-grid {
	display: grid;
	grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
	gap: var(--pk-column-gap);
}

.flex-layout.content_review .review-card,
.flex-layout.content_review .review-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-width: 0;
	padding: max(2.5rem, calc(2.5 * var(--su))) max(2.5rem, calc(3 * var(--su)));
}

.flex-layout.content_review .review-card {
	gap: max(1rem, calc(1 * var(--su)));
	background-color: var(--white-100);
}

.flex-layout.content_review .review-content {
	gap: max(1rem, calc(1 * var(--su)));
	background-color: var(--neutral-50);
	justify-content: start;
}

.flex-layout.content_review .quote-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(2.5rem, calc(2.5 * var(--su)));
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--neutral-20);
	outline: 1px solid var(--primary-10);
	outline-offset: -1px;
}

.flex-layout.content_review .quote-badge.icon-mask::after {
	content: none;
}

.flex-layout.content_review .quote-badge.icon-mask::before {
	content: '';
	display: block;
	width: 50%;
	height: 50%;
	background-color: currentColor;
	mask: var(--mask-url) center / contain no-repeat;
}

.flex-layout.content_review .review-quote {
	margin: 0;
	color: var(--primary-100);
	padding: 0px;
}

.flex-layout.content_review .review-quote p {
	margin: 0;
}

.flex-layout.content_review .review-quote p::before {
	content: '“';
}

.flex-layout.content_review .review-quote p::after {
	content: '”';
}

.flex-layout.content_review .review-author {
	display: flex;
	align-items: center;
	gap: max(.5rem, calc(.5 * var(--su)));
	margin-top: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.content_review .author-line {
	width: max(1.5rem, calc(1.5 * var(--su)));
	height: 1px;
	background-color: var(--primary-50);
}

.flex-layout.content_review .author-image {
	flex-shrink: 0;
	width: max(2.5rem, calc(2.5 * var(--su)));
	height: max(2.5rem, calc(2.5 * var(--su)));
	border-radius: 50%;
	object-fit: cover;
}

.flex-layout.content_review .author-name {
	font-style: normal;
}

.flex-layout.content_review .review-content > :first-child,
.flex-layout.content_review .review-content > :last-child {
	margin-block: 0;
}

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

	.flex-layout.content_review .review-stage {
		padding: 4rem 1.5rem;
	}

	.flex-layout.content_review .review-grid {
		grid-template-columns: minmax(0, 1fr);
	}

}

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

	.flex-layout.content_review .review-stage {
		margin-inline: calc(var(--pk-site-gutter) * -1);
		padding: 4rem 1.5rem;
	}

	.flex-layout.content_review .review-grid {
		gap: 1.5rem;
	}

	.flex-layout.content_review .review-card,
	.flex-layout.content_review .review-content {
		padding: 1.5rem;
	}

	.flex-layout.content_review .review-author {
		flex-wrap: wrap;
	}

}