/* Disabilita animazioni GSAP sulle pagine servizio */
main, main * {
	transform: none !important;
	transition: none !important;
	perspective: none !important;
}

.bg-custom-dark {
	background-color: var(--bg-dark) !important;
	background-image: radial-gradient(circle at 50% 50%, var(--bg-light) 0%, var(--bg-dark) 100%) !important;
}

.video-box {
	background-color: #000;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.video-box img,
.video-box video {
	opacity: 1;
	filter: brightness(0.9) contrast(1.1);
	transition: opacity 0.1s ease-in-out, filter 0.1s ease-in-out, transform 0.1s ease-in-out !important;
}

.video-box:hover img,
.video-box:hover video {
	opacity: 1;
	filter: brightness(1) contrast(1);
	transform: scale(1.03);
}

.video-box .bg-gradient-to-t {
	transition: opacity 0.6s ease-in-out !important;
}

.video-box:hover .bg-gradient-to-t {
	opacity: 0.2;
}

@media (max-width: 1400px) {
	main.flex {
		flex-direction: column !important;
		height: auto !important;
		overflow: visible !important;
	}

	main > div {
		width: 100% !important;
		height: auto !important;
	}

	main > div:last-child {
		margin-top: 80px !important;
	}

	.video-box {
		flex: none !important;
		height: auto !important;
	}

	.video-box img,
	.video-box video {
		position: relative !important;
		width: 100%;
		height: auto !important;
		display: block;
		opacity: 1 !important;
		filter: brightness(1) !important;
		transform: none !important;
	}
}