
.section-features-navigator .container {
	position: relative;
}
.section-features-navigator .section-header {
	width: 51.0625rem;
	max-width: 45%;
	margin-bottom: 3rem;
}
.features-navigator-slider {
	font-weight: var(--fontWeightNormal);
}
.features-navigator-slider > .slide {
	width: 51.0625rem;
	max-width: 48.47222%;
	color: var(--text-secondary);
	transition: var(--transitionDefault);
}
.features-navigator-slider > .slide.active { color: var(--text-primary);}
.features-navigator-slider > .slide.active .slide-img { opacity: 1; visibility: visible;}
.features-navigator-slider > .slide .slide-img {
	width: 44.625rem;
	max-width: 48.19444%;
	height: 100%;
	border-radius: var(--borderRadiusLarge);
	background-size: cover;
	position: absolute;
	top: 0;
	right: var(--containerFluidPadding);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.features-navigator-slider > .slide .text-xl {
	padding: 2.125rem 0 2.25rem;
	border-top: 0.125rem solid var(--light-blue);
	position: relative;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}
.features-navigator-slider .navigator-icon {
	width: 4rem;
	height: 4rem;
	border: 1px solid var(--light-blue);
	border-radius: var(--borderRadiusDefault);
	position: relative;
	flex-shrink: 0;
}
.features-navigator-slider .navigator-icon img {
	width: 2.5rem;
	height: 2.5rem;
	opacity: 1;
	visibility: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: var(--transitionDefault);
}
.features-navigator-slider .slick-slide .navigator-icon { display: none;}
.features-navigator-slider .slide.active .navigator-icon { background: var(--i2c-brand-25);}
.features-navigator-slider .slide.active .navigator-icon img:not(.active-icon),
.features-navigator-slider .slide:not(.active) .navigator-icon img.active-icon {
	opacity: 0;
	visibility: hidden;
}
.features-navigator-slider > .slide.active .text-xl:before { width: 100%;}
.features-navigator-slider > .slide .text-xl:before {
	width: 0;
	height: 0.125rem;
	content: "";
	background: var(--blue);
	position: absolute;
	top: -0.125rem;
	left: 0;
	transition: var(--transitionDefault);
}

.features-navigator-slider .slick-list {
	margin: -1.5rem;
	padding: 1.5rem;
	overflow: hidden;
}
.features-navigator-slider .slick-track {
	display: flex;
	gap: 1rem;
}
.features-navigator-slider .slick-slide {
	width: calc(100vw - var(--gutterWidth) * 2);
	height: auto;
	background: var(--white);
	box-shadow: var(--boxShadowDefault);
	border-radius: var(--borderRadiusLarge);
	overflow: hidden;
}

.features-navigator-slider .slick-slide .slide-img {
	padding-top: 92.0489%;
	background-size: cover;
}
.features-navigator-slider .slick-slide [class*="text-"] { padding: 1.5rem;}
.features-navigator-slider .slick-dots { padding-top: 1.5rem;}
@media (max-width: 1600px) {
	.section-features-navigator .section-header {
		width: auto;
		max-width: none;
		margin-bottom: 5rem;
	}
	.features-navigator-slider { position: relative;}
	.features-navigator-slider > .slide { width: 37.5rem;}
	.features-navigator-slider > .slide .text-xl { padding: 1.875rem 0 2rem;}
	.features-navigator-slider > .slide .slide-img {
		width: 30.9375rem;
		right: 0;
	}
}
@media (max-width: 1199px) {
	.section-features-navigator .section-header { margin-bottom: 2.5rem;}
	.features-navigator-slider > .slide { width: 28.25rem;}
	.features-navigator-slider > .slide .text-xl  { padding: 1.375rem 0 1.5rem;}
	.features-navigator-slider > .slide .slide-img { width: 23.25rem;}
}
@media (max-width: 767px) {
	.section-features-navigator .section-header { margin-bottom: 2rem;}
	.features-navigator-slider > .slide .text-xl { gap: 1.5rem}
}