.gobyweb2-technologies-hero,
.gobyweb2-technologies-hero * {
	box-sizing: border-box;
}

.gobyweb2-technologies-hero {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	min-height: 755px;
	overflow: hidden;
	isolation: isolate;
	background-color: #06104a;
}

.gobyweb2-technologies-hero__atmosphere,
.gobyweb2-technologies-hero__full-visual,
.gobyweb2-technologies-hero__network,
.gobyweb2-technologies-hero__particles,
.gobyweb2-technologies-hero__ring,
.gobyweb2-technologies-hero__visual {
	position: absolute;
	pointer-events: none;
}

.gobyweb2-technologies-hero__full-visual {
	inset: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}


.gobyweb2-technologies-hero__atmosphere {
	--gb2-tech-center-glow: rgba(0,87,255,.34);
	--gb2-tech-purple-glow: rgba(130,45,255,.24);
	--gb2-tech-orange-glow: rgba(255,104,38,.18);
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at 52% 40%, var(--gb2-tech-center-glow) 0%, rgba(0,57,180,.17) 27%, transparent 54%),
		radial-gradient(circle at 71% 39%, var(--gb2-tech-purple-glow) 0%, transparent 37%),
		radial-gradient(circle at 75% 76%, var(--gb2-tech-orange-glow) 0%, transparent 29%),
		radial-gradient(circle at 24% 68%, rgba(0,128,255,.16), transparent 33%),
		linear-gradient(180deg, rgba(2,9,47,.1), rgba(2,7,35,.38));
}

.gobyweb2-technologies-hero__atmosphere::before,
.gobyweb2-technologies-hero__atmosphere::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.gobyweb2-technologies-hero__atmosphere::before {
	background:
		radial-gradient(circle at 5% 16%, rgba(65,198,255,.9) 0 2px, transparent 3px),
		radial-gradient(circle at 18% 18%, rgba(202,90,255,.76) 0 2px, transparent 3px),
		radial-gradient(circle at 34% 10%, rgba(42,162,255,.8) 0 1.5px, transparent 2.5px),
		radial-gradient(circle at 72% 12%, rgba(255,114,142,.7) 0 1.5px, transparent 2.5px),
		radial-gradient(circle at 92% 19%, rgba(70,178,255,.8) 0 1.5px, transparent 2.5px),
		radial-gradient(circle at 98% 60%, rgba(50,180,255,.9) 0 2px, transparent 3px),
		radial-gradient(circle at 56% 88%, rgba(255,121,92,.75) 0 2px, transparent 3px);
	opacity: .78;
}

.gobyweb2-technologies-hero__atmosphere::after {
	background: linear-gradient(90deg, rgba(0,3,30,.18), transparent 18%, transparent 82%, rgba(0,3,30,.18));
}

.gobyweb2-technologies-hero__network {
	--gb2-tech-network: rgba(39,119,255,.34);
	z-index: 2;
	left: -7%;
	right: -7%;
	bottom: -90px;
	height: 330px;
	opacity: .58;
	transform: perspective(520px) rotateX(57deg);
	transform-origin: center bottom;
	background-image:
		linear-gradient(var(--gb2-tech-network) 1px, transparent 1px),
		linear-gradient(90deg, var(--gb2-tech-network) 1px, transparent 1px);
	background-size: 66px 42px;
	filter: drop-shadow(0 0 7px rgba(0,126,255,.34));
	-webkit-mask-image: linear-gradient(to top, #000 24%, rgba(0,0,0,.82) 54%, transparent 95%);
	mask-image: linear-gradient(to top, #000 24%, rgba(0,0,0,.82) 54%, transparent 95%);
}

.gobyweb2-technologies-hero__network::before,
.gobyweb2-technologies-hero__network::after {
	content: "";
	position: absolute;
	inset: 0;
}

.gobyweb2-technologies-hero__network::before {
	background:
		radial-gradient(circle at 8% 64%, #39c9ff 0 3px, transparent 4px),
		radial-gradient(circle at 22% 52%, #75a5ff 0 3px, transparent 4px),
		radial-gradient(circle at 46% 67%, #33c9ff 0 3px, transparent 4px),
		radial-gradient(circle at 58% 52%, #ff8d79 0 3px, transparent 4px),
		radial-gradient(circle at 71% 63%, #b67aff 0 3px, transparent 4px),
		radial-gradient(circle at 87% 51%, #44bfff 0 3px, transparent 4px);
	filter: drop-shadow(0 0 8px rgba(80,160,255,.85));
}

.gobyweb2-technologies-hero__network::after {
	background: radial-gradient(ellipse at 54% 92%, rgba(0,104,255,.24), transparent 55%);
}

.gobyweb2-technologies-hero__particles {
	--gb2-tech-particle: #65c9ff;
	z-index: 4;
	inset: 0;
	opacity: .72;
	background-image:
		radial-gradient(circle at 1.3% 15%, var(--gb2-tech-particle) 0 2px, transparent 3px),
		radial-gradient(circle at 13% 30%, #c966ff 0 1.5px, transparent 2.4px),
		radial-gradient(circle at 34% 40%, #4ab7ff 0 1.6px, transparent 2.6px),
		radial-gradient(circle at 46% 23%, #54caff 0 1.6px, transparent 2.6px),
		radial-gradient(circle at 61% 10%, #9182ff 0 1.4px, transparent 2.4px),
		radial-gradient(circle at 78% 13%, #ff97a8 0 1.4px, transparent 2.4px),
		radial-gradient(circle at 97% 32%, #41c7ff 0 2px, transparent 3px),
		radial-gradient(circle at 95% 78%, #4dbdff 0 1.8px, transparent 2.8px),
		radial-gradient(circle at 64% 91%, #ff9888 0 1.7px, transparent 2.6px),
		radial-gradient(circle at 8% 83%, #49bdff 0 1.7px, transparent 2.6px);
	filter: drop-shadow(0 0 7px rgba(82,174,255,.86));
}

.gobyweb2-technologies-hero__ring {
	--gb2-tech-ring-x: 45px;
	--gb2-tech-ring-y: -80px;
	--gb2-tech-ring-thickness: 3px;
	--gb2-tech-ring-blue: #20c9ff;
	--gb2-tech-ring-violet: #b06bff;
	--gb2-tech-ring-orange: #ff8b58;
	z-index: 3;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	transform: translate(calc(-50% + var(--gb2-tech-ring-x)), calc(-50% + var(--gb2-tech-ring-y)));
	border-radius: 50%;
	background: conic-gradient(from 218deg,
		var(--gb2-tech-ring-blue) 0deg,
		#5be5ff 72deg,
		#f8f9ff 118deg,
		var(--gb2-tech-ring-violet) 190deg,
		var(--gb2-tech-ring-orange) 258deg,
		#ff6f70 296deg,
		var(--gb2-tech-ring-blue) 360deg);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--gb2-tech-ring-thickness) - 1px), #000 calc(100% - var(--gb2-tech-ring-thickness)));
	mask: radial-gradient(farthest-side, transparent calc(100% - var(--gb2-tech-ring-thickness) - 1px), #000 calc(100% - var(--gb2-tech-ring-thickness)));
	filter:
		drop-shadow(0 0 5px rgba(32,201,255,.85))
		drop-shadow(0 0 12px rgba(138,92,255,.75))
		drop-shadow(0 0 23px rgba(255,118,97,.36));
}

.gobyweb2-technologies-hero__ring::before,
.gobyweb2-technologies-hero__ring::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.gobyweb2-technologies-hero__ring::before {
	inset: -18px;
	background: conic-gradient(from 214deg, rgba(0,180,255,.22), transparent 32%, rgba(139,78,255,.18) 55%, rgba(255,105,78,.16) 75%, transparent 96%);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 20px), #000 calc(100% - 18px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 20px), #000 calc(100% - 18px));
	filter: blur(8px);
}

.gobyweb2-technologies-hero__ring::after {
	inset: 14px;
	box-shadow: inset 0 0 40px rgba(41,100,255,.1);
}

.gobyweb2-technologies-hero__visual {
	z-index: 3;
	top: 0;
	bottom: 0;
	height: 100%;
	overflow: hidden;
}

.gobyweb2-technologies-hero__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
}

.gobyweb2-technologies-hero__visual--left {
	--gb2-tech-left-x: -12px;
	--gb2-tech-left-y: 0px;
	left: 0;
	width: 54%;
	transform: translate(var(--gb2-tech-left-x), var(--gb2-tech-left-y));
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 67%, rgba(0,0,0,.96) 75%, rgba(0,0,0,.42) 91%, transparent 100%);
	mask-image: linear-gradient(90deg, #000 0%, #000 67%, rgba(0,0,0,.96) 75%, rgba(0,0,0,.42) 91%, transparent 100%);
}

.gobyweb2-technologies-hero__visual--right {
	--gb2-tech-right-x: -10px;
	--gb2-tech-right-y: 0px;
	right: 0;
	width: 36%;
	transform: translate(var(--gb2-tech-right-x), var(--gb2-tech-right-y));
	-webkit-mask-image: linear-gradient(270deg, #000 0%, #000 70%, rgba(0,0,0,.97) 78%, rgba(0,0,0,.4) 93%, transparent 100%);
	mask-image: linear-gradient(270deg, #000 0%, #000 70%, rgba(0,0,0,.97) 78%, rgba(0,0,0,.4) 93%, transparent 100%);
}

.gobyweb2-technologies-hero__inner {
	position: relative;
	z-index: 6;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1400px;
	min-height: inherit;
	margin: 0 auto;
	padding: 50px 24px;
}

.gobyweb2-technologies-hero__content {
	--gb2-tech-copy-x: 55px;
	--gb2-tech-copy-y: 6px;
	position: relative;
	z-index: 7;
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
	transform: translate(var(--gb2-tech-copy-x), var(--gb2-tech-copy-y));
}

.gobyweb2-technologies-hero__content::before {
	--gb2-tech-shade: rgba(4,18,76,.18);
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 48%;
	width: 125%;
	height: 120%;
	transform: translate(-50%, -50%);
	background: radial-gradient(ellipse at center, var(--gb2-tech-shade) 0%, rgba(4,18,76,.28) 47%, rgba(4,18,76,0) 77%);
	pointer-events: none;
}

.gobyweb2-technologies-hero__heading {
	margin: 0 auto 26px;
	color: #fffdf8;
	font-family: "Poppins", sans-serif;
	font-size: 74px;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -.035em;
	text-shadow: 0 4px 20px rgba(0,2,22,.34);
}

.gobyweb2-technologies-hero__divider {
	display: block;
	width: 75px;
	height: 4px;
	margin: 0 auto 22px;
	border-radius: 10px;
	background: #ff6b21;
	box-shadow: 0 0 15px rgba(255,107,33,.18);
}

.gobyweb2-technologies-hero__descriptions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	max-width: 590px;
	margin: 0 auto;
}

.gobyweb2-technologies-hero__description {
	margin: 0;
	color: #f6f5fa;
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.48;
	letter-spacing: -.012em;
	text-shadow: 0 2px 12px rgba(0,2,24,.42);
}

@media (max-width: 1199px) {
	.gobyweb2-technologies-hero__heading {
		font-size: 64px;
	}
	.gobyweb2-technologies-hero__description {
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
	.gobyweb2-technologies-hero {
		min-height: 650px;
	}
	.gobyweb2-technologies-hero__inner {
		padding: 46px 22px;
	}
	.gobyweb2-technologies-hero__content {
		--gb2-tech-copy-x: 25px;
		--gb2-tech-copy-y: 0px;
		max-width: 570px;
	}
	.gobyweb2-technologies-hero__heading {
		font-size: 58px;
		line-height: 1.2;
	}
	.gobyweb2-technologies-hero__ring {
		--gb2-tech-ring-x: 10px;
		--gb2-tech-ring-y: -60px;
		width: 520px;
		height: 520px;
	}
	.gobyweb2-technologies-hero__visual--left {
		--gb2-tech-left-x: -60px;
		--gb2-tech-left-y: 20px;
		width: 54%;
		opacity: .8;
	}
	.gobyweb2-technologies-hero__visual--right {
		--gb2-tech-right-x: -55px;
		width: 38%;
		opacity: .8;
	}
}

@media (max-width: 767px) {
	.gobyweb2-technologies-hero {
		min-height: 680px;
	}
	.gobyweb2-technologies-hero__inner {
		align-items: flex-start;
		padding: 58px 18px 54px;
	}
	.gobyweb2-technologies-hero__content {
		--gb2-tech-copy-x: 0px;
		--gb2-tech-copy-y: 0px;
		max-width: 100%;
	}
	.gobyweb2-technologies-hero__content::before {
		width: 128%;
		height: 125%;
	}
	.gobyweb2-technologies-hero__heading {
		font-size: 46px;
		line-height: 1.16;
		margin-bottom: 20px;
	}
	.gobyweb2-technologies-hero__divider {
		margin-bottom: 20px;
	}
	.gobyweb2-technologies-hero__descriptions {
		max-width: 100%;
	}
	.gobyweb2-technologies-hero__description {
		font-size: 16px;
		line-height: 1.52;
	}
	.gobyweb2-technologies-hero__ring {
		--gb2-tech-ring-x: 0px;
		--gb2-tech-ring-y: -30px;
		width: 420px;
		height: 420px;
		opacity: .7;
	}
	.gobyweb2-technologies-hero__visual--left {
		--gb2-tech-left-x: -110px;
		--gb2-tech-left-y: 230px;
		top: 0;
		width: 82%;
		height: 100%;
		opacity: .35;
		-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 58%, rgba(0,0,0,.7) 76%, transparent 100%);
		mask-image: linear-gradient(90deg, #000 0%, #000 58%, rgba(0,0,0,.7) 76%, transparent 100%);
	}
	.gobyweb2-technologies-hero__visual--right {
		--gb2-tech-right-x: -85px;
		--gb2-tech-right-y: -40px;
		width: 64%;
		opacity: .35;
	}
	.gobyweb2-technologies-hero__network {
		height: 260px;
		bottom: -64px;
		opacity: .42;
	}
}

@media (max-width: 479px) {
	.gobyweb2-technologies-hero {
		min-height: 650px;
	}
	.gobyweb2-technologies-hero__inner {
		padding: 52px 16px 48px;
	}
	.gobyweb2-technologies-hero__heading {
		font-size: 40px;
	}
	.gobyweb2-technologies-hero__description {
		font-size: 15px;
	}
	.gobyweb2-technologies-hero__ring {
		width: 360px;
		height: 360px;
	}
}