.mc-fcc{
	position: relative;
	--mc-fcc-cards: 3;
}

@media (max-width: 1024px){
	.mc-fcc{ --mc-fcc-cards: 2; }
}

@media (max-width: 768px){
	.mc-fcc{ --mc-fcc-cards: 1; }
}

.mc-fcc__viewport{
	overflow: hidden;
	touch-action: pan-y;
}

.mc-fcc__track{
	display: flex;
	gap: 32px;
	will-change: transform;
	transform: translateX(0);
}

.mc-fcc__slide{
	flex: 0 0 calc((100% - (32px * (var(--mc-fcc-cards) - 1))) / var(--mc-fcc-cards));
}

.mc-fcc__card{
	background: #fff;
	border: 1px solid rgba(0,0,0,.12);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.mc-fcc__media{
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: rgba(0,0,0,.03);
}

.mc-fcc__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mc-fcc__body{
	padding: 20px 22px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mc-fcc__heading{
	margin: 0;
	font-size: 20px;
	line-height: 1.25;
}

.mc-fcc__text{
	margin: 0;
	line-height: 1.55;
}

.mc-fcc__link{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	text-decoration: none;
}

/* Prevent theme underlines; let color changes propagate to the chevron */

a.mc-fcc__link {
	text-decoration: none !important;
}



.mc-fcc__chev{
	line-height: 1;
	color: currentColor;
}

/* Controls: hidden by default; enabled via JS by adding class */
.mc-fcc__nav,
.mc-fcc__toggle,
.mc-fcc__dots{
	display: none !important;
}

.mc-fcc.mc-fcc--show-nav .mc-fcc__nav{ display: inline-flex !important; }
.mc-fcc.mc-fcc--show-toggle .mc-fcc__toggle{ display: inline-flex !important; }
.mc-fcc.mc-fcc--show-dots .mc-fcc__dots{ display: flex !important; }

.mc-fcc__nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #000;
	background: #000;
	color: #fff;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	line-height: 0;
	font-size: 0;
}

.mc-fcc__nav--prev{ left: -30px; }
.mc-fcc__nav--next{ right: -30px; }


.mc-fcc__toggle{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #000;
	background: #000;
	color: #fff;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	line-height: 0;
	font-size: 0;
}

.mc-fcc__icon{
	width: 22px;
	height: 22px;
	display: block;
}

@media (max-width: 768px){
	/* no arrows on mobile */
	.mc-fcc__nav{ display:none !important; }
	.mc-fcc__dots{
		justify-content: center;
		gap: 10px;
		padding-top: 14px;
	}
	.mc-fcc__dot{
		width: 12px;
		height: 12px;
		border-radius: 50%;
		border: 2px solid #000;
		background: #000;
		opacity: 0.25;
		padding: 0;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		line-height: 0;
		font-size: 0;
	}
	.mc-fcc__dot.is-active{
		opacity: 1;
	}
}

/* Rich text: remove bottom margin from last paragraph */
.mc-fcc__body p:last-of-type{ margin-bottom: 0 !important; }

/* Center tracks when counts are low */
@media (min-width: 769px){
	.mc-fcc[data-count="1"] .mc-fcc__track,
	.mc-fcc[data-count="2"] .mc-fcc__track{
		justify-content: center;
	}
}

@media (min-width: 1025px){
	.mc-fcc[data-count="1"] .mc-fcc__track,
	.mc-fcc[data-count="2"] .mc-fcc__track,
	.mc-fcc[data-count="3"] .mc-fcc__track{
		justify-content: center;
	}
}

/* Heading link: no underline by default; underline on hover/focus */
.mc-fcc__heading a{
	color: inherit;
	text-decoration: none;
}
.mc-fcc__heading a:hover,
.mc-fcc__heading a:focus{
	text-decoration: underline;
}

/* 'Learn more' link: underline on hover/focus, but never underline the chevron */
.mc-fcc__link:hover,
.mc-fcc__link:focus{
	text-decoration: underline !important;
}
.mc-fcc__link:hover .mc-fcc__chev,
.mc-fcc__link:focus .mc-fcc__chev{
	text-decoration: none !important;
}