.process-steps {
	width: 100%;
	padding: 120px 20px;
	background: linear-gradient(54.992deg, #010812 37.25%, #08404f 100.15%);
	color: #fff;
	box-sizing: border-box;
}
.process-steps__inner {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 96px;
}
.process-steps__intro {
	width: min(983px, 100%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.process-steps__heading {
	margin: 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0;
}
.process-steps__description {
	margin: 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
}
.process-steps__intro-cta,
.process-steps__feature-box-cta {
	width: fit-content;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.process-steps__intro-cta {
	color: #4affb2;
}
.process-steps__intro-cta:hover,
.process-steps__intro-cta:focus {
	color: #4affb2;
}
.process-steps__cta-icon {
	width: 11px;
	height: 11px;
	flex: 0 0 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.process-steps__cta-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.process-steps__list {
	width: 978px;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: process-step;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 294px));
	gap: 48px;
}
.process-steps__item {
	min-width: 0;
	counter-increment: process-step;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.process-steps__item-title {
	margin: 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.198px;
	text-transform: uppercase;
}
.process-steps__item-title::before {
	content: counter(process-step) '. ';
}
.process-steps__item-text {
	margin: 0;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
}
.process-steps__feature-box {
	position: relative;
	width: 100%;
	height: 646px;
	padding: 48px 32px;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	isolation: isolate;
}
.process-steps__feature-box-media,
.process-steps__feature-box-media img,
.process-steps__feature-box-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.process-steps__feature-box-media {
	z-index: -3;
}
.process-steps__feature-box-media img {
	object-fit: cover;
}
.process-steps__feature-box-overlay {
	z-index: -2;
	pointer-events: none;
}
.process-steps__feature-box-header {
	position: relative;
	z-index: 1;
	width: 100%;
}
.process-steps__feature-box-eyebrow {
	width: 100%;
	padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;
	box-sizing: border-box;
}
.process-steps__feature-box-body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.process-steps__feature-box-title {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.process-steps__feature-box-description {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
}
.process-steps__feature-box-cta {
	position: absolute;
	z-index: 2;
	bottom: 48px;
}
.process-steps__feature-box--background {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.process-steps__feature-box--background .process-steps__feature-box-media img {
	object-position: center bottom;
}
.process-steps__feature-box--background .process-steps__feature-box-overlay {
	background: linear-gradient(117deg, rgba(10, 186, 181, 0.3) 0%, rgba(74, 255, 178, 0) 99%), linear-gradient(117deg, #000080 0%, rgba(0, 0, 128, 0) 99%), linear-gradient(122deg, #edfff8 47%, rgba(237, 255, 248, 0) 99%);
	opacity: 1;
}
.process-steps__feature-box--background .process-steps__feature-box-eyebrow {
	color: #fff;
	border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.process-steps__feature-box--background .process-steps__feature-box-body {
	width: 648px;
	max-width: 55%;
	margin-top: 160px;
	color: #fff;
}
.process-steps__feature-box--background .process-steps__feature-box-cta {
	left: 32px;
	color: #4affb2;
}
.process-steps__feature-box--background .process-steps__feature-box-cta path {
	fill: var(--contrast-3);
}
.process-steps__feature-box--background .process-steps__feature-box-cta:hover,
.process-steps__feature-box--background .process-steps__feature-box-cta:focus {
	color: #FFF !important;
}
.process-steps__feature-box--background .process-steps__feature-box-cta:hover path {
	fill: #FFF !important;
}
.process-steps__feature-box--split {
	background: rgba(255, 255, 255, 0.8);
}
.process-steps__feature-box--split .process-steps__feature-box-media {
	inset: auto auto 0 0;
	width: 49%;
	height: 78%;
	z-index: -1;
}
.process-steps__feature-box--split .process-steps__feature-box-media img {
	object-fit: contain;
	object-position: left bottom;
}
.process-steps__feature-box--split .process-steps__feature-box-overlay {
	background: linear-gradient(97deg, rgba(74, 255, 178, 0.06) 0%, rgba(10, 186, 181, 0.3) 99%), rgba(255, 255, 255, 0.55);
}
.process-steps__feature-box--split .process-steps__feature-box-eyebrow {
	color: #2b292e;
	border-bottom: 0.5px solid rgba(43, 41, 46, 0.2);
}
.process-steps__feature-box--split .process-steps__feature-box-body {
	width: 648px;
	max-width: 49%;
	margin-left: auto;
	margin-top: 167px;
	color: #2b292e;
}
.process-steps__feature-box--split .process-steps__feature-box-description {
	color: #2b292e;
}
.process-steps__feature-box--split .process-steps__feature-box-cta {
	left: calc(51% + 2px);
	color: #000080;
}
.process-steps__feature-box--split .process-steps__feature-box-cta:hover,
.process-steps__feature-box--split .process-steps__feature-box-cta:focus {
	color: #000080;
}

.process-steps__feature-box--background .process-steps__feature-box-title {
	color: #FFF;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.process-steps {
		padding-left: 20px;
		padding-right: 20px;
	}
	.process-steps__list {
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 32px;
	}
	.process-steps__feature-box--background .process-steps__feature-box-body,
	.process-steps__feature-box--split .process-steps__feature-box-body {
		width: 52%;
		max-width: 52%;
	}
}

@media (max-width: 767px) {
	.process-steps {
		padding: 120px 10px;
		background: linear-gradient(69.594deg, #010812 26.571%, #08404f 71.726%);
	}
	.process-steps__inner {
		gap: 96px;
	}
	.process-steps__intro {
		width: 100%;
		gap: 24px;
	}
	.process-steps__heading {
		font-size: 28px;
	}
	.process-steps__description {
		font-size: 18px;
		line-height: 1.3;
	}
	.process-steps__list {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 48px;
	}
	.process-steps__item {
		width: 100%;
		gap: 16px;
	}
	.process-steps__feature-box {
		height: 760px;
		padding: 48px 16px;
	}
	.process-steps__feature-box-title {
		font-size: 28px;
	}
	.process-steps__feature-box-description {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 1.5;
	}
	.process-steps__feature-box-cta {
		left: 16px !important;
		bottom: 48px;
		padding: 4px 8px;
		border-radius: 4px;
	}
	.process-steps__feature-box--background .process-steps__feature-box-media {
		inset: 0;
		width: 100%;
		height: 100%;
	}
	.process-steps__feature-box--background .process-steps__feature-box-media img {
		object-fit: cover;
        object-position: center bottom;
        height: 64%;
        bottom: 0;
        top: unset;
	}
	.process-steps__feature-box--background .process-steps__feature-box-overlay {
		background: linear-gradient(142deg, rgba(10, 186, 181, 0.30) 48.38%, rgba(74, 255, 178, 0.00) 78.06%), radial-gradient(424.03% 130.73% at 0% -0.02%, #000080 0.7%, rgba(0, 0, 128, 0.00) 100%), linear-gradient(171deg, #EDFFF8 46.38%, rgba(237, 255, 248, 0.00) 77.74%), linear-gradient(180deg, rgba(32, 32, 34, 0.47) 83.53%, rgba(32, 32, 34, 0.95) 100%);
		opacity: 1;
	}
	.process-steps__feature-box--background .process-steps__feature-box-body {
		width: 100%;
		max-width: 100%;
		margin-top: 48px;
		gap: 32px;
		color: #fff;
	}
	.process-steps__feature-box--split {
		background: linear-gradient(97deg, rgba(74, 255, 178, 0.06) 0%, rgba(10, 186, 181, 0.3) 99%), rgba(255, 255, 255, 0.8);
	}
	.process-steps__feature-box--split .process-steps__feature-box-overlay {
		background: transparent;
	}
	.process-steps__feature-box--split .process-steps__feature-box-media {
		inset: auto -10% 0 auto;
		width: 78%;
		height: 52%;
		z-index: -1;
	}
	.process-steps__feature-box--split .process-steps__feature-box-media img {
		object-fit: contain;
		object-position: right bottom;
	}
	.process-steps__feature-box--split .process-steps__feature-box-body {
		width: 100%;
		max-width: 100%;
		margin: 48px 0 0;
		gap: 32px;
		color: #2b292e;
	}
	.process-steps__feature-box--split .process-steps__feature-box-description {
		color: #5a575d;
	}
}