/**
 * Performance overrides — below-the-fold paint, decorative backgrounds.
 *
 * @package 6sensetech2026
 */

.hero-section {
	background-size: 55% auto;
	background-position: top right;
}

.section-process::before {
	background-size: contain;
	content-visibility: auto;
}

.section-portfolio,
.section-blogs-area,
.section-testimonials,
.section-service-faq {
	content-visibility: auto;
	contain-intrinsic-size: 1px 800px;
}

.toggle-menu {
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.main-logo img {
	width: auto;
	height: 30px;
	max-width: 141px;
}

@media (max-width: 767px) {
	.hero-section {
		background-size: 80% auto;
	}

	.section-process::before {
		width: 100%;
		max-width: 320px;
		height: 420px;
		opacity: 0.6;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}