.wp-block-it9-vertical-tabs.it9-vtabs {
	--it9-vtabs-max-width: 1120px;
	--it9-vtabs-nav-width: 34%;
	--it9-vtabs-layout-gap: 30px;
	--it9-vtabs-tabs-gap: 10px;
	--it9-vtabs-tablet-columns: 2;
	--it9-vtabs-mobile-columns: 1;
	--it9-vtabs-section-pt: 64px;
	--it9-vtabs-section-pr: 20px;
	--it9-vtabs-section-pb: 64px;
	--it9-vtabs-section-pl: 20px;
	--it9-vtabs-section-pt-tablet: var(--it9-vtabs-section-pt);
	--it9-vtabs-section-pr-tablet: var(--it9-vtabs-section-pr);
	--it9-vtabs-section-pb-tablet: var(--it9-vtabs-section-pb);
	--it9-vtabs-section-pl-tablet: var(--it9-vtabs-section-pl);
	--it9-vtabs-section-pt-mobile: var(--it9-vtabs-section-pt-tablet);
	--it9-vtabs-section-pr-mobile: var(--it9-vtabs-section-pr-tablet);
	--it9-vtabs-section-pb-mobile: var(--it9-vtabs-section-pb-tablet);
	--it9-vtabs-section-pl-mobile: var(--it9-vtabs-section-pl-tablet);
	--it9-vtabs-section-mt: 0px;
	--it9-vtabs-section-mr: 0px;
	--it9-vtabs-section-mb: 0px;
	--it9-vtabs-section-ml: 0px;
	--it9-vtabs-section-mt-tablet: var(--it9-vtabs-section-mt);
	--it9-vtabs-section-mr-tablet: var(--it9-vtabs-section-mr);
	--it9-vtabs-section-mb-tablet: var(--it9-vtabs-section-mb);
	--it9-vtabs-section-ml-tablet: var(--it9-vtabs-section-ml);
	--it9-vtabs-section-mt-mobile: var(--it9-vtabs-section-mt-tablet);
	--it9-vtabs-section-mr-mobile: var(--it9-vtabs-section-mr-tablet);
	--it9-vtabs-section-mb-mobile: var(--it9-vtabs-section-mb-tablet);
	--it9-vtabs-section-ml-mobile: var(--it9-vtabs-section-ml-tablet);
	--it9-vtabs-label-pt: 14px;
	--it9-vtabs-label-pr: 16px;
	--it9-vtabs-label-pb: 14px;
	--it9-vtabs-label-pl: 16px;
	--it9-vtabs-tab-mt: 0px;
	--it9-vtabs-tab-mr: 0px;
	--it9-vtabs-tab-mb: 0px;
	--it9-vtabs-tab-ml: 0px;
	--it9-vtabs-panel-pt: 24px;
	--it9-vtabs-panel-pr: 24px;
	--it9-vtabs-panel-pb: 24px;
	--it9-vtabs-panel-pl: 24px;
	--it9-vtabs-panel-mt: 0px;
	--it9-vtabs-panel-mr: 0px;
	--it9-vtabs-panel-mb: 0px;
	--it9-vtabs-panel-ml: 0px;
	--it9-vtabs-label-border-style: solid;
	--it9-vtabs-label-border: #d9d9d9;
	--it9-vtabs-label-border-hover: #3858e9;
	--it9-vtabs-label-border-active: #3858e9;
	--it9-vtabs-label-border-top-width: 1px;
	--it9-vtabs-label-border-right-width: 1px;
	--it9-vtabs-label-border-bottom-width: 1px;
	--it9-vtabs-label-border-left-width: 1px;
	--it9-vtabs-label-radius-tl: 8px;
	--it9-vtabs-label-radius-tr: 8px;
	--it9-vtabs-label-radius-br: 8px;
	--it9-vtabs-label-radius-bl: 8px;
	--it9-vtabs-panel-border-style: solid;
	--it9-vtabs-panel-border: #d9d9d9;
	--it9-vtabs-panel-border-hover: #d9d9d9;
	--it9-vtabs-panel-border-top-width: 1px;
	--it9-vtabs-panel-border-right-width: 1px;
	--it9-vtabs-panel-border-bottom-width: 1px;
	--it9-vtabs-panel-border-left-width: 1px;
	--it9-vtabs-panel-radius-tl: 8px;
	--it9-vtabs-panel-radius-tr: 8px;
	--it9-vtabs-panel-radius-br: 8px;
	--it9-vtabs-panel-radius-bl: 8px;
	--it9-vtabs-tab-font-size: 15px;
	--it9-vtabs-tab-font-weight: 600;
	--it9-vtabs-tab-text-align: left;
	--it9-vtabs-tab-line-height: 1.3;
	--it9-vtabs-tab-letter-spacing: 0px;
	--it9-vtabs-tab-text-transform: none;
	--it9-vtabs-content-font-size: 15px;
	--it9-vtabs-content-line-height: 1.6;
	--it9-vtabs-content-font-weight: 400;
	--it9-vtabs-content-text-align: left;
	--it9-vtabs-content-letter-spacing: 0px;
	--it9-vtabs-number-gap: 12px;
	--it9-vtabs-number-align: center;
	--it9-vtabs-number-color: #3858e9;
	--it9-vtabs-number-hover-color: #3858e9;
	--it9-vtabs-number-active-color: #3858e9;
	--it9-vtabs-number-font-size: 13px;
	--it9-vtabs-number-font-weight: 700;
	--it9-vtabs-indicator-color: #3858e9;
	--it9-vtabs-indicator-width: 3px;
	--it9-vtabs-indicator-offset: 0px;
	--it9-vtabs-indicator-inset: 10px;
	--it9-vtabs-icon-size: 34px;
	--it9-vtabs-icon-gap: 12px;
	--it9-vtabs-icon-pt: 0px;
	--it9-vtabs-icon-pr: 0px;
	--it9-vtabs-icon-pb: 0px;
	--it9-vtabs-icon-pl: 0px;
	--it9-vtabs-icon-bg: transparent;
	--it9-vtabs-icon-hover-bg: transparent;
	--it9-vtabs-icon-active-bg: transparent;
	--it9-vtabs-icon-border-style: solid;
	--it9-vtabs-icon-border: #d9d9d9;
	--it9-vtabs-icon-border-hover: #d9d9d9;
	--it9-vtabs-icon-border-top-width: 0px;
	--it9-vtabs-icon-border-right-width: 0px;
	--it9-vtabs-icon-border-bottom-width: 0px;
	--it9-vtabs-icon-border-left-width: 0px;
	--it9-vtabs-icon-radius-tl: 0px;
	--it9-vtabs-icon-radius-tr: 0px;
	--it9-vtabs-icon-radius-br: 0px;
	--it9-vtabs-icon-radius-bl: 0px;
	--it9-vtabs-icon-mt: 0px;
	--it9-vtabs-icon-mr: 0px;
	--it9-vtabs-icon-mb: 0px;
	--it9-vtabs-icon-ml: 0px;
	--it9-vtabs-bg: #ffffff;
	--it9-vtabs-bg-end: #ffffff;
	--it9-vtabs-tab-bg: #f5f5f5;
	--it9-vtabs-tab-hover-bg: #f5f5f5;
	--it9-vtabs-tab-active-bg: #ffffff;
	--it9-vtabs-tab-text: #333333;
	--it9-vtabs-tab-hover-text: #333333;
	--it9-vtabs-tab-active-text: #111111;
	--it9-vtabs-panel-bg: #ffffff;
	--it9-vtabs-content-text: #333333;
	--it9-vtabs-heading: #111111;
	--it9-vtabs-accent: #3858e9;
	--it9-vtabs-secondary: #3858e9;
	--it9-vtabs-link: #3858e9;
	--it9-vtabs-link-hover: #1e3a8a;
	--it9-vtabs-panel-shadow: none;
	--it9-vtabs-animation-duration: 320ms;
	--it9-vtabs-animation-distance: 12px;
	--it9-vtabs-highlight-duration: 220ms;
	--it9-vtabs-animation-easing: ease-out;

	position: relative;
	box-sizing: border-box;
	margin: var(--it9-vtabs-section-mt) var(--it9-vtabs-section-mr) var(--it9-vtabs-section-mb) var(--it9-vtabs-section-ml);
	padding: var(--it9-vtabs-section-pt) var(--it9-vtabs-section-pr) var(--it9-vtabs-section-pb) var(--it9-vtabs-section-pl);
	color: var(--it9-vtabs-content-text);
	background: linear-gradient(180deg, var(--it9-vtabs-bg) 0%, var(--it9-vtabs-bg-end) 100%);
	font-family: inherit;
}

.wp-block-it9-vertical-tabs.it9-vtabs *,
.wp-block-it9-vertical-tabs.it9-vtabs *::before,
.wp-block-it9-vertical-tabs.it9-vtabs *::after {
	box-sizing: border-box;
}

.wp-block-it9-vertical-tabs.it9-vtabs > .it9-vtabs__inner {
	width: min(100%, var(--it9-vtabs-max-width));
	margin-inline: auto;
}

.it9-vtabs__intro {
	max-width: 760px;
	margin-bottom: clamp(28px, 5vw, 44px);
}

.it9-vtabs__eyebrow {
	margin: 0 0 12px;
	color: var(--it9-vtabs-accent);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.it9-vtabs__heading {
	margin: 0 0 14px;
	color: var(--it9-vtabs-heading);
	font-size: clamp(28px, 4vw, 44px);
	font-weight: 400;
	line-height: 1.12;
}

.it9-vtabs__lead {
	max-width: 680px;
	color: var(--it9-vtabs-content-text);
	font-size: clamp(15px, 1.8vw, 17px);
	line-height: 1.65;
}

.it9-vtabs__lead > :first-child,
.it9-vtabs__lead > :last-child {
	margin-block: 0;
}

.it9-vtabs__layout {
	display: grid;
	grid-template-columns: minmax(180px, var(--it9-vtabs-nav-width)) minmax(0, 1fr);
	gap: var(--it9-vtabs-layout-gap);
	align-items: start;
}

.it9-vtabs__nav {
	display: grid;
	gap: var(--it9-vtabs-tabs-gap);
	min-width: 0;
}

.it9-vtabs__tab {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - var(--it9-vtabs-tab-ml) - var(--it9-vtabs-tab-mr));
	min-width: 0;
	min-height: 54px;
	margin: var(--it9-vtabs-tab-mt) var(--it9-vtabs-tab-mr) var(--it9-vtabs-tab-mb) var(--it9-vtabs-tab-ml);
	padding: var(--it9-vtabs-label-pt) var(--it9-vtabs-label-pr) var(--it9-vtabs-label-pb) var(--it9-vtabs-label-pl);
	border-width: var(--it9-vtabs-label-border-top-width) var(--it9-vtabs-label-border-right-width) var(--it9-vtabs-label-border-bottom-width) var(--it9-vtabs-label-border-left-width);
	border-style: var(--it9-vtabs-label-border-style);
	border-color: var(--it9-vtabs-label-border);
	border-radius: var(--it9-vtabs-label-radius-tl) var(--it9-vtabs-label-radius-tr) var(--it9-vtabs-label-radius-br) var(--it9-vtabs-label-radius-bl);
	color: var(--it9-tab-local-text, var(--it9-vtabs-tab-text));
	background: var(--it9-tab-local-bg, var(--it9-vtabs-tab-bg));
	font: inherit;
	font-size: var(--it9-vtabs-tab-font-size);
	font-weight: var(--it9-vtabs-tab-font-weight);
	line-height: var(--it9-vtabs-tab-line-height);
	letter-spacing: var(--it9-vtabs-tab-letter-spacing);
	text-transform: var(--it9-vtabs-tab-text-transform);
	cursor: pointer;
	transition:
		background-color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing),
		border-color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing),
		color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing),
		box-shadow var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing);
}

.it9-vtabs__tab:hover {
	border-color: var(--it9-vtabs-label-border-hover);
	color: var(--it9-vtabs-tab-hover-text);
	background: var(--it9-vtabs-tab-hover-bg);
}

.it9-vtabs__tab:focus-visible {
	outline: 3px solid var(--it9-vtabs-secondary);
	outline-offset: 3px;
}

.it9-vtabs__tab.is-active {
	border-color: var(--it9-vtabs-label-border-active);
	color: var(--it9-tab-local-active-text, var(--it9-vtabs-tab-active-text));
	background: var(--it9-tab-local-active-bg, var(--it9-vtabs-tab-active-bg));
}

.it9-vtabs__tab::before {
	position: absolute;
	top: var(--it9-vtabs-indicator-inset);
	bottom: var(--it9-vtabs-indicator-inset);
	left: var(--it9-vtabs-indicator-offset);
	width: var(--it9-vtabs-indicator-width);
	border-radius: 999px;
	background: var(--it9-tab-local-accent, var(--it9-vtabs-indicator-color));
	opacity: 0;
	transform: scaleY(0.45);
	transform-origin: center;
	transition:
		opacity var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing),
		transform var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing);
	content: "";
	pointer-events: none;
}

.it9-vtabs__tab.is-active::before {
	opacity: 1;
	transform: scaleY(1);
}

.it9-vtabs__number {
	flex: 0 0 auto;
	align-self: var(--it9-vtabs-number-align);
	margin-right: var(--it9-vtabs-number-gap);
	color: var(--it9-tab-local-accent, var(--it9-vtabs-number-color));
	font-size: var(--it9-vtabs-number-font-size);
	font-weight: var(--it9-vtabs-number-font-weight);
	letter-spacing: 0.08em;
	line-height: 1;
	transition: color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing);
}

.it9-vtabs__tab:hover .it9-vtabs__number {
	color: var(--it9-vtabs-number-hover-color);
}

.it9-vtabs__tab.is-active .it9-vtabs__number {
	color: var(--it9-tab-local-accent, var(--it9-vtabs-number-active-color));
}

.it9-vtabs__tab-icon {
	display: grid;
	flex: 0 0 var(--it9-vtabs-icon-size);
	width: var(--it9-vtabs-icon-size);
	height: var(--it9-vtabs-icon-size);
	margin: var(--it9-vtabs-icon-mt) var(--it9-vtabs-icon-mr) var(--it9-vtabs-icon-mb) var(--it9-vtabs-icon-ml);
	padding: var(--it9-vtabs-icon-pt) var(--it9-vtabs-icon-pr) var(--it9-vtabs-icon-pb) var(--it9-vtabs-icon-pl);
	place-items: center;
	border-width: var(--it9-vtabs-icon-border-top-width) var(--it9-vtabs-icon-border-right-width) var(--it9-vtabs-icon-border-bottom-width) var(--it9-vtabs-icon-border-left-width);
	border-style: var(--it9-vtabs-icon-border-style);
	border-color: var(--it9-vtabs-icon-border);
	border-radius: var(--it9-vtabs-icon-radius-tl) var(--it9-vtabs-icon-radius-tr) var(--it9-vtabs-icon-radius-br) var(--it9-vtabs-icon-radius-bl);
	background: var(--it9-vtabs-icon-bg);
	overflow: hidden;
	transition:
		background-color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing),
		border-color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing);
}

.it9-vtabs--icon-before .it9-vtabs__tab-icon {
	margin-right: calc(var(--it9-vtabs-icon-mr) + var(--it9-vtabs-icon-gap));
}

.it9-vtabs--icon-after .it9-vtabs__tab-icon {
	margin-left: calc(var(--it9-vtabs-icon-ml) + var(--it9-vtabs-icon-gap));
}

.it9-vtabs__tab:hover .it9-vtabs__tab-icon {
	border-color: var(--it9-vtabs-icon-border-hover);
	background: var(--it9-vtabs-icon-hover-bg);
}

.it9-vtabs__tab.is-active .it9-vtabs__tab-icon {
	background: var(--it9-vtabs-icon-active-bg);
}

.it9-vtabs__tab-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.it9-vtabs__tab-title {
	flex: 1 1 auto;
	min-width: 0;
	text-align: var(--it9-vtabs-tab-text-align);
}

.it9-vtabs__chevron {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	opacity: 0.55;
	transform: rotate(45deg);
}

.it9-vtabs__panels {
	position: relative;
	min-width: 0;
}

.wp-block-it9-vertical-tabs.it9-vtabs .it9-vtabs__panels > .it9-vtabs__panel.it9-vtabs__content {
	min-width: 0;
	margin: var(--it9-vtabs-panel-mt) var(--it9-vtabs-panel-mr) var(--it9-vtabs-panel-mb) var(--it9-vtabs-panel-ml);
	padding: var(--it9-vtabs-panel-pt) var(--it9-vtabs-panel-pr) var(--it9-vtabs-panel-pb) var(--it9-vtabs-panel-pl);
	border-width: var(--it9-vtabs-panel-border-top-width) var(--it9-vtabs-panel-border-right-width) var(--it9-vtabs-panel-border-bottom-width) var(--it9-vtabs-panel-border-left-width);
	border-style: var(--it9-vtabs-panel-border-style);
	border-color: var(--it9-vtabs-panel-border);
	border-radius: var(--it9-vtabs-panel-radius-tl) var(--it9-vtabs-panel-radius-tr) var(--it9-vtabs-panel-radius-br) var(--it9-vtabs-panel-radius-bl);
	color: var(--it9-vtabs-content-text);
	background: var(--it9-panel-local-bg, var(--it9-vtabs-panel-bg));
	box-shadow: var(--it9-vtabs-panel-shadow);
	will-change: opacity, transform;
	transition: border-color var(--it9-vtabs-highlight-duration) var(--it9-vtabs-animation-easing);
}

.wp-block-it9-vertical-tabs.it9-vtabs .it9-vtabs__panels > .it9-vtabs__panel.it9-vtabs__content:hover {
	border-color: var(--it9-vtabs-panel-border-hover);
}

.wp-block-it9-vertical-tabs.it9-vtabs .it9-vtabs__panels > .it9-vtabs__panel.it9-vtabs__content[hidden] {
	display: none !important;
}

.it9-vtabs__content {
	font-size: var(--it9-vtabs-content-font-size);
	font-weight: var(--it9-vtabs-content-font-weight);
	line-height: var(--it9-vtabs-content-line-height);
	letter-spacing: var(--it9-vtabs-content-letter-spacing);
	text-align: var(--it9-vtabs-content-text-align);
}

.it9-vtabs__content a {
	color: var(--it9-vtabs-link);
}

.it9-vtabs__content a:hover,
.it9-vtabs__content a:focus-visible {
	color: var(--it9-vtabs-link-hover);
}

.it9-vtabs__legacy-callout {
	margin-top: 24px;
	padding: 18px;
	border: 1px solid var(--it9-vtabs-panel-border);
	border-radius: var(--it9-vtabs-panel-radius-tl);
}

.it9-vtabs__legacy-callout-label {
	margin: 0 0 8px;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.it9-vtabs__legacy-callout-content > :first-child,
.it9-vtabs__legacy-callout-content > :last-child {
	margin-block: 0;
}

.it9-vtabs__screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

@media (max-width: 900px) {
	.wp-block-it9-vertical-tabs.it9-vtabs {
		margin: var(--it9-vtabs-section-mt-tablet) var(--it9-vtabs-section-mr-tablet) var(--it9-vtabs-section-mb-tablet) var(--it9-vtabs-section-ml-tablet);
		padding: var(--it9-vtabs-section-pt-tablet) var(--it9-vtabs-section-pr-tablet) var(--it9-vtabs-section-pb-tablet) var(--it9-vtabs-section-pl-tablet);
	}

	.it9-vtabs__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.it9-vtabs__nav {
		grid-template-columns: repeat(var(--it9-vtabs-tablet-columns), minmax(0, 1fr));
	}

	.it9-vtabs__chevron {
		display: none;
	}
}

@media (max-width: 600px) {
	.wp-block-it9-vertical-tabs.it9-vtabs {
		margin: var(--it9-vtabs-section-mt-mobile) var(--it9-vtabs-section-mr-mobile) var(--it9-vtabs-section-mb-mobile) var(--it9-vtabs-section-ml-mobile);
		padding: var(--it9-vtabs-section-pt-mobile) var(--it9-vtabs-section-pr-mobile) var(--it9-vtabs-section-pb-mobile) var(--it9-vtabs-section-pl-mobile);
	}

	.it9-vtabs__nav {
		grid-template-columns: repeat(var(--it9-vtabs-mobile-columns), minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.it9-vtabs__tab,
	.it9-vtabs__tab::before,
	.it9-vtabs__number,
	.it9-vtabs__tab-icon,
	.wp-block-it9-vertical-tabs.it9-vtabs .it9-vtabs__panels > .it9-vtabs__panel.it9-vtabs__content {
		transition: none;
	}
}
