.opx-header {
	--opx-accent: var(--wp--preset--color--accent);
	--opx-ink: var(--wp--preset--color--ink);
	--opx-body: var(--wp--preset--color--ink-body);
	--opx-secondary: var(--wp--preset--color--secondary);
	--opx-primary: var(--wp--preset--color--surface-alt);
	--opx-line: var(--wp--preset--color--line);
	--opx-bar-gradient: var(--wp--preset--gradient--bar);
	--opx-pill-gradient: var(--wp--preset--gradient--pill);
	--opx-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	--opx-font: var(--wp--preset--font-family--poppins);
	--opx-bar-height: 89px;
	position: relative;
	z-index: 999;
	font-family: var(--opx-font);
	line-height: 1.5;
	min-height: var(--opx-bar-height);
	background: var(--opx-bar-gradient);
}

.opx-header *,
.opx-header *::before,
.opx-header *::after {
	box-sizing: border-box;
}

.opx-header p,
.opx-header h2,
.opx-header h3,
.opx-header ul,
.opx-header ol,
.opx-header figure,
.opx-header blockquote {
	margin: 0;
	padding: 0;
}

.opx-header ul {
	list-style: none;
}

.opx-header img {
	display: block;
	max-width: 100%;
	height: auto;
}

.opx-header a {
	text-decoration: none;
	color: inherit;
}

.opx-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* --------------------------------------------------------------- announce */

.opx-header .opx-announce {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--gap-s);
	background: var(--opx-accent);
	color: var(--wp--preset--color--surface);
	padding: 0.5% var(--wp--preset--spacing--section-x);
	text-align: center;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--text);
	font-weight: 400;
	line-height: var(--wp--custom--line-height--text);
}

.opx-header .opx-announce p {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.opx-header .opx-announce__sub {
	opacity: 0.92;
}

@media (max-width: 767px) {
	.opx-header .opx-announce__sub {
		display: none;
	}
}

/* -------------------------------------------------------------------- bar */

.opx-header .opx-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background: var(--opx-bar-gradient);
	overflow: visible;
	box-sizing: border-box;
}

body.admin-bar .opx-header .opx-bar {
	top: var(--opx-toolbar-offset, 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar .opx-header .opx-bar {
		top: var(--opx-toolbar-offset, 46px);
	}

	.opx-header {
		--opx-bar-height: 70px;
	}
}

.opx-header .wp-block-group.opx-bar__inner {
	position: relative;
}

/* Production bar: 1400px content, 5% inline padding, no vertical padding
   (min-height 70px on #20640 is a floor only — the 78px logo governs). */
.opx-header .wp-block-group.opx-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--gap-20);
	max-width: none;
	min-height: 0;
	margin: 0;
	/* production: 5% side padding; content capped at the content size on very wide screens; 0.9% vertical padding */
	padding: 0.9% max(var(--wp--preset--spacing--section-x), calc((100% - var(--wp--style--global--content-size)) / 2));
}

/* Desktop: three equal-width side columns so the nav is centred in the bar,
   independent of how wide the logo and the CTA are. */
@media (min-width: 1025px) {
	.opx-header .opx-nav {
		flex: 1 1 auto;
		justify-content: center;
	}

	.opx-header .opx-nav__list {
		justify-content: center;
	}

	.opx-header .opx-cta-wrap {
		margin: 0;
	}
}

/* ------------------------------------------------------------------ logo */
/* Production: the logo is 15% of the bar content width on desktop, 28.5% on tablet and 49% on mobile. */
.opx-header .opx-logo {
	flex: 0 0 auto;
	width: 15%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
}

.opx-header .opx-logo a {
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.opx-header .opx-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0;
	border: 0;
}

@media (max-width: 1024px) {
	.opx-header {
		--opx-bar-height: max(70px, 8.35vw);
	}

	.opx-header .opx-logo {
		width: 28.5%;
	}
}

@media (max-width: 767px) {
	.opx-header {
		--opx-bar-height: calc(min(14.355vw, 97.65625px) + 3.6vw);
	}

	.opx-header .wp-block-group.opx-bar__inner {
		min-height: 0;
		padding: 1.8% 5%;
	}

	.opx-header .opx-logo {
		max-width: 300px;
	}
}

@media (max-width: 767px) {
	.opx-header .opx-logo {
		width: 49%;
	}
}

.opx-header .opx-nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	min-width: 0;
}

.opx-header .opx-nav__list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--gap-s);
}

.opx-header .opx-nav__item {
	position: static;
	display: flex;
	align-items: center;
}

.opx-header .opx-nav__link,
.opx-header .opx-header__control-10 > button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 8px 16px;
	background: none;
	border: 0;
	color: var(--wp--preset--color--off-white);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--body);
	font-weight: 300;
	line-height: var(--wp--custom--line-height--body);
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
}

.opx-header .opx-nav__item:hover > .opx-nav__link,
.opx-header .opx-nav__item:has(:focus-visible) > .opx-nav__link,
.opx-header .opx-nav__item.is-open > .opx-nav__link,
.opx-header .opx-nav__link[aria-current="page"],
.opx-header .opx-nav__link:focus-visible {
	color: var(--opx-accent);
}

.opx-header .opx-caret {
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

.opx-header .opx-caret--down {
	width: 18px;
	height: 18px;
	flex-basis: 18px;
}

.opx-header .opx-caret--right {
	width: 10px;
	height: 10px;
}

.opx-header .opx-nav__item--has-panel > .opx-nav__link .opx-caret {
	display: none;
}

.opx-header .opx-nav__item--has-panel > .opx-nav__link::after,
.opx-header .opx-header__control-10 > button::after {
	content: "";
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

.opx-header .opx-nav__item--has-panel.is-open > .opx-nav__link::after {
	transform: rotate(180deg);
}

.opx-header .opx-nav__item.is-open > .opx-nav__link .opx-caret {
	transform: rotate(180deg);
}

.opx-header .opx-nav__item--has-panel > .opx-nav__link::after,
.opx-header .opx-header__control-10 > button::after {
	transition: transform 0.2s ease;
}

/* ------------------------------------------------------------- mega panel */

.opx-header .opx-panel {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 20;
	width: min(1035px, calc(100vw - 32px));
	margin: 0;
	padding: 10px;
	background: var(--wp--preset--color--surface);
	border-radius: 30px;
	box-shadow: var(--opx-shadow);
	color: var(--opx-body);
	text-align: left;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-50%) translateY(10px);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

/* Include the trigger-to-panel gap in the panel hit area. */
.opx-header .opx-panel::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	height: 24px;
}

/* #20640 services panel b95386f: 1035px, radius 30 inherited from
   .opx-panel, desktop padding 10px, tint behind the white tab column and
   the white content card so their 30px corners read. */
.opx-header .opx-panel--services {
	width: min(1035px, calc(100vw - 32px));
	padding: 10px;
	background: var(--opx-primary);
}

@media (min-width: 1025px) {
	.opx-header .opx-nav__item.is-open > .opx-panel {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
	}
}

/* --------------------------------------------------------- panel headings */

.opx-header .opx-overline {
	margin: 0;
	color: var(--opx-secondary);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	line-height: 1.5;
}

.opx-header .opx-panelhead {
	margin: 0;
	color: var(--opx-secondary);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	line-height: 1.5;
}

/* ------------------------------------------------------------------ tabs */
/* Nested tabs (df3a1d5): vertical 280px heading column, content to its right.
   Inactive and active titles are both white; only the colour changes. */

.opx-header .opx-tabs {
	display: flex;
	flex: 0 0 280px;
	flex-direction: column;
	align-items: stretch;
	align-self: flex-start;
	gap: 0;
	margin-bottom: 0;
	border-bottom: 0;
	background: var(--wp--preset--color--surface);
	border-radius: 30px 0 0 30px;
}

.opx-header .opx-tab {
	position: relative;
	appearance: none;
	margin: 0;
	padding: 15px 30px;
	background: var(--wp--preset--color--surface);
	border: 0;
	border-radius: 0;
	color: var(--opx-ink);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--headline-s);
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	cursor: pointer;
	transition: color 0.2s ease;
}

.opx-header .opx-tabs .opx-tab:first-child {
	border-top-left-radius: 30px;
}

.opx-header .opx-tabs .opx-tab:last-child {
	border-bottom-left-radius: 30px;
}

.opx-header .opx-tab:hover,
.opx-header .opx-tab[aria-selected="true"] {
	color: var(--opx-accent);
}

.opx-header .opx-tab:focus-visible {
	outline: 2px solid var(--opx-accent);
	outline-offset: -2px;
}

.opx-header .opx-tabpanel[hidden] {
	display: none;
}

.opx-header .opx-tabpanels {
	flex: 1 1 auto;
	min-width: 0;
	background: var(--wp--preset--color--surface);
	border-radius: 0 30px 30px 0;
}

.opx-header .opx-linklist {
	columns: 1;
	margin: -25px 0 30px;
	padding: 0 30px 10px;
}

.opx-header .opx-linklist li {
	break-inside: avoid;
	padding: 0;
	margin: 0;
}

.opx-header .opx-linklist a {
	display: inline-block;
	padding: 2px 0;
	color: var(--opx-ink);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--headline-l);
	font-weight: 400;
	line-height: 62px;
	transition: color 0.2s ease, transform 0.2s ease;
}

.opx-header .opx-linklist a[aria-current="page"] {
	color: var(--opx-accent);
}

.opx-header .opx-linklist a:hover,
.opx-header .opx-linklist a:focus-visible {
	color: var(--opx-accent);
	transform: translateX(20px);
}

/* ---------------------------------------------------------------- panels */

/* 264e6e1 is the padded inner row (padding 20px 0, gap 10px). This build
   stacks the overlines and the tab block vertically instead, so the 20px
   vertical padding is kept and the pill sits outside as a sibling. */
.opx-header .opx-services {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0;
}

.opx-header .opx-services__head {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 0 35px;
}

.opx-header .opx-services__body {
	display: flex;
	align-items: flex-start;
	min-width: 0;
}

/* 5230b27: width 95%, margin 2% per side, 82px min height. The pill is a
   SIBLING of .opx-services (a direct child of the panel), so the old
   descendant selector never matched and left the pill full-bleed with no
   side margin. 20px top/bottom reproduces the 264e6e1 row gap + padding. */
.opx-header .opx-panel--services > .opx-pill {
	width: 95%;
	margin: 20px 2%;
}

/* ------------------------------------------------------------ resources */
/* #20640 a5dec61: flex row, 1300px, radius 30, shadow 0 0 10px rgba(0,0,0,.15),
   NO padding. 03faad5 is the 65% left column (flex column, pt 20, gap 10);
   b26be2d is the 35% right featured-article column (#F7F9FC, padding 30px 50px 0).
   The FAQ pill (a59b701) lives INSIDE the 65% column, BELOW the two card columns. */

.opx-header .opx-panel--resources {
	width: min(1300px, calc(100vw - 32px));
	padding: 0;
	/* The 30px corner clip lives on .opx-resources so the panel
	   hit area can span the gap below the trigger. */
}

.opx-header .opx-resources {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 0;
	padding: 0;
	/* fills the panel box exactly, so clipping here clips the featured
	   column to the panel radius exactly as a clip on the panel did,
	   while leaving the panel itself unclipped so the bridge survives. */
	overflow: hidden;
	border-radius: 30px;
}

/* 03faad5 */
.opx-header .opx-resources__main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--gap-s);
	width: 65%;
	padding-top: 20px;
}

/* 162d8aa */
.opx-header .opx-resources__cols {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

/* b9a87ed (padding-left 50px) / d6f284a (padding-left 20px) */
.opx-header .opx-rescol {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 49%;
	padding-top: 10px;
}

.opx-header .opx-rescol--compliance {
	padding-left: 50px;
}

.opx-header .opx-rescol--knowledge {
	padding-left: 20px;
}

/* COMPLIANCE (32abce9) and KNOWLEDGE HUB (0058e1c) are capped at 273px */
.opx-header .opx-rescol > .opx-overline {
	width: 273px;
	max-width: 273px;
}

/* Four icon-box widgets per column, stacked, 20px apart */
.opx-header .opx-cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 0;
}

.opx-header .opx-card {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 15px;
	text-align: left;
}

.opx-header .opx-card__icon {
	flex: 0 0 auto;
	width: 55px;
	height: 55px;
	object-fit: contain;
}

.opx-header .opx-card__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.opx-header .opx-card__title {
	color: var(--opx-ink);
	font-size: var(--wp--preset--font-size--headline-s);
	font-weight: 500;
	line-height: 1.4;
}

.opx-header .opx-card:hover .opx-card__title,
.opx-header .opx-card:focus-visible .opx-card__title {
	color: var(--opx-accent);
}

.opx-header .opx-card__desc {
	margin-top: 5px;
	color: var(--opx-secondary);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	line-height: 24px;
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.opx-header .opx-feature {
		padding: 30px 30px 0;
	}

	.opx-header .opx-rescol--compliance {
		padding-left: 30px;
	}
}

/* ------------------------------------------------------------------ pill */
/* #20640 services pill 5230b27: 95% wide, 47px radius, 82px min height,
   gradient -88deg, padding-left 30px / padding-right 20px, body 80%.
   The resources pill (a59b701) uses the same padding and differs only in
   width (93%, centred on itself), its margin and its body width (70%). */

.opx-header .opx-pill {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 82px;
	padding: 0 20px 0 30px;
	background: var(--opx-pill-gradient);
	border-radius: 47px;
	color: var(--opx-ink);
}

.opx-header .opx-pill__body {
	display: flex;
	flex: 0 1 80%;
	align-items: center;
	gap: 20px;
	min-width: 0;
}

.opx-header .opx-pill__body::after {
	content: "";
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	margin-left: auto;
	background-color: var(--opx-accent);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 33d1a48 (services) and 66ee4fb (resources) are both Poppins 20/500, and
   both carry the editor -3px optical centring offset. */
.opx-header .opx-pill__title {
	margin-top: -3px;
	font-size: var(--wp--preset--font-size--headline-s);
	font-weight: 500;
	line-height: 1.3;
}

.opx-header .opx-pill__text {
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	line-height: 1.4;
}

/* 9c02124 (services) and cf4d5ed (resources) share the same offsets. */
.opx-header .opx-pill__cta {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	flex: 0 0 auto;
	margin: -5px 30px 0 0;
	padding: 0 0 0.4em;
	border-bottom: 2px solid var(--opx-accent);
	color: var(--opx-accent);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	white-space: nowrap;
	transition: border-bottom-width 0.2s ease;
}

.opx-header .opx-pill__cta .opx-caret {
	display: none;
}

.opx-header .opx-pill:hover .opx-pill__cta,
.opx-header .opx-pill:focus-visible .opx-pill__cta {
	border-bottom-width: 3px;
}

/* a59b701 */
.opx-header .opx-pill--resources {
	width: 93%;
	align-self: center;
	margin: 0 30px 30px;
}

/* 1c49f24 */
.opx-header .opx-pill--resources .opx-pill__body {
	flex: 0 1 70%;
}

/* c3e0657 only - the services body text (a351c95) has no offset */
.opx-header .opx-pill--resources .opx-pill__text {
	margin-bottom: -13px;
}

/* -------------------------------------------------------- featured article */
/* b26be2d: flex column, gap 20, padding 30px 50px 0, background #F7F9FC,
   width 35%, overflow hidden. */

.opx-header .opx-feature {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 35%;
	padding: 30px 50px 0;
	background: var(--opx-primary);
	overflow: hidden;
}

/* bfd328f runs full width; only COMPLIANCE / KNOWLEDGE HUB are capped at 273px */
.opx-header .opx-feature > .opx-overline {
	width: 100%;
	max-width: 100%;
}

/* 45540eb posts widget: container padding 0 0 40px 0 */
.opx-header .opx-article {
	margin: 0;
	padding-bottom: 40px;
}

.opx-header .opx-article .wp-block-post-template {
	display: block;
}

.opx-header .opx-article__card {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

/* thumbnail padding-bottom: calc(0.5 * 100%) => 2:1 */
.opx-header .opx-article__img {
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 2 / 1;
}

.opx-header .opx-article__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.opx-header .opx-article__title {
	margin: 10px 0;
	color: var(--opx-ink);
	font-size: var(--wp--preset--font-size--headline-s);
	font-weight: 500;
	line-height: 1.4;
}

.opx-header .opx-article__title a:hover,
.opx-header .opx-article__title a:focus-visible {
	color: var(--opx-accent);
}

.opx-header .opx-article__excerpt {
	margin: 0;
	color: var(--opx-secondary);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	line-height: 24px;
}

.opx-header .opx-article__excerpt .wp-block-post-excerpt__more-text {
	margin: 10px 0 0;
}

.opx-header .opx-article__excerpt .wp-block-post-excerpt__more-link {
	color: var(--opx-accent);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 300;
	transition: color 0.2s ease;
}
/* ------------------------------------------------------------------- CTA */

.opx-header .opx-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0.75em 2em;
	background: var(--opx-accent);
	border: 1px solid var(--opx-accent);
	border-radius: 16px;
	color: var(--wp--preset--color--surface);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--headline-s);
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.opx-header .opx-cta:hover,
.opx-header .opx-cta:focus-visible {
	background: var(--wp--preset--color--surface);
	color: var(--opx-accent);
}

/* ------------------------------------------------------ mobile (drawer) */

.opx-header .opx-nav__toggle,
.opx-header .opx-nav__close {
	display: none;
	appearance: none;
	background: none;
	border: 0;
	padding: 0;
	color: var(--wp--preset--color--surface);
	cursor: pointer;
}

@media (max-width: 1024px) {
	.opx-header .opx-nav__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-right: -10px;
	}

	.opx-header .opx-bars,
	.opx-header .opx-bars::before,
	.opx-header .opx-bars::after {
		display: block;
		width: 26px;
		height: 2px;
		background: var(--wp--preset--color--surface);
		border-radius: 2px;
		transition: transform 0.25s ease, opacity 0.25s ease;
	}

	.opx-header .opx-bars {
		position: relative;
	}

	.opx-header .opx-bars::before,
	.opx-header .opx-bars::after {
		content: "";
		position: absolute;
		left: 0;
	}

	.opx-header .opx-bars::before {
		top: -8px;
	}

	.opx-header .opx-bars::after {
		top: 8px;
	}

	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars {
		background: transparent;
	}

	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::before {
		transform: translateY(8px) rotate(45deg);
	}

	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::after {
		transform: translateY(-8px) rotate(-45deg);
	}

	.opx-header .opx-nav__drawer {
		position: absolute;
		top: calc(100% + 7px);
		right: 0;
		bottom: auto;
		left: 0;
		z-index: 1000;
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
		overflow-y: auto;
		background: var(--wp--preset--color--surface);
		opacity: 0;
		visibility: hidden;
		transform: none;
		transition: none;
		border-radius: 12px;
		max-height: calc(100dvh - var(--opx-bar-height) - var(--opx-toolbar-offset, 0px) - 7px);
	}

	.opx-header .opx-nav__drawer.is-open {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.opx-header .opx-nav__close {
		display: none;
		align-self: flex-end;
		width: 44px;
		height: 44px;
		font-size: 34px;
		line-height: 1;
	}

	.opx-header .opx-nav__list {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		width: 100%;
		display: flex;
	}

	.opx-header .opx-nav__item {
		display: block;
		border-bottom: 0;
		margin: 0;
	}

	.opx-header .opx-nav__link,
.opx-header .opx-header__control-10 > button {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		padding: 3% 5% 4%;
		font-size: var(--wp--preset--font-size--headline-m);
		line-height: 1.4;
		gap: 31px;
		color: var(--opx-ink);
		font-weight: 500;
	}

	.opx-header .opx-panel,
	.opx-header .opx-panel--resources,
	.opx-header .opx-panel--services {
		position: static;
		width: auto;
		margin: 0;
		padding: 0 0 20px 16px;
		background: none;
		border-radius: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		display: none;
	}

	.opx-header .opx-panel::before {
		display: none;
	}

	.opx-header .opx-nav__item.is-open > .opx-panel {
		display: block;
	}

	.opx-header .opx-services {
		display: block;
		padding: 0;
	}

	.opx-header .opx-services__head,
	.opx-header .opx-tabs {
		display: none;
	}

	.opx-header .opx-services__body {
		display: block;
	}

	.opx-header .opx-tabpanels {
		display: grid;
		gap: 22px;
		background: none;
		border-radius: 0;
	}

	.opx-header .opx-tabpanels > .opx-tabpanel[hidden] {
		display: block;
	}

	.opx-header .opx-tabpanels > .opx-tabpanel:not(:first-child) {
		padding-top: 20px;
		border-top: 1px solid var(--wp--preset--color--border);
	}

	.opx-header .opx-tabpanel {
		color: var(--wp--preset--color--ink-muted);
	}

	.opx-header .opx-tabpanel .opx-overline {
		margin-bottom: 8px;
		color: var(--wp--preset--color--ink-muted);
	}

	.opx-header .opx-linklist {
		columns: 1;
		margin: 0;
		padding: 0;
	}

	.opx-header .opx-linklist a {
		color: var(--wp--preset--color--ink-muted);
		font-size: 28px;
		line-height: 1.3em;
		font-weight: 400;
	}

	.opx-header .opx-linklist a:hover {
		color: var(--opx-accent);
		transform: none;
	}

	.opx-header .opx-panel--services > .opx-pill {
		display: none;
	}

	/* resources panel flattens into a stack in the drawer */
	.opx-header .opx-resources {
		display: block;
		padding: 0;
	}

	.opx-header .opx-resources__main,
	.opx-header .opx-resources__cols {
		display: block;
		width: auto;
		padding-top: 0;
	}

	.opx-header .opx-rescol {
		width: auto;
		padding: 0;
	}

	.opx-header .opx-rescol + .opx-rescol {
		margin-top: 26px;
	}

	.opx-header .opx-rescol > .opx-overline,
	.opx-header .opx-feature > .opx-overline {
		width: auto;
		max-width: none;
		color: var(--wp--preset--color--ink-muted);
	}

	.opx-header .opx-cards {
		gap: 14px;
	}

	.opx-header .opx-card__title {
		color: var(--opx-ink);
	}

	.opx-header .opx-card__desc {
		color: var(--wp--preset--color--ink-muted);
		font-size: 14px;
	}

	.opx-header .opx-pill--resources {
		width: 100%;
		align-self: auto;
		flex-wrap: wrap;
		margin: 26px 0 0;
		padding: 16px 20px;
		border-radius: 20px;
	}

	.opx-header .opx-pill--resources .opx-pill__body {
		flex: 1 1 100%;
	}

	.opx-header .opx-pill--resources .opx-pill__title,
	.opx-header .opx-pill--resources .opx-pill__text,
	.opx-header .opx-pill--resources .opx-pill__cta {
		margin: 0;
	}

	.opx-header .opx-feature {
		width: auto;
		margin-top: 26px;
		padding: 0;
		background: none;
		overflow: visible;
	}

	.opx-header .opx-article__title {
		color: var(--opx-ink);
		font-size: var(--wp--preset--font-size--headline-s);
	}

	.opx-header .opx-article__excerpt {
		color: var(--wp--preset--color--ink-muted);
		font-size: var(--wp--preset--font-size--overline);
	}
	.opx-header .opx-cta {
		padding: 0.5em 1.1em;
		font-size: var(--wp--preset--font-size--overline);
		border-radius: 12px;
	}
}

/* --------------------------------------------------------- reduced motion */

@media (prefers-reduced-motion: reduce) {
	.opx-header *,
	.opx-header *::before,
	.opx-header *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

/* ------------------------------------------------- mobile tab labels */

.opx-header .opx-tablabel {
	display: none;
}

@media (max-width: 1024px) {
	.opx-header .opx-tablabel {
		display: block;
		margin-bottom: 8px;
		color: var(--wp--preset--color--ink-muted);
		font-size: var(--wp--preset--font-size--overline);
		font-weight: 300;
		line-height: 1.5;
	}
}

/* ------------------------------------------- tablet / mobile bar (measured on production) */
@media (max-width: 1024px) {
	.opx-header .wp-block-group.opx-bar__inner {
		min-height: 70px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: var(--wp--preset--spacing--section-x);
		padding-right: var(--wp--preset--spacing--section-x);
	}

	.opx-header .opx-cta-wrap {
		display: none;
	}

	.opx-header .opx-nav {
		flex: 0 0 auto;
	}

	.opx-header .opx-nav__toggle {
		width: 21px;
		height: 21px;
		margin: 0;
	}

	.opx-header .opx-bars,
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars {
		width: 21px;
		height: 21px;
		background: radial-gradient(circle, var(--wp--preset--color--off-white) 1.7px, transparent 2.2px) 0 0 / 7px 7px;
		border-radius: 0;
	}

	.opx-header .opx-bars::before,
	.opx-header .opx-bars::after {
		display: none;
	}
}

/* desktop: nav items centred between the logo and the CTA (must come after the base .opx-nav rules) */
@media (min-width: 1025px) {
	.opx-header .opx-nav,
	.opx-header .opx-nav__list {
		justify-content: center;
	}
}

.wp-block-group.opx-booking-embed {
	box-sizing: border-box;
	margin-block-start: 150px;
	margin-block-end: 0;
	margin-top: 150px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-inline: 15%;
	background-color: transparent;
}

.opx-booking-embed__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
}

.opx-booking-embed__inner iframe {
	display: block;
	width: 100%;
	border: 0;
}

@media (max-width: 1024px) {
	.wp-block-group.opx-booking-embed {
		margin-block-start: 40px;
		margin-block-end: 40px;
		margin-top: 40px;
		margin-bottom: 40px;
		padding-inline: 5%;
	}
}

@media (max-width: 767px) {
	.wp-block-group.opx-booking-embed {
		margin-block-start: 50px;
		margin-block-end: 0;
		margin-top: 50px;
		margin-bottom: 0;
	}
}

/* /meet/ consultation — production header→iframe gap ≈40px desktop, 30px below. */
.wp-block-group.opx-booking-embed.opx-booking-embed--consultation,
.opx-booking-embed.opx-booking-embed--consultation {
	margin-top: 40px;
	margin-block-start: 40px;
}

@media (max-width: 1024px) {
	.wp-block-group.opx-booking-embed.opx-booking-embed--consultation,
	.opx-booking-embed.opx-booking-embed--consultation {
		margin-top: 30px;
		margin-block-start: 30px;
	}
}

@media (max-width: 767px) {
	.wp-block-group.opx-booking-embed.opx-booking-embed--consultation,
	.opx-booking-embed.opx-booking-embed--consultation {
		margin-top: 30px;
		margin-block-start: 30px;
	}
}

/* Production mobile dropdown; the desktop list remains unchanged. */
.opx-header .opx-nav__item--mobile-only { display: none; }
@media (max-width: 1024px) {
	.opx-header { --opx-bar-height: 70px; }
	.opx-header .opx-nav__item--mobile-only { display: block; }
	.opx-header .opx-nav__link[aria-current="page"] { color: var(--opx-accent); }
	.opx-header .opx-nav__item--has-panel > .opx-nav__link::after,
.opx-header .opx-header__control-10 > button::after {
		flex-basis: 8px; width: 8px; height: 8px; background: none; mask: none; -webkit-mask: none;
		border-top: 2px solid var(--opx-accent); border-right: 2px solid var(--opx-accent); transform: rotate(45deg);
	}
	.opx-header .opx-nav__item--has-panel:is(:hover, :focus-within) > .opx-nav__link::after { transform: rotate(45deg); }
	.opx-header .opx-nav__item--has-panel.is-open > .opx-nav__link::after { transform: rotate(135deg); }
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars { background: none; }
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::before,
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::after {
		display: block; width: 18px; height: 2px; top: 9.5px; left: 1.5px; background: var(--wp--preset--color--off-white);
	}
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::before { transform: rotate(45deg); }
	.opx-header .opx-nav__toggle[aria-expanded="true"] .opx-bars::after { transform: rotate(-45deg); }
}
/* Resources desktop: measured against production template 20640. */
@media (min-width: 1025px) {
	/* WordPress's generic :focus outline also fires after a pointer click. */
	.opx-header .opx-nav__item--has-panel > .opx-nav__link:focus:not(:focus-visible) {
		outline: none;
	}

	.opx-header .opx-nav__item--has-panel > .opx-nav__link:focus-visible {
		outline: 2px solid var(--opx-accent);
		outline-offset: 3px;
	}

	.opx-header .opx-panel--resources {
		width: min(1300px, 82vw);
		left: calc(13vw + min(650px, 41vw));
		top: 75%;
	}

	.opx-header .opx-panel--resources::before {
		content: none;
	}

	.opx-panel--resources .opx-resources__cols {
		gap: var(--wp--preset--spacing--gap-20);
	}

	.opx-panel--resources .opx-rescol {
		flex: 0 0 calc((100% - var(--wp--preset--spacing--gap-20)) / 2);
		min-width: 0;
	}

	.opx-panel--resources .opx-overline {
		max-width: 100%;
		line-height: 2.1875;
	}

	.opx-panel--resources .opx-card__body {
		flex: 1;
		padding-top: 8px;
	}

	.opx-panel--resources .opx-card__title,
	.opx-panel--resources .opx-article__title {
		line-height: var(--wp--custom--line-height--heading-20-500);
	}

	.opx-panel--resources .opx-feature {
		padding: var(--wp--preset--spacing--gap-m) var(--wp--preset--spacing--gap-50-px-m-30-px) 0;
	}

	.opx-panel--resources .opx-article__card {
		background: var(--wp--preset--color--surface);
		box-shadow: var(--opx-shadow);
		border-radius: 20px;
		overflow: hidden;
	}

	.opx-panel--resources .opx-article__img {
		border-radius: 0;
	}

	.opx-panel--resources .opx-article__img a {
		position: relative;
		display: block;
		height: 100%;
	}

	.opx-panel--resources .opx-article__img a::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);
	}

	.opx-panel--resources .opx-article__card:hover .opx-article__img a::after {
		opacity: 0.5;
	}

	.opx-header .opx-panel--resources .opx-article__title {
		margin: var(--wp--preset--spacing--gap-m) var(--wp--preset--spacing--gap-m) var(--wp--preset--spacing--gap-s);
	}

	.opx-panel--resources .opx-article__excerpt {
		padding: 0 var(--wp--preset--spacing--gap-m) 21px;
	}

	.opx-header .opx-panel--resources .wp-block-post-excerpt__more-text {
		margin-top: var(--wp--preset--spacing--gap-25-px-m-20-px);
		line-height: var(--wp--custom--line-height--overline);
	}

	.opx-panel--resources .opx-pill--resources {
		gap: 0;
		align-self: flex-start;
	}

	.opx-header .opx-panel--resources .opx-pill__body {
		padding: var(--wp--preset--spacing--gap-s);
		flex: 0 1 70%;
		flex-wrap: wrap;
	}

	.opx-panel--resources .opx-pill__body::after {
		content: none;
	}

	.opx-panel--resources .opx-pill__title {
		margin: 0;
		line-height: 1.75;
	}

	.opx-header .opx-panel--resources .opx-pill__text {
		margin-bottom: 0;
		color: var(--opx-ink);
	}

	.opx-panel--resources .opx-pill__cta {
		gap: 16px;
		margin-top: 0;
		line-height: 1;
	}

	.opx-panel--resources .opx-pill__cta::after {
		content: "";
		width: 16px;
		height: 16px;
		background: currentColor;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6l-160 160a32 32 0 0 1-45.2-45.2L338.7 288H32a32 32 0 0 1 0-64h306.7L233.4 118.6a32 32 0 0 1 45.2-45.2l160 160a32 32 0 0 1 0 45.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}

/* Services desktop parity; isolate the header from page-level Services styles. */
@media (min-width: 1025px) {
	.opx-header .opx-panel--services {
		width: min(1035px, 80vw);
		left: 15vw;
		top: calc(50% + 22.5px);
		background: var(--wp--preset--color--surface);
		transform: translateY(10px);
	}

	.opx-header .opx-panel--services::before {
		content: none;
	}

	.opx-header .opx-nav__item.is-open > .opx-panel--services {
		transform: none;
	}

	.opx-header .opx-panel--services .opx-services {
		margin: 0;
		gap: var(--wp--preset--spacing--gap-s);
	}

	.opx-header .opx-panel--services .opx-services__head {
		gap: 0;
	}

	.opx-header .opx-panel--services .opx-overline {
		line-height: 2.1875;
	}

	.opx-header .opx-panel--services .opx-services__head > :first-child {
		flex: 0 0 273px;
	}

	.opx-header .opx-panel--services .opx-tabs,
	.opx-header .opx-panel--services .opx-tabpanels,
	.opx-header .opx-panel--services .opx-tab {
		border-radius: 0;
	}

	.opx-header .opx-panel--services .opx-tab {
		padding: 15px 35px;
		line-height: var(--wp--custom--line-height--card-title);
	}

	.opx-header .opx-panel--services .opx-tabpanel {
		padding: var(--wp--preset--spacing--gap-s);
	}

	.opx-header .opx-panel--services .opx-linklist {
		padding: 0;
	}

	.opx-header .opx-panel--services .opx-linklist a {
		padding: 13px 20px;
		max-width: 100%;
	}

	.opx-header .opx-panel--services .opx-pill {
		width: 95%;
		margin: 0 2%;
		gap: 0;
		flex-wrap: wrap;
	}

	.opx-header .opx-panel--services .opx-pill__body {
		padding: var(--wp--preset--spacing--gap-s);
	}

	.opx-header .opx-panel--services .opx-pill__body::after {
		display: none;
	}

	.opx-header .opx-panel--services .opx-pill__title {
		flex: 0 0 auto;
		line-height: 1.75;
	}

	.opx-header .opx-panel--services .opx-pill__text {
		line-height: var(--wp--custom--line-height--overline);
	}

	.opx-header .opx-panel--services .opx-pill__cta {
		margin-top: 3px;
		gap: 16px;
		line-height: var(--wp--custom--line-height--text-16-300-4);
	}

	.opx-header .opx-panel--services .opx-pill__cta::after {
		content: "";
		width: 16px;
		height: 16px;
		background-color: currentColor;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0l194.7 194.7c9.4 9.4 9.4 24.6 0 33.9L246.6 468c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.6 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.6L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}

/* Pointer category selection keeps the production orange text state. */
@media (min-width: 1025px) {
	.opx-header .opx-panel--services .opx-tabs .opx-tab {
		border-radius: 0;
	}

	.opx-header .opx-panel--services .opx-tab:focus:not(:focus-visible) {
		outline: none;
	}
}
/* Featured Article hover mirrors production without shifting the card. */
@media (min-width: 1025px) {
	.opx-panel--resources .opx-article__card {
		transition: box-shadow 0.25s ease;
	}

	.opx-panel--resources .opx-article__card:hover {
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	}

	.opx-panel--resources .opx-article__img img {
		border-radius: 24px;
		transform: scale(1.01);
	}

	.opx-panel--resources .opx-article__img a::after {
		transition: opacity 0.3s ease-out;
	}

	.opx-header .opx-panel--resources .opx-article__title a:hover {
		color: var(--opx-ink);
	}
}

/* Preserve the requested article animation when Chrome reports reduced motion. */
@media (prefers-reduced-motion: reduce) {
	.opx-panel--resources .opx-article__card {
		transition-duration: 0.25s !important;
	}

	.opx-panel--resources .opx-article__img a::after {
		transition-duration: 0.3s !important;
	}
}

/* Match the existing immediate Learn More lift. */
@media (min-width: 1025px) {
	.opx-header :is(.opx-panel--services, .opx-panel--resources) .opx-pill__cta {
		transition: none;
	}

	.opx-header :is(.opx-panel--services, .opx-panel--resources) .opx-pill:hover .opx-pill__cta,
	.opx-header :is(.opx-panel--services, .opx-panel--resources) .opx-pill:focus-visible .opx-pill__cta {
		transform: translateY(-8px);
	}
}

/* Keep the fixed-header spacer equal to the responsive logo bar. */
@media (min-width: 768px) and (max-width: 1024px) {
	.opx-header {
		--opx-bar-height: max(70px, 8.35vw);
	}
}

@media (max-width: 767px) {
	.opx-header {
		--opx-bar-height: calc(min(14.355vw, 97.65625px) + 3.6vw);
	}

	.opx-header .wp-block-group.opx-bar__inner {
		min-height: 0;
		padding: 1.8% 5%;
	}

	.opx-header .opx-logo {
		max-width: 300px;
	}
}

/* Style the saved block controls before header.js enhances them. */
.opx-header .opx-header__control,
.opx-header .opx-header__inline { display: contents; }
.opx-header .opx-header__control-3,
.opx-header .opx-header__control-4 { display: none; }
@media (max-width: 1024px) {
 .opx-header .opx-header__control-3 { display: contents; }
 .opx-header .opx-header__control-3 > button {
  display: block; width: 21px; height: 21px; margin: 0; padding: 0;
  border: 0; border-radius: 0; font-size: 0;
  background: radial-gradient(circle, var(--wp--preset--color--off-white) 1.7px, transparent 2.2px) 0 0 / 7px 7px;
 }
}
/* Production's Learn More float: animate the link and arrow together. */
@media (min-width: 1025px) {
	.opx-header :is(.opx-panel--services, .opx-panel--resources) .opx-pill__cta {
		transition: transform 0.3s ease-out;
	}
}

/* Keep the requested lift animation active with Chrome's reduced-motion setting. */
@media (prefers-reduced-motion: reduce) {
	.opx-header :is(.opx-panel--services, .opx-panel--resources) .opx-pill__cta {
		transition-duration: 0.3s !important;
	}
}

/* Match production widget b55d28d: its original square-grid SVG at 20px. */
@media (max-width: 1024px) {
 .opx-header .opx-nav__toggle,
 .opx-header .opx-header__control-3 > button {
  width: 20px;
  height: 20px;
 }
 .opx-header .opx-nav__toggle[aria-expanded="false"] .opx-bars,
 .opx-header .opx-header__control-3 > button:not(.opx-nav__toggle) {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.98438%202.625V6.375C6.98438%207.03125%206.46875%207.5%205.85938%207.5H1.125C0.46875%207.5%200%207.03125%200%206.375V2.625C0%202.01562%200.46875%201.5%201.125%201.5H5.85938C6.46875%201.5%206.98438%202.01562%206.98438%202.625ZM15.4688%2013.875C15.4688%2014.5312%2014.9531%2015%2014.3438%2015H9.60938C9%2015%208.48438%2014.5312%208.48438%2013.875V10.125C8.48438%209.51562%209%209%209.60938%209H14.3438C14.9531%209%2015.4688%209.51562%2015.4688%2010.125V13.875ZM16.9688%202.625C16.9688%202.01562%2017.4844%201.5%2018.0938%201.5H22.875C23.4844%201.5%2024%202.01562%2024%202.625V6.375C24%207.03125%2023.4844%207.5%2022.875%207.5H18.0938C17.4844%207.5%2016.9688%207.03125%2016.9688%206.375V2.625ZM15.4688%206.375C15.4688%207.03125%2014.9531%207.5%2014.3438%207.5H9.60938C9%207.5%208.48438%207.03125%208.48438%206.375V2.625C8.48438%202.01562%209%201.5%209.60938%201.5H14.3438C14.9531%201.5%2015.4688%202.01562%2015.4688%202.625V6.375ZM5.85938%209C6.46875%209%206.98438%209.51562%206.98438%2010.125V13.875C6.98438%2014.5312%206.46875%2015%205.85938%2015H1.125C0.46875%2015%200%2014.5312%200%2013.875V10.125C0%209.51562%200.46875%209%201.125%209H5.85938ZM0%2017.625C0%2017.0156%200.46875%2016.5%201.125%2016.5H5.85938C6.46875%2016.5%206.98438%2017.0156%206.98438%2017.625V21.375C6.98438%2022.0312%206.46875%2022.5%205.85938%2022.5H1.125C0.46875%2022.5%200%2022.0312%200%2021.375V17.625ZM18.0938%2015C17.4844%2015%2016.9688%2014.5312%2016.9688%2013.875V10.125C16.9688%209.51562%2017.4844%209%2018.0938%209H22.875C23.4844%209%2024%209.51562%2024%2010.125V13.875C24%2014.5312%2023.4844%2015%2022.875%2015H18.0938ZM18.0938%2022.5C17.4844%2022.5%2016.9688%2022.0312%2016.9688%2021.375V17.625C16.9688%2017.0156%2017.4844%2016.5%2018.0938%2016.5H22.875C23.4844%2016.5%2024%2017.0156%2024%2017.625V21.375C24%2022.0312%2023.4844%2022.5%2022.875%2022.5H18.0938ZM8.48438%2017.625C8.48438%2017.0156%209%2016.5%209.60938%2016.5H14.3438C14.9531%2016.5%2015.4688%2017.0156%2015.4688%2017.625V21.375C15.4688%2022.0312%2014.9531%2022.5%2014.3438%2022.5H9.60938C9%2022.5%208.48438%2022.0312%208.48438%2021.375V17.625Z%22%20fill%3D%22%23F7F9FC%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
 }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.opx-header .opx-nav__link {
		padding: 10px 10px 15px 45px;
		line-height: 35px;
	}
}