/* Reusable first-content section for every G-TECH Solutions page. */
.gtech-solution-intro.e-con {
	position: relative;
	min-height: 310px;
	overflow: hidden;
	isolation: isolate;
	background-color: #fff;
	background-image: linear-gradient(180deg, #f7fbff 0%, #fff 52%, #eef8ff 100%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.gtech-solution-intro.e-con::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(180deg, rgba(247, 251, 255, 0.8) 0%, rgba(255, 255, 255, 0.12) 52%, rgba(238, 248, 255, 0.8) 100%),
		linear-gradient(rgba(220, 231, 243, 0.58) 1px, transparent 1px),
		linear-gradient(90deg, rgba(220, 231, 243, 0.58) 1px, transparent 1px),
		linear-gradient(rgba(232, 239, 247, 0.7) 1px, transparent 1px),
		linear-gradient(90deg, rgba(232, 239, 247, 0.7) 1px, transparent 1px) !important;
	background-position: 0 0;
	background-size: 100% 100%, 108px 108px, 108px 108px, 54px 54px, 54px 54px !important;
	background-repeat: no-repeat, repeat, repeat, repeat, repeat !important;
}

.gtech-solution-intro.e-con > .e-con-inner {
	position: relative;
	z-index: 1;
}

.gtech-solution-intro .gtech-solution-intro__gear.e-con {
	position: absolute !important;
	right: min(-5px, calc((1440px - 100vw) / 2)) !important;
	bottom: -72px !important;
	top: auto !important;
	width: 310px !important;
	min-height: 340px !important;
	max-width: none !important;
	pointer-events: none;
	z-index: 2;
	animation: engIntroGearFloat 6s ease-in-out infinite !important;
	transform-origin: 72% 65%;
	will-change: transform, opacity;
}

.gtech-solution-intro__gear > .elementor-background-video-container {
	mix-blend-mode: multiply;
	filter: grayscale(1);
}

@keyframes engIntroGearFloat {
	0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.16; }
	50% { transform: translate3d(-10px, -8px, 0) scale(1.025); opacity: 0.24; }
}

@media (max-width: 1024px) {
	.gtech-solution-intro .gtech-solution-intro__gear.e-con {
		right: -30px !important;
		bottom: -20px !important;
		width: 230px !important;
		min-height: 255px !important;
		opacity: 0.72;
	}
}

@media (max-width: 767px) {
	body .gtech-solution-intro.e-con .gtech-solution-intro__gear.e-con {
		display: none !important;
		visibility: hidden !important;
		animation: none !important;
	}

	.gtech-solution-intro.e-con {
		min-height: 0;
	}

	.gtech-solution-intro.e-con > .e-con-inner {
		gap: 28px !important;
		row-gap: 28px !important;
	}

	.gtech-solution-intro .gtech-solution-intro__gear.e-con {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gtech-solution-intro .gtech-solution-intro__gear.e-con {
		animation: none !important;
		opacity: 0.2;
	}
}
