.intro-cta-slider {
	padding: var(--space-1);
}

.intro-cta-slider .intro-cta-slide-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-5);
	width: 100%;
	height: auto;
	padding: var(--space-6);
}

.intro-cta-slider .intro-cta-slide-container .intro-cta {
	position: relative;
	padding: 0 var(--space-6);
}

.intro-cta-slider .intro-cta-slide-container .intro-cta::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background-color: var(--white);
	pointer-events: none;
}

.intro-cta-slider .intro-cta-slide-container .intro-cta .icon-cont {
	width: var(--space-10);
	height: var(--space-10);
	margin-bottom: var(--space-2);
}

.intro-cta-slider .intro-cta-slide-container .intro-cta img { width: 100%; }

.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title,
.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title a {
	font-family: var(--font-body);
	font-size: var(--text-lg);
	font-weight: 500;
	line-height: var(--leading-tight);
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	margin-bottom: var(--space-2);
}

.intro-cta-slider .intro-cta-slide-container .intro-cta .description {
	font-family: var(--font-body);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: var(--leading-tight);
	letter-spacing: var(--tracking-wide);
	color: var(--white);
}

@media (min-width: 40em) {
	.intro-cta-slider.icta-grid-item-count-4 .intro-cta-slide-container {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.intro-cta-slider.icta-grid-item-count-3 .intro-cta-slide-container {
		grid-template-columns: repeat(3, 1fr);
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title,
	.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title a {
		font-size: min(calc(16px + (18 - 16) * ((100vw - 640px) / (1024 - 640))), var(--text-lg));
	}
}

@media (min-width: 64em) {
	.intro-cta-slider .intro-cta-slide-container {
		padding: var(--space-4) 20px var(--space-4) 40px;
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta {
		padding: var(--space-1) var(--space-10);
		max-width: 301px;
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta::after {
		width: 2px;
		background-color: var(--white);
		opacity: 0.5;
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta .icon-cont {
		width: var(--space-20);
		height: var(--space-20);
		margin-bottom: var(--space-4);
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title,
	.intro-cta-slider .intro-cta-slide-container .intro-cta .widget-title a {
		font-size: min(calc(22px + (26 - 22) * ((100vw - 1024px) / (1440 - 1024))), var(--text-2xl-1));
	}

	.intro-cta-slider .intro-cta-slide-container .intro-cta .description {
		font-size: var(--text-base);
		color: #ebeaea;
	}
}

@media (min-width: 90em) {
	.intro-cta-slider .intro-cta-slide-container {
		padding: var(--space-4) 20px var(--space-4) 140px;
	}
}