.elementor-widget-loop-carousel
	.swiper:not(.swiper-initialized)
	> .swiper-wrapper {
	display: flex;
	gap: var(--swiper-slides-gap, 20px);
	overflow: hidden;
}

/*
 * Keep Elementor Loop Carousel first paint aligned with its final layout.
 * Elementor Pro's pre-init rule targets .swiper--slide instead of
 * .swiper-slide, leaving real slides at Swiper's default width of 100%.
 */
.elementor-widget-loop-carousel
	.swiper:not(.swiper-initialized)
	> .swiper-wrapper
	> .swiper-slide {
	--fc-1690-carousel-gap-count: max(
		calc(var(--swiper-slides-to-display, 1) - 1),
		0
	);
	--fc-1690-carousel-gap-width: calc(
		var(--fc-1690-carousel-gap-count) * var(--swiper-slides-gap, 20px)
	);
	--fc-1690-carousel-slide-width: calc(
		(100% - var(--fc-1690-carousel-gap-width)) /
			var(--swiper-slides-to-display, 1)
	);
	box-sizing: border-box;
	flex: 0 0 var(--fc-1690-carousel-slide-width);
	width: var(--fc-1690-carousel-slide-width);
	max-width: var(--fc-1690-carousel-slide-width);
}

.fc-1690-wrapper {
	width: 100%;
	min-width: 0;
}

.fc-1690-grid {
	display: flex;
	justify-content: space-around;
	grid-template-columns: repeat(var(--fc-1690-count, 5), minmax(0, 1fr));
	width: 100%;
	background: var(--intra-brand-dark, #09456f);
	color: #fff;
}

.fc-1690-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 4px 3px;
	font-family: Roboto, sans-serif;
	font-size: 11px;
	line-height: 1.15;
	text-align: center;
}

.fc-1690-column:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.75);
}

.fc-1690-column-title,
.fc-1690-column-value {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fc-1690-column-title {
	margin: 0 0 2px;
	color: inherit;
	font-size: inherit;
	font-weight: 700;
}

.fc-1690-column-value {
	font-weight: 400;
}