.wp-block-kinetic-typography-hero.kt-hero {
	background: var(--kt-bg, #e6f821);
	width: 100%;
	position: relative;
	overflow: hidden;
}

.kt-hero .kt-canvas {
	position: relative;
	min-height: var(--kt-desktop-height, 820px);
	width: 100%;
	overflow: hidden;
}

.kt-hero .kt-term {
	position: absolute;
	left: var(--kt-x);
	top: var(--kt-y);
	z-index: var(--kt-z, 1);
	color: var(--kt-color, #000);
	font-size: var(--kt-size);
	line-height: 1;
	white-space: normal;
	max-width: min(90%, 900px);
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(var(--kt-rotation));
	opacity: 1;
}

.kt-hero .kt-term-inner {
	display: inline-block;
	position: relative;
	padding: var(--kt-pad-y) var(--kt-pad-x);
}

.kt-hero .kt-appearance-none .kt-term-inner {
	padding: 0;
}

.kt-hero .kt-appearance-solid .kt-term-inner {
	background: var(--kt-bg-color, #000);
}

.kt-hero .kt-appearance-outline .kt-term-inner {
	border: var(--kt-border-width, 2px) solid var(--kt-border-color, #000);
	background: transparent;
}

.kt-hero .kt-shape-rounded .kt-term-inner {
	border-radius: var(--kt-radius, 12px);
}

.kt-hero .kt-shape-slanted .kt-term-inner {
	clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
	padding-left: calc(var(--kt-pad-x) + 0.4em);
	padding-right: calc(var(--kt-pad-x) + 0.4em);
}

.kt-hero .kt-shape-slanted.kt-appearance-outline .kt-term-inner {
	clip-path: none;
	border: none;
}

.kt-hero .kt-shape-slanted.kt-appearance-outline .kt-term-inner::before {
	content: "";
	position: absolute;
	inset: 0;
	border: var(--kt-border-width, 2px) solid var(--kt-border-color, #000);
	transform: skewX(-10deg);
	pointer-events: none;
}

.kt-hero:not(.is-kinetic-visible) .kt-term {
	opacity: var(--kt-start-opacity, 0);
	transform:
		translate(
			calc(-50% + var(--kt-start-x, 0px)),
			calc(-50% + var(--kt-start-y, 0px))
		)
		rotate(calc(var(--kt-rotation) + var(--kt-start-rotation, 0deg)))
		scale(var(--kt-start-scale, 0));
}

.kt-hero .kt-term {
	transition:
		transform var(--kt-duration, 700ms) var(--kt-easing, ease-out),
		opacity var(--kt-duration, 700ms) var(--kt-easing, ease-out);
	transition-delay: calc(var(--kt-delay, 0ms) + var(--kt-auto-delay, 0ms));
}

.kt-hide-desktop {
	display: none;
}

@media (max-width: 767px) {
	.kt-hero .kt-canvas {
		min-height: var(--kt-mobile-height, 680px);
	}

	.kt-hero .kt-term {
		left: var(--kt-mx);
		top: var(--kt-my);
		font-size: var(--kt-msize);
		transform: translate(-50%, -50%) rotate(var(--kt-mrotation));
	}

	.kt-hero:not(.is-kinetic-visible) .kt-term {
		transform:
			translate(
				calc(-50% + var(--kt-start-x, 0px)),
				calc(-50% + var(--kt-start-y, 0px))
			)
			rotate(calc(var(--kt-mrotation) + var(--kt-start-rotation, 0deg)))
			scale(var(--kt-start-scale, 0));
	}

	.kt-hide-desktop {
		display: block;
	}

	.kt-hide-mobile {
		display: none;
	}

	.kt-hero .kt-term.kt-mobile-style-override {
		color: var(--kt-mcolor, var(--kt-color, #000));
		font-family: var(--kt-mfont-family);
		font-weight: var(--kt-mfont-weight, 400);
		font-style: var(--kt-mfont-style, normal);
	}

	.kt-hero .kt-term.kt-mobile-style-override .kt-term-inner {
		padding: var(--kt-mpad-y) var(--kt-mpad-x);
		border-radius: var(--kt-mradius, 0);
		background: transparent;
		border: none;
		clip-path: none;
	}

	.kt-hero .kt-term.kt-mobile-style-override .kt-term-inner::before {
		content: none !important;
		border: none !important;
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mappearance-none .kt-term-inner {
		padding: 0;
		background: transparent;
		border: none;
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mappearance-solid .kt-term-inner {
		background: var(--kt-mbg-color, transparent);
		border: none;
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mappearance-outline .kt-term-inner {
		background: transparent;
		border: var(--kt-mborder-width, 2px) solid var(--kt-mborder-color, #000);
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mshape-rounded .kt-term-inner {
		border-radius: var(--kt-mradius, 12px);
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mshape-slanted .kt-term-inner {
		clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
		padding-left: calc(var(--kt-mpad-x) + 0.4em);
		padding-right: calc(var(--kt-mpad-x) + 0.4em);
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mshape-slanted.kt-mappearance-outline .kt-term-inner {
		clip-path: none;
		border: none;
	}

	.kt-hero .kt-term.kt-mobile-style-override.kt-mshape-slanted.kt-mappearance-outline .kt-term-inner::before {
		content: "";
		position: absolute;
		inset: 0;
		border: var(--kt-mborder-width, 2px) solid var(--kt-mborder-color, #000);
		transform: skewX(-10deg);
		pointer-events: none;
	}

}

@media (prefers-reduced-motion: reduce) {
	.kt-hero .kt-term {
		transition: none !important;
		opacity: 1 !important;
		transform: translate(-50%, -50%) rotate(var(--kt-rotation)) !important;
	}

	@media (max-width: 767px) {
		.kt-hero .kt-term {
			transform: translate(-50%, -50%) rotate(var(--kt-mrotation)) !important;
		}
	}
}
