html {
	font-size: 0.069446vw;
	overflow-x: hidden;
}
body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background-color: #000211;
	color: var(--White);
	font-family: 'Gilroy';
}
:root {
	--White: #fff;
	--semi-white: rgba(255, 255, 255, 0.5);
}
h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0;
}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
a {
	text-decoration: none;
	display: block;
	font-size: 14rem;
	font-weight: 600;
	color: var(--White);
}
h1 {
	font-size: 110rem;
	font-weight: 600;
}
h2 {
	font-size: 50rem;
	font-weight: 600;
}
h3 {
	font-size: 24rem;
	font-weight: 600;
}
h4 {
	font-size: 20rem;
	font-weight: 600;
}
h5 {
	font-size: 16rem;
	font-weight: 600;
}
p {
	font-size: 16rem;
	color: var(--semi-white);
}
.btn {
	font-size: 16rem;
	font-weight: 700;
	padding: 20rem 30rem;
	width: max-content;
	border-radius: 5rem;
	outline: 2rem solid rgba(255, 255, 255, 0.10);
	background: linear-gradient(96deg, #2F61E1 -25.56%, #96B2FA 20.83%, #2F61E1 63.96%, #96B2FA 109.7%), linear-gradient(90deg, #001174 0%, rgba(0, 17, 116, 0.56) 24.52%, rgba(0, 17, 116, 0.00) 100%);
	background-size: 200%;
	background-position: 0%, 0%;
	transition: 0.4s;
}
.container {
	width: 1200rem;
	margin: auto;
	position: relative;
}
img {
	max-width: 100%;
}
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15rem 0;
	z-index: 21;
}
.header_overlay {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header_logo {
	width: 122rem;
}
.header_wrapper {
	display: flex;
	align-items: center;
	gap: 60rem;
}
.header_nav {
	display: flex;
	align-items: center;
	gap: 43rem;
}
.header_nav a{
	transition: 0.4s;
}
.header_lang {
	position: relative;
	z-index: 21;
}
.header_lang_current {
	display: flex;
	align-items: center;
	gap: 11rem;
	color: var(--White);
	font-size: 14rem;
	text-transform: uppercase;
}
.header_lang_current img {
	width: 9rem;
}
.header_lang_hide {
	position: absolute;
	left: -14rem;
	top: calc(100% + 20rem);
	border-radius: 5rem;
	padding: 10rem 14rem;
	background: #011138;
	width: 20rem;
	text-align: center;
	display: none;
	gap: 7rem;
	flex-direction: column;
}
.header_lang_hide:before {
	content: "";
	position: absolute;
	top: -25rem;
	left: 0;
	width: 100%;
	height: 25rem;
}
.header_lang_hide a {
	text-transform: uppercase;
	color: var(--White);
	font-weight: 600;
	font-size: 14rem;
	transition: 0.4s;
}
.header_btn {
	padding: 15rem 30rem;
	position: relative;
	z-index: 21;
}
.hero_image {
	max-width: max-content;
	width: 1440rem;
	margin-left: -120rem;
}
.hero_title span {
	display: block;
	background: linear-gradient(90deg, #2F61E1 0%, #96B2FA 28.85%, #D9E4FF 52.4%, #96B2FA 75.96%, #2F61E1 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero_title_second {
	text-align: right;
}
.hero_overlay {
	margin-top: -80rem;
	position: relative;
	z-index: 2;
	
}
.hero_overlay:after {
	content: "";
	width: 100%;
	height: 2rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 45.19%, rgba(255, 255, 255, 0.05) 100%);
	display: block;	
	margin-top: 110rem;
}
.hero_content {
	display: flex;
	align-items: center;
	margin-left: auto;
	width: 810rem;
	justify-content: space-between;
	margin-top: 25rem;
}
.hero_text {
	width: 437rem;	
}
.services {
	padding: 120rem 0;
	position: relative;
	z-index: 2;
}
.services:before {
	content: "";
	position: absolute;
	top: -440rem;
    left: -610rem;
	width: 1350rem;
	height: 1010rem;
	background-image: url(img/light_bg.png);
	background-size: cover;
}
.services_title {
	text-align: center;
	background: linear-gradient(90deg, #2F61E1 0%, #96B2FA 28.85%, #D9E4FF 52.4%, #96B2FA 75.96%, #2F61E1 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.services_text {
	text-align: center;
	margin: 15rem auto 0;
	width: 573rem;
}
.services_overlay {
	display: flex;
	justify-content: space-between;
	margin-top: 58rem;
}
.services_item {
	width: 387rem;
	border-radius: 10rem;
	outline: 1rem solid rgba(150, 178, 250, 0.05);
	position: relative;
	overflow: hidden;
	background: #060F2F;
}
.services_item:before {
	content: "";
	width: 261rem;
	height: 261rem;
	display: block;
	background-image: url(img/circle_bg.svg);
	background-size: cover;
	bottom: -80rem;
	right: -80rem;
	position: absolute;
}
.services_item:last-child:before {
	bottom: auto;
	right: auto;
	left: -80rem;
	top: -80rem;
}
.services_item_image {
	width: 100%;
	height: 284rem;
	object-fit: contain;
	mix-blend-mode: lighten;
}
.services_item_content {
	padding: 37rem 30rem 24rem;
}
.services_item_text {
	margin-top: 20rem;
}
.services_item_btn {
	margin-top: 38rem;
	padding: 12rem 30rem;
	outline: none;
}
.stack {
	padding: 90rem 0 116rem;
}
.stack_title {
	text-align: center;
}
.stack_overlay {
	display: flex;
	align-items: center;
	gap: 20rem;
	justify-content: center;
	margin-top: 40rem;
}
.stack_item {
	padding: 8rem 20rem 8rem 8rem;
	border-radius: 40rem;
	border: 1rem solid rgba(150, 178, 250, 0.10);
	background: linear-gradient(118deg, rgba(27, 57, 190, 0.30) 17.57%, rgba(12, 28, 68, 0.30) 83.01%);
	display: flex;
	align-items: center;
	gap: 15rem;
}
.stack_item_icon {
	width: 22rem;
}
.stack_item_text {
	color: var(--White);
	font-weight: 600;
}
.usecases {
	padding: 100rem 0 0;
	position: relative;
	background-image: url(img/usecase_bg.png);
	background-size: 1440rem;background-repeat: no-repeat;
}
.usecases_overlay:after {
	content: "";
	width: 100%;
	height: 1rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 45.19%, rgba(255, 255, 255, 0.05) 100%);
	margin-top: 100rem;
}
.usecases_title {
	text-align: center;
}
.usecases_overlay {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60rem;
	gap: 57rem 170rem;
}
.usecases_item {
	display: flex;
	align-items: flex-start;
	gap: 20rem;
	width: 260rem;
	border-radius: 5rem;
	border: 1rem solid rgba(225, 234, 255, 0.07);
	padding: 15rem 30rem;
	margin: 0 47rem;
	background: linear-gradient(118deg, rgba(27, 57, 190, 0.30) 17.57%, rgba(12, 28, 68, 0.30) 83.01%);
}
.usecases_item_icon {
	width: 22rem;
}
.usecases_item_content {
	width: 218rem;
}
.usecases_item_title {
	font-weight: 600;
	color: var(--White);
}
.usecases_item_text {
	font-size: 14rem;
	margin-top: 10rem;
}
.usecases_item:nth-child(3) {
	margin: 0;
}
.usecases_item:nth-child(4) {
    margin: 0 -3rem;
}
.faq {
	background-image: url(img/faq_bg.svg);
	background-size: cover;
	padding: 130rem 0 173rem;
}
.faq_overlay {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.faq_title {
	width: 468rem;
	background: linear-gradient(90deg, #2F61E1 0%, #96B2FA 28.85%, #D9E4FF 52.4%, #96B2FA 75.96%, #2F61E1 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.faq_wrapper {
	width: 671rem;
	display: flex;
	flex-direction: column;
	gap: 20rem;
}
.faq_item_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rem 30rem;
	border-radius: 5rem;
	border: 1rem solid rgba(150, 178, 250, 0.10);
	cursor: pointer;
	background: linear-gradient(118deg, rgba(27, 57, 190, 0.30) 17.57%, rgba(12, 28, 68, 0.30) 83.01%);
}
.faq_item_title img {
	width: 9rem;
}
.faq_item_answer {
	margin-top: 20rem;
	display: none;
	padding: 0 40rem 0 20rem;
}
.contact {
	padding: 290rem 0 80rem; 
	background-image: url(img/footer_bg.png);
	background-size: 1440rem;
	background-repeat: no-repeat;
}
.contact_title {
	text-align: center;
}
.contact_text {
	text-align: center;
	margin-top: 20rem;
}
.contact_form {
	display: flex;
	align-items: center;
	gap: 20rem;
	justify-content: center;
	margin-top: 73rem;
}
.input {
	padding: 14rem 20rem;
	
	border-radius: 5rem;
	border: 1rem solid rgba(150, 178, 250, 0.10);
	background: linear-gradient(118deg, rgba(26, 59, 145, 0.30) 17.57%, rgba(0, 2, 17, 0.30) 83.01%);
	color: var(--White);
	font-family: 'Gilroy';
	font-size: 16rem;
	font-weight: 600;
}
.contact_form_input {
	width: 246rem;
}
.contact_form_submit {
	font-family: 'Gilroy';
	outline: none;
	border: none;
	padding: 15rem 30rem;
	color: var(--White);
}
.footer_overlay {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rem 0;
}
.footer_overlay:before {
	content: "";
	width: 100%;
	height: 1rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 45.19%, rgba(255, 255, 255, 0.05) 100%);
	position: absolute;
	top: 0;
	left: 0;
}
.footer_logo {
	width: 122rem;
}
.footer_mail {
	display: flex;
	align-items: center;
	gap: 10rem;
	font-size: 14rem;
	font-weight: 400;
	transition: 0.4s;
}
.footer_copyright {
	font-size: 14rem;
	color: var(--White);
}
.footer_mail img {
	width: 17rem;
}
.subhero_image {
	width: 1120rem;
	margin: auto;
}
.subhero {
	padding-top: 137rem;
	position: relative;
	z-index: 2;
}
.subhero_title {
	text-align: center;
	background: linear-gradient(90deg, #2F61E1 0%, #96B2FA 28.85%, #D9E4FF 52.4%, #96B2FA 75.96%, #2F61E1 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: -100rem;
}
.subhero_overlay {
	position: relative;
	z-index: 2;
}
.subhero_text {
	width: 316rem;
	margin-left: auto;
	margin-top: 17rem;
}
.subhero_overlay:after {
	content: "";
	width: 100%;
	height: 1rem;
	display: block;
	margin-top: 92rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 45.19%, rgba(255, 255, 255, 0.05) 100%);
}
.subhero_bg1 {
    position: absolute;
    left: -560rem;
    top: -670rem;
    width: 1350rem;
}
.subhero_bg2 {
    position: absolute;
    right: -820rem;
    top: -460rem;
    width: 1350rem;
    z-index: -1;
}
.why {
	padding: 136rem 0 100rem;
	position: relative;
	z-index: 2;
}
.why_overlay {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.why_image {
	width: 550rem;
	height: 467rem;
	object-fit: cover;
	object-position: center;
	border-radius: 20rem;
}
.why_content {
	width: 540rem;
	display: flex;
	flex-direction: column;
	gap: 45rem;
}
.why_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30rem;
}
.why_items_item {
	display: flex;
	align-items: center;
	gap: 15rem;
}
.why_items_item_icon_overlay {
	width: 38rem;
	height: 38rem;
	border-radius: 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1rem solid rgba(150, 178, 250, 0.05);
	background: linear-gradient(140deg, rgba(83, 128, 245, 0.30) 0%, rgba(18, 28, 103, 0.30) 98.74%);
}
.why_items_item_icon {
	width: 20rem;
}
.why_items_item_text {
	width: 174rem;
	color: var(--White);
	font-weight: 600;
}
.why_bg {
	position: absolute;
	left: -540rem;
    top: 180rem;
	z-index: -1;
	width: 1350rem;
}
.what {
	padding: 100rem 0;
	position: relative;
	z-index: 2;
}
.what_title {
	text-align: center;
}
.what_overlay {
	display: flex;
	gap: 20rem;
	margin-top: 45rem;
}
.what_item {
	width: 230rem;
	padding: 35rem 28rem 45rem;
	border-radius: 10rem;
	display: flex;
	flex-direction: column;
	border: 1rem solid rgba(150, 178, 250, 0.05);
	background: linear-gradient(140deg, rgba(26, 59, 145, 0.30) 0%, rgba(0, 2, 17, 0.30) 98.74%);
}
.what_item_image {
	margin: 0 auto 34rem;
	display: block;
}
.what_item_title {
	margin-top: auto;
	font-size: 18rem;
	font-weight: 700;
}
.what_bg {
	position: absolute;
	left: 710rem;
    top: -80rem;
	z-index: -1;
	width: 1350rem;
}
.steps {
	padding: 100rem 0;
	position: relative;
	z-index: 2;
}
.steps_text {
	margin-top: 15rem;
}
.steps_overlay {
	display: flex;
	align-items: flex-start;
	margin-top: 76rem;
	gap: 20rem;
	position: relative;
	z-index: 2;
}
.steps_overlay:before {
	content: "";
	display: block;
	width: 100%;
	height: 2rem;
	background-image: url(img/steps_line.svg);
	position: absolute;
	top: 107rem;
	left: 0;
	z-index: -1;
	background-size: 100%;
}
.steps_item {
	width: 285rem;
}
.steps_item_number {
	background: linear-gradient(90deg, #2F61E1 0%, #96B2FA 28.85%, #D9E4FF 52.4%, #96B2FA 75.96%, #2F61E1 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 60rem;
	font-weight: 600;
}
.steps_item_circle {
	width: 24rem;
	margin: 25rem 0;
}
.steps_item_title {
	font-size: 18rem;
	font-weight: 600;
}
.steps_item_text {
	color: var(--semi-white);
	margin-top: 10rem;
	width: 200rem;
	font-size: 14rem;
}
.steps_bg {
	position: absolute;
	left: -650rem;
    top: -220rem;
	z-index: -1;
	width: 1350rem;
}
.modal_overlay {
	position: fixed;
	z-index: 31;
	width: 100vw;
	height: 100vh;
	background: rgba(12, 16, 40, 0.60);
	backdrop-filter: blur(3.5px);
	top: 0;
	left: 0;
}
.modal_content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 60rem;
	border-radius: 10rem;
	background: linear-gradient(118deg, rgba(27, 57, 190, 0.30) 17.57%, rgba(12, 28, 68, 0.30) 83.01%), #000211;
	width: 380rem;
	z-index: 32;
}
.modal_close {
	position: absolute;
	top: 15rem;
	right: 15rem;
	width: 15rem;
}
.modal_title {
	text-align: center;
	font-size: 40rem;
}
.modal_text {
	margin-top: 20rem;
	text-align: center;
}
.modal .contact_form .contact_form_input {
	width: calc(100% - 40rem);
}
.modal .contact_form {
	margin-top: 35rem;
	display: flex;
	flex-direction: column;
	gap: 20rem;
}
.modal .contact_form .contact_form_submit {
	font-family: 'Gilroy';
	color: var(--White);
	display: block;
	width: 100%;
	border: none;
	outline: none;
	padding: 15rem 0;
}
.modal {
	display: none;
}
.burger {
	display: none;
}
.wpcf7-spinner {
	display: none;
}
.header_btn_mobile {
	display: none;
}
.modal_cf {
	display: none;
}
.modal_cf_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(12, 16, 40, 0.60);
	backdrop-filter: blur(3.5px);
	z-index: 41;
}
.modal_cf_content {
	position: fixed;
	top: calc(50% - 60rem);
	left: calc(50% - 283rem);
	z-index: 42;
	width: 508rem;
	padding: 20rem 50rem 20rem 20rem;
	border-radius: 10rem;
	border: 1rem solid rgba(13, 27, 85, 0.70);
	background: linear-gradient(118deg, rgba(27, 57, 190, 0.30) 17.57%, rgba(12, 28, 68, 0.30) 83.01%), #000211;
	display: flex;
	align-items: center;
	gap: 25rem;
}
.modal_cf_close {
	position: absolute;
	top: 15rem;
	right: 15rem;
	width: 15rem;
}
.modal_cf_icon {
	width: 75rem;
}
.modal_cf_wrapper {
	width: 400rem;
}
.modal_cf_text {
	margin-top: 3rem;
}
.modal_cf_title {
	font-size: 22rem;
}
.wpcf7-response-output {
	display: none;
}
.wpcf7-not-valid-tip {
	display: none;
}
.lang_uk .usecases:after {
	top: 207rem;
}
@media screen and (min-width: 768px) {
	.header_lang:hover .header_lang_hide {
		display: flex;
	}
	.header_lang_hide a:hover {
		color: #5780EB;
	}
	.footer_mail:hover {
		color: #5780EB;
	}
	.btn:hover {
		background-position: 100%, 0%;
	}
	.header_nav a:hover {
		color: #5780EB;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 0.13021vw;
	}
	.container {
		width: 708rem;
	}
	.header_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: calc(100vw - 40rem);
		height: calc(100vh - 150rem);
		background: #000211;
		flex-direction: column;
		padding: 100rem 20rem 50rem;
		align-items: center;
		justify-content: center;
		gap: 30rem;
		z-index: 20;
		transform: translate(-100%, 0);
		transition: 0.4s;
	}
	.header_nav:before {
		content: "";
		width: 100%;
		height: 1rem;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 45.19%, rgba(255, 255, 255, 0.05) 100%);
		display: block;
		position: absolute;
		top: 80rem;
		left: 0;
	}
	.header_nav.active {
		transform: translate(0%, 0);
	}
	.header_logo {
		position: relative;
		z-index: 21;
	}
	.header_wrapper {
		gap: 30rem;
		margin-left: auto;
	}
	.burger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 26rem;
		height: 15rem;
		flex-direction: column;
		position: relative;
		z-index: 21;
	}
	.burger span {
		width: 100%;
		height: 1rem;
		background-color: var(--White);
		display: block;
		transition: 0.4s;
	}
	.burger:before,.burger:after {
		content: "";
		width: 100%;
		height: 1rem;
		background-color: var(--White);
		display: block;
		transition: 0.4s;
		position: relative;
		top: 0rem;
	}
	.burger.active span {
		opacity: 0;
	}
	.burger.active:before {
		transform: rotate(1845deg);
		top: 7rem;
	}
	.burger.active:after {
		transform: rotate(-1845deg);
		top: -7rem;
	}
	.header_overlay {
		gap: 30rem;
	}
	.hero_image {
		width: 910rem;
		margin-left: -100rem;
		margin-top: 100rem;
	}
	h1 {
		font-size: 70rem;
	}
	.hero_content {
		width: 514rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.hero_btn {
		margin-top: 20rem;
	}
	.hero {
		position: relative;
		z-index: 3;
	}
	.hero_overlay:after {
		margin-top: 80rem;
	}
	.services {
		padding: 80rem 0 60rem;
	}
	.services_overlay {
		margin-top: 30rem;
		flex-direction: column;
		gap: 18rem;
	}
	.services_item {
		display: flex;
		width: auto;
		align-items: center;
	}
	.services_item_image {
    	width: 384rem;
    	height: auto;
	}
	.services_item_btn {
		margin-top: 30rem;
	}
	.stack {
		padding: 60rem 0;
	} 
	.stack_overlay {
		overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: flex-start;
    }
    .usecases {
    	padding: 60rem 0 0;
    	background: none;
    }
    .usecases:after {
    	content: "";
    	position: absolute;
    	top: 191rem;
        left: 175rem;
        width: 409rem;
    	aspect-ratio: 1.32;
    	background-image: url(img/usecases_image_tab.png);
    	background-size: cover;
    }
    .usecases_overlay {
    	margin-top: 30rem;
    	gap: 20rem;
    }
    .usecases_item {
    	margin: 0;
    }
    .usecases_item:nth-child(3) {
    	margin-top: 220rem;
    }
    .usecases_item:nth-child(4) {
    	margin-top: 220rem;
    }
    .faq {
    	padding: 80rem 0 130rem;
    }
    .faq_overlay {
    	flex-direction: column;
    }
    .usecases_overlay:after {
    	margin-top: 80rem;
    }
    .faq_wrapper {
    	width: 100%;
    	margin-top: 40rem;
    }
    .contact {
    	padding: 130rem 0 50rem;
    	background-size: 1000rem;
    	background-position: -100rem 0;
	}
	.contact_form {
		margin-top: 40rem;
		flex-direction: column;
	}
	.contact_form_input {
		width: 668rem;
	}
	.contact_form_submit {
		width: 100%;
	}
	.subhero_image {
	    width: 860rem;
	    max-width: max-content;
	    display: block;
	    margin-left: -130rem;
	}
	.subhero_overlay:after {
		margin-top: 60rem;
	}
	.why {
		padding: 60rem 0;
	}
	.why_overlay {
		flex-direction: column;
	}
	.why_image {
		width: 100%;
	}
	.why_content {
		width: 100%;
		margin-top: 35rem;
		gap: 28rem;
	}
	.why_items_item {
		width: 330rem;
	}
	.what {
    	padding: 60rem 0;
	}
	.what_overlay {
		margin-top: 25rem;
		flex-wrap: wrap;
	}
	.what_item {
    	width: 282rem;
    	padding: 30rem 30rem 45rem;
	}
	.steps {
		padding: 60rem 0;
	}
	.steps_overlay {
		flex-direction: column;
		margin-top: 45rem;
		gap: 50rem;
	}
	.steps_text {
		text-align: center;
	}
	.steps_title {
		text-align: center;
	}
	.steps_item {
		display: flex;
		align-items: center;
		gap: 25rem;
	}
	.steps_item_circle {
		order: -1;
	}
	.steps_overlay:before {
		transform: rotate(90deg);
		top: 240rem;
    	left: -200rem;
    	width: 422rem;
    	background-size: 1150rem;
	}
	.hidden {
		overflow: hidden;
	}
	.steps_overlay:before {
        top: 300rem;
        left: -254rem;
        width: 532rem;
    }
}
@media screen and (max-width: 480px) {
	html {
        font-size: 0.2667vw;
    }
    .container {
        width: 335rem;
    }
    .header_logo {
    	width: 97rem;
    }
    .header_btn  {
    	display: none;
    }
    .hero_image {
        width: 900rem;
        margin-left: -280rem;
        margin-top: 30rem;
    }
    h1 {
    	font-size: 38rem;
    }
    p {
    	font-size: 14rem;
    }
    .hero_overlay {
    	margin-top: -60rem;
    }
    .hero_content {
    	width: auto;
    	margin-top: 15rem;
    }
    .hero_text {
    	width: 294rem;
    	margin-left: auto;
    }
    .hero_btn {
    	margin-left: 40rem;
    }
    .btn {
    	font-size: 14rem;
    	padding: 12rem 20rem;
    }
    .hero_overlay:after {
        margin-top: 50rem;
    }
    .services {
        padding: 40rem 0 25rem;
    }
    h2 {
    	font-size: 34rem;
    }
    .services_text {
    	width: auto;
    }
    .services_overlay {
    	margin-top: 20rem;
    }
    .services_item {
    	flex-direction: column;
    }
    .services_item_content {
    	padding: 30rem 20rem;
	}
	.services_item_text {
	    margin-top: 14rem;
	}
	.services_item_btn {
		margin-top: 25rem;
	}
	.stack {
        padding: 25rem 0 40rem;
    }
    h4 {
    	font-size: 16rem;
    }
    .stack_overlay {
    	margin-top: 23rem;
    }
    .usecases {
    	padding: 40rem 0 0;
    }
   	.usecases_item:nth-child(3) {
        margin-top: 0;
    }
    .usecases_item {
    	width: 280rem;
    }
    .usecases:after {
    	top: 383rem;
        left: -18rem;
        width: 411rem;
    }
    .usecases_overlay:after {
        margin-top: 70rem;
    }
    .faq {
        padding: 30rem 0 80rem;
    }
    .faq_title {
    	width: auto;
    }
    .faq_wrapper {
    	margin-top: 20rem;
    }
    .faq_item_title span {
    	max-width: 270rem;
    }
    .faq_item_title {
    	padding: 17rem 20rem;
    }
    .contact {
        padding: 90rem 0 50rem;
        background-size: 770rem;
        background-position: -190rem 0;
    }
    .contact_text {
    	margin-top: 15rem;
    }
    .contact_form_input {
    	width: 295rem;
    }
    .contact_form {
    	gap: 14rem;
    }
    .contact_form_submit {
    	font-size: 16rem;
    	padding: 15rem 0;
    }
    .footer_overlay {
    	padding: 40rem 0;
    	flex-direction: column;
    	gap: 30rem;
    }
    .footer_logo {
    	width: 97rem;
    }
    .subhero_image {
        width: 510rem;
        margin-left: -110rem;
    }
    .subhero {
    	padding-top: 80rem;
    }
    .subhero_title {
    	margin-top: -60rem;
    }
    .subhero_text {
    	margin: 18rem auto 0;
    	text-align: center;
    }
    .subhero_overlay:after {
    	margin-top: 40rem;
    }
    .why {
        padding: 40rem 0;
    }
    .why_image {
    	height: 220rem;
    }
    .why_content {
    	gap: 25rem;
    }
    .why_items_item_text {
    	width: 275rem;
    }
    .why_items {
    	gap: 10rem;
    }
    .what {
        padding: 40rem 0;
    }
    .what_item {
    	padding: 30rem;
    }
    .what_item_title {
    	text-align: center;
    }
    .steps {
        padding: 40rem 0;
    }
    .steps_overlay {
    	margin-top: 30rem;
    }
    .steps_text {
    	margin-top: 10rem;
    }
    .steps_item_number {
    	font-size: 55rem;
    	width: 70rem;
    }
    .steps_item {
    	gap: 13rem;
    	width: auto;
    }
    .header_btn_mobile {
    	display: block;
    	margin-top: auto;
    }
    .header_nav a:first-child {
    	margin-top: auto;
    }
    .header_nav:before {
    	top: 70rem;
    }
    .modal_cf_content {
    	flex-direction: column;
    	padding: 20rem;
    	width: 295rem;
    	gap: 20rem;
    	left: 20rem;
    	top: calc(50% - 90rem);
    }
    .modal_cf_wrapper {
    	width: auto;
    	text-align: center;
    }
    .modal_content {
    	padding: 40rem 20rem;
    	width: 295rem;
    	left: 20rem;
    }
    .lang_uk .usecases:after {
		top: 473rem;
	}
	.header_lang_hide {
		top: calc(100% + 5rem);
	}
	.header_lang_hide:before {
		display: none;
	}
}