:root {
	/* Aligned to the reference course page palette */
	--e8-primary: #15468E;
	--e8-primary-dark: #10386f;
	--e8-secondary: #1D96BC;
	--e8-accent: #4ED1C4;
	--e8-bg: #ffffff;
	--e8-bg-soft: #F7FAFF;
	--e8-bg-soft-2: #F3F5F8;
	--e8-border: #E8EEF8;
	--e8-text: #1B2430;
	--e8-text-soft: #5C6778;
	--e8-shadow: 0 18px 55px rgba(0, 0, 0, 0.06);
	--e8-radius-xl: 28px;
	--e8-radius-lg: 22px;
	--e8-radius-md: 18px;
	--e8-radius-sm: 14px;
	--e8-max: 1246px;
}
* {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth
}
body {
	margin: 0;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	color: var(--e8-text);
	background: var(--e8-bg);
	line-height: 1.6;
}
a {
	text-decoration: none;
	color: inherit
}
img {
	max-width: 100%;
	display: block
}
.container {
	width: min(calc(100% - 32px), var(--e8-max));
	margin: 0 auto;
}
.section {
	padding: 90px 0
}
.section-sm {
	padding: 70px 0
}
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border: 1px solid var(--e8-border);
	background: #fff;
	border-radius: 999px;
	color: var(--e8-primary);
	font-weight: 700;
	font-size: 14px;
}
.section-head {
	max-width: 760px;
	margin: 0 auto 28px;
	text-align: center;
}
.section-head h2 {
	margin: 0 0 14px;
	font-size: clamp(32px, 4vw, 52px);
	line-height: 1.08;
	color: var(--e8-primary);
}
.section-head p {
	margin: 0;
	font-size: 18px;
	color: var(--e8-text-soft);
}
.hero {
	position: relative;
	overflow: hidden;
	padding: 110px 0 95px;
	background:
		radial-gradient(circle at top right, rgba(29, 150, 188, 0.10), transparent 28%),
		radial-gradient(circle at bottom left, rgba(21, 70, 142, 0.08), transparent 26%),
		linear-gradient(180deg, #ffffff 0%, #F7FAFF 100%);
}
.hero::before {
	content: "";
	position: absolute;
	top: -120px;
	right: -120px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: var(--e8-bg-soft);
}
.hero::after {
	content: "";
	position: absolute;
	bottom: -150px;
	left: -130px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: var(--e8-bg-soft-2);
}
.hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 34px;
	align-items: center;
}
.hero-copy h1 {
	margin: 18px 0 18px;
	font-size: clamp(40px, 6vw, 74px);
	line-height: 0.98;
	letter-spacing: -1.5px;
	color: var(--e8-primary);
}
.hero-copy p {
	margin: 0 0 28px;
	color: var(--e8-text-soft);
	font-size: 19px;
	max-width: 720px;
}
.hero-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 28px;
}
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 24px;
	border-radius: 999px;
	font-weight: 700;
	transition: .25s ease;
	border: 1px solid transparent;
	cursor: pointer;
}
.btn-primary {
	background: var(--e8-primary);
	color: #fff;
	box-shadow: 0 14px 26px rgba(21, 70, 142, 0.18);
}
.btn-primary:hover {
	background: var(--e8-primary-dark)
}
.btn-secondary {
	background: #fff;
	color: var(--e8-primary);
	border-color: var(--e8-border);
}
.btn-secondary:hover {
	background: var(--e8-bg-soft)
}
.hero-metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.metric {
	background: #fff;
	border: 1px solid var(--e8-border);
	border-radius: 20px;
	padding: 20px 18px;
	box-shadow: 0 4px 16px rgba(21, 70, 142, 0.06);
	text-align: center;
}
.metric-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: var(--e8-bg-soft);
	color: var(--e8-secondary);
	font-size: 18px;
	margin: 0 auto 10px;
}
.metric strong {
	display: block;
	font-size: 26px;
	line-height: 1;
	color: var(--e8-primary);
	margin-bottom: 6px;
	font-weight: 800;
	letter-spacing: -0.5px;
}
.metric span {
	font-size: 13px;
	color: var(--e8-text-soft);
	display: block;
	font-weight: 500;
}
.hero-panel {
	background: #fff;
	border: 1px solid var(--e8-border);
	border-radius: var(--e8-radius-xl);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	box-shadow: var(--e8-shadow);
	padding: 28px;
	position: relative;
	overflow: hidden;
}
.hero-panel .mini-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--e8-bg-soft);
	color: var(--e8-primary);
	padding: 9px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 18px;
}
.hero-panel h3 {
	margin: 0 0 14px;
	font-size: 28px;
	color: var(--e8-primary);
}
.hero-panel p {
	margin: 0 0 20px;
	color: var(--e8-text-soft);
}
.hero-panel:hover {
	transform: translateY(-6px);
	box-shadow: var(--e8-shadow);
	border-color: #D9E6F8;
}
.pathway-list {
	display: grid;
	gap: 12px;
	margin-top: 18px;
}
.pathway-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px;
	border: 1px solid var(--e8-border);
	border-radius: 18px;
	color: inherit;
	background: #fafafa;
	transition: all 0.2s ease;
}
.pathway-icon {
	width: 42px;
	height: 42px;
	min-width: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #fff;
	background: var(--e8-primary);
	font-size: 15px;
}
.pathway-item strong {
	display: block;
	color: var(--e8-primary);
	margin-bottom: 4px;
	font-size: 15px;
}
.pathway-item a {
	display: block;
	color: #15468E;
	margin-bottom: 4px;
	font-size: 15px;
}
.pathway-item span {
	display: block;
	color: var(--e8-text-soft);
	font-size: 14px;
	line-height: 1.45;
}
.pathway-item:hover {
	background: #fff;
	border-color: #0d6efd;
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.12);
	transform: translateX(4px);
}
.strip {
	background: #fff;
	border-top: 1px solid var(--e8-border);
	border-bottom: 1px solid var(--e8-border);
}
.strip-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	padding: 24px 0;
}
.strip-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 6px;
}
.strip-item i {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--e8-bg-soft);
	color: var(--e8-primary);
	font-size: 18px;
}
.strip-item strong {
	display: block;
	color: var(--e8-primary);
	margin-bottom: 3px;
	font-size: 15px;
}
.strip-item span {
	color: var(--e8-text-soft);
	font-size: 14px;
}
.filters {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 28px auto 0;
}
.filter-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 18px;
	border-radius: 999px;
	border: 1px solid var(--e8-border);
	background: #fff;
	color: var(--e8-primary);
	font-weight: 700;
	font-size: 14px;
}
.course-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin-top: 42px;
}
.course-card {
	background: #fff;
	border: 1px solid var(--e8-border);
	border-radius: 26px;
	overflow: hidden;
	box-shadow: none;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.course-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--e8-shadow);
	border-color: #D9E6F8;
}
.course-thumb {
	position: relative;
	min-height: 250px;
	padding: 28px;
	background:
		radial-gradient(circle at top right, rgba(29, 150, 188, 0.14), transparent 30%),
		linear-gradient(180deg, #F7FAFF 0%, #F3F5F8 100%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.course-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .2px;
	border: 1px solid var(--e8-border);
	background: #fff;
	color: var(--e8-primary);
}
.tag-solid {
	background: var(--e8-primary);
	color: #fff;
	border-color: var(--e8-primary);
}
.course-icon {
	width: 76px;
	height: 76px;
	border-radius: 22px;
	display: grid;
	place-items: center;
	background: #fff;
	color: var(--e8-primary);
	font-size: 28px;
	border: 1px solid var(--e8-border);
	box-shadow: none;
}
.course-body {
	padding: 26px 24px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.course-meta {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	color: var(--e8-text-soft);
	font-size: 14px;
	font-weight: 700;
}
.course-meta span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.course-body h3 {
	margin: 0 0 12px;
	font-size: 22px;
	line-height: 1.18;
	color: var(--e8-primary);
	font-weight: 700;
	letter-spacing: -0.3px;
}
.course-body p {
	margin: 0 0 18px;
	color: var(--e8-text-soft);
	font-size: 15px;
}
.course-highlights {
	list-style: none;
	padding: 0;
	margin: 0 0 22px;
	display: grid;
	gap: 10px;
}
.course-highlights li {
	display: flex;
	gap: 10px;
	color: var(--e8-text);
	font-size: 14px;
}
.course-highlights i {
	color: var(--e8-secondary);
	margin-top: 3px;
	font-size: 13px;
}
.course-footer {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 8px;
}
.text-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--e8-primary);
	font-weight: 700;
}
.featured-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
	margin-top: 40px;
}
.featured-card {
	background: #fff;
	border: 1px solid var(--e8-border);
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	grid-template-columns: .95fr 1.05fr;
	min-height: 360px;
	box-shadow: var(--e8-shadow);
}
.featured-visual {
	padding: 30px;
	background:
		radial-gradient(circle at top left, rgba(21, 70, 142, 0.14), transparent 35%),
		linear-gradient(180deg, #F7FAFF 0%, #ffffff 100%);
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.featured-badge {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--e8-border);
	color: var(--e8-primary);
	font-weight: 700;
	font-size: 13px;
}
.featured-content {
	padding: 34px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.featured-content h3 {
	margin: 0 0 12px;
	font-size: 32px;
	line-height: 1.1;
	color: var(--e8-primary);
}
.featured-content p {
	margin: 0 0 18px;
	color: var(--e8-text-soft);
}
.usp-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 36px;
}
.usp-card {
	background: #fff;
	border: 1px solid var(--e8-border);
	border-radius: 26px;
	padding: 28px 24px;
	box-shadow: none;
}
.usp-card i {
	width: 56px;
	height: 56px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	color: var(--e8-primary);
	background: var(--e8-bg-soft);
	margin-bottom: 16px;
	font-size: 22px;
}
.usp-card h3 {
	margin: 0 0 10px;
	color: var(--e8-primary);
	font-size: 22px;
}
.usp-card p {
	margin: 0;
	color: var(--e8-text-soft);
	font-size: 15px;
}
.cta {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #10386f 0%, #15468E 45%, #1D96BC 75%, #2abfb0 100%);
	color: #fff;
	border-radius: 34px;
	padding: 48px;
	box-shadow: 0 24px 60px rgba(21, 70, 142, 0.20);
}
.cta::before,
.cta::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}
.cta::before {
	width: 240px;
	height: 240px;
	right: -80px;
	top: -60px;
}
.cta::after {
	width: 180px;
	height: 180px;
	left: -60px;
	bottom: -70px;
}
.cta-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 28px;
	align-items: center;
}
.cta h2 {
	margin: 0 0 14px;
	font-size: clamp(32px, 4vw, 52px);
	line-height: 1.05;
}
.cta p {
	margin: 0;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.88);
	max-width: 760px;
}
.cta-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.btn-white {
	background: #fff;
	color: var(--e8-primary);
}
.btn-outline-white {
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.35);
}
.divider {
	height: 1px;
	background: linear-gradient(90deg, rgba(21, 70, 142, 0) 0%, rgba(21, 70, 142, 0.18) 50%, rgba(21, 70, 142, 0) 100%);
	margin-top: 60px;
}
.footer-note {
	text-align: center;
	padding: 28px 0 60px;
	color: var(--e8-text-soft);
	font-size: 14px;
}
@media (max-width:1100px) {
	.hero-grid,
	.featured-wrap,
	.usp-grid,
	.cta-grid {
		grid-template-columns: 1fr;
	}
	.course-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.featured-card {
		grid-template-columns: 1fr;
	}
	.cta-actions {
		justify-content: flex-start;
	}
}
@media (max-width:768px) {
	.section {
		padding: 72px 0
	}
	.hero {
		padding: 88px 0 70px
	}
	.course-grid,
	.strip-grid,
	.hero-metrics {
		grid-template-columns: 1fr;
	}
	.usp-grid {
		grid-template-columns: 1fr;
	}
	.strip-item {
		padding: 0
	}
	.cta {
		padding: 34px 24px
	}
	.hero-panel {
		padding: 22px
	}
	.course-thumb {
		min-height: 220px
	}
}
.talent__selection__form__wrapper {
	background: #ffffff;
	border-radius: 22px;
	padding: 36px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: all .35s ease;
}
.talent__selection__form__wrapper:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}
.trainer-card img {
	transition: transform 0.3s ease;
}
.trainer-card:hover img {
	transform: scale(1.05);
}
/* Layout */
.pathways-modern {
	display: grid;
	grid-template-columns: repeat(2, minmax(280px, 1fr));
	gap: 24px;
}
/* Card */
.pathway-card-modern {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 18px;
	padding: 24px;
	transition: all 0.25s ease;
}
.pathway-card-modern:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	border-color: #ddd;
}
/* Header */
.pathway-header {
	margin-bottom: 18px;
}
.pathway-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
/* Courses – main visual focus */
.pathway-courses-modern {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* Course chip */
.course-chip {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px;
	border-radius: 12px;
	border: 1px solid #eaeaea;
	text-decoration: none;
	color: inherit;
	background: #fafafa;
	transition: all 0.2s ease;
}
.course-chip:hover {
	background: #fff;
	border-color: #0d6efd;
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.12);
	transform: translateX(4px);
}
/* Highlighted course */
.course-chip.highlight {
	border-color: #0d6efd;
	background: rgba(13, 110, 253, 0.05);
}
/* Text styling */
.course-chip span {
	font-weight: 500;
}
.course-chip small {
	font-size: 0.8rem;
	color: #6c757d;
}
.btn-secondary:hover {
	background-color: #15468E !important;
	color: #fff !important;
}
/* ── PALETTE ENRICHMENT ── */
/* Tinted background helpers */
:root {
	--e8-secondary-bg: rgba(29, 150, 188, 0.09);
	--e8-accent-bg: rgba(78, 209, 196, 0.10);
	--e8-accent-bg-strong: rgba(78, 209, 196, 0.18);
}
/* TAG VARIANTS */
.tag-secondary {
	background: var(--e8-secondary);
	color: #fff;
	border-color: var(--e8-secondary);
}
.tag-accent {
	background: var(--e8-accent);
	color: #0d4a45;
	border-color: var(--e8-accent);
}
.tag-teal-soft {
	background: var(--e8-accent-bg);
	color: #0d6b65;
	border-color: rgba(78, 209, 196, 0.35);
}
/* STRIP ICONS — each a different tint */
.strip-icon-primary {
	background: rgba(21, 70, 142, 0.10) !important;
	color: var(--e8-primary) !important;
}
.strip-icon-secondary {
	background: var(--e8-secondary-bg) !important;
	color: var(--e8-secondary) !important;
}
.strip-icon-accent {
	background: var(--e8-accent-bg) !important;
	color: #0d6b65 !important;
}
.strip-icon-mixed {
	background: rgba(21, 70, 142, 0.06) !important;
	color: var(--e8-secondary) !important;
}
/* PATHWAY ICON VARIANTS */
.pathway-icon-secondary {
	background: var(--e8-secondary) !important;
}
.pathway-icon-accent {
	background: var(--e8-accent) !important;
	color: #0d4a45 !important;
}
.pathway-icon-dark {
	background: var(--e8-primary-dark) !important;
}
/* USP CARD VARIANTS */
.usp-card-secondary {
	border-top: 3px solid var(--e8-secondary);
}
.usp-card-secondary i {
	background: var(--e8-secondary-bg) !important;
	color: var(--e8-secondary) !important;
}
.usp-card-accent {
	border-top: 3px solid var(--e8-accent);
}
.usp-card-accent i {
	background: var(--e8-accent-bg) !important;
	color: #0d6b65 !important;
}
.usp-card-primary {
	border-top: 3px solid var(--e8-primary);
}
/* COURSE THUMB VARIANTS */
.thumb-secondary {
	background:
		radial-gradient(circle at top right, rgba(29, 150, 188, 0.18), transparent 35%),
		linear-gradient(180deg, #EEF8FC 0%, #ddf0f7 100%) !important;
}
.thumb-accent {
	background:
		radial-gradient(circle at top right, rgba(78, 209, 196, 0.20), transparent 35%),
		linear-gradient(180deg, #EEF9F8 0%, #d8f5f3 100%) !important;
}
.thumb-dark {
	background:
		radial-gradient(circle at top right, rgba(21, 70, 142, 0.18), transparent 35%),
		linear-gradient(180deg, #e8eef8 0%, #dde6f4 100%) !important;
}
.thumb-mixed {
	background:
		radial-gradient(circle at top right, rgba(29, 150, 188, 0.14), transparent 30%),
		radial-gradient(circle at bottom left, rgba(78, 209, 196, 0.10), transparent 30%),
		linear-gradient(180deg, #F0F9FA 0%, #e4f5f4 100%) !important;
}
/* METRIC ICON VARIANTS */
.metric-icon-secondary {
	background: var(--e8-secondary-bg) !important;
	color: var(--e8-secondary) !important;
}
.metric-icon-accent {
	background: var(--e8-accent-bg) !important;
	color: #0d6b65 !important;
}
/* COURSE HIGHLIGHT CHECKS — use accent */
.course-highlights .accent-check {
	color: var(--e8-accent) !important;
	filter: saturate(1.4);
}
.course-highlights .secondary-check {
	color: var(--e8-secondary) !important;
}
/* PATHWAY CARD LEFT BORDER ACCENTS */
.pathway-card-modern {
	border-left: 3px solid transparent;
}
.pathway-card-primary {
	border-left-color: var(--e8-primary) !important;
}
.pathway-card-secondary {
	border-left-color: var(--e8-secondary) !important;
}
.pathway-card-accent {
	border-left-color: var(--e8-accent) !important;
}
.pathway-card-dark {
	border-left-color: var(--e8-primary-dark) !important;
}
/* EYEBROW VARIANTS */
.eyebrow-secondary {
	color: var(--e8-secondary) !important;
	border-color: rgba(29, 150, 188, 0.25) !important;
}
.eyebrow-accent {
	color: #0d6b65 !important;
	background: var(--e8-accent-bg) !important;
	border-color: rgba(78, 209, 196, 0.35) !important;
}
/* SECTION DIVIDER ACCENT BAR */
.section-accent-bar {
	display: block;
	width: 48px;
	height: 4px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--e8-secondary), var(--e8-accent));
	margin: 0 auto 18px;
}
/* COURSE FOOTER BOOK BUTTON VARIANTS */
.btn-book-secondary {
	background: var(--e8-secondary) !important;
	box-shadow: 0 10px 22px rgba(29, 150, 188, 0.22) !important;
}
.btn-book-secondary:hover {
	background: #1680a3 !important;
}
.btn-book-accent {
	background: var(--e8-accent) !important;
	color: #0d4a45 !important;
	box-shadow: 0 10px 22px rgba(78, 209, 196, 0.25) !important;
}
.btn-book-accent:hover {
	background: #38bdb1 !important;
	color: #fff !important;
}
/* HERO PANEL ACCENT LINE */
.hero-panel::before {
	display: none;
}
.hero-panel {
	border-top: 3px solid var(--e8-accent);
}
/* STRIP SECTION BACKGROUND TINT */
.strip {
	background: linear-gradient(90deg, #F7FAFF 0%, #EEF8FC 50%, #EEF9F8 100%) !important;
}
/* WHY ELEV8 section — tinted background */
.section-why {
	background: linear-gradient(135deg, #F3F5F8 0%, #EEF8FC 60%, #EEF9F8 100%) !important;
}
.course-card:nth-child(2) .course-highlights i,
.course-card:nth-child(5) .course-highlights i {
	color: var(--e8-secondary) !important;
}
.course-card:nth-child(3) .course-highlights i,
.course-card:nth-child(6) .course-highlights i {
	color: var(--e8-accent) !important;
	filter: saturate(1.3);
}
.course-card:nth-child(4) .course-highlights i {
	color: var(--e8-primary) !important;
}