.wdt-gl-hero-cards,
.wdt-gl-hero-cards * {
	box-sizing: border-box;
}

.wdt-gl-hero-cards {
	--wdt-gl-hero-cards-background: #050505;
	--wdt-gl-hero-cards-overlay: #050505;
	--wdt-gl-hero-cards-overlay-opacity: 0.58;
	--wdt-gl-hero-cards-bg-fit: cover;
	--wdt-gl-hero-cards-bg-x: 62%;
	--wdt-gl-hero-cards-bg-y: 50%;
	--wdt-gl-hero-cards-bg-scale: 1;
	--wdt-gl-hero-cards-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
	--wdt-gl-hero-cards-container-max: 1640px;
	--wdt-gl-hero-cards-content-max: 700px;
	--wdt-gl-hero-cards-content-offset: 0px;
	--wdt-gl-hero-cards-margin-top: 0px;
	--wdt-gl-hero-cards-margin-bottom: 0px;
	--wdt-gl-hero-cards-top-offset: 56px;
	--wdt-gl-hero-cards-overlap: 72px;
	--wdt-gl-hero-cards-height-desktop: 860px;
	--wdt-gl-hero-cards-height-tablet: 820px;
	--wdt-gl-hero-cards-height-mobile: 760px;
	--wdt-gl-hero-cards-padding-top-desktop: 120px;
	--wdt-gl-hero-cards-padding-bottom-desktop: 34px;
	--wdt-gl-hero-cards-padding-inline-desktop: 28px;
	--wdt-gl-hero-cards-padding-top-tablet: 100px;
	--wdt-gl-hero-cards-padding-bottom-tablet: 28px;
	--wdt-gl-hero-cards-padding-inline-tablet: 24px;
	--wdt-gl-hero-cards-padding-top-mobile: 88px;
	--wdt-gl-hero-cards-padding-bottom-mobile: 24px;
	--wdt-gl-hero-cards-padding-inline-mobile: 18px;
	--wdt-gl-hero-cards-text-gap: 24px;
	--wdt-gl-hero-cards-buttons-gap: 18px;
	--wdt-gl-hero-cards-aux-gap: 44px;
	--wdt-gl-hero-cards-cards-max: 1540px;
	--wdt-gl-hero-cards-cards-gap: 18px;
	--wdt-gl-hero-cards-cards-top-gap: 58px;
	--wdt-gl-hero-cards-tablet-columns: 3;
	--wdt-gl-hero-cards-mobile-columns: 1;
	--wdt-gl-hero-cards-card-padding-x: 24px;
	--wdt-gl-hero-cards-card-padding-y: 28px;
	--wdt-gl-hero-cards-card-radius: 14px;
	--wdt-gl-hero-cards-card-border-width: 1px;
	--wdt-gl-hero-cards-card-min-height: 190px;
	--wdt-gl-hero-cards-card-icon-size: 42px;
	--wdt-gl-hero-cards-card-hover-lift: 8px;
	--wdt-gl-hero-cards-button-radius: 8px;
	--wdt-gl-hero-cards-button-padding-x: 26px;
	--wdt-gl-hero-cards-button-padding-y: 16px;
	--wdt-gl-hero-cards-aux-icon-size: 52px;
	--wdt-gl-hero-cards-eyebrow-size: 14px;
	--wdt-gl-hero-cards-eyebrow-weight: 800;
	--wdt-gl-hero-cards-eyebrow-tracking: 0.16em;
	--wdt-gl-hero-cards-title-size-desktop: 72px;
	--wdt-gl-hero-cards-title-size-mobile: 44px;
	--wdt-gl-hero-cards-title-weight: 800;
	--wdt-gl-hero-cards-title-line-height: 1.02;
	--wdt-gl-hero-cards-title-tracking: -0.045em;
	--wdt-gl-hero-cards-description-size: 22px;
	--wdt-gl-hero-cards-description-size-mobile: 18px;
	--wdt-gl-hero-cards-description-line-height: 1.55;
	--wdt-gl-hero-cards-button-size: 15px;
	--wdt-gl-hero-cards-button-weight: 800;
	--wdt-gl-hero-cards-aux-size: 13px;
	--wdt-gl-hero-cards-aux-weight: 800;
	--wdt-gl-hero-cards-card-title-size: 19px;
	--wdt-gl-hero-cards-card-title-weight: 800;
	--wdt-gl-hero-cards-card-text-size: 15px;
	--wdt-gl-hero-cards-card-text-line-height: 1.45;
	--wdt-gl-hero-cards-text: #ffffff;
	--wdt-gl-hero-cards-muted: #d8d8d8;
	--wdt-gl-hero-cards-accent: #f6ec68;
	--wdt-gl-hero-cards-primary-bg: #f6ec68;
	--wdt-gl-hero-cards-primary-text: #050505;
	--wdt-gl-hero-cards-primary-hover-bg: #ffffff;
	--wdt-gl-hero-cards-primary-hover-text: #050505;
	--wdt-gl-hero-cards-secondary-bg: transparent;
	--wdt-gl-hero-cards-secondary-text: #f6ec68;
	--wdt-gl-hero-cards-secondary-border: #f6ec68;
	--wdt-gl-hero-cards-secondary-hover-bg: #f6ec68;
	--wdt-gl-hero-cards-secondary-hover-text: #050505;
	--wdt-gl-hero-cards-aux: #ffffff;
	--wdt-gl-hero-cards-aux-hover: #f6ec68;
	--wdt-gl-hero-cards-card-bg: #111111;
	--wdt-gl-hero-cards-card-border: #3a3a3a;
	--wdt-gl-hero-cards-card-hover-bg: #181818;
	--wdt-gl-hero-cards-card-hover-border: #f6ec68;
	--wdt-gl-hero-cards-card-title: #ffffff;
	--wdt-gl-hero-cards-card-text: #d8d8d8;
	--wdt-gl-hero-cards-card-icon: #f6ec68;
	--wdt-gl-hero-cards-card-hover-title: #ffffff;
	--wdt-gl-hero-cards-card-hover-text: #ffffff;
	--wdt-gl-hero-cards-card-hover-icon: #f6ec68;
	position: relative;
	isolation: isolate;
	width: 100%;
	min-height: var(--wdt-gl-hero-cards-height-desktop);
	margin-top: var(--wdt-gl-hero-cards-margin-top) !important;
	margin-block-start: var(--wdt-gl-hero-cards-margin-top) !important;
	margin-bottom: var(--wdt-gl-hero-cards-margin-bottom) !important;
	margin-block-end: var(--wdt-gl-hero-cards-margin-bottom) !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
	background: var(--wdt-gl-hero-cards-background) !important;
	color: var(--wdt-gl-hero-cards-text);
	font-family: var(--wdt-gl-hero-cards-font-family);
}

body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > .wdt-gl-hero-cards,
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > * + .wdt-gl-hero-cards {
	margin-top: var(--wdt-gl-hero-cards-margin-top) !important;
	margin-block-start: var(--wdt-gl-hero-cards-margin-top) !important;
	margin-bottom: var(--wdt-gl-hero-cards-margin-bottom) !important;
	margin-block-end: var(--wdt-gl-hero-cards-margin-bottom) !important;
	border-top: 0 !important;
	border-block-start: 0 !important;
	outline: 0 !important;
}

/* Remove theme block-gap spacing around the full-width hero. External spacing remains controlled by the block margins. */
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > .wdt-gl-hero-cards + *,
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > .wp-block-wdt-gl-hero-cards + * {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
	border-top: 0 !important;
	border-block-start: 0 !important;
}

/* Match the proven transparent-header overlap behavior used by WDT Hero Video. */
body:not(.block-editor-page) .wdt-gl-hero-cards.wdt-gl-hero-cards--overlap-header.alignfull,
body:not(.block-editor-page) .wp-site-blocks > .wdt-gl-hero-cards.wdt-gl-hero-cards--overlap-header.alignfull:first-child,
body:not(.block-editor-page) .entry-content > .wdt-gl-hero-cards.wdt-gl-hero-cards--overlap-header.alignfull:first-child,
body:not(.block-editor-page) .wp-site-blocks > .wp-block-wdt-gl-hero-cards.wdt-gl-hero-cards--overlap-header.alignfull:first-child,
body:not(.block-editor-page) .entry-content > .wp-block-wdt-gl-hero-cards.wdt-gl-hero-cards--overlap-header.alignfull:first-child {
	margin-top: calc(var(--wdt-gl-hero-cards-margin-top, 0px) - var(--wdt-gl-hero-cards-top-offset, 56px)) !important;
	margin-block-start: calc(var(--wdt-gl-hero-cards-margin-top, 0px) - var(--wdt-gl-hero-cards-top-offset, 56px)) !important;
}


.wdt-gl-hero-cards--cards-overlap-bottom {
	overflow: visible;
	margin-bottom: calc(var(--wdt-gl-hero-cards-margin-bottom) + var(--wdt-gl-hero-cards-overlap)) !important;
	margin-block-end: calc(var(--wdt-gl-hero-cards-margin-bottom) + var(--wdt-gl-hero-cards-overlap)) !important;
}

body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > .wdt-gl-hero-cards--cards-overlap-bottom,
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > * + .wdt-gl-hero-cards--cards-overlap-bottom {
	margin-bottom: calc(var(--wdt-gl-hero-cards-margin-bottom) + var(--wdt-gl-hero-cards-overlap)) !important;
	margin-block-end: calc(var(--wdt-gl-hero-cards-margin-bottom) + var(--wdt-gl-hero-cards-overlap)) !important;
}

.wdt-gl-hero-cards.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

@supports (width: 100dvw) {
	.wdt-gl-hero-cards.alignfull {
		width: 100dvw;
		max-width: 100dvw;
		margin-left: calc(50% - 50dvw) !important;
		margin-right: calc(50% - 50dvw) !important;
	}
}

.wdt-gl-hero-cards__media,
.wdt-gl-hero-cards__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.wdt-gl-hero-cards__media {
	z-index: 0;
	overflow: hidden;
	background: var(--wdt-gl-hero-cards-background);
}

.wdt-gl-hero-cards__background {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: var(--wdt-gl-hero-cards-bg-fit);
	object-position: var(--wdt-gl-hero-cards-bg-x) var(--wdt-gl-hero-cards-bg-y);
	transform: scale(var(--wdt-gl-hero-cards-bg-scale));
	transform-origin: var(--wdt-gl-hero-cards-bg-x) var(--wdt-gl-hero-cards-bg-y);
}

.wdt-gl-hero-cards__overlay {
	z-index: 1;
	background: var(--wdt-gl-hero-cards-overlay);
	opacity: var(--wdt-gl-hero-cards-overlay-opacity);
}

.wdt-gl-hero-cards__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: min(100%, var(--wdt-gl-hero-cards-container-max));
	min-height: var(--wdt-gl-hero-cards-height-desktop);
	margin: 0 auto !important;
	padding: var(--wdt-gl-hero-cards-padding-top-desktop) var(--wdt-gl-hero-cards-padding-inline-desktop) var(--wdt-gl-hero-cards-padding-bottom-desktop) !important;
}

body:not(.block-editor-page) .wdt-gl-hero-cards--overlap-header .wdt-gl-hero-cards__inner {
	padding-top: calc(var(--wdt-gl-hero-cards-padding-top-desktop) + var(--wdt-gl-hero-cards-top-offset, 56px)) !important;
}

.wdt-gl-hero-cards__content-area {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}

.wdt-gl-hero-cards--content-x-left .wdt-gl-hero-cards__content-area {
	align-items: flex-start;
}

.wdt-gl-hero-cards--content-x-center .wdt-gl-hero-cards__content-area {
	align-items: center;
}

.wdt-gl-hero-cards--content-x-right .wdt-gl-hero-cards__content-area {
	align-items: flex-end;
}

.wdt-gl-hero-cards--content-y-top .wdt-gl-hero-cards__content-area {
	justify-content: flex-start;
}

.wdt-gl-hero-cards--content-y-center .wdt-gl-hero-cards__content-area {
	justify-content: center;
}

.wdt-gl-hero-cards--content-y-bottom .wdt-gl-hero-cards__content-area {
	justify-content: flex-end;
}

.wdt-gl-hero-cards--cards-after-content .wdt-gl-hero-cards__content-area {
	flex: 0 1 auto;
}

.wdt-gl-hero-cards__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: min(100%, var(--wdt-gl-hero-cards-content-max));
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
	transform: translateY(var(--wdt-gl-hero-cards-content-offset));
}

.wdt-gl-hero-cards--text-center .wdt-gl-hero-cards__content {
	align-items: center;
	text-align: center;
}

.wdt-gl-hero-cards--text-right .wdt-gl-hero-cards__content {
	align-items: flex-end;
	text-align: right;
}

.wdt-gl-hero-cards__eyebrow,
.wdt-gl-hero-cards__title,
.wdt-gl-hero-cards__description {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--wdt-gl-hero-cards-font-family) !important;
}

.wdt-gl-hero-cards__eyebrow {
	color: var(--wdt-gl-hero-cards-accent) !important;
	font-size: var(--wdt-gl-hero-cards-eyebrow-size) !important;
	font-weight: var(--wdt-gl-hero-cards-eyebrow-weight) !important;
	line-height: 1.25 !important;
	letter-spacing: var(--wdt-gl-hero-cards-eyebrow-tracking) !important;
	text-transform: uppercase;
}

.wdt-gl-hero-cards__title {
	max-width: 100%;
	color: var(--wdt-gl-hero-cards-text) !important;
	font-size: var(--wdt-gl-hero-cards-title-size-desktop) !important;
	font-weight: var(--wdt-gl-hero-cards-title-weight) !important;
	line-height: var(--wdt-gl-hero-cards-title-line-height) !important;
	letter-spacing: var(--wdt-gl-hero-cards-title-tracking) !important;
	text-wrap: balance;
}

.wdt-gl-hero-cards__eyebrow + .wdt-gl-hero-cards__title,
.wdt-gl-hero-cards__title + .wdt-gl-hero-cards__description,
.wdt-gl-hero-cards__eyebrow + .wdt-gl-hero-cards__description {
	margin-top: var(--wdt-gl-hero-cards-text-gap) !important;
}

.wdt-gl-hero-cards__title mark {
	padding: 0 !important;
	background: transparent !important;
	color: var(--wdt-gl-hero-cards-accent) !important;
}

.wdt-gl-hero-cards__description {
	max-width: 34ch;
	color: var(--wdt-gl-hero-cards-muted) !important;
	font-size: var(--wdt-gl-hero-cards-description-size) !important;
	font-weight: 400 !important;
	line-height: var(--wdt-gl-hero-cards-description-line-height) !important;
	text-wrap: pretty;
}

.wdt-gl-hero-cards__buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wdt-gl-hero-cards-buttons-gap);
	width: 100%;
	margin-top: calc(var(--wdt-gl-hero-cards-text-gap) * 1.35) !important;
}

.wdt-gl-hero-cards--text-center .wdt-gl-hero-cards__buttons {
	justify-content: center;
}

.wdt-gl-hero-cards--text-right .wdt-gl-hero-cards__buttons {
	justify-content: flex-end;
}

.wdt-gl-hero-cards__button,
.wdt-gl-hero-cards__button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	margin: 0 !important;
	padding: var(--wdt-gl-hero-cards-button-padding-y) var(--wdt-gl-hero-cards-button-padding-x) !important;
	border: 1px solid transparent !important;
	border-radius: var(--wdt-gl-hero-cards-button-radius) !important;
	box-shadow: none !important;
	font-family: var(--wdt-gl-hero-cards-font-family) !important;
	font-size: var(--wdt-gl-hero-cards-button-size) !important;
	font-weight: var(--wdt-gl-hero-cards-button-weight) !important;
	line-height: 1.15 !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.wdt-gl-hero-cards__button:hover,
.wdt-gl-hero-cards__button:focus-visible {
	text-decoration: none !important;
	transform: translateY(-2px);
}

.wdt-gl-hero-cards__button:focus-visible,
.wdt-gl-hero-cards__aux:focus-visible,
.wdt-gl-hero-cards__card:focus-visible {
	outline: 2px solid var(--wdt-gl-hero-cards-accent) !important;
	outline-offset: 3px;
}

.wdt-gl-hero-cards__button--primary,
.wdt-gl-hero-cards__button--primary:visited {
	background: var(--wdt-gl-hero-cards-primary-bg) !important;
	color: var(--wdt-gl-hero-cards-primary-text) !important;
}

.wdt-gl-hero-cards__button--primary:hover,
.wdt-gl-hero-cards__button--primary:focus-visible {
	background: var(--wdt-gl-hero-cards-primary-hover-bg) !important;
	color: var(--wdt-gl-hero-cards-primary-hover-text) !important;
}

.wdt-gl-hero-cards__button--secondary,
.wdt-gl-hero-cards__button--secondary:visited {
	border-color: var(--wdt-gl-hero-cards-secondary-border) !important;
	background: var(--wdt-gl-hero-cards-secondary-bg) !important;
	color: var(--wdt-gl-hero-cards-secondary-text) !important;
}

.wdt-gl-hero-cards__button--secondary:hover,
.wdt-gl-hero-cards__button--secondary:focus-visible {
	border-color: var(--wdt-gl-hero-cards-secondary-hover-bg) !important;
	background: var(--wdt-gl-hero-cards-secondary-hover-bg) !important;
	color: var(--wdt-gl-hero-cards-secondary-hover-text) !important;
}

.wdt-gl-hero-cards__button-icon,
.wdt-gl-hero-cards__button-icon svg {
	display: block;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

.wdt-gl-hero-cards__aux,
.wdt-gl-hero-cards__aux:visited {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: var(--wdt-gl-hero-cards-aux-gap) !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wdt-gl-hero-cards-aux) !important;
	font-family: var(--wdt-gl-hero-cards-font-family) !important;
	font-size: var(--wdt-gl-hero-cards-aux-size) !important;
	font-weight: var(--wdt-gl-hero-cards-aux-weight) !important;
	line-height: 1.25 !important;
	letter-spacing: 0.04em !important;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: color 180ms ease;
}

.wdt-gl-hero-cards__aux:hover,
.wdt-gl-hero-cards__aux:focus-visible {
	color: var(--wdt-gl-hero-cards-aux-hover) !important;
	text-decoration: none !important;
}

.wdt-gl-hero-cards__aux-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wdt-gl-hero-cards-aux-icon-size);
	height: var(--wdt-gl-hero-cards-aux-icon-size);
	flex: 0 0 var(--wdt-gl-hero-cards-aux-icon-size);
	border: 2px solid currentColor;
	border-radius: 999px;
}

.wdt-gl-hero-cards__aux-icon svg {
	display: block;
	width: 42%;
	height: 42%;
}

.wdt-gl-hero-cards__cards-wrap {
	position: relative;
	z-index: 3;
	width: min(100%, var(--wdt-gl-hero-cards-cards-max));
	margin-top: var(--wdt-gl-hero-cards-cards-top-gap) !important;
	padding: 0 !important;
}

.wdt-gl-hero-cards--cards-align-stretch .wdt-gl-hero-cards__cards-wrap {
	width: 100%;
	max-width: var(--wdt-gl-hero-cards-cards-max);
	margin-right: auto !important;
	margin-left: auto !important;
}

.wdt-gl-hero-cards--cards-align-left .wdt-gl-hero-cards__cards-wrap {
	margin-right: auto !important;
	margin-left: 0 !important;
}

.wdt-gl-hero-cards--cards-align-center .wdt-gl-hero-cards__cards-wrap {
	margin-right: auto !important;
	margin-left: auto !important;
}

.wdt-gl-hero-cards--cards-align-right .wdt-gl-hero-cards__cards-wrap {
	margin-right: 0 !important;
	margin-left: auto !important;
}

.wdt-gl-hero-cards--cards-overlap-bottom .wdt-gl-hero-cards__cards-wrap {
	transform: translateY(var(--wdt-gl-hero-cards-overlap));
}

.wdt-gl-hero-cards__cards {
	display: grid;
	gap: var(--wdt-gl-hero-cards-cards-gap);
	align-items: stretch;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.wdt-gl-hero-cards--distribution-equal.wdt-gl-hero-cards--count-3 .wdt-gl-hero-cards__cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wdt-gl-hero-cards--distribution-equal.wdt-gl-hero-cards--count-4 .wdt-gl-hero-cards__cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wdt-gl-hero-cards--distribution-equal.wdt-gl-hero-cards--count-5 .wdt-gl-hero-cards__cards {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wdt-gl-hero-cards--distribution-equal.wdt-gl-hero-cards--count-6 .wdt-gl-hero-cards__cards {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.wdt-gl-hero-cards--distribution-auto .wdt-gl-hero-cards__cards {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.wdt-gl-hero-cards__card,
.wdt-gl-hero-cards__card:visited {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: var(--wdt-gl-hero-cards-card-min-height);
	margin: 0 !important;
	padding: var(--wdt-gl-hero-cards-card-padding-y) var(--wdt-gl-hero-cards-card-padding-x) !important;
	border: var(--wdt-gl-hero-cards-card-border-width) solid var(--wdt-gl-hero-cards-card-border) !important;
	border-radius: var(--wdt-gl-hero-cards-card-radius) !important;
	background: var(--wdt-gl-hero-cards-card-bg) !important;
	box-shadow: 0 18px 46px rgb(0 0 0 / 0.16) !important;
	color: var(--wdt-gl-hero-cards-card-title) !important;
	text-align: center;
	text-decoration: none !important;
	transition: transform 220ms ease, border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

.wdt-gl-hero-cards__card:hover,
.wdt-gl-hero-cards__card:focus-visible {
	border-color: var(--wdt-gl-hero-cards-card-hover-border) !important;
	background: var(--wdt-gl-hero-cards-card-hover-bg) !important;
	box-shadow: 0 24px 64px rgb(0 0 0 / 0.28) !important;
	text-decoration: none !important;
	transform: translateY(calc(0px - var(--wdt-gl-hero-cards-card-hover-lift)));
}

.wdt-gl-hero-cards__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wdt-gl-hero-cards-card-icon-size);
	height: var(--wdt-gl-hero-cards-card-icon-size);
	margin: 0 0 20px !important;
	color: var(--wdt-gl-hero-cards-card-icon) !important;
	transition: color 220ms ease, transform 220ms ease;
}

.wdt-gl-hero-cards__card-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.wdt-gl-hero-cards__card:hover .wdt-gl-hero-cards__card-icon,
.wdt-gl-hero-cards__card:focus-visible .wdt-gl-hero-cards__card-icon {
	color: var(--wdt-gl-hero-cards-card-hover-icon) !important;
	transform: scale(1.06);
}

.wdt-gl-hero-cards__card-title,
.wdt-gl-hero-cards__card-text {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--wdt-gl-hero-cards-font-family) !important;
	transition: color 220ms ease;
}

.wdt-gl-hero-cards__card-title {
	color: var(--wdt-gl-hero-cards-card-title) !important;
	font-size: var(--wdt-gl-hero-cards-card-title-size) !important;
	font-weight: var(--wdt-gl-hero-cards-card-title-weight) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.015em !important;
	text-wrap: balance;
}

.wdt-gl-hero-cards__card-text {
	max-width: 24ch;
	color: var(--wdt-gl-hero-cards-card-text) !important;
	font-size: var(--wdt-gl-hero-cards-card-text-size) !important;
	font-weight: 400 !important;
	line-height: var(--wdt-gl-hero-cards-card-text-line-height) !important;
	text-wrap: pretty;
}

.wdt-gl-hero-cards__card-title + .wdt-gl-hero-cards__card-text {
	margin-top: 10px !important;
}

.wdt-gl-hero-cards__card:hover .wdt-gl-hero-cards__card-title,
.wdt-gl-hero-cards__card:focus-visible .wdt-gl-hero-cards__card-title {
	color: var(--wdt-gl-hero-cards-card-hover-title) !important;
}

.wdt-gl-hero-cards__card:hover .wdt-gl-hero-cards__card-text,
.wdt-gl-hero-cards__card:focus-visible .wdt-gl-hero-cards__card-text {
	color: var(--wdt-gl-hero-cards-card-hover-text) !important;
}

@media (max-width: 1199px) {
	.wdt-gl-hero-cards {
		min-height: var(--wdt-gl-hero-cards-height-tablet);
	}

	.wdt-gl-hero-cards__inner {
		min-height: var(--wdt-gl-hero-cards-height-tablet);
		padding: var(--wdt-gl-hero-cards-padding-top-tablet) var(--wdt-gl-hero-cards-padding-inline-tablet) var(--wdt-gl-hero-cards-padding-bottom-tablet) !important;
	}

	body:not(.block-editor-page) .wdt-gl-hero-cards--overlap-header .wdt-gl-hero-cards__inner {
		padding-top: calc(var(--wdt-gl-hero-cards-padding-top-tablet) + var(--wdt-gl-hero-cards-top-offset, 56px)) !important;
	}

	.wdt-gl-hero-cards--distribution-equal .wdt-gl-hero-cards__cards,
	.wdt-gl-hero-cards--distribution-auto .wdt-gl-hero-cards__cards {
		grid-template-columns: repeat(var(--wdt-gl-hero-cards-tablet-columns), minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.wdt-gl-hero-cards {
		min-height: var(--wdt-gl-hero-cards-height-mobile);
	}

	.wdt-gl-hero-cards__inner {
		min-height: var(--wdt-gl-hero-cards-height-mobile);
		padding: var(--wdt-gl-hero-cards-padding-top-mobile) var(--wdt-gl-hero-cards-padding-inline-mobile) var(--wdt-gl-hero-cards-padding-bottom-mobile) !important;
	}

	body:not(.block-editor-page) .wdt-gl-hero-cards--overlap-header .wdt-gl-hero-cards__inner {
		padding-top: calc(var(--wdt-gl-hero-cards-padding-top-mobile) + var(--wdt-gl-hero-cards-top-offset, 56px)) !important;
	}

	.wdt-gl-hero-cards__content {
		width: 100%;
	}

	.wdt-gl-hero-cards__title {
		font-size: var(--wdt-gl-hero-cards-title-size-mobile) !important;
	}

	.wdt-gl-hero-cards__description {
		font-size: var(--wdt-gl-hero-cards-description-size-mobile) !important;
	}

	.wdt-gl-hero-cards__cards {
		grid-template-columns: repeat(var(--wdt-gl-hero-cards-mobile-columns), minmax(0, 1fr)) !important;
	}

	.wdt-gl-hero-cards__card {
		min-height: calc(var(--wdt-gl-hero-cards-card-min-height) * 0.9);
	}
}

@media (max-width: 520px) {
	.wdt-gl-hero-cards__buttons {
		align-items: stretch;
		width: 100%;
	}

	.wdt-gl-hero-cards__button {
		width: 100%;
	}

	.wdt-gl-hero-cards__card {
		padding-right: max(16px, calc(var(--wdt-gl-hero-cards-card-padding-x) * 0.78)) !important;
		padding-left: max(16px, calc(var(--wdt-gl-hero-cards-card-padding-x) * 0.78)) !important;
	}

	.wdt-gl-hero-cards__card-icon {
		width: min(var(--wdt-gl-hero-cards-card-icon-size), 38px);
		height: min(var(--wdt-gl-hero-cards-card-icon-size), 38px);
	}
}

@media (hover: none) {
	.wdt-gl-hero-cards__card:hover,
	.wdt-gl-hero-cards__button:hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wdt-gl-hero-cards__background,
	.wdt-gl-hero-cards__button,
	.wdt-gl-hero-cards__aux,
	.wdt-gl-hero-cards__card,
	.wdt-gl-hero-cards__card-icon,
	.wdt-gl-hero-cards__card-title,
	.wdt-gl-hero-cards__card-text {
		transition: none !important;
	}
}