@font-face {
	font-family: "CeRAC Alexandria";
	src: url("fonts/alexandria.woff2") format("woff2");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

@font-face {
	font-family: "CeRAC Bricolage Grotesque";
	src: url("fonts/bricolage-grotesque.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

.cerac-testimonials {
	--cerac-blue: #173f66;
	--cerac-gutter: max(24px, calc((100% - 1462px) / 2 + 94px), 6.4%);
	width: 100%;
	padding-block: clamp(44px, 4.2vw, 64px) 40px;
	color: var(--cerac-blue);
	background: #fff;
	text-align: start;
	font-family: "CeRAC Alexandria", Arial, sans-serif;
}

.cerac-testimonials .cerac-testimonials__header {
	margin-inline: max(24px, calc(50% - 395px)) var(--cerac-gutter);
}

.cerac-testimonials .cerac-testimonials__header h2 {
	margin: 0 0 12px;
	color: inherit;
	font: 600 clamp(29px, 3.3vw, 48px)/1.13 "CeRAC Bricolage Grotesque", Arial, sans-serif;
	font-optical-sizing: none;
	font-variation-settings: "opsz" 14;
	letter-spacing: normal;
	text-transform: none;
}

.cerac-testimonials .cerac-testimonials__header p {
	max-width: 865px;
	margin: 0;
	color: inherit;
	font: 300 clamp(15px, 1.45vw, 18px)/1.49 "CeRAC Alexandria", Arial, sans-serif;
}

.cerac-testimonials .cerac-testimonials__controls {
	display: flex;
	gap: 8px;
	margin-top: 24px;
}

.cerac-testimonials .cerac-testimonials__controls[hidden] {
	display: none;
}

.cerac-testimonials .cerac-testimonials__controls button {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	padding: 10px;
	margin: 0;
	border: 0;
	border-radius: 5px;
	background: var(--cerac-blue);
	box-shadow: none;
	cursor: pointer;
}

.cerac-testimonials .cerac-testimonials__controls button[aria-disabled="true"] {
	background: rgba(23, 63, 102, .2);
	cursor: default;
}

.cerac-testimonials .cerac-testimonials__controls img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.cerac-testimonials [data-cerac-next] img {
	transform: scaleX(-1);
}

.cerac-testimonials .cerac-testimonials__track {
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	width: var(--cerac-track-width, 100%);
	margin-left: calc(-1 * var(--cerac-track-inset, 0px));
	padding-inline-start: calc(var(--cerac-gutter) + var(--cerac-track-inset, 0px));
	gap: clamp(16px, 2.5vw, 37px);
	margin-top: clamp(24px, 2.6vw, 39px);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.cerac-testimonials .cerac-testimonials__track[data-ready] {
	scrollbar-width: none;
}

.cerac-testimonials .cerac-testimonials__track[data-ready]::-webkit-scrollbar {
	display: none;
}

.cerac-testimonials :focus-visible {
	outline: 2px solid var(--cerac-blue);
	outline-offset: 3px;
}

.cerac-testimonials .cerac-testimonials__track:focus-visible {
	outline-offset: -3px;
}

.cerac-testimonials .cerac-testimonials__card {
	flex: 0 0 min(var(--cerac-card-width, 437px), 100%);
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding: 37px clamp(24px, 2.5vw, 37px);
	border-radius: 14px;
	background: rgba(231, 242, 254, .7);
	overflow-wrap: anywhere;
	scroll-snap-align: start;
}

.cerac-testimonials .cerac-testimonials__card:first-child {
	scroll-margin-inline-start: var(--cerac-first-snap-inset, 0px);
}

.cerac-testimonials .cerac-testimonials__stars {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	gap: 4px;
	padding: 7px 15px;
	border-radius: 50px;
	background: #fff;
}

.cerac-testimonials .cerac-testimonials__stars img {
	display: block;
	width: 20px;
	height: 19px;
	max-width: none;
}

.cerac-testimonials .cerac-testimonials__star--empty {
	filter: grayscale(1);
	opacity: .35;
}

.cerac-testimonials .cerac-testimonials__card h3 {
	margin: 16px 0 0;
	color: inherit;
	font: 600 24px/1.2 "CeRAC Alexandria", Arial, sans-serif;
	letter-spacing: normal;
	text-transform: none;
}

.cerac-testimonials .cerac-testimonials__quote,
.cerac-testimonials .cerac-testimonials__quote p {
	color: #111;
	font: 300 16px/23px "CeRAC Alexandria", Arial, sans-serif;
}

.cerac-testimonials .cerac-testimonials__quote {
	margin-top: 13px;
}

.cerac-testimonials .cerac-testimonials__quote p {
	margin: 0 0 .65em;
}

.cerac-testimonials .cerac-testimonials__quote p:last-child {
	margin-bottom: 0;
}

@media (max-width: 850px) {
	.cerac-testimonials .cerac-testimonials__header {
		margin-inline: var(--cerac-gutter);
	}
}

@media (max-width: 600px) {
	.cerac-testimonials .cerac-testimonials__card {
		flex-basis: 100%;
		padding-block: 26px;
	}
}