.service-header {
	position: relative;
	overflow: hidden;
	padding: 83px 0 88px;
	background: var(--color-dark-bg);
	color: var(--color-dark-text);
}

.service-header::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(46% 70% at 100% 100%, rgba(135, 207, 0, 0.30), transparent 70%),
		radial-gradient(30% 46% at 88% 46%, rgba(135, 207, 0, 0.12), transparent 72%);
	pointer-events: none;
}

.service-header .container {
	position: relative;
	z-index: 1;
}

/* Breadcrumbs */
.service-header__crumbs {
	margin-bottom: 48px;
}

.service-header__crumbs-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 150%;
	font-weight: 500;
	color: #6D7890;
}

.service-header__crumb {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #6D7890;
}

.service-header__crumb + .service-header__crumb::before {
	content: '';
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #6D7890;
}

.service-header__crumb:has([aria-current])::before {
	background: var(--color-primary);
}

.service-header__crumb a {
	color: #6D7890;
	text-decoration: none;
	transition: all 0.3s;
}

.service-header__crumb a:hover {
	color: var(--color-primary);
}

.service-header__crumb [aria-current] {
	color: #C0CBDA;
}

/* Layout */
.service-header__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 100px;
}

/* Without the list there is no second column to leave room for. */
.service-header--no-list .service-header__inner {
	grid-template-columns: minmax(0, 1fr);
}

.service-header--no-list .service-header__text {
	max-width: 730px;
}

.service-header__heading {
	margin: 0 0 20px;
	font-family: 'Unbounded', sans-serif;
	font-size: 56px;
	line-height: 130%;
	font-weight: 400;
	color: #F8FAFC;
}

.service-header__heading span {
	color: var(--color-primary);
}

.service-header__text {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 150%;
	font-weight: 400;
	color: #D5DEE9;
}

.service-header__text p {
	margin: 0 0 12px;
}

.service-header__text p:last-child {
	margin-bottom: 0;
}

.service-header__cta {
	margin-top: 40px;
}

/* Points */
.service-header__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 0 60px;
	list-style: none;
}

.service-header__item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 20px;
	gap: 16px;
	background: rgba(37, 45, 63, 0.5);
	border: 1px solid #3B455A;
	border-radius: 8px;
}

.service-header__dot {
	/* Nudged down to sit on the first line of text, not above it. */
	margin-top: 8px;
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #87CF00;
}

.service-header__item-text {
	font-size: 16px;
	line-height: 150%;
	font-weight: 500;
	color: #D5DEE9;
}

/* Tablet - the list drops below the title. */
@media (max-width: 1023px) {
	.service-header {
		padding-bottom: 72px;
	}

	.service-header__crumbs {
		margin-bottom: 40px;
	}

	.service-header__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.service-header__list {
		padding: 0;
	}

	.service-header__text {
		max-width: none;
	}
}

@media (max-width: 600px) {
    .service-header {
        padding: 68px 0 56px;
    }

	.service-header__crumbs {
		margin-bottom: 32px;
	}

	.service-header__heading {
		font-size: 24px;
	}

	.service-header__crumbs-list {
		font-size: 12px;
	}

	.service-header__cta {
		width: 100%;
	}

	.service-header__list {
		padding: 0;
	}

	.service-header__item {
		padding: 20px;
		gap: 12px;
	}
}