/* Home — responsive fullpage. Scoped to [data-anchor="Home"]. */

@media (max-width: 1024px) {
	[data-anchor="Home"] .vlt-particle.vlt-custom--4124 {
		width: min(56vw, 430px) !important;
		height: min(64vh, 520px) !important;
		left: auto !important;
		right: -4vw !important;
		top: calc(var(--vlt-navbar-height, 3.5rem) + 8px) !important;
		bottom: auto !important;
		opacity: 1;
		background-position: 50% 0% !important;
		pointer-events: none;
	}

	[data-anchor="Home"] h1.elementor-heading-title {
		font-size: clamp(42px, 6.4vw, 64px) !important;
		line-height: 0.98 !important;
	}

	[data-anchor="Home"] .vlt-section__particles {
		position: relative;
	}

	[data-anchor="Home"] .vlt-section__particles::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.48) 0%,
			rgba(0, 0, 0, 0.32) 58%,
			rgba(0, 0, 0, 0.22) 100%
		);
	}

	[data-anchor="Home"] .vlt-circle {
		opacity: 0.32;
	}
}

@media (max-width: 767px) {
	[data-anchor="Home"] {
		overflow: hidden !important;
	}

	[data-anchor="Home"].vlt-section .vlt-section__vertical-align {
		justify-content: center !important;
		height: 100% !important;
		min-height: 100% !important;
		overflow: hidden !important;
	}

	[data-anchor="Home"].vlt-section .vlt-section__content {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		height: 100% !important;
		min-height: 100% !important;
		overflow: hidden !important;
		padding-top: calc(var(--vlt-navbar-height, 3.5rem) + 8px) !important;
		padding-bottom: 32px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	[data-anchor="Home"] .vlt-section__elementor {
		height: auto !important;
		min-height: 0 !important;
		flex: 0 0 auto !important;
		align-self: center !important;
	}

	[data-anchor="Home"] .e-con-boxed > .e-con-inner {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	[data-anchor="Home"] .e-con.e-parent,
	[data-anchor="Home"] .e-con.e-child {
		gap: 10px !important;
	}

	[data-anchor="Home"] .elementor-element-afabd80 {
		margin-bottom: 0 !important;
	}

	[data-anchor="Home"] h1.elementor-heading-title {
		font-size: clamp(34px, 10.4vw, 42px) !important;
		line-height: 1.02 !important;
		letter-spacing: -0.03em !important;
		max-width: 64%;
	}

	[data-anchor="Home"] h2.elementor-heading-title {
		font-size: 16px !important;
		line-height: 1.3 !important;
		max-width: 18em;
	}

	[data-anchor="Home"] .elementor-widget-text-editor,
	[data-anchor="Home"] .elementor-widget-text-editor p {
		font-size: 13px !important;
		line-height: 1.45 !important;
		margin-bottom: 0 !important;
	}

	[data-anchor="Home"] .vlt-section__particles {
		overflow: visible !important;
	}

	[data-anchor="Home"] .vlt-section__overlay {
		z-index: 0;
	}

	[data-anchor="Home"] .vlt-section__elementor {
		position: relative;
		z-index: 3;
	}

	[data-anchor="Home"] .elementor-element-afabd80,
	[data-anchor="Home"] .vlt-section-title__subtitle.vlt-badge {
		position: relative;
		z-index: 4;
	}

	[data-anchor="Home"] .vlt-section__particles .vlt-particle.vlt-custom--4124,
	[data-anchor="Home"] .vlt-custom--4124 {
		width: 236px !important;
		max-width: 236px !important;
		height: 284px !important;
		max-height: 284px !important;
		right: -18px !important;
		left: auto !important;
		top: calc(50% - 218px) !important;
		bottom: auto !important;
		opacity: 1 !important;
		filter: none !important;
		z-index: 2 !important;
		background-position: 50% 0% !important;
	}

	[data-anchor="Home"] h1.elementor-heading-title,
	[data-anchor="Home"] h2.elementor-heading-title,
	[data-anchor="Home"] .elementor-widget-text-editor {
		position: relative;
		z-index: 3;
	}

	[data-anchor="Home"] .elementor-widget-image-carousel,
	[data-anchor="Home"] .elementor-element-8c01520 {
		position: relative;
		z-index: 3;
		max-width: 70%;
	}

	[data-anchor="Home"] .elementor-image-carousel img,
	[data-anchor="Home"] .elementor-widget-image-carousel img {
		max-height: 32px !important;
		width: auto !important;
	}

	[data-anchor="Home"] .swiper-wrapper {
		align-items: center;
	}
}