.section-header.mesh-gradient-header {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: #4204db;
	background-image:
		radial-gradient(circle at 10% 16%, rgba(66, 4, 219, 0.88) 0%, rgba(66, 4, 219, 0) 48%),
		radial-gradient(circle at 82% 8%, rgba(9, 72, 179, 0.82) 0%, rgba(9, 72, 179, 0) 45%),
		radial-gradient(circle at 88% 72%, rgba(23, 86, 197, 0.65) 0%, rgba(23, 86, 197, 0) 50%),
		radial-gradient(circle at 22% 80%, rgba(30, 144, 255, 0.55) 0%, rgba(30, 144, 255, 0) 48%),
		radial-gradient(circle at 50% 52%, rgba(99, 177, 189, 0.38) 0%, rgba(99, 177, 189, 0) 46%),
		linear-gradient(150deg, #0d1431 0%, #4204db 42%, #0948b3 74%, #0c3f94 100%);
	background-size: 175% 175%;
	animation: meshGradientDrift 14s ease-in-out infinite;
}

.section-header.mesh-gradient-header::before,
.section-header.mesh-gradient-header::after {
	content: '';
	position: absolute;
	inset: -18%;
	pointer-events: none;
}

.section-header.mesh-gradient-header::before {
	background:
		radial-gradient(circle at 24% 24%, rgba(255, 255, 255, 0.14), transparent 44%),
		radial-gradient(circle at 76% 30%, rgba(255, 255, 255, 0.08), transparent 40%),
		radial-gradient(circle at 50% 82%, rgba(255, 255, 255, 0.06), transparent 38%);
	mix-blend-mode: screen;
	animation: meshGradientPulse 8s ease-in-out infinite alternate;
}

.section-header.mesh-gradient-header::after {
	background: linear-gradient(180deg, rgba(13, 20, 49, 0.08) 0%, rgba(13, 20, 49, 0.52) 100%);
}

.section-header.mesh-gradient-header > .container {
	position: relative;
	z-index: 1;
}

.header-global .btn-pricing-plan.btn-primary {
	background-color: #ee5050;
	border-color: #ee5050;
	box-shadow: 0 10px 24px rgba(13, 20, 49, 0.3);
}

.header-global .btn-pricing-plan.btn-primary:hover,
.header-global .btn-pricing-plan.btn-primary:focus {
	background-color: #e92222;
	border-color: #e92222;
}

.header-global .btn-pricing-plan.btn-secondary {
	background-color: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
	backdrop-filter: blur(2px);
}

.header-global .btn-pricing-plan.btn-secondary:hover,
.header-global .btn-pricing-plan.btn-secondary:focus {
	background-color: rgba(255, 255, 255, 0.24);
	border-color: rgba(255, 255, 255, 0.78);
	color: #ffffff;
}

footer.footer.bg-primary {
	background-color: #4204db !important;
}

@keyframes meshGradientDrift {
	0% {
		background-position: 0% 0%;
		filter: saturate(100%);
	}

	25% {
		background-position: 90% 14%;
	}

	50% {
		background-position: 100% 100%;
		filter: saturate(120%);
	}

	75% {
		background-position: 14% 88%;
	}

	100% {
		background-position: 0% 0%;
		filter: saturate(100%);
	}
}

@keyframes meshGradientPulse {
	0% {
		transform: translate3d(-2%, -1%, 0) scale(1);
		opacity: 0.7;
	}

	100% {
		transform: translate3d(2%, 2%, 0) scale(1.06);
		opacity: 0.95;
	}
}

@media (prefers-reduced-motion: reduce) {
	.section-header.mesh-gradient-header,
	.section-header.mesh-gradient-header::before {
		animation: none;
	}
}


@media (max-width: 991.98px) {
	.header-global .navbar-main .container {
		align-items: flex-start;
	}

	.header-global .navbar-main .container > .ml-auto.d-flex.align-items-center {
		margin-left: 0 !important;
		margin-top: 0.75rem;
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.header-global .navbar-main .container > .ml-auto.d-flex.align-items-center .btn-pricing-plan {
		margin-right: 0 !important;
	}

	.section-header.mesh-gradient-header {
		padding-top: 13rem;
	}
}

@media (max-width: 575.98px) {
	.section-header.mesh-gradient-header {
		padding-top: 14rem;
	}
}

.header-global.has-announcement-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.header-global.has-announcement-banner .frontend-announcement-banner {
	position: relative;
	z-index: 101;
}

.header-global.has-announcement-banner .navbar-main {
	position: absolute;
	top: 100%;
}

.header-global.has-announcement-banner .navbar-main.headroom--pinned,
.header-global.has-announcement-banner .navbar-main.headroom--unpinned {
	position: absolute !important;
	top: 100%;
}

.header-global.has-announcement-banner .navbar-main.headroom--not-top {
	position: fixed !important;
	top: 0;
}