body {
	background-color: #f7fbff;
	background-image:
		radial-gradient(circle at 16% 8%, rgba(37, 99, 235, 0.08), transparent 30%),
		radial-gradient(circle at 86% 10%, rgba(20, 184, 166, 0.07), transparent 28%),
		linear-gradient(180deg, #f7fbff 0%, #ffffff 45%, #f8fbff 100%);
	background-attachment: fixed;
}

.hero-home-bg1 {
	isolation: isolate;
	background:
		radial-gradient(circle at 14% 20%, rgba(37, 99, 235, 0.16), transparent 28%),
		radial-gradient(circle at 84% 16%, rgba(20, 184, 166, 0.18), transparent 30%),
		radial-gradient(circle at 74% 76%, rgba(245, 158, 11, 0.10), transparent 34%),
		linear-gradient(135deg, #f7fbff 0%, #eef6ff 44%, #ffffff 100%);
}

.hero-home-bg1::before,
.hero-home-bg1::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.hero-home-bg1::before {
	background-image:
		linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px);
	background-size: 64px 64px;
	-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 88%);
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 88%);
}

.hero-home-bg1::after {
	background:
		linear-gradient(115deg, transparent 8%, rgba(37, 99, 235, 0.08) 26%, transparent 43%),
		linear-gradient(135deg, transparent 58%, rgba(20, 184, 166, 0.10) 72%, transparent 88%);
	opacity: 0.86;
}

.hero-home-bg1 > .container,
.hero-home-bg1 > .container-fluid {
	position: relative;
	z-index: 2;
}

.hero-home-bg1 > figure {
	z-index: 1;
}

[data-bs-theme=dark] body {
	background-color: #111827;
	background-image:
		radial-gradient(circle at 16% 8%, rgba(37, 99, 235, 0.14), transparent 30%),
		radial-gradient(circle at 86% 10%, rgba(20, 184, 166, 0.11), transparent 28%),
		linear-gradient(180deg, #111827 0%, #172033 48%, #111827 100%);
}

[data-bs-theme=dark] .hero-home-bg1 {
	background:
		radial-gradient(circle at 14% 20%, rgba(37, 99, 235, 0.22), transparent 28%),
		radial-gradient(circle at 84% 16%, rgba(20, 184, 166, 0.18), transparent 30%),
		radial-gradient(circle at 74% 76%, rgba(245, 158, 11, 0.08), transparent 34%),
		linear-gradient(135deg, #111827 0%, #172033 48%, #0f172a 100%);
}

[data-bs-theme=dark] .hero-home-bg1::before {
	background-image:
		linear-gradient(rgba(96, 165, 250, 0.10) 1px, transparent 1px),
		linear-gradient(90deg, rgba(96, 165, 250, 0.10) 1px, transparent 1px);
}