.feature-highlight-banner {
	margin-bottom: 0;
	margin-top: 0
}

.feature-highlight-banner__content {
	padding-bottom: 35px;
	padding-top: 35px
}

.feature-highlight-banner.--overlay .feature-highlight-banner__paragraph,
.feature-highlight-banner.--overlay .feature-highlight-banner__title {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.feature-highlight-banner.--overlay .container,
.feature-highlight-banner.--overlay .feature-highlight-banner__content,
.feature-highlight-banner.--overlay .feature-highlight-banner__contents,
.feature-highlight-banner.--overlay .feature-highlight-banner__inner {
	position: relative
}

.feature-highlight-banner.--overlay .feature-highlight-banner__inner {
	z-index: 50
}

.feature-highlight-banner__overlay {
	background-color: rgba(0, 50, 224, .5);
	height: 100%;
	position: absolute;
	width: 100%
}

.feature-highlight-banner__contents {
	display: flex;
	flex-direction: column;
	position: relative
}

.feature-highlight-banner__content.--has-bg {
	align-items: center;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 488px
}

.feature-highlight-banner__content.--has-bg.--reversed {
	background-position: 100%
}

.feature-highlight-banner__content.--has-bg.--reversed feature-highlight-banner__right {
	margin-left: 0
}

.feature-highlight-banner__content.--has-bg .feature-highlight-banner__right {
	margin-left: auto
}

.feature-highlight-banner__content.--has-bg .feature-highlight-banner__title {
	font-weight: 600
}

.feature-highlight-banner__content.--light {
	background-color: #f7f7f7
}

.feature-highlight-banner__content.--dark {
	--tw-bg-opacity: 1;
	background-color: rgba(3, 33, 170, var(--tw-bg-opacity))
}

.feature-highlight-banner__content.--dark .feature-highlight-banner__paragraph,
.feature-highlight-banner__content.--dark .feature-highlight-banner__title {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.feature-highlight-banner__content.--dark .container {
	display: flex;
	flex-direction: column;
	width: 100%
}

@media (min-width:768px) {
	.feature-highlight-banner__content.--dark .container {
		flex-direction: row
	}
}

.feature-highlight-banner__inner {
	display: flex;
	flex-direction: column;
	width: 100%
}

@media (min-width:768px) {
	.feature-highlight-banner__inner {
		flex-direction: row
	}
}

.feature-highlight-banner__content.--reversed .feature-highlight-banner__left {
	order: 2
}

@media (min-width:768px) {
	.feature-highlight-banner__content.--reversed .feature-highlight-banner__left {
		margin-left: 2rem
	}
}

.feature-highlight-banner__content.--reversed .feature-highlight-banner__right {
	margin-left: 0;
	order: 1
}

.feature-highlight-banner__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	order: 2;
	width: 100%
}

@media (min-width:768px) {
	.feature-highlight-banner__left {
		height: 360px;
		order: 1;
		width: 584px
	}
}

.feature-highlight-banner__image {
	margin-top: 1.5rem;
	width: 100%
}

@media (min-width:1024px) {
	.feature-highlight-banner__image {
		margin-top: 0
	}
}

.feature-highlight-banner__image {
	max-height: 100%
}

.feature-highlight-banner__right {
	display: flex;
	flex-direction: column;
	order: 1;
	padding-top: 2.25rem;
	width: 100%
}

@media (min-width:768px) {
	.feature-highlight-banner__right {
		margin-left: 2rem;
		order: 2;
		width: 50%
	}
}

.feature-highlight-banner__title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 150%
}

@media (max-width:1024px) {
	.feature-highlight-banner__title {
		font-size: 28px;
		line-height: 120%
	}
}

.feature-highlight-banner__paragraph {
	margin-top: 2rem
}

.feature-highlight-banner__buttons {
	margin-top: 1.25rem
}

.feature-highlight-banner__buttons .button:not(:first-child) {
	margin-left: .5rem
}

.feature-highlight-banner .cta-link {
	margin-top: 1rem
}

.feature-highlight-banner__content.--light-blue {
	background: #f4f8ff
}