/*
Theme Name: Toimi pro
Author: Toimi
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 5.6
Version: 1.7
*/
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}
::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #343434;
}
:root {
	--light: #fff;
	--dark: #388AF3;
	--line: #275EFE;
	--duration: .44s;
	--duration-line: .84s;
	--brand-blue: #0988FA;
	--grays-gray_02: #F7F8FC;
}
.header-btn,
.menu-burger,
.form-btn,
.btn-block--item,
.serv-modal-header .close,
.ux-tabs-list li,
.timeline-btn,
.form-modal .close,
button,
input[type='checkbox'],
a,
a * {
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
label {
	user-select: none;
}
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input,
label {
	cursor: url(./assets/img/dvutavr.svg), url(./assets/img/cursor-pointer.svg), pointer;
}
html {
	font-family: 'Gilroy', sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	cursor: url(./assets/img/cursor-main.svg) -20 -15, default;
}
@keyframes menuLogoOpacityOpen {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes menuLogoOpacityClose {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes menuLogoTransformOpen {
	0% {
		opacity: 0;
		transform: translateY(3%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes menuLogoTransformClose {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(5%);
	}
}
@keyframes lineIconSvgSup {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-7px);
	}
	50% {
		transform: translateY(7px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes checkIconSvgSup {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(0);
	}
	65% {
		transform: translateY(7px);
	}
	100% {
		transform: translateY(0);
	}
}
.container {
	padding: 0 calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.container {
		padding: 0 calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.container {
		padding: 0 40px;
	}
}
@media (max-width: 414px) {
	.container {
		padding: 0 20px;
	}
}
.page-title {
	margin: 0 0 28px;
	font-weight: 600;
	font-size: 4.5rem;
	line-height: 6.5rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.page-title {
		margin: 0 0 calc(23px + (28 - 23) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(40px + (45 - 40) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(50px + (62 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.page-title {
		margin: 0 0 calc(21px + (23 - 21) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (50 - 36) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.page-title {
		margin: 0 0 21px;
		font-size: 3rem;
		line-height: 3.6rem;
	}
}
.page-subtitle {
	max-width: 716px;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #343434;
}
@media (max-width: 922px) {
	.page-subtitle {
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (40 - 36) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.page-subtitle {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
}
.page-subtitle>a {
	font-weight: bold;
	transition: .3s;
}
.page-subtitle a:hover {
	color: #388AF3;
	transition: .3s;
}
.custom-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em 3em;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.02em;
	color: #343434;
	background: none;
	border-radius: 1.23123e+06px;
	border: none;
	overflow: hidden;
	transition: all .4s;
	backface-visibility: hidden;
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.custom-btn span {
	margin-right: 1px;
}
.custom-btn span svg {
	width: 16px;
	height: 13px;
	margin-left: 5px;
	transition: .4s ease;
}
.add-btn span {
	display: flex;
	align-items: center;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.add-btn.chosen span:nth-child(1) {
	color: transparent;
}
.add-btn span svg {
	width: 20px;
	height: 30px;
	margin-right: 20px;
	margin-left: 0px;
}
@media (max-width: 922px) {
	.add-btn span svg {
		width: 21px;
		height: 26px;
	}
}
@media (max-width: 580px) {
	.add-btn span svg {
		width: 18px;
		height: 22px;
	}
}
.btn-hover {
	position: absolute !important;
	z-index: 0;
	width: 590px;
	height: 350px;
	border-radius: 50%;
	top: 0;
	background-color: #388AF3;
	transition: transform .4s ease-in-out;
	transform: translateY(90px);
}
.btn-hover--enter {
	animation: btn-circle-enter .4s linear forwards;
}
.btn-hover--leave {
	animation: btn-circle--leave .4s linear forwards;
}
@keyframes btn-circle-enter {
	from {
		transform: translateY(90px);
	}
	to {
		transform: translateY(-150px);
	}
}
@keyframes btn-circle--leave {
	from {
		transform: translateY(-150px);
	}
	to {
		transform: translateY(-400px);
	}
}
.custom-btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #388AF3;
	display: flex;
	border-radius: 100px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .4s ease;
}
.custom-btn::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 0;
	border-radius: 100px;
	background: #388AF3;
	transition: all .4s ease;
	z-index: -1;
}
.custom-btn:hover {
	color: #fff !important;
	transition: all .4s ease;
}
.custom-btn .s svg {
	margin-left: 10px;
	transition: .4s;
}
.custom-btn .s svg path {
	transition: all .4s ease;
}
.custom-btn:hover .s svg path {
	fill: #fff;
	transition: all .4s ease;
}
.custom-btn:hover .s svg path:nth-child(2) {
	fill: none;
	stroke: #fff;
	transition: all .4s ease;
}
@keyframes btnUpTick {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-2.5px);
	}
	50% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(2.5px);
	}
	100% {
		transform: translateY(0);
	}
}
/* .btn-up {
	position: fixed;
	left: 44px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	border: 4px solid #F0F2F8;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	transition: .6s;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	pointer-events: none;
	overflow: hidden;
	z-index: 1001;
} */
.btn-up {
  position: fixed;
  left: 44px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: conic-gradient(#F0F2F8 0deg, #F0F2F8 360deg);
  opacity: 0;
  transition: opacity .4s;
  pointer-events: none;
  overflow: hidden;
  z-index: 1001;
}
@media (max-width: 1920px) {
	.btn-up {
		left: calc(40px + (44 - 40) * ((100vw - 922px) / (1920 - 922)));
		bottom: 30px;
	}
}
@media (max-width: 1536px) {
	.btn-up {
		width: calc(55px + (60 - 55) * ((100vw - 1280px) / (1536 - 1280)));
		height: calc(55px + (60 - 55) * ((100vw - 1280px) / (1536 - 1280)));
		border-width: 3px;
	}
}
@media (max-width: 1280px) {
	.btn-up {
		width: 55px;
		height: 55px;
	}
}
@media (max-width: 922px) {
	.btn-up {
		left: 40px;
		bottom: 30px;
		width: calc(50px + (55 - 50) * ((100vw - 922px) / (1280 - 922)));
		height: calc(50px + (55 - 50) * ((100vw - 922px) / (1280 - 922)));
	}
}
@media (max-width: 767px) {
	.btn-up {
		left: unset;
		right: 40px;
		bottom: 35px;
	}
}
@media (max-width: 414px) {
	.btn-up {
		width: 50px;
		height: 50px;
	}
}
.btn-up.visible {
  opacity: 1;
  pointer-events: auto;
}
.btn-up::after {
  content: '';
  position: absolute;
  inset: 4px; /* толщина бордера */
  background: #fff;
  border-radius: 50%;
}
.btn-up-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.btn-up .btn-up-arrow {
	position: absolute;
	transition: 1.2s;
	animation: btnUpTick 1.8s linear infinite;
	animation-name: btnUpTick;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-play-state: paused;
	z-index: 1000;
}
.btn-up:hover .btn-up-arrow {
	animation-play-state: running;
}


.btn-up .btn-up-arrow svg {
	animation-name: btnUpTick;
	animation-duration: 2.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
}
.btn-up:hover .btn-up-arrow svg path {
	transition: .3s linear;
}
.btn-up:hover .btn-up-arrow svg path:first-child {
	fill: var(--brand-blue);
}
.btn-up:hover .btn-up-arrow svg path:nth-child(2) {
	stroke: var(--brand-blue);
}
.btn-up .btn-up-arrow:nth-child(1) {
	top: 19px;
}
.btn-up.move .btn-up-arrow:nth-child(1) {
	top: -20px;
}
.btn-up .btn-up-arrow:nth-child(2) {
	bottom: -20px;
}
.btn-up.move .btn-up-arrow:nth-child(2) {
	bottom: 19px;
}
.p-404 {
	background: linear-gradient(93.29deg, #388AF3 21.04%, #A483E2 88.77%);
}
.p-404-wrap {
	position: relative;
	overflow: hidden;
}
.p-404-canva canvas {
	width: 100vw;
	height: 100vh;
}
.p-404-content {
	margin-bottom: 180px;
	padding: 0 calc(177px + (585 - 177) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.p-404-content {
		margin-bottom: calc(93px + (180 - 93) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 580px) {
	.p-404-content {
		position: absolute;
		bottom: 0;
		margin: 0 40px;
	}
}
@media (max-width: 414px) {
	.p-404-content {
		margin-bottom: 93px;
	}
}
.p-404-content h1 {
	font-weight: 400;
	font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(24px + (29 - 24) * ((100vw - 922px) / (1920 - 922)));
	text-align: center;
	color: #EDF5FF;
}
@media (max-width: 922px) {
	.p-404-content h1 {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: 2.4rem;
	}
}
@media (max-width: 414px) {
	.p-404-content h1 {
		font-size: 1.6rem;
	}
}
.p-404-content .content-block {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(45px + (60 - 45) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.p-404-content .content-block {
		margin-top: 45px;
	}
}
@media (max-width: 580px) {
	.p-404-content .content-block {
		flex-direction: column;
	}
}
.p-404-content .content-block button {
	margin-right: 48px;
	color: #fff;
	background-color: transparent;
}
@media (max-width: 580px) {
	.p-404-content .content-block button {
		margin-right: 0;
		margin-bottom: 30px;
	}
}
.p-404-content .content-block button::after {
	border-color: #fff;
}
.p-404-content .content-block button::before {
	background: #fff;
	z-index: 0;
}
.p-404-content .content-block button span {
	position: relative;
	transition: .3s ease;
	z-index: 1;
}
.p-404-content .content-block button:hover span {
	color: #343434;
	transition: .3s ease;
}
.p-404-content .content-block a {
	position: relative;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #F4F9FF;
	transform: translateX(0);
	transition: all .4s;
}
.p-404-content .content-block a:hover {
	color: #0C279B;
	transform: translateX(10px);
	transition: all .4s;
}
.p-404-content .content-block a span {
	position: relative;
}
.p-404-content .content-block a span::before {
	content: '';
	position: absolute;
	bottom: 5px;
	right: -10px;
	width: 5px;
	height: 5px;
	background-color: #0C279B;
	border-radius: 50%;
	transform: scale(0);
	transition: all .4s;
}
.p-404-content .content-block a:hover span::before {
	transform: scale(1);
	transition: all .4s;
}
.breadcrumb {
	display: flex;
	align-items: center;
	margin-left: 5px;
	/* padding: calc(193px + (225 - 193) * ((100vw - 922px) / (1920 - 922))) calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920))) 0; */
	cursor: url(./assets/img/cursor-main.svg) -20 -15, default;
}
/* @media (max-width: 1920px) {
	.breadcrumb {
		padding: calc(193px + (225 - 193) * ((100vw - 922px) / (1920 - 922))) calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922))) 0;
	}
}
@media (max-width: 922px) {
	.breadcrumb {
		padding: calc(80px + (193 - 80) * ((100vw - 414px) / (922 - 414))) 40px 0;
	}
} */
@media (max-width: 414px) {
	.breadcrumb {
		padding: 80px 40px 0;
	}
}
.breadcrumb-item {
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(19px + (22 - 19) * ((100vw - 922px) / (1920 - 922)));
	color: #303030;
}
@media (max-width: 922px) {
	.breadcrumb-item {
		font-size: calc(12px + (16 - 12) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(14px + (19 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.breadcrumb-item {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
}
.breadcrumb-item:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumb-item a {
	color: inherit;
	white-space: nowrap;
	transition: .4s;
}
.breadcrumb-item:hover a {
	color: #388AF3;
	transition: .4s;
}
.breadcrumb-item .arr {
	padding: 0 7px;
}
.breadcrumb-item>span {
	font-weight: 600;
}
.breadcrumb-item:last-child>span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.menu {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100vh;
	width: 97px;
	background-color: transparent;
	pointer-events: none;
	z-index: 101;
}
@media (max-width: 1024px) {
	.menu {
		display: none;
	}
}
@media (max-width: 580px) {
	.menu {
		height: 102px;
		width: 100vw;
		transition: .6s ease-in-out;
	}
	.menu.minh {
		height: 70px;
		transition: .6s ease-in-out;
	}
	.menu.hide {
		transition: .6s ease-in-out;
		transform: translateY(-100%);
	}
}
.menu.active,
.menu.active .menu-burger-container {
	pointer-events: all;
}
.menu.active .menu-burger-container::before {
	clip-path: ellipse(18.9% 69% at -13% 50%);
	transition: all .6s cubic-bezier(0, 0.8, 0.9, 1);
}
@media (max-width: 1440px) {
	.menu.active .menu-burger-container::before {
		clip-path: ellipse(19.8% 67% at -13% 50%);
	}
}
@media (max-width: 1280px) {
	.menu.active .menu-burger-container::before {
		clip-path: ellipse(20.7% 65% at -13% 50%);
	}
}
@media (max-width: 1080px) {
	.menu.active .menu-burger-container::before {
		clip-path: ellipse(21.7% 63% at -13% 50%);
	}
}
@media (max-width: 922px) {
	.menu.active .menu-burger-container::before {
		clip-path: ellipse(23.5% 60% at -13% 50%);
	}
	.menu.active,
	.menu.active .menu-burger-container {
		overflow-y: scroll;
	}
}
@media (max-width: 580px) {
	.menu.active .menu-burger-container::before {
		display: none;
	}
	.menu.active,
	.menu.active .menu-burger-container {
		overflow-y: visible;
	}
}
.menu.active .menu-burger .menu-burger-top-line,
.menu.active .menu-burger .menu-burger-center-line,
.menu.active .menu-burger .menu-burger-bottom-line {
	background-color: #fff !important;
}
@media (max-width: 580px) {
	.menu.active .menu-burger .menu-burger-top-line,
	.menu.active .menu-burger .menu-burger-center-line,
	.menu.active .menu-burger .menu-burger-bottom-line {
		background-color: #388AF3 !important;
	}
}
.menu.active .menu-logo {
	animation: menuLogoOpacityOpen 1s 1 .9s ease both;
	pointer-events: all;
}
.menu.active .menu-info {
	animation: menuLogoOpacityOpen 1s 1 .9s ease both;
	pointer-events: all;
}
.menu.active .menu-nav--item a {
	transform: translateY(0);
}
.menu.active .menu-nav--item:nth-child(1) a {
	transition: background-color .3s, transform .5s ease-out .8s;
}
.menu.active .menu-nav--item:nth-child(2) a {
	transition: background-color .3s, transform .5s ease-out .9s;
}
.menu.active .menu-nav--item:nth-child(3) a {
	transition: background-color .3s, transform .5s ease-out .95s;
}
.menu.active .menu-nav--item:nth-child(4) a {
	transition: background-color .3s, transform .5s ease-out 1s;
}
.menu.active .menu-nav--item:nth-child(5) a {
	transition: background-color .3s, transform .5s ease-out 1.05s;
}
.menu.active .menu-nav--item:nth-child(6) a {
	transition: background-color .3s, transform .5s ease-out 1.1s;
}
.menu.active .menu-nav--item:nth-child(1) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out .85s;
}
.menu.active .menu-nav--item:nth-child(2) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out .9s;
}
.menu.active .menu-nav--item:nth-child(3) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out .95s;
}
.menu.active .menu-nav--item:nth-child(4) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out 1s;
}
.menu.active .menu-nav--item:nth-child(5) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out 1.05s;
}
.menu.active .menu-nav--item:nth-child(6) .item-wrap::before {
	transform: scale(1);
	transition: background-color .3s, transform .5s ease-out 1.1s;
}
.menu.active .menu-social {
	animation: menuLogoOpacityOpen 1s 1 .9s ease both;
	pointer-events: all;
}
.menu-burger-container {
	position: relative;
	display: flex;
	align-items: center;
	height: 100vh;
	width: 100%;
	padding-left: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
	pointer-events: none;
	z-index: 1000;
	transition: .6s ease-in-out;
}
@media (max-width: 768px) {
	.menu-burger-container {
		padding-left: calc(10px + (40 - 10) * ((100vw - 580px) / (768 - 580)));
	}
}
@media (max-width: 580px) {
	.menu-burger-container {
		position: fixed;
		top: 36px;
		right: 40px;
		height: 31px;
		width: 31px;
		padding-left: 0;
		padding-right: 0;
	}
	.menu-burger-container.minh {
		transform: translateY(-24px);
		height: 44px;
		transition: .6s ease-in-out;
	}
}
.menu-burger-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	height: 100%;
	width: 100vw;
	background-color: #388AF3;
	z-index: 1000;
	transition: all .9s ease-in-out;
	clip-path: ellipse(12.1% 74% at -13% 50%);
}
.menu-burger {
	position: relative;
	height: 45px;
	width: 45px;
	transform: scale(1);
	transform-origin: 50% 50%;
	transition: all .65s ease-out;
	pointer-events: all;
	z-index: 1000;
}
.menu-burger:hover {
	transform: scale(1.1);
}
.burger-anim {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: opacity 0.3s;
	opacity: 1;
}
.burger-anim-close {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 58px;
	transition: opacity 0.3s;
	opacity: 0;
}
.menu-burger.burger-opacity .burger-anim {
	opacity: 0;
	transition: opacity 0.3s;
}
.menu-burger.burger-opacity .burger-anim-close {
	opacity: 1;
	transition: opacity 0.3s;
}
.menu-burger::before {
	content: '';
	position: absolute;
	top: -30%;
	left: -40%;
	height: 180%;
	width: 180%;
}
.menu-burger.hidden {
	transform: scale(0);
	transition: all .35s ease-in;
}
.menu-burger .menu-burger-top-line {
	transform: translateY(0px) rotate(0);
}
.menu-burger .menu-burger-center-line {
	left: 12px;
	transform: translateY(0px) rotate(0);
}
.menu-burger .menu-burger-bottom-line {
	left: 24px;
	transform: translateY(0px) rotate(0);
}
.menu-burger.active .menu-burger-top-line {
	width: 100%;
	height: 5px;
	transform: translateY(0) rotate(45deg) !important;
}
.menu-burger.active .menu-burger-bottom-line {
	left: 0;
	width: 100%;
	height: 5px;
	transform: translateY(0) rotate(-45deg) !important;
}
.menu-burger>span {
	display: none;
	position: absolute;
	height: 7px;
	width: 7px;
	background-color: #388AF3;
	border-radius: 15px;
	overflow: hidden;
	transition: all 0.3s ease;
	transform-style: preserve-3d;
}
@media (max-width: 580px) {
	.menu-burger {
		width: 31px;
		height: 31px;
		display: flex;
		align-items: center;
	}
	.burger-anim {
		display: none;
	}
	.burger-anim-close {
		display: none;
	}
	.menu-burger>span {
		display: block;
	}
}
.menu-404 .menu-burger>span {
	background-color: #fff !important;
}
.menu-404.hide .menu-burger>span {
	background-color: #388AF3 !important;
}
.menu-burger.active>span {
	transform: scale(0);
}
.menu-burger:hover span {
	height: 5px;
	width: 100%;
}
.menu-burger:hover .menu-burger-top-line {
	left: 0;
	transform: translateY(-10px) rotate(0);
}
.menu-burger:hover .menu-burger-center-line {
	left: 0;
	width: 70%;
}
.menu-burger:hover .menu-burger-bottom-line {
	left: 0;
	transform: translateY(10px) rotate(0);
}
.menu-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background-color: #F9F9FC;
	transform: translateX(-100%);
	transition: all 1.2s ease-in-out;
	transition-delay: .7s;
	clip-path: ellipse(0% 0% at -13% 51%);
	z-index: 999;
}
.menu-content.active {
	transform: translateX(0);
	transition: all .9s cubic-bezier(0, 0.8, 0.9, 1);
	clip-path: ellipse(115% 300% at -13% 51%);
}
.menu-content--wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	padding-bottom: calc(99px + (106 - 99) * ((100vw - 922px) / (1920 - 922)));
	padding-top: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
	padding-left: calc(212px + (358 - 212) * ((100vw - 922px) / (1920 - 922)));
	overflow: auto;
}
@media (max-width: 922px) {
	.menu-content--wrap {
		padding-top: 35px;
		padding-left: calc(147px + (212 - 147) * ((100vw - 768px) / (922 - 768)));
		padding-bottom: 106px;
	}
}
@media (max-width: 580px) {
	.menu-content--wrap {
		padding-left: 39px;
		padding-right: 39px;
	}
}
.menu-logo {
	width: calc(108px + (113 - 108) * ((100vw - 922px) / (1920 - 922)));
	height: calc(35px + (37 - 35) * ((100vw - 922px) / (1920 - 922)));
	opacity: 0;
	pointer-events: none;
	animation: menuLogoOpacityClose .9s 1 .01s ease both;
}
@media (max-width: 922px) {
	.menu-logo {
		width: calc(114px + (108 - 114) * ((100vw - 414px) / (920 - 414)));
		height: calc(37px + (35 - 37) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.menu-logo {
		width: 114px;
		height: 37px;
	}
}
.menu-logo svg {
	width: 100%;
	height: 100%;
}
.menu-nav {
	display: flex;
	flex-direction: column;
	max-width: calc(555px + (1050 - 555) * ((100vw - 922px) / (1920 - 922)));
	margin-top: calc(100px + (138 - 100) * ((100vw - 414px) / (1920 - 414)));
	margin-bottom: calc(54px + (168 - 54) * ((100vw - 414px) / (1920 - 414)));
}
@media (max-width: 922px) {
	.menu-nav {
		max-width: calc(478px + (555 - 478) * ((100vw - 768px) / (922 - 768)));
	}
}
@media (max-width: 768px) {
	.menu-nav {
		align-items: flex-start;
		max-width: 100%;
	}
}
@media (max-width: 768px) {
	.menu-nav {
		margin-top: 100px;
		margin-bottom: 54px;
	}
}
.menu .menu-nav--item {
	position: relative;
	transition: transform .5s;
}
.menu .menu-nav--item::after {
	content: '';
	position: absolute;
	top: 40px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	background-color: #388AF3;
	border-radius: 50%;
	transform: scale(0);
	transition: .4s ease-out;
}
@media (max-width: 922px) {
	.menu .menu-nav--item::after {
		top: 25px;
	}
}
.menu .menu-nav--item:hover .item-wrap::before {
	background-color: #388AF3;
	transition: transform .4s;
}
.menu .menu-nav--item.active .item-wrap::before {
	background-color: #388AF3;
	transition: transform .4s;
}
.menu .menu-nav--item:hover::after {
	transform: scale(1);
	transition: transform .3s;
}
.menu .menu-nav--item.active::after {
	transform: scale(1);
	transition: transform .3s;
}
.menu .menu-nav--item .item-wrap {
	position: relative;
	transition: transform .4s;
}
.menu .menu-nav--item .item-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 90px;
	height: 90px;
	background-color: #343434;
	border-radius: 50%;
	transform: scale(0);
}
@media (max-width: 922px) {
	.menu .menu-nav--item .item-wrap::before {
		width: calc(60px + (90 - 60) * ((100vw - 768px) / (922 - 768)));
		height: calc(60px + (90 - 60) * ((100vw - 768px) / (922 - 768)));
	}
}
@media (max-width: 768px) {
	.menu .menu-nav--item .item-wrap::before {
		display: none;
	}
}
.menu .menu-nav--item:hover .item-wrap {
	transform: translateX(38px);
	transition: transform .4s;
}
.menu .menu-nav--item.active .item-wrap {
	transform: translateX(38px);
	transition: transform .4s;
}
.menu .menu-nav--item.active .dropdown-list {
	height: 510px;
	opacity: 1;
	transition: .9s;
	pointer-events: all;
}
@media (max-width: 768px) {
	.menu .menu-nav--item.active .dropdown-list {
		height: 390px;
	}
}
.menu .menu-nav--item .dropdown-list {
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	opacity: 0;
	transition: 1.3s;
	transition-delay: .2s;
	pointer-events: none;
}
.menu .menu-nav--item .dropdown-list li {
	margin-bottom: 36px;
	padding-left: 32px;
	transition: .5s;
	overflow: hidden;
}
@media (max-width: 768px) {
	.menu .menu-nav--item .dropdown-list li {
		margin-bottom: 22px;
	}
}
.menu .menu-nav--item .dropdown-list li:nth-child(1)>a {
	transition: transform .45s ease-out .5s, color .4s;
}
.menu .menu-nav--item .dropdown-list li:nth-child(2)>a {
	transition: transform .45s ease-out .4s, color .4s;
}
.menu .menu-nav--item .dropdown-list li:nth-child(3)>a {
	transition: transform .45s ease-out .3s, color .4s;
}
.menu .menu-nav--item .dropdown-list li:nth-child(4)>a {
	transition: transform .45s ease-out .2s, color .4s;
}
.menu .menu-nav--item .dropdown-list li:nth-child(5)>a {
	transition: transform .45s ease-out .1s, color .4s;
}
.menu .menu-nav--item .dropdown-list li>a {
	position: relative;
	display: block;
	height: auto;
	font-weight: 500;
	font-size: 2rem;
	line-height: 2.4rem;
	color: #282828;
	opacity: 1;
	transform: translateY(-100%);
	transition: transform .4s;
}
@media (max-width: 768px) {
	.menu .menu-nav--item .dropdown-list li>a {
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
.menu .menu-nav--item.active .dropdown-list li>a {
	opacity: 1;
	transform: translateY(0);
}
.menu .menu-nav--item.active .dropdown-list li:hover {
	transition: .5s;
	transform: translateX(2%);
}
.menu .menu-nav--item:hover .dropdown-list li>a.pause::before {
	animation-play-state: paused !important;
}
.menu .drop-jump-anim {
	display: flex;
	justify-content: space-between;
	width: 56px;
	margin-left: 15px;
	transform: scale(1);
	transform-origin: 0% 50%;
	transition: .4s;
}
.menu .menu-nav--item.active .drop-jump-anim {
	transform: scale(0);
	transition: .4s;
}
.menu .drop-jump-anim span {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	animation: dropJumpAnimOpacity 2s linear infinite both;
}
.menu .menu-nav--item:hover .drop-jump-anim span {
	animation: dropJumpAnim 2s linear infinite both;
}
.menu .drop-jump-anim span:nth-child(1) {
	animation-delay: 0s !important;
	background: #388AF3;
}
.menu .drop-jump-anim span:nth-child(2) {
	animation-delay: .2s !important;
	background: #99C1F7;
}
.menu .drop-jump-anim span:nth-child(3) {
	animation-delay: .4s !important;
	background: #D2E3FA;
}
@keyframes dropJumpAnimOpacity {
	0% {
		opacity: 1;
	}
	25% {
		opacity: .5;
	}
	50% {
		transform: translateY(0);
		opacity: 1;
	}
	75% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
@keyframes dropJumpAnim {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(10px);
	}
	50% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}
.menu .menu-nav--item:nth-child(1) a {
	transition: transform .4s .2s;
}
.menu .menu-nav--item:nth-child(2) a {
	transition: transform .4s .3s;
}
.menu .menu-nav--item:nth-child(3) a {
	transition: transform .5s .4s;
}
.menu .menu-nav--item:nth-child(4) a {
	transition: transform .5s .5s;
}
.menu .menu-nav--item:nth-child(5) a {
	transition: transform .6s .6s;
}
.menu .menu-nav--item a {
	position: relative;
	display: flex;
	align-items: center;
	height: 90px;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 3.8rem;
	line-height: 4.7rem;
	letter-spacing: 0.04em;
	color: #343434;
	transform: translateY(-100%);
}
@media (max-width: 922px) {
	.menu .menu-nav--item a {
		height: calc(60px + (90 - 60) * ((100vw - 768px) / (922 - 768)));
		font-size: calc(25px + (38 - 25) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(31px + (47 - 31) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.menu .menu-nav--item a {
		height: 60px;
		font-size: 2.5rem;
		line-height: 3.1rem;
	}
}
.menu-info {
	display: grid;
	grid-template-columns: auto auto auto;
	justify-content: start;
	opacity: 0;
	pointer-events: none;
	animation: menuLogoOpacityClose .9s 1 .01s ease both;
}
@media (max-width: 768px) {
	.menu-info {
		grid-template-columns: auto auto;
		grid-row-gap: 35px;
	}
}
@media (max-width: 580px) {
	.menu-info {
		margin: 0;
	}
}
.menu-info>a {
	position: relative;
	display: inline-block;
	margin-right: 35px;
	font-weight: 400;
	font-size: 2rem;
	line-height: 2.3rem;
	color: #343434;
	transition: .4s;
}
@media (max-width: 922px) {
	.menu-info>a {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(21px + (23 - 21) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.menu-info>a {
		grid-row: 2;
	}
}
@media (max-width: 380px) {
	.menu-info>a {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}
.menu-info>a::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -12px;
	display: block;
	width: 7px;
	height: 7px;
	background-color: #388AF3;
	transform: translateX(-50%) scale(0);
	transition: all .4s;
	border-radius: 50%;
}
.menu-info>a:hover {
	color: #388AF3;
	transition: .4s;
}
.menu-info>a:hover::before {
	transform: translateX(-50%) scale(1);
}
.menu-info>a:last-child {
	margin-right: 0;
}
.menu-info>a:nth-child(2) {
	color: #388AF3;
}
.menu-social {
	display: flex;
	grid-gap: 7px;
	animation: menuLogoOpacityClose .9s 1 .01s ease both;
}
@media (max-width: 768px) {
	.menu-social {
		grid-row: 1;
		position: relative;
		top: auto;
		right: auto;
		flex-direction: row;
		justify-content: flex-start;
		width: 88px;
		margin: 0 0 30px;
		transform: translateY(0);
	}
}
.menu-social a {
	position: relative;
	margin-bottom: 33px;
}
@media (max-width: 767px) {
	.menu-social a {
		margin-bottom: 0;
	}
}
.menu-social a svg {
	transition: 0.5s ease;
}
.menu-social a:hover svg {
	transform: translateY(-3px);
	transition: 0.5s ease;
}
.menu-social a svg path {
	transition: 0.5s ease;
}
.menu-social a:hover svg path {
	fill: #388AF3;
	transition: 0.5s ease;
}
.menu-social a:last-child {
	margin-bottom: 0;
}
.menu-social a:last-child {
	margin-bottom: 0;
}
.start-project {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 0;
	width: 100vw;
	background-color: #fff;
	animation: menuLogoOpacityClose .2s 1 .8s ease-in both;
	overflow: auto;
	transition: 1s .8s;
	pointer-events: none;
	z-index: 99;
}
.start-project.active {
	animation: menuLogoOpacityOpen .5s 1 ease-out both;
	height: 100vh;
	transition: 1s;
	pointer-events: all;
}
.start-project--web-dev {
	position: relative;
	animation: none;
	width: auto;
	height: auto !important;
	overflow: hidden;
	pointer-events: all !important;
	z-index: 5;
}
.start-project--web-dev .form {
	max-width: 100% !important;
	animation: none !important;
	opacity: 1;
}
.start-project--web-dev .form .form-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width: 580px) {
	.start-project--web-dev .form .form-wrapper {
		padding-right: 0;
	}
	.start-project--web-dev .title {
		font-size: 32px;
		line-height: 40px;
	}
}
.start-project--web-dev .title {
	animation: none !important;
	opacity: 1 !important;
}
.start-project--web-dev .form-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.start-project--web-dev .form-col:nth-child(1) {
	margin-right: 15px;
}
@media (max-width: 768px) {
	.start-project--web-dev .form-col {
		width: 100%;
	}
}
.start-project--web-dev .form-row:nth-child(1),
.start-project--web-dev .form-row:nth-child(3) {
	display: flex;
}
.start-project--web-dev .form-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 calc(20px + (47 - 20) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: 23px;
}
@media (max-width: 767px) {
	.start-project--web-dev .form-row {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
}
.start-project--web-dev .form-item {
	position: relative;
	padding-top: 17px;
	width: 100%;
}
.start-project--web-dev .form-control {
	width: 100%;
	font-weight: 400;
	font-size: 26px;
	line-height: 31px;
	color: #CCCCCC;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	background-color: transparent;
	resize: none;
	transition: .4s;
}
.start-project--web-dev .form-item label {
	position: absolute;
	top: 17px;
	left: 0;
	font-weight: 400;
	font-size: 22px;
	line-height: 31px;
	color: #CCCCCC;
	background-color: transparent;
	transition: .4s;
}
.start-project--web-dev .send-btn {
	position: relative;
	width: 227px;
	height: 227px;
	font-weight: bold;
	font-size: 2rem;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.02em;
	color: #388AF3;
	background-color: transparent;
	border: 3px solid #388AF3;
	border-radius: 1.23123e6px;
	transition: .3s ease;
}
@media (max-width: 767px) {
	.start-project--web-dev .send-btn {
		border: 2px solid #388AF3;
		height: 66px;
	}
}
.start-project--web-dev .start-project--wrap {
	padding-left: 0;
}
@media (max-width: 580px) {
	.start-project--web-dev .start-project--wrap {
		padding-right: 0;
	}
}
.start-project--web-dev .form .form-section.attach {
	display: flex;
	width: max-content;
}
@media (max-width: 767px) {
	.start-project--web-dev .form .form-section.attach {
		flex-direction: column;
		width: 80%;
	}
}
@media (max-width: 520px) {
	.start-project--web-dev .form .form-section.attach {
		width: 100%;
	}
}
.start-project--web-dev .send-btn:focus .icon,
.start-project--web-dev .send-btn:hover .icon {
	transform: translate(55px, -45px) scale(1.7);
	transition: .5s ease;
}
.start-project--web-dev .send-btn .icon {
	transition: .5s ease;
}
.start-project--web-dev .send-btn:active,
.start-project--web-dev .send-btn:hover {
	background-color: #388AF3;
	border-color: #388AF3;
	transition: .3s ease;
}
.start-project--web-dev .send-btn,
.start-project--web-dev .send-btn {
	transition: .3s ease;
}
.start-project--web-dev .send-btn span,
.start-project--web-dev .send-btn span {
	display: block;
	margin-top: 15px;
	transition: .3s ease;
}
.start-project--web-dev .send-btn:active span,
.start-project--web-dev .send-btn:hover span {
	color: #fff;
	transform: scale(1.2) translateY(-15px);
	transition: .3s ease;
}
@media (max-width: 580px) {
	.start-project--web-dev .form .form-btn {
		padding: 9px 10px;
	}
}
@media (max-width: 414px) {
	.start-project--web-dev .form .form-btn {
		padding: 9px 10px !important;
	}
}
.start-project--wrap {
	padding-top: 222px;
	padding-left: calc(40px + (204 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 53px;
}
@media (max-width: 922px) {
	.start-project--wrap {
		padding-top: calc(175px + (222 - 175) * ((100vw - 414px) / (922 - 414)));
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: calc(45px + (53 - 45) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.start-project--wrap {
		padding-top: 120px;
	}
	.start-project--web-dev .send-btn .icon {
		display: none;
	}
}
@media (max-width: 414px) {
	.start-project--wrap {
		padding-top: 175px;
		padding-bottom: 45px;
	}
}
.start-project.active .form {
	animation: menuLogoTransformOpen .4s 1 1.05s ease-out both;
}
.start-project.active .caption {
	animation: menuLogoOpacityOpen .7s 1 .5s ease both;
}
.start-project.active .title {
	animation: menuLogoOpacityOpen .7s 1 .8s ease both;
}
.start-project.active .subtitle {
	animation: menuLogoOpacityOpen .7s 1 1.01s ease both;
}
.start-project .caption {
	margin: 0 0 14px;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 3.5rem;
	color: #388AF3;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .6s ease both;
}
@media (max-width: 922px) {
	.start-project .caption {
		font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .caption {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}
.start-project .title {
	margin: 0 0 40px;
	font-weight: 700;
	font-size: 50px;
	line-height: 62px;
	color: #343434;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .5s ease both;
}
@media (max-width: 922px) {
	.start-project .title {
		margin: 0 0 calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(50px + (62 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .title {
		margin: 0 0 30px;
		font-size: 4rem;
		line-height: 5rem;
	}
}
.start-project .subtitle {
	max-width: 500px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #343434;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .2s ease both;
}
.start-project .subtitle>a {
	font-weight: 700;
	color: #388AF3;
	transition: .4s;
}
.start-project .subtitle>a:hover {
	color: #0C279B;
	transition: .4s;
}
.start-project .form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 1050px;
	margin-top: calc(60px + (82 - 60) * ((100vw - 922px) / (1920 - 922)));
	animation: menuLogoTransformClose .2s 1 .3s ease-in both;
}
@media (max-width: 922px) {
	.start-project .form {
		margin-top: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .form {
		margin-top: 40px;
	}
}
.start-project .form .form-control--item {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.start-project .form .form-control--item label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
	background-color: transparent;
	transition: all .3s ease;
}
@media (max-width: 922px) {
	.start-project .form .form-control--item label {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .form .form-control--item label {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.start-project .form .form-control--item label>span {
	color: tomato;
}
.serv-modal .form .serv-form-control label>span {
	color: tomato;
}
.start-project .form .form-control {
	position: relative;
	width: 100%;
	max-height: 37px;
	margin-bottom: calc(20px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 5px;
	font-weight: 300;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	resize: none;
	transition: all .4s;
	z-index: 2;
}
@media (max-width: 922px) {
	.start-project .form .form-control {
		margin-bottom: calc(20px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.start-project .form .form-control {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.start-project .form .form-control:focus+label,
.start-project .form .form-control:valid+label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.start-project .form .form-control--item:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.start-project .form .checkbox-bttn.error input:not(:checked)+label,
.start-project .form .text-input.error input:invalid+label {
	color: tomato;
}
.project-card--lock .form .checkbox-bttn.error input:not(:checked)+label,
.project-card--lock .form .text-input.error input:invalid+label {
	color: tomato;
}
.serv-modal .form .checkbox-bttn.error input:not(:checked)+label,
.serv-modal .form .text-input.error input:invalid+label {
	color: tomato;
}
.start-project .form .form-section {
	position: relative;
	margin-bottom: calc(60px + (80 - 60) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.start-project .form .form-section {
		margin-bottom: calc(40px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 414px) {
	.start-project .form .form-section {
		margin-bottom: 40px;
	}
}
.start-project .form .form-section.attach label>svg {
	margin-right: 20px;
}
.start-project .form .form-title {
	margin: 0 0 20px;
	font-weight: 400;
	font-size: calc(20px + (26 - 20) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
}
@media (max-width: 922px) {
	.start-project .form .form-title {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .form .form-title {
		font-size: 1.6rem;
	}
}
.start-project .form .btn-block {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 14px;
}
.start-project .form .btn-block--item {
	position: relative;
}
.start-project .form .btn-block--item input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 0;
	height: 0;
	transition: all .4s ease;
}
.start-project .form .btn-block--item label>span {
	position: relative;
	white-space: nowrap;
	z-index: 1;
}
.start-project .form .btn-block--item input:checked+label:after {
	top: 0;
	height: 100%;
	background: #388AF3;
	transition: all .4s ease;
}
.start-project .form .btn-block--item input:checked+label span {
	color: #fff !important;
	transition: all .3s ease;
}
.start-project .form .form-btn--wrap {
	position: relative;
	display: flex;
}
.start-project .form .form-btn {
	padding: calc(10px + (20 - 15) * ((100vw - 922px) / (1920 - 922))) calc(37px + (50 - 37) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 600;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	line-height: 40px;
	background-color: transparent;
}
@media (max-width: 922px) {
	.start-project .form .form-btn {
		padding: calc(9px + (15 - 9) * ((100vw - 414px) / (922 - 414))) calc(32px + (37 - 32) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .form .form-btn {
		padding: 9px 32px;
		font-size: 1.4rem;
	}
}
.start-project .form .form-btn .tnx-block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.start-project .form .form-btn .tnx-block span {
	display: flex;
	align-items: center;
}
.start-project .form .form-btn .tnx-block.t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
}
.start-project .form .form-btn .tnx-block.t.active {
	transform: scale(1);
}
.start-project .form .form-btn .tnx-block.s.inactive {
	transform: scale(0);
}
.start-project .form-section.attach input.form-btn {
	opacity: 0;
	font-size: 150px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
}
.start-project--web-dev .form-section.attach input.form-btn {
	opacity: 0;
	font-size: 150px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 300px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
}
.start-project .form .form-send {
	display: flex;
}
@media (max-width: 580px) {
	.start-project .form .form-send {
		flex-direction: column;
	}
}
.start-project .form .form-send .form-btn {
	display: flex;
	align-items: center;
	width: calc(176px + (215 - 176) * ((100vw - 922px) / (1920 - 922)));
	padding: 10px calc(54px + (74 - 54) * ((100vw - 922px) / (1920 - 922)));
	text-align: left;
	color: #388AF3;
}
@media (max-width: 922px) {
	.start-project .form .form-send .form-btn {
		width: calc(154px + (176 - 154) * ((100vw - 414px) / (922 - 414)));
		padding: calc(10px + (20 - 15) * ((100vw - 414px) / (922 - 414))) calc(43px + (54 - 43) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.start-project .form .form-send .form-btn {
		width: 154px;
		padding: 10px 43px;
	}
}
.start-project .form .form-send .form-btn.access {
	background: #7BE495;
}
.start-project .form .form-send .form-btn.access::after {
	border-color: #7BE495;
}
.start-project .form .form-send .s svg {
	margin-left: 10px;
}
.start-project .form .form-checkbox {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
@media (max-width: 767px) {
	.start-project--web-dev .form .form-checkbox {
		margin-top: 40px;
		margin-left: 0;
	}
}
@media (max-width: 580px) {
	.start-project .form .form-checkbox {
		margin-top: 40px;
		margin-left: 0;
	}
}
.start-project .form .form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
.start-project .form .form-checkbox input::before {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.start-project .form .form-checkbox input::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all .2s;
}
.start-project .form .form-checkbox input:checked:after {
	transform: scale(1) translate(-50%, -50%);
}
.start-project .form .form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #6D6D6D;
}
.start-project .form .form-checkbox p > a {
	color: #388AF3;
}
.start-project .form .form-access {
	position: absolute;
	left: 0;
	bottom: -25px;
	display: block;
	width: 110%;
	font-weight: 400;
	font-size: calc(13px + (16 - 13) * ((100vw - 922px) / (1920 - 922)));
	line-height: 12px;
	color: #7BE495;
	opacity: 0;
	transition: .4s;
}
@media (max-width: 922px) {
	.start-project .form .form-access {
		font-size: 1.3rem;
	}
}
.start-project .form .form-access.active {
	opacity: 1;
	transition: .4s;
}
.banner {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: calc(420px + (665 - 420) * ((100vw - 414px) / (1920 - 414)));
}
@media (max-width: 414px) {
	.banner {
		height: 420px;
	}
}
.banner h1 {
	position: relative;
	padding-top: calc(227px + (282 - 227) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: 6rem;
	line-height: 133%;
	text-align: center;
	color: #343434;
	user-select: none;
	z-index: 2;
}
@media (max-width: 922px) {
	.banner h1 {
		padding-top: calc(188px + (227 - 188) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.banner h1 {
		max-width: 100%;
		padding-top: 188px;
		font-size: 4rem;
	}
}
.banner-newton {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
}
.banner-newton canvas {
	width: 100%;
	height: 100%;
}
@media (max-width: 1000px) {
	.banner-newton canvas {
		width: 100vw;
	}
}
.start-project-btn {
	display: none;
}
@media (max-width: 580px) {
	.start-project-btn {
		display: flex;
		justify-content: center;
		width: 100%;
	}
}
.start-project-btn button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	margin-top: 95px;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.7rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #388AF3;
	background-color: transparent;
	border: 2px solid #EDEDEF;
	border-radius: 2312px;
}
.start-project-btn button svg {
	margin-left: 15px;
}
.services {
	margin-top: 215px;
}
@media (max-width: 1920px) {
	.services {
		margin-top: calc(177px + (215 - 177) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.services {
		margin-top: calc(120px + (177 - 120) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.services {
		margin-top: 120px;
	}
}
.services-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	margin-top: 72px;
}
@media (max-width: 1920px) {
	.services-list {
		grid-gap: calc(1px + (30 - 1) * ((100vw - 922px) / (1920 - 922)));
		margin-top: calc(60px + (72 - 60) * ((100vw - 1440px) / (1920 - 1440)));
	}
}
@media (max-width: 922px) {
	.services-list {
		grid-gap: 2px;
	}
}
@media (max-width: 860px) {
	.services-list {
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}
}
.services-list--item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 280px;
	padding: 0 55px;
	border-radius: 15px;
	overflow: hidden;
}
@media (max-width: 922px) {
	.services-list--item {
		min-height: calc(154px + (280 - 154) * ((100vw - 414px) / (922 - 414)));
		padding: 0 calc(20px + (55 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 860px) {
	.services-list--item {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.services-list--item:nth-child(6) .icon {
		scale: 1.5;
	}
}
@media (max-width: 414px) {
	.services-list--item {
		min-height: 154px;
		padding: 10px 20px;
	}
}
.services-list--item.active {
	background-color: #FBFBFB;
	transition: .3s ease-in-out;
}
.services-list--item.active::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: url(./assets/img/services-block.svg) right no-repeat;
	background-size: contain;
}
.services-list--item.active::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(93.29deg, #388AF3 21.04%, #A483E2 88.77%);
	transition: .3s ease-in-out;
	border-radius: 15px;
	opacity: 0;
}
.services-list--item.active:hover::after {
	opacity: 1;
	transition: .3s ease-in-out;
}
.services-list--item>a {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.services-list--item .icon {
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}
@media (max-width: 922px) {
	.services-list--item .icon svg {
		width: 100px;
		height: 100px;
	}
}
@media (max-width: 860px) {
	.services-list--item .icon {
		flex: 0 0 62px;
		max-width: 62px;
		margin-right: 28px;
		margin-bottom: 0;
	}
	.services-list--item .icon svg {
		width: 100%;
		height: 100%;
	}
}
.services-list--item h3 {
	position: relative;
	max-width: 460px;
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #343434;
	transition: .3s ease-in-out;
	z-index: 1;
}
@media (max-width: 922px) {
	.services-list--item h3 {
		font-size: calc(18px + (24 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (30 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.services-list--item h3 {
		font-size: 1.8rem;
		line-height: 2.2rem;
		transition: none;
	}
}
.services-list--item.active:hover h3 {
	color: #fff;
	-webkit-text-fill-color: #fff;
	transition: .3s ease-in-out;
}
@media (max-width: 414px) {
	.services-list--item.active:hover h3 {
		transition: none;
	}
}
.services-list--item p {
	position: relative;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 150%;
	color: #343434;
	transition: .3s ease-in-out;
	z-index: 1;
}
@media (max-width: 922px) {
	.services-list--item p {
		font-size: calc(12px + (16 - 12) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.services-list--item p {
		font-size: 1.4rem;
		line-height: 2rem;
		transition: none;
	}
}
.services-list--item.active:hover p {
	color: #fff;
	transition: .3s ease-in-out;
}
@media (max-width: 414px) {
	.services-list--item.active:hover p {
		transition: none;
	}
}
.serv {
	position: relative;
	padding-top: 50px;
	transition: all 1.3s;
}
@media (max-width: 1920px) {
	.serv {
		padding-top: 50px;
	}
}
@media (max-width: 922px) {
	.serv {
		padding-top: calc(44px + (60 - 44) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv {
		padding-top: 44px;
	}
}
.serv-pd-top {
	padding-top: 150px;
}
@media (max-width: 1920px) {
	.serv-pd-top {
		padding-top: calc(100px + (150 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-pd-top {
		padding-top: 100px;
	}
}
.serv-pd-bot {
	padding-bottom: 150px;
}
@media (max-width: 1920px) {
	.serv-pd-bot {
		padding-bottom: calc(100px + (150 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-pd-bot {
		padding-bottom: 100px;
	}
}
.serv-pd-top.ux-pd-top {
	padding-top: 373px;
}
@media (max-width: 1920px) {
	.serv-pd-top.ux-pd-top {
		padding-top: calc(100px + (373 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-pd-top.ux-pd-top {
		padding-top: 100px;
	}
}
.serv-pd-top.ux-pd-bottom {
	align-items: center;
	padding-bottom: calc(211px + (235 - 211) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.serv-pd-top.ux-pd-bottom {
		padding-bottom: calc(150px + (211 - 150) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 880px) {
	.serv-pd-top.ux-pd-bottom {
		padding-bottom: 0;
	}
}
.serv-pd-top.circle-pd-top {
	padding-top: calc(240px + (260 - 240) * ((100vw - 1920px) / (2560 - 1920)));
}
.serv-wrap {
	position: relative;
	padding-left: calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
	padding-right: calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
	margin-bottom: 250px;
}
.serv-wrap.burger-bg.pd-left.cp-bg {
	overflow: visible;
}
.web-circle-wrap .serv-wrap {
	margin-top: calc(100px + (250 - 100) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 1920px) {
	.serv-wrap {
		padding-left: calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
		padding-right: calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(100px + (250 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap {
		padding-left: 40px;
		padding-right: 40px;
		margin-bottom: 90px;
	}
	.serv-wrap.capa {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.web-circle-wrap .serv-wrap {
		margin-top: 100px;
	}
}
@media (max-width: 414px) {
	.serv-wrap {
		padding-left: 40px;
	}
}
.serv-wrap.outstaff {
	background-color: #A483E2;
	margin-bottom: 0;
}
.package {
	padding-top: 250px;
}
@media (max-width: 1920px) {
	.package {
		padding-top: calc(100px + (250 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
.serv-wrap.cost-bg {
	background: #A483E2;
}
.web-dev-btn {
	max-width: 300px;
	margin: 52px auto 0;
	transition: all .4s ease;
}
.web-dev-btn.custom-btn:hover span>svg {
	transform: translateX(10px);
	transition: all .4s ease;
}
.web-dev-btn.custom-btn:hover span>svg path:nth-child(2) {
	fill: #fff !important;
	stroke: #388AF3 !important;
}
.web-dev-btn.custom-btn .btn-hover {
	width: 500px;
	height: 400px;
}
.web-block-title .web-dev-btn {
	max-width: 375px;
	margin: 52px 0 0;
}
@media (max-width: 922px) {
	.web-block-title .web-dev-btn {
		margin: 52px auto 0;
	}
}
.web-dev-btn-blank svg {
	width: 20px !important;
	height: 21px !important;
	margin-left: 7px !important;
	transform: translateY(-3px);
	transition: .3s ease;
}
.web-dev-btn-blank:hover svg {
	transform: translateX(0) !important;
}
.web-dev-btn-blank svg path {
	transition: 0.3s ease;
}
@media (max-width: 580px) {
	.web-dev-btn-blank svg {
		display: none;
	}
}
.web-dev-btn-blank:hover svg path {
	fill: #388AF3 !important;
	stroke: #FFF !important;
	transition: 0.8s ease;
}
.web-dev-btn-blank:hover svg path:nth-child(2) {
	stroke: #FFF !important;
}
.web-dev-btn-blank:hover svg path:nth-child(3) {
	fill: none !important;
}
@media (max-width: 580px) {
	.web-dev-btn-blank span {
		text-align: center;
	}
	.web-dev-btn-blank svg {
		display: none;
	}
}
.web-dev-btn--step {
	max-width: 313px;
	margin-top: 75px;
	background-color: #fff;
}
.web-dev-title-btn {
	width: auto;
	margin: 60px 0;
	background: none;
}
.web-dev-title-btn svg {
	width: 20px;
	margin-left: 12px;
	overflow: visible;
}
.web-dev-title-btn:hover {
	color: #343434 !important;
}
.web-dev-title-btn svg .light {
	transform: translateY(-2px);
	transition: 0.3s ease;
}
.web-dev-title-btn:hover svg .light {
	transform: translateY(0);
	transition: 0.3s ease;
}
.web-dev-title-btn svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 10;
	transition: all 0.3s ease;
}
.web-dev-title-btn:hover svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 0;
	transition: all 0.3s ease;
}
.web-dev-modal {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 0;
	width: 100vw;
	background-color: #fff;
	animation: menuLogoOpacityClose .2s .8s ease-in both;
	overflow: auto;
	transition: 1s .8s;
	pointer-events: none;
	z-index: 1001;
	display: none;
}
.web-dev-modal.active {
	animation: menuLogoOpacityOpen .3s ease-out both;
	transition: .3s;
	height: 100vh;
	pointer-events: all;
	display: block;
}
.web-dev-modal--wrapper {
	padding-top: calc(35px + (57 - 35) * ((100vw - 922px) / (1920 - 922)));
	padding-left: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: calc(60px + (83 - 60) * ((100vw - 922px) / (1920 - 922)));
	padding-right: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
}
.web-dev-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.web-dev-modal-content {
	margin-top: 90px;
	padding-left: calc(0px + (154 - 0) * ((100vw - 922px) / (1920 - 922)));
}
.web-dev-modal-header .logo {
	position: relative;
	width: calc(108px + (113 - 108) * ((100vw - 922px) / (1920 - 922)));
	height: calc(35px + (37 - 35) * ((100vw - 922px) / (1920 - 922)));
}
.web-dev-modal-header .logo a {
	height: 100%;
	width: 100%;
	transition: .5s ease-in-out;
}
.web-dev-modal-header .logo a::before {
	content: '';
	position: absolute;
	top: -10%;
	left: -10%;
	height: 130%;
	width: 125%;
}
.web-dev-modal-header .logo svg {
	width: 100%;
	height: 100%;
}
.web-dev-modal-header .logo a .svg-front {
	clip-path: ellipse(50% 60% at 50% 160%);
	transition: .5s ease;
}
.web-dev-modal-header .logo a:hover .svg-front {
	clip-path: ellipse(60% 100% at 50% 50%);
	transition: .5s ease;
}
.web-dev-modal-header .logo a .svg-back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.web-dev-modal-header .close {
	width: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
	height: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	top: 70px;
	right: 70px;
}
.web-dev-modal-header .close svg {
	width: 100%;
	height: 100%;
}
.web-dev-modal-header .close svg path {
	stroke: #388AF3;
	transition: .4s ease;
}
.web-dev-modal-header .close:hover svg path {
	stroke: #343434;
	transition: .4s ease;
}
.web-dev-modal .title {
	max-width: 592px;
	margin: 0 0 16px;
	font-weight: 700;
	font-size: 50px;
	line-height: 58px;
	color: #388AF3;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .5s ease both;
}
@media (max-width: 1920px) {
	.web-dev-modal .title {
		font-size: calc(35px + (50 - 35) * ((100vw - 767px) / (1920 - 767)));
		line-height: calc(43px + (58 - 43) * ((100vw - 767px) / (1920 - 767)));
	}
}
@media (max-width: 767px) {
	.web-dev-modal .title {
		font-size: calc(31px + (35 - 31) * ((100vw - 414px) / (767 - 414)));
		line-height: calc(40px + (43 - 40) * ((100vw - 414px) / (767 - 414)));
	}
}
@media (max-width: 414px) {
	.web-dev-modal .title {
		font-size: 31px;
		line-height: 40px;
	}
}
.web-dev-modal.active .title {
	animation: menuLogoOpacityOpen .3s .2s ease both;
}
.web-dev-modal .subtitle {
	max-width: 392px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #343434;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .2s ease both;
}
.web-dev-modal.active .subtitle {
	animation: menuLogoOpacityOpen .3s .2s ease both;
}
.web-dev-modal .form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 1050px;
	margin-top: calc(60px + (82 - 60) * ((100vw - 922px) / (1920 - 922)));
	animation: menuLogoTransformClose .2s 1 .3s ease-in both;
}
.web-dev-modal.active .form {
	animation: menuLogoTransformOpen .4s .2s ease-out both;
}
.web-dev-modal .form .form-control--item {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.web-dev-modal .form .form-control--item.error>label {
	color: tomato;
}
.web-dev-modal .form .form-control {
	position: relative;
	width: 100%;
	max-height: 37px;
	margin-bottom: calc(20px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 5px;
	font-weight: 300;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	resize: none;
	transition: all .4s;
	z-index: 2;
}
.web-dev-modal .form .form-control--item label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
	background-color: transparent;
	transition: all .3s ease;
}
.web-dev-modal .form .form-control--item:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.web-dev-modal .form .form-control--item input:valid+label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.web-dev-modal .form .form-send {
	display: flex;
}
@media (max-width: 550px) {
	.web-dev-modal .form .form-send {
		flex-direction: column;
	}
}
.web-dev-modal .form .form-btn--wrap {
	position: relative;
	display: flex;
}
@media (max-width: 550px) {
	.web-dev-modal .form .form-btn--wrap {
		margin: 30px 0;
	}
}
.web-dev-modal .form .form-send .form-btn {
	display: flex;
	align-items: center;
	width: calc(176px + (215 - 176) * ((100vw - 922px) / (1920 - 922)));
	padding: 20px calc(54px + (74 - 54) * ((100vw - 922px) / (1920 - 922)));
	text-align: left;
	color: #388AF3;
	background: none;
}
.web-dev-modal .form .form-btn .tnx-block span {
	display: flex;
	align-items: center;
}
.web-dev-modal .form .form-checkbox {
	display: flex;
	align-items: center;
	margin-left: 85px;
}
@media (max-width: 1920px) {
	.web-dev-modal .form .form-checkbox {
		margin-left: calc(20px + (85 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-dev-modal .form .form-checkbox {
		margin-left: 20px;
	}
}
@media (max-width: 550px) {
	.web-dev-modal .form .form-checkbox {
		margin-left: 0;
	}
}
.web-dev-modal .form .form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
.web-dev-modal .form .form-checkbox input::before {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.web-dev-modal .form .form-checkbox input::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all .2s;
}
.web-dev-modal .form .form-checkbox input:checked:after {
	transform: scale(1) translate(-50%, -50%);
}
.web-dev-modal .form .form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #6D6D6D;
}
.web-dev-modal .form .form-checkbox p>a {
	color: #388AF3;
}
.web-dev-modal .form-btn span svg {
	transition: 0.3s ease;
}
.web-dev-modal .form-btn:hover span svg {
	transform: translateX(10px);
	transition: 0.3s ease;
}
.serv-block.web-dev {
	margin-top: 79px;
}
.serv-block.web-dev .block-subtitle {
	max-width: 615px;
}
.serv-wrap.web-cr {
	margin-bottom: 0;
}
.web-cases {
	margin-top: 120px;
}
.serv-wrap.pd-bottom {
	padding-bottom: 0;
}
.serv-wrap.mg-bottom {
	margin-bottom: 0;
}
@media (max-width: 922px) {
	.serv-wrap.ux-circle {
		padding-bottom: 0;
	}
	.serv-block.web-dev {
		margin-top: 30px;
	}
	.serv-block.web-dev .web-dev-title-btn {
		margin-bottom: 0;
	}
	.circle-bg-h.web-dev {
		min-height: 315px;
	}
	.serv-circle--web-dev .serv-circle-bg {
		display: flex;
		height: 313px;
		width: 313px;
	}
	.ux-circle .serv-circle-bg {
		display: flex;
		right: calc(0px + (-40 - 0) * ((100vw - 580px) / (922 - 580)));
		width: 378px;
		height: 378px;
	}
}
@media (max-width: 580px) {
	.serv-block.web-dev .web-dev-title-btn {
		margin: 60px auto 0;
	}
	.ux-circle .serv-circle-bg {
		display: none;
	}
}
@media (max-width: 414px) {
	.serv-block.web-dev .web-dev-title-btn {
		padding: 1em 2em;
	}
}
.serv-wrap-cp {
	overflow: hidden;
}
.serv-video {
	position: absolute;
	top: calc(-100px + (-150 - -100) * ((100vw - 1280px) / (1920 - 1280)));
	right: calc(90px + (300 - 90) * ((100vw - 1280px) / (1920 - 1280)));
	display: block;
	width: calc(290px + (309 - 290) * ((100vw - 1280px) / (1920 - 1280)));
	height: calc(435px + (576 - 435) * ((100vw - 1280px) / (1920 - 1280)));
	overflow: visible;
}
@media (max-width: 1270px) {
	.serv-video {
		display: none;
	}
}
.serv-video video {
	position: relative;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	z-index: 1;
}
.serv-caption {
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #343434;
}
@media (max-width: 1920px) {
	.serv-caption {
		font-size: calc(35px + (60 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (70 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-caption {
		font-size: calc(38px + (35 - 38) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(48px + (39 - 48) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-wrap-pwa-cp .serv-caption {
		font-size: 3.8rem;
		line-height: 4.8rem;
	}
	.serv-caption {
		font-size: 3.8rem;
		line-height: 4.8rem;
	}
}
.serv-subcaption {
	max-width: 652px;
	margin-top: 80px;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.serv-subcaption {
		max-width: calc(580px + (652 - 580) * ((100vw - 922px) / (1920 - 922)));
		margin-top: calc(60px + (80 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap-pwa-cp .serv-subcaption {
		max-width: 400px;
		font-size: calc(22px + (16 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(32px + (29 - 32) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-subcaption {
		max-width: 580px;
		margin-top: calc(20px + (60 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (45 - 36) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-subcaption {
		margin-top: 20px;
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
	.serv-wrap-pwa-cp .serv-subcaption {
		font-size: 22px;
		line-height: 32px;
	}
}
.ux-overflow {
	overflow: hidden;
}
.serv-circle-bg {
	position: absolute;
	right: 169px;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 488px;
	height: 488px;
	border-radius: 50%;
	background-color: #F0F2F8;
	z-index: -1;
	animation: greyBall 5s ease forwards;
}
@keyframes greyBall {
	0% {
		transform: translateX(400px);
	}
	30% {
		transform: translateX(0);
	}
	35% {
		transform: translateX(0);
	}
	53% {
		transform: translateX(-130px);
	}
	80% {
		transform: translateX(0);
	}
}
@media (max-width: 1920px) {
	.serv-circle-bg {
		right: calc(50px + (169 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-circle-bg {
		display: none;
	}
	.ux-circle .serv-circle-bg {
		display: flex;
		right: calc(0px + (-40 - 0) * ((100vw - 580px) / (922 - 580)));
		width: 378px;
		height: 378px;
	}
}
@media (max-width: 580px) {
	.ux-circle .serv-circle-bg {
		display: none;
	}
}
.serv-circle-bg-blue {
	position: absolute;
	top: 0;
	right: -319px;
	width: 488px;
	height: 488px;
	border-radius: 50%;
	background-color: #388AF3;
	animation-name: BlueBall;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes BlueBall {
	0%,
	12% {
		transform: translateX(260px);
	}
	38% {
		transform: translateX(-20px);
	}
	65% {
		transform: translateX(0);
	}
}
@media (max-width: 1920px) {
	.serv-circle-bg-blue {
		right: calc((50px + (169 - 50) * ((100vw - 922px) / (1920 - 922))) - 488px);
	}
}
@media (max-width: 922px) {
	.serv-wrap-pwa-cp .serv-circle-bg {
		display: flex;
		height: 378px;
		width: 378px;
	}
	.serv-wrap-pwa-cp .serv-circle-bg-blue {
		display: block;
		height: 378px;
		width: 378px;
		right: -336px;
	}
	.serv-circle-bg-blue {
		display: none;
	}
	.serv-circle--web-dev .serv-circle-bg-blue {
		display: block;
		height: 313px;
		width: 313px;
		right: calc((224px + (169 - 50) * ((100vw - 922px) / (1920 - 922))) - 488px);
	}
}
@media (max-width: 767px) {
	.serv-wrap-pwa-cp .serv-circle-bg {
		display: none;
	}
	.serv-wrap-pwa-cp .serv-circle-bg-blue {
		display: none;
	}
}
@media (max-width: 580px) {
	.serv-circle--web-dev {
		display: none;
	}
}
.serv-circle-bg h2 {
	margin: 0;
	font-weight: bold;
	font-size: 80px;
	color: #388AF3;
	user-select: none;
	opacity: 0;
	animation: ballText 2s 3s ease forwards;
}
@keyframes ballText {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@media (max-width: 922px) {
	.serv-circle-bg h2 {
		font-size: 8rem;
		opacity: 1;
		animation: none;
	}
}
.serv-anh {
	position: absolute;
	top: 0;
	left: 0;
}
.serv-anh.anh-1,
.serv-anh.anh-2 {
	top: calc(30px + (150 - 30) * ((100vw - 414px) / (1920 - 414)));
}
@media (max-width: 414px) {
	.serv-anh.anh-1,
	.serv-anh.anh-2 {
		top: 30px;
	}
}
.serv-anchor-title {
	display: flex;
}
.serv-anchor {
	position: relative;
	margin-top: 250px;
}
@media (max-width: 1920px) {
	.serv-anchor {
		margin-top: calc(62px + (250 - 62) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1150px) {
	.serv-anchor {
		margin-top: 150px;
	}
}
@media (max-width: 922px) {
	.serv-anchor {
		margin-top: 115px;
	}
}
@media (max-width: 767px) {
	.serv-anchor {
		margin-top: 68px;
	}
	.serv-anchor-ux {
		margin-top: 150px;
	}
}
@media (max-width: 580px) {
	.serv-anchor-ux {
		margin-top: 68px;
	}
}
.serv-anchor .icon {
	position: absolute;
	top: 0;
	left: -80px;
}
@media (max-width: 1199px) {
	.serv-anchor .icon {
		display: none;
	}
}
@media (max-width: 922px) {
	.serv-anchor .icon {
		display: block;
		top: -5px;
		left: 0;
	}
}
.serv-anchor .icon svg {
	width: calc(40px + (48 - 40) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-anchor .icon svg {
		width: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-anchor .icon svg {
		width: 30px;
	}
}
.serv-anchor .icon .icon-line {
	animation: lineIconSvgSup 2.8s infinite ease-in-out;
}
.serv-anchor .icon .icon-check {
	animation: checkIconSvgSup 2.8s infinite ease-in-out;
}
.serv-anchor span {
	position: relative;
	display: block;
	margin-right: 15px;
	width: calc(42px + (50 - 42) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(42px + (50 - 42) * ((100vw - 1920px) / (2560 - 1920)));
	box-shadow: 0 0 0 0 rgb(56 138 243 / 30%);
	border-radius: 50%;
	transform: scale(1);
}
.serv-anchor span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	border-radius: 50%;
	background-color: #388AF3;
	transform: translate(-50%, -50%);
}
@media (max-width: 1920px) {
	.serv-anchor span::before {
		width: 10px;
		height: 10px;
	}
}
.serv-anchor span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	background: #E1EFFF;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	animation: c-pulse-serv 2.3s ease-in-out 0s infinite;
	z-index: -1;
}
.serv-anchor h3 {
	margin: 0 0 40px;
	font-weight: 400;
	font-size: calc(30px + (35 - 30) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(36px + (42 - 36) * ((100vw - 922px) / (1920 - 922)));
	color: #388AF3;
}
@media (max-width: 922px) {
	.serv-anchor h3 {
		margin: 0 0 calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
		padding-left: 40px;
		font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(29px + (36 - 29) * ((100vw - 414px) / (922 - 414)));
		max-width: 50%;
	}
}
@media (max-width: 580px) {
	.serv-anchor h3 {
		max-width: 100%;
	}
}
@media (max-width: 414px) {
	.serv-anchor h3 {
		margin: 0 0 35px;
		padding-left: 0;
		font-size: 2.5rem;
		line-height: 2.9rem;
	}
}
.serv-anchor h3.anch-color-dark {
	color: #343434;
}
.serv-anchor-list {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 922px) {
	.serv-anchor-list {
		padding-left: 0px;
	}
}
@media (max-width: 767) {
	.serv-anchor-list {
		flex-direction: column;
		padding-left: 0px;
	}
}
.serv-anchor-list a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: calc(15px + (91 - 15) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 2.7rem;
	color: #388AF3;
	white-space: nowrap;
	overflow: visible;
	transition: .5s ease;
	z-index: 1;
}
@media (max-width: 922px) {
	.serv-anchor-list a {
		align-self: flex-start;
		height: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
		margin-right: 0;
		margin-bottom: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
		padding-left: 15px;
	}
}
@media (max-width: 767px) {
	.serv-anchor-list a {
		align-self: flex-start;
		height: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
		margin-right: 0;
		margin-bottom: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
		padding-left: calc(0px + (86 - 0) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-anchor-list a {
		height: 60px;
		margin-bottom: 15px;
		padding-left: 10px;
	}
}
.serv-anchor-list a:last-child {
	margin-right: 0;
}
@keyframes c-pulse-serv {
	0% {
		transform: translate(-50%, -50%) scale(.95);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	80% {
		transform: translate(-50%, -50%) scale(4);
		opacity: 0;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}
.serv-anchor-list a>span {
	position: relative;
	display: block;
	margin-right: 15px;
	width: calc(42px + (50 - 42) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(42px + (50 - 42) * ((100vw - 1920px) / (2560 - 1920)));
	box-shadow: 0 0 0 0 rgb(56 138 243 / 30%);
	border-radius: 50%;
	transform: scale(1);
}
@media (max-width: 1920) {
	.serv-anchor-list a span {
		width: 42px;
		height: 42px;
	}
}
.serv-anchor-list a>span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	border-radius: 50%;
	background-color: #388AF3;
	transform: translate(-50%, -50%);
}
@media (max-width: 1920px) {
	.serv-anchor-list a>span::before {
		width: 10px;
		height: 10px;
	}
}
.serv-anchor-list a>span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	background: #E1EFFF;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	z-index: -1;
}
@media (max-width: 1920px) {
	.serv-anchor-list a>span::after {
		width: 15px;
		height: 15px;
	}
}
.serv-anchor-list a:nth-child(1)>span::after {
	animation: c-pulse-serv 2.3s ease-in-out 0s infinite;
}
.serv-anchor-list a:nth-child(2)>span::after {
	animation: c-pulse-serv 2.3s ease-in-out 0.6s infinite;
}
.serv-anchor-list a:nth-child(3)>span::after {
	animation: c-pulse-serv 2.3s ease-in-out 1.1s infinite;
}
.serv-anchor-list a:hover {
	color: #282828;
	transition: all .5s ease;
}
.serv-anchor-list a>p {
	position: relative;
}
.serv-anchor-list a>p::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	height: 2px;
	width: 100%;
	--w: 5px;
	--h: 0.06em;
	--c: #C3DCFB;
	border-radius: var(--h);
	background:
		radial-gradient(circle closest-side, var(--c) 90%, #0000 105%) 0/var(--w),
		linear-gradient(90deg, var(--c) 50%, #0000 0) calc(var(--w)/2)/calc(2*var(--w));
	transition: .6s;
}
.serv-anchor-list a:hover>p::before {
	right: 0 !important;
	left: unset;
	width: 0;
	transition: .6s;
}
.serv-block .block-title {
	margin: 0 0 60px;
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 5.6rem;
	color: #343434;
	transition: color .9s;
}
.serv-block .block-title span {
	font-weight: 400;
}
@media (max-width: 1920px) {
	.serv-block .block-title {
		margin: 0 0 calc(30px + (60 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap-cp .serv-block {
		display: flex;
		justify-content: space-between;
	}
	.serv-wrap-cp .serv-block .block-title {
		width: 200px;
		margin-right: 50px;
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
	.serv-block .block-title {
		margin: 0 0 calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(40px + (45 - 40) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(50px + (56 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.capa .serv-block {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 767px) {
	.serv-wrap-cp .serv-block {
		flex-direction: column;
	}
	.serv-wrap-cp .serv-block .block-title {
		width: 100%;
		margin-right: 0;
	}
}
@media (max-width: 414px) {
	.serv-block .block-title {
		margin: 0 0 20px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
	.serv-wrap-cp .serv-block .block-title {
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
}
.serv-wrap.outstaff .serv-block .block-title {
	color: #fff;
}
.serv-wrap.ux-proj .serv-block .block-title {
	color: #fff;
}
.serv-wrap.ux-proj {
	background: #A483E2;
}
.serv-wrap.ux-proj .serv-block .block-subtitle {
	color: #fff;
}
.serv-wrap.outstaff .serv-block .block-subtitle {
	color: #fff;
}
.serv-wrap.capa .capa-wrap-background {
	position: absolute;
	top: 0;
	left: -49.5%;
	display: flex;
	align-items: flex-start;
	height: calc(1000px + (2205 - 1000) * ((100vw - 922px) / (1920 - 922)));
	width: calc(1000px + (2205 - 1000) * ((100vw - 922px) / (1920 - 922)));
	z-index: -1;
}
@media (max-width: 922px) {
	.serv-wrap.capa .capa-wrap-background {
		width: 1000px;
		height: 1000px;
	}
}
@media (max-width: 767px) {
	.serv-wrap.capa .capa-wrap-background {
		left: -61%;
	}
}
@media (max-width: 580px) {
	.serv-wrap.capa .capa-wrap-background {
		right: calc(-185px + (-85 - -185) * ((100vw - 370px) / (580 - 370)));
		left: unset;
		width: 750px;
		height: 750px;
	}
}
@media (max-width: 370px) {
	.serv-wrap.capa .capa-wrap-background {
		right: -175px;
	}
}
.serv-wrap.capa .capa-background {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.serv-wrap.capa .serv-block .block-title {
	color: #343434;
}
.serv-block .block-subtitle {
	max-width: 693px;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #343434;
	transition: color .9s;
}
@media (max-width: 1920px) {
	.serv-block .block-subtitle {
		max-width: calc(595px + (693 - 595) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap-cp .serv-block .block-subtitle {
		width: 500px;
		font-size: calc(22px + (16 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (25 - 36) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-block .block-subtitle {
		max-width: calc(334px + (595 - 334) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (40 - 36) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-block.web-dev .block-subtitle {
		max-width: 350px;
		font-size: 16px;
		line-height: 25px;
	}
	.web-block-title .block-subtitle {
		width: 500px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
	.web-block-title .block-title {
		margin-right: 50px;
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
@media (max-width: 767px) {
	.web-block-title .block-title {
		margin-right: 0;
	}
	.web-block-title .block-subtitle {
		width: 100%;
	}
	.serv-wrap-cp .serv-block .block-subtitle {
		width: 100%;
		font-size: 22px;
		line-height: 36px;
	}
	.serv-wrap.capa .serv-block .block-title {
		color: #388AF3;
	}
	.web-block-title {
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.web-block-title .block-title {
		margin-right: 50px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
	.serv-block .block-subtitle {
		max-width: 334px;
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
}
.serv-wrap.web-cr .serv-block {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.serv-wrap.web-cr .serv-block {
		flex-direction: column;
	}
}
.serv-price {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 120px;
}
@media (max-width: 1920px) {
	.serv-price {
		margin-top: calc(60px + (120 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-price {
		margin-top: 60px;
	}
}
.serv-price.pack {
	display: grid;
	grid-template-columns: 256px 1fr;
	grid-gap: 0 105px;
}
@media (max-width: 1920px) {
	.serv-price.pack {
		grid-template-columns: calc(195px + (256 - 195) * ((100vw - 922px) / (1920 - 922))) 1fr;
		grid-gap: 0 calc(64px + (105 - 64) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-price.pack {
		grid-template-columns: calc(168px + (195 - 168) * ((100vw - 414px) / (922 - 414))) 1fr;
		grid-gap: 0 64px;
	}
}
@media (max-width: 580px) {
	.serv-price.pack {
		grid-template-columns: 1fr;
		grid-gap: 30px 0;
	}
}
.serv-price-container {
	margin-right: 15px;
}
@media (max-width: 1580px) {
	.serv-price-container {
		width: 100%;
		margin-bottom: 68px;
	}
}
@media (max-width: 922px) {
	.serv-price-container {
		margin-right: 0;
		margin-bottom: 68px;
	}
}
.serv-price-item {
	display: grid;
	grid-template-columns: 500px 165px 165px;
	grid-gap: 0 30px;
	align-items: center;
	padding-top: calc(27px + (29 - 27) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
	border-bottom: 1px solid #388AF3;
}
@media (max-width: 1920px) {
	.serv-price-item {
		grid-template-columns:
			calc(437px + (500 - 437) * ((100vw - 922px) / (1920 - 922))) calc(143px + (165 - 143) * ((100vw - 922px) / (1920 - 922))) calc(143px + (165 - 143) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1580px) {
	.serv-price-item {
		justify-content: space-between;
	}
}
@media (max-width: 922px) {
	.serv-price-item {
		grid-template-columns: calc(340px + (437 - 340) * ((100vw - 767px) / (920 - 767))) 1fr 1fr;
		padding-top: 27px;
		padding-bottom: 20px;
	}
}
@media (max-width: 767px) {
	.serv-price-item {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px 0;
	}
}
.serv-wrap.outstaff .serv-price-item {
	border-color: #fff;
}
.serv-price-item h4 {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	color: #343434;
	transform: translateX(0px);
	transition: .9s;
}
@media (max-width: 767px) {
	.serv-price-item h4 {
		grid-column: 1/4;
	}
}
.serv-price-item:hover h4 {
	transform: translateX(25px);
	transition: .5s ease-in-out;
}
.serv-wrap.outstaff .serv-price-item h4 {
	color: #FAFAFA;
}
.serv-price-item p {
	position: relative;
	font-weight: 400;
	font-size: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(31px + (35 - 31) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	transition: color .9s;
}
@media (max-width: 922px) {
	.serv-price-item p {
		font-size: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(26px + (31 - 26) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.serv-price-item p {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.serv-price-item p {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
.serv-wrap.outstaff .serv-price-item p {
	color: #fff;
}
.serv-price-item p>span {
	position: absolute;
	top: -43px;
	left: 0;
	display: block;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #388AF3;
	transition: color .9s;
}
@media (max-width: 767px) {
	.serv-price-item p>span {
		position: relative;
		top: 0;
		margin-bottom: 5px;
	}
}
.serv-wrap.outstaff .serv-price-item p>span {
	color: #fff;
}
.serv-wrap .serv-price-item:not(:nth-child(1)) p>span {
	display: none;
}
@media (max-width: 767px) {
	.serv-wrap .serv-price-item:not(:nth-child(1)) p>span {
		display: block;
	}
}
.serv-price-recall {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 922px) {
	.serv-price-recall {
		justify-content: flex-start;
	}
}
.serv-price-recall button {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #388AF3;
	border: 3px solid #388AF3;
	border-radius: 1.23123e+06px;
	background-color: transparent;
	transition: .9s;
}
@media (max-width: 922px) {
	.serv-price-recall button {
		width: calc(91px + (200 - 91) * ((100vw - 580px) / (922 - 580)));
		height: calc(91px + (200 - 91) * ((100vw - 580px) / (922 - 580)));
		font-size: calc(14px + (18 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 680px) {
	.serv-price-recall button {
		width: 91px;
		height: 91px;
		font-size: 2rem;
	}
}
.serv-wrap.outstaff .serv-price-recall button {
	color: #EBE2FF;
	border-color: #EBE2FF;
}
.serv-price-recall button svg {
	margin-bottom: 28px;
	transition: .3s;
}
@media (max-width: 922px) {
	.serv-price-recall button svg {
		margin-bottom: calc(0px + (28 - 0) * ((100vw - 580px) / (922 - 580)));
	}
}
@media (max-width: 680px) {
	.serv-price-recall button svg {
		margin-bottom: 0;
		transform: scale(.8);
	}
}
.serv-price-recall button:hover svg {
	transform: translateX(10px) scale(1.05);
	transition: .3s;
}
.outstaff .serv-price-recall button svg path {
	stroke: #EBE2FF;
	transition: .9s;
}
@media (max-width: 680px) {
	.serv-price-recall .modal-btn-ab {
		position: absolute;
		right: -70px;
		text-align: left;
	}
	.serv-price-recall .modal-btn-ab-ru {
		position: absolute;
		/* right: calc(-175px + (-120 + 175) * ((100vw - 315px) / (680 - 315))); */
		left: 130px;
		text-align: left;
	}
}
.serv-price-hours h4 {
	margin: 0;
	font-weight: 700;
	font-size: calc(30px + (35 - 30) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(37px + (43 - 37) * ((100vw - 922px) / (1920 - 922)));
	color: #388AF3;
}
@media (max-width: 414px) {
	.serv-price-hours h4 {
		font-size: 3rem;
		line-height: 3.7rem;
	}
}
.serv-price-hours span {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #6D6D6D;
	transition: color .9s;
}
@media (max-width: 922px) {
	.serv-price-hours span {
		font-size: calc(12px + (14 - 12) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(14px + (17 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-price-hours span {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
}
.serv-price-list {
	display: grid;
	grid-template-columns: 486px 1fr;
	grid-gap: 0 131px;
}
@media (max-width: 1920px) {
	.serv-price-list {
		grid-template-columns: calc(350px + (486 - 350) * ((100vw - 922px) / (1920 - 922))) 1fr;
		grid-gap: 0 calc(0px + (131 - 0) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-price-list {
		grid-template-columns: 1fr;
		grid-gap: calc(36px + (76 - 36) * ((100vw - 414px) / (922 - 414))) 0;
	}
}
.serv-price-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.serv-price-list ul li {
	position: relative;
	margin-bottom: 25px;
	padding-left: 28px;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #343434;
	transition: color .9s;
}
@media (max-width: 922px) {
	.serv-price-list ul li {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(24px + (26 - 24) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-price-list ul li {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
.serv-price-list ul li:last-child {
	margin-bottom: 0;
}
.serv-price-list ul li::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #388AF3;
}
.serv-price-cost {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media (max-width: 922px) {
	.serv-price-cost {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
}
.serv-price-cost p {
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	color: #343434;
	transition: color .9s;
}
@media (max-width: 922px) {
	.serv-price-cost p {
		margin-right: 46px;
		font-size: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (48 - 36) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-price-cost p {
		font-size: 3rem;
		line-height: 3.6rem;
	}
}
.serv-price-cost p>span {
	font-size: 20px;
	color: #B4B4B4;
}
@media (max-width: 922px) {
	.serv-price-cost p>span {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.serv-price-cost p>span {
		font-size: 1.6rem;
	}
}
.serv-price-cost button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(60px + (92 - 60) * ((100vw - 922px) / (1920 - 922)));
	height: calc(60px + (92 - 60) * ((100vw - 922px) / (1920 - 922)));
	border: 3px solid #388AF3;
	border-radius: 1.23123e+06px;
	background-color: transparent;
}
@media (max-width: 922px) {
	.serv-price-cost button {
		width: 60px;
		height: 60px;
	}
}
.serv-price-cost button>svg {
	width: calc(23px + (42 - 23) * ((100vw - 922px) / (1920 - 922)));
	transition: .3s;
}
@media (max-width: 922px) {
	.serv-price-cost button>svg {
		width: 23px;
	}
}
.serv-price-cost button:hover>svg {
	transform: scale(1.15);
	transition: .3s;
}
.serv-capa-list {
	display: grid;
}
@media (max-width: 922px) {
	.serv-capa-list {
		grid-template-columns: repeat(3, 365px);
		padding: 0 40px !important;
	}
}
@media (max-width: 580px) {
	.serv-capa-list {
		grid-template-columns: 100%;
	}
	.serv-capa-list .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px 0;
	}
}
.serv-capa-item {
	padding: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922))) 37px;
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	border-radius: 15px;
}
@media (max-width: 922px) {
	.serv-capa-item {
		padding: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414))) calc(30px + (37 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-capa-item {
		padding: 30px;
	}
}
.serv-capa-item h3 {
	display: flex;
	align-items: flex-end;
	margin: 0 0 calc(25px + (36 - 25) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #343434;
}
@media (max-width: 922px) {
	.serv-capa-item h3 {
		min-height: calc(20px + (80 - 20) * ((100vw - 414px) / (922 - 414)));
		margin: 0 0 calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-capa-item h3 {
		min-height: 20px;
		margin: 0 0 20px;
		font-size: 2.2rem;
		line-height: 2rem;
	}
	.serv-capa-item h3>br {
		display: none;
	}
}
.serv-capa-item p {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #343434;
}
@media (max-width: 922px) {
	.serv-capa-item p {
		font-size: 1.6rem;
		line-height: calc(25px + (27 - 25) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-capa-item p {
		line-height: 2.5rem;
	}
}
.serv-stack-list {
	margin-top: calc(70px + (80 - 70) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-stack-list {
		margin-top: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
		padding-left: 40px;
	}
}
@media (max-width: 580px) {
	.serv-stack-list {
		margin-top: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-stack-list {
		margin-top: 60px;
	}
}
.serv-stack-list .swiper-slide {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 580px) {
	.serv-stack-list .swiper-slide {
		width: 800px;
	}
	.serv-stack-list .swiper-slide--lt {
		width: 700px;
	}
	.s-stack-pd-left .swiper-slide {
		width: 800px;
		padding-left: 40px;
	}
}
.serv-stack-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 44px;
	margin-right: 18px;
	margin-bottom: 20px;
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
	border-radius: 15px;
}
@media (max-width: 922px) {
	.serv-stack-item {
		margin-right: calc(5px + (10 - 5) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(11px + (20 - 11) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-stack-item {
		margin-right: 5px;
		margin-bottom: 11px;
	}
}
.serv-stack-item:last-child {
	margin-right: 0;
}
.serv-stack-item p {
	font-weight: 700;
	font-size: calc(19px + (20 - 19) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(23px + (24 - 23) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
}
@media (max-width: 922px) {
	.serv-stack-item p {
		font-size: 1.9rem;
		line-height: 2.3rem;
	}
}
@media (max-width: 580px) {
	.serv-stack-item p {
		font-size: 1.8rem;
		line-height: 2.3rem;
	}
}
.serv-tech {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 761px;
	margin-top: 100px;
}
@media (max-width: 1920px) {
	.serv-tech {
		gap: calc(15px + (20 - 15) * ((100vw - 922px) / (1920 - 922)));
		max-width: calc(580px + (761 - 580) * ((100vw - 922px) / (1920 - 922)));
		margin-top: 100px;
	}
}
@media (max-width: 1200px) {
	.serv-tech {
		max-width: calc(500px + (580 - 500) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-tech {
		gap: 15px 30px;
		max-width: 100%;
		margin-top: calc(60px + (100 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.serv-tech {
		gap: 15px;
	}
}
@media (max-width: 414px) {
	.serv-tech {
		margin-top: 60px;
	}
}
.serv-tech p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	padding: 0 50px;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 30px;
	color: #343434;
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
	border-radius: 15px;
}
@media (max-width: 1920px) {
	.serv-tech p {
		padding: 0 calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-tech p {
		padding: 0 calc(24px + (40 - 24) * ((100vw - 414px) / (922 - 414)));
		height: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-tech p {
		padding: 0 24px;
		height: 60px;
		font-size: 1.6rem;
	}
}
.pwa-adv-wrap .swiper-slide {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0 30px;
}
@media (max-width: 991px) {
	.pwa-adv-wrap .swiper-slide {
		width: auto !important;
	}
}
@media (max-width: 580px) {
	.pwa-adv-wrap .swiper-slide {
		grid-template-columns: 100%;
		grid-gap: 20px 0;
		width: 100% !important;
	}
}
.pwa-adv-item {
	max-width: calc(365px + (434 - 365) * ((100vw - 922px) / (1920 - 922)));
	padding: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922))) 37px;
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	border-radius: 15px;
}
@media (min-width: 1921px) {
	.pwa-adv-item {
		padding: 40px 40px;
	}
}
@media (max-width: 922px) {
	.pwa-adv-item {
		max-width: 365px;
		padding: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 580px) {
	.pwa-adv-item {
		max-width: 100%;
	}
}
@media (max-width: 414px) {
	.pwa-adv-item {
		padding: 30px;
	}
}
.pwa-adv-item h3 {
	display: flex;
	align-items: flex-end;
	margin: 0 0 calc(25px + (36 - 25) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.pwa-adv-item h3 {
		font-size: calc(18px + (24 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(23px + (30 - 23) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.pwa-adv-item h3 {
		font-size: calc(24px + (18 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (23 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-adv-item h3 {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}
.pwa-adv-item p {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 24px;
	color: #343434;
}
.pwa-help-title {
	position: relative;
	margin-bottom: calc(60px + (114 - 60) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.pwa-help-title {
		margin-bottom: 60px;
	}
}
.pwa-help-title h2 {
	margin: 0;
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 5.6rem;
	color: #388AF3;
}
@media (max-width: 922px) {
	.pwa-help-title h2 {
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
@media (max-width: 414px) {
	.pwa-help-title h2 {
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.pwa-help-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 123px 180px;
}
@media (max-width: 1920px) {
	.pwa-help-list {
		grid-gap: calc(60px + (123 - 60) * ((100vw - 922px) / (1920 - 922))) calc(15px + (180 - 15) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1190px) {
	.pwa-help-list {
		grid-template-columns: 100%;
	}
}
@media (max-width: 922px) {
	.pwa-help-list {
		grid-gap: 60px 60px;
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767px) {
	.pwa-help-list {
		grid-gap: 60px 0;
		grid-template-columns: 100%;
	}
}
.pwa-help-list .list-item {
	position: relative;
}
.pwa-help-list .list-item span {
	position: relative;
	display: block;
	height: 12px;
	margin-bottom: 30px;
}
.pwa-help-list .list-item span::before {
	content: '';
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}
.pwa-help-list .list-item:nth-child(1) span::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23388AF3'/%3E%3C/svg%3E%0A");
}
.pwa-help-list .list-item:nth-child(2) span::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='12' viewBox='0 0 25 12' fill='none'%3E%3Ccircle cx='19' cy='6' r='6' fill='%23388AF3'/%3E%3Ccircle cx='6' cy='6' r='6' fill='%23388AF3'/%3E%3C/svg%3E");
}
.pwa-help-list .list-item:nth-child(3) span::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='12' viewBox='0 0 38 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' transform='rotate(-180 6 6)' fill='%23388AF3'/%3E%3Ccircle cx='19' cy='6' r='6' transform='rotate(-180 19 6)' fill='%23388AF3'/%3E%3Ccircle cx='32' cy='6' r='6' transform='rotate(-180 32 6)' fill='%23388AF3'/%3E%3C/svg%3E");
}
.pwa-help-list .list-item:nth-child(4) span::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='12' viewBox='0 0 51 12' fill='none'%3E%3Ccircle cx='45' cy='6' r='6' fill='%23388AF3'/%3E%3Ccircle cx='32' cy='6' r='6' fill='%23388AF3'/%3E%3Ccircle cx='19' cy='6' r='6' fill='%23388AF3'/%3E%3Ccircle cx='6' cy='6' r='6' fill='%23388AF3'/%3E%3C/svg%3E");
}
.pwa-help-list .list-item h3 {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3.8rem;
	color: #388AF3;
}
.pwa-help-list .list-item p {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 3.5rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.pwa-help-list .list-item p {
		font-size: calc(16px + (22 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (35 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.pwa-help-list .list-item p {
		font-size: calc(22px + (16 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(35px + (25 - 35) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-help-list .list-item p {
		font-size: 22px;
		line-height: 35px;
	}
}
.pwa-cost-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	grid-gap: 40px;
}
@media (max-width: 1080px) {
	.pwa-cost-title {
		flex-direction: column;
	}
}
@media (max-width: 922px) {
	.pwa-cost-title {
		margin-bottom: 0;
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	.pwa-cost-title {
		margin-bottom: 50px;
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.pwa-cost-title {
		margin-bottom: 20px;
	}
}
.pwa-cost-title h2 {
	margin: 0;
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 5.6rem;
	color: #F8F5FF;
	max-width: 600px;
}
@media (max-width: 1080px) {
	.pwa-cost-title h2 {
		margin: 0 0 60px;
	}
}
@media (max-width: 922px) {
	.pwa-cost-title h2 {
		margin-bottom: calc(20px + (60 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
@media (max-width: 414px) {
	.pwa-cost-title h2 {
		margin-bottom: 20px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.pwa-cost-title p {
	max-width: 522px;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #F8F5FF;
}
@media (max-width: 922px) {
	.pwa-cost-title p {
		margin-left: 60px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 767px) {
	.pwa-cost-title p {
		margin-left: 0;
	}
}
@media (max-width: 414px) {
	.pwa-cost-title p {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
}
.pwa-price-caption {
	margin-bottom: calc(60px + (68 - 60) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.pwa-price-caption {
		margin-bottom: 60px;
	}
}
.pwa-price-caption p {
	max-width: 435px;
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #F8F5FF;
}
@media (max-width: 922px) {
	.pwa-price-caption p {
		font-size: 1.6rem;
		line-height: 2.5rem;
		margin-left: auto;
		margin-right: 80px;
	}
}
@media (max-width: 767px) {
	.pwa-price-caption p {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 414px) {
	.pwa-price-caption p {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
}
.pwa-price {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-gap: 20px;
}
.pwa-price-container {
	margin-right: 15px;
}
@media (max-width: 1503px) {
	.pwa-price-container {
		width: 100%;
		margin-bottom: 73px;
	}
}
@media (max-width: 922px) {
	.pwa-price-container {
		width: 100%;
		margin-right: 0;
	}
}
.pwa-price-item {
	display: grid;
	grid-template-columns: 555px 1fr;
	grid-gap: 0 123px;
	align-items: center;
	padding-top: 29px;
	padding-bottom: 24px;
	border-bottom: 1px solid #F8F8F8;
}
.web-price .pwa-price-item {
	grid-template-columns: 200px 1fr 200px;
}
@media (max-width: 1920px) {
	.pwa-price-item {
		grid-template-columns: calc(490px + (555 - 490) * ((100vw - 922px) / (1920 - 922))) 1fr;
		grid-gap: 0 calc(106px + (123 - 106) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(27px + (29 - 27) * ((100vw - 922px) / (1920 - 922)));
		padding-bottom: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1300px) {
	.web-price .pwa-price-item {
		grid-template-columns: 315px 1fr 120px;
	}
}
@media (max-width: 922px) {
	.pwa-price-item {
		grid-gap: 0 10px;
		padding-top: 27px;
		padding-bottom: 20px;
	}
	.web-price .pwa-price-item {
		grid-template-columns: 360px 1fr 120px;
	}
}
@media (max-width: 767px) {
	.pwa-price-item {
		grid-template-columns: 1fr;
		grid-gap: 30px 0;
	}
}
.pwa-price-item:not(:nth-child(1)) p>span {
	display: none;
}
@media (max-width: 767px) {
	.pwa-price-item:not(:nth-child(1)) p>span {
		display: block;
	}
	.web-price .pwa-price-item {
		grid-template-columns: 1fr 120px;
	}
}
@media (max-width: 580px) {
	.web-price .pwa-price-item {
		grid-template-columns: 1fr 100px; 
	}
}
.pwa-price-item h4 {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #F8F5FF;
	transition: .5s;
}
@media (max-width: 767px) {
	.pwa-price-item h4 {
		grid-column: 1/4;
	}
}
.pwa-price-item:hover h4 {
	transform: translateX(25px);
	transition: .5s ease-in-out;
}
.pwa-price-item p {
	position: relative;
	font-weight: 400;
	font-size: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(31px + (36 - 31) * ((100vw - 922px) / (1920 - 922)));
	color: #F8F5FF;
}
@media (max-width: 922px) {
	.pwa-price-item p {
		font-size: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(26px + (31 - 26) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-price-item p {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
.pwa-price-item p>span {
	position: absolute;
	top: -30px;
	left: 0;
	display: block;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #fff;
}
@media (max-width: 767px) {
	.pwa-price-item p>span {
		position: relative;
		top: 0;
		margin-bottom: 5px;
	}
}
.pwa-price .serv-price-recall button {
	color: #fff;
	border-color: #fff;
}
.pwa-coop {
	margin-top: calc(73px + (201 - 73) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: 250px;
}
@media (max-width: 922px) {
	.pwa-coop {
		margin-top: calc(60px + (73 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.pwa-coop {
		margin-bottom: 80px;
	}
}
@media (max-width: 414px) {
	.pwa-coop {
		margin-top: 60px;
	}
}
.pwa-coop-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 30px;
	margin-top: 59px;
}
@media (max-width: 1920px) {
	.pwa-coop-list {
		grid-gap: 0 calc(15px + (30 - 15) * ((100vw - 922px) / (1920 - 922)));
	}
}
/* @media (max-width: 1080px) {
    .pwa-coop-list {
      grid-template-columns: repeat(auto-fit, minmax(333px, 365px));
    }
  } */
@media (max-width: 922px) {
	.pwa-coop-list {
		grid-gap: 30px 15px;
		margin-top: calc(30px + (59 - 30) * ((100vw - 414px) / (922 - 414)));
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 800px) {
	.pwa-coop-list {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 580px) {
	.pwa-coop-list {
		grid-template-columns: 1fr;
		grid-gap: 30px 0;
		margin-top: calc(30px + (59 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-coop-list {
		margin-top: 30px;
	}
}
.pwa-coop-caption p {
	font-weight: 600;
	font-size: calc(27px + (30 - 27) * ((100vw - 922px) / (1920 - 922)));
	line-height: 45px;
	color: #F8F5FF;
}
.pwa-coop-caption h2 {
	max-width: 520px;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
}
@media (max-width: 922px) {
	.pwa-coop-caption p {
		font-size: calc(22px + (27 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 580px) {
	.pwa-coop-caption h2 {
		font-size: 32px;
		line-height: 40px;
	}
}
@media (max-width: 414px) {
	.pwa-coop-caption p {
		font-size: 2.2rem;
	}
}
.pwa-coop-item {
	padding: 48px 40px;
	border-radius: 15px;
	background-image: url(./assets/img/pwa-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 15px;
	background-color: #B899F2;
}
@media (max-width: 1920px) {
	.pwa-coop-item {
		padding: calc(40px + (48 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.pwa-coop-item {
		padding: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-coop-item {
		padding: 30px;
	}
}
.pwa-coop-item .caption-wrap {
	display: grid;
	grid-template-columns: 1fr auto;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	grid-gap: 10px;
}
.pwa-coop-item h3 {
	margin: 0 0 38px;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #EDF5FF;
}
@media (max-width: 922px) {
	.pwa-coop-item h3 {
		font-size: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.pwa-coop-item h3 {
		font-size: 2.2rem;
		line-height: 2rem;
	}
}
.pwa-coop-item p {
	margin: 0;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #EDF5FF;
}
.pwa-coop-item span {
	display: block;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 40px;
	color: #EDF5FF;
}
@media (max-width: 922px) {
	.pwa-coop-item span {
		font-size: calc(18px + (24 - 18) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-coop-item span {
		font-size: 1.8rem;
	}
}
.pwa-work-title h2 {
	margin: 0 0 42px;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
@media (max-width: 1920px) {
	.pwa-work-title h2 {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.pwa-work-title h2 {
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (39 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-work-title h2 {
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.pwa-step {
	display: flex;
}
.pwa-step--mobile {
	display: none;
	overflow: hidden;
}
@media (max-width: 767px) {
	.pwa-step.pwa-step--desctop {
		display: none;
	}
	.pwa-step--mobile {
		display: block;
		margin-bottom: 80px;
	}
}
.pwa-step--mobile svg {
	margin-top: 80px;
	width: 210px;
	height: 390px;
}
.pwa-step--mobile .swiper-wrapper {
	display: flex;
	justify-content: space-between;
}
.pwa-step--mobile .swiper-wrapper .swiper-slide svg {
	opacity: 0;
	transition: opacity .5s ease;
}
.pwa-step--mobile .swiper-wrapper .swiper-slide.swiper-slide-active svg {
	opacity: 1;
	transition: opacity .5s ease;
}
.pwa-step--mobile .swiper-slide:not(:last-child) {
	margin-right: 80px;
}
@media (max-width: 414px) {
	.pwa-step--mobile .swiper-slide:not(:last-child) {
		margin-right: 30px;
	}
}
.pwa-step--mobile h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #388AF3;
	border: 4px solid #388AF3;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	font-size: 2.5rem;
	line-height: 3.2rem;
}
.pwa-step--mobile p {
	height: 60px;
	max-width: 280px;
	margin-top: calc(20px + (60 - 20) * ((100vw - 414px) / (922 - 414)));
	font-size: 16px;
	line-height: 25px;
}
.pwa-step--mobile .step-text {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pwa-step-text {
	margin-right: calc(139px + (301 - 139) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.pwa-step-text {
		margin-right: calc(70px + (139 - 70) * ((100vw - 768px) / (922 - 768)));
	}
}
.pwa-step-text .step-text {
	display: flex;
	align-items: center;
	height: calc(546px + (697 - 546) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: calc(60px + (165 - 60) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 1440px) {
	.pwa-step-text .step-text {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
}
@media (max-width: 922px) {
	.pwa-step-text .step-text {
		height: 546px;
		margin-bottom: 60px;
	}
}
.pwa-step-text .step-text:last-child {
	margin-bottom: 0;
}
.pwa-step-text .step-text h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 calc(152px + (182 - 152) * ((100vw - 922px) / (1920 - 922)));
	width: calc(152px + (182 - 152) * ((100vw - 922px) / (1920 - 922)));
	height: calc(152px + (182 - 152) * ((100vw - 922px) / (1920 - 922)));
	margin: 0;
	font-weight: bold;
	font-size: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(38px + (50 - 38) * ((100vw - 922px) / (1920 - 922)));
	color: #388AF3;
	border: 4px solid #388AF3;
	border-radius: 50%;
}
@media (max-width: 922px) {
	.pwa-step-text .step-text h4 {
		width: 152px;
		height: 152px;
		font-size: 3rem;
		line-height: 3.8rem;
	}
}
.pwa-step-text .step-text p {
	max-width: calc(410px + (432 - 410) * ((100vw - 922px) / (1920 - 922)));
	margin-left: calc(10px + (69 - 10) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 400;
	font-size: calc(27px + (30 - 27) * ((100vw - 922px) / (1920 - 922)));
	line-height: 45px;
	color: #343434;
}
@media (max-width: 1440px) {
	.pwa-step-text .step-text p {
		margin-top: 60px;
		margin-left: 0;
	}
}
@media (max-width: 922px) {
	.pwa-step-text .step-text p {
		max-width: 411px;
		margin-top: calc(20px + (60 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-step-text .step-text p {
		margin-top: 20px;
	}
}
.pwa-step-img {
	position: relative;
}
.pwa-step-img .step-img {
	position: absolute;
	top: 3%;
	width: calc(292px + (374 - 292) * ((100vw - 922px) / (1920 - 922)));
	height: calc(546px + (697 - 546) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: 165px;
}
@media (max-width: 922px) {
	.pwa-step-img .step-img {
		width: 200px;
		height: 357px;
	}
}
@media (max-width: 767px) {
	.pwa-step-img .step-img {
		display: none;
	}
}
.pwa-step-img .step-img:last-child {
	margin-bottom: 0;
}
.pwa-step-img .step-img svg {
	width: 100%;
	height: 100%;
}
.pwa-step-img .step-img .step-img-item {
	position: absolute;
	top: 0;
	left: 0;
}
.pwa-step-img .step-img .step-img-item-1,
.pwa-step-img .step-img .step-img-item-2,
.pwa-step-img .step-img .step-img-item-3 {
	opacity: 0;
	transition: .3s;
}
.pwa-step-img .step-img .step-img-item-1.active,
.pwa-step-img .step-img .step-img-item-2.active,
.pwa-step-img .step-img .step-img-item-3.active {
	opacity: 1;
	transition: .3s;
}
.pwa-tech-title h2 {
	position: relative;
	z-index: 5;
	margin: 0 0 calc(25px + (78 - 25) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 5.6rem;
	color: #343434;
}
@media (max-width: 922px) {
	.pwa-tech-title h2 {
		margin: 0 0 calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(40px + (45 - 40) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(50px + (56 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-tech-title h2 {
		margin: 0 0 20px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.pwa-tech-title p {
	font-weight: 600;
	font-size: calc(27px + (30 - 27) * ((100vw - 922px) / (1920 - 922)));
	line-height: 40px;
	color: #388AF3;
}
@media (max-width: 922px) {
	.pwa-tech-title p {
		font-size: calc(22px + (27 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-tech-title p {
		font-size: 2.2rem;
	}
}
.pwa-tech-list {
	margin-top: 40px;
}
@media (max-width: 922px) {
	.pwa-tech-list {
		margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-tech-list {
		margin-top: 30px;
	}
}
.pwa-tech-list.pwa .swiper-slide {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0 30px;
}
@media (max-width: 991px) {
	.pwa-tech-list.pwa .swiper-slide {
		width: auto !important;
	}
}
@media (max-width: 580px) {
	.pwa-tech-list.pwa .swiper-slide {
		grid-template-columns: 100%;
		grid-gap: 30px 0;
		width: 100% !important;
	}
}
.pwa-tech-list .list-item {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: calc(365px + (433 - 365) * ((100vw - 922px) / (1920 - 922)));
}
.pwa-tech-list.pwa .list-item {
	width: auto;
	max-width: 360px;
}
@media (max-width: 922px) {
	.pwa-tech-list .list-item {
		max-width: 305px;
	}
}
@media (max-width: 580px) {
	.pwa-tech-list .list-item {
		max-width: 100%;
	}
}
.pwa-tech-list .list-item-content {
	/* min-height: 236px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: inherit;
	height: 250px;
	padding: 40px 40px;
	border-radius: 30px;
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 15px;
}
@media (max-width: 922px) {
	.pwa-tech-list .list-item-content {
		/* min-height: 100%; */
		height: 170px;
		padding: 30px;
	}
	.pwa-tech-list.pwa .list-item-content {
		height: 200px;
	}
}
.pwa-tech-list .list-item .caption {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
.pwa-tech-list .list-item .icon {
	height: 52px;
	width: 52px;
	margin-right: 20px;
}
.pwa-tech-list .list-item .icon img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.pwa-tech-list .list-item h2 {
	margin: 0 0 40px;
	font-weight: 600;
	font-size: 2.5rem;
	color: #388AF3;
}
@media (max-width: 922px) {
	.pwa-tech-list .list-item h2 {
		margin: 0 0 calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.pwa-tech-list .list-item h2 {
		margin: 0 0 30px;
		font-size: 2.2rem;
	}
}
.pwa-tech-list .list-item h3 {
	margin: 0;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #388AF3;
}
.pwa-tech-list .list-item p {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 27px;
	color: #343434;
}
.pwa-tech-list .tech-wrapper {
	display: flex;
	align-items: flex-start;
	max-height: fit-content;
	margin-top: calc(70px + (80 - 70) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 767px) {
	.pwa-tech-list .tech-wrapper {
		flex-direction: column;
	}
}
.tech-wrapper .list-item {
	margin-right: 80px;
}
.tech-wrapper .serv-stack-list {
	margin-top: 0;
}
@media (max-width: 767px) {
	.tech-wrapper .serv-stack-list {
		padding-left: 0;
		margin-top: 50px;
	}
}
@media (max-width: 580px) {
	.pwa-tech-list .list-item h3 {
		font-size: 1.8rem;
		line-height: 2.3rem;
	}
	.tech-wrapper .serv-stack-list {
		display: flex;
		flex-wrap: wrap;
		width: 400px;
		height: auto;
	}
}
.tech-wrapper:nth-child(1) .serv-stack-list .swiper-slide {
	display: flex;
	flex-direction: column;
}
.tech-wrapper .serv-stack-item {
	max-width: fit-content;
}
.serv-wrap-pwa-cp {
	position: relative;
	overflow: hidden;
}
.pwa-cp-wrap-background {
	position: absolute;
	top: 0;
	left: -36%;
	height: calc(1100px + (2205 - 1100) * ((100vw - 922px) / (1920 - 922)));
	width: calc(1100px + (2205 - 1100) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.pwa-cp-wrap-background {
		height: 1100px;
		width: 1100px;
	}
	.pwa-tech-list .list-item p {
		font-size: 1.4rem;
		line-height: 24px;
	}
}
@media (max-width: 767px) {
	.tech-wrapper:nth-child(1) .serv-stack-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
}
@media (max-width: 580px) {
	.pwa-cp-wrap-background {
		top: 50px;
		right: calc(-300px + (-200 - -300) * ((100vw - 370px) / (580 - 370)));
		left: unset;
		width: 1000px;
		height: 1000px;
	}
}
@media (max-width: 370px) {
	.pwa-cp-wrap-background {
		right: -300px;
	}
}
.pwa-cp-background {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.circle-bg-h {
	padding-top: 50px;
	min-height: 488px;
}
@media (max-width: 767px) {
	.circle-bg-h-pwa {
		min-height: auto;
	}
}
@media (max-width: 580px) {
	.circle-bg-h {
		min-height: auto;
	}
}
.ux-proj .ux-color-w {
	color: #fff;
	transition: color 0.9s;
}
.ux-block-disgn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 922px) {
	.ux-block-disgn {
		margin-bottom: 60px;
	}
	.ux-proj .block-title {
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
@media (max-width: 767px) {
	.ux-block-disgn {
		flex-direction: column;
	}
}
.ux-list {
	margin-top: 169px;
}
@media (max-width: 1920px) {
	.ux-list {
		margin-top: calc(60px + (169 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1370px) {
	.ux-list {
		margin-top: 60px;
	}
}
.ux-list h3 {
	margin: 0;
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 4.3rem;
	color: #343434;
	transition: color 0.9s;
}
@media (max-width: 922px) {
	.ux-list h3 {
		font-size: calc(24px + (35 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (43 - 25) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.ux-list h3 {
		font-size: 2.4rem;
		line-height: 2.5rem;
	}
}
.ux-list-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
@media (max-width: 1920px) {
	.ux-list-wrap {
		margin-top: calc(30px + (60 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-list-wrap {
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	.ux-list-wrap {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.ux-list-wrap {
		margin-top: 60px;
	}
}
.ux-list-item {
	flex: 0 0 360px;
	max-width: 360px;
}
@media (max-width: 1920px) {
	.ux-list-item {
		flex: 0 0 calc(205px + (360 - 205) * ((100vw - 922px) / (1920 - 922)));
		max-width: calc(205px + (360 - 205) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-list-item {
		flex: 0 0 205px;
		max-width: 205px;
	}
}
@media (max-width: 767px) {
	.ux-list-item {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
	.ux-list-item:last-child {
		margin-bottom: 0;
	}
}
.ux-list-wrap .icon {
	height: 59px;
	margin-bottom: 32px;
	overflow: hidden;
}
@media (max-width: 922px) {
	.ux-list-wrap .icon {
		height: calc(47px + (59 - 47) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 767px) {
	.ux-list-wrap .icon {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 73px;
		margin-right: 20px;
	}
}
@media (max-width: 414px) {
	.ux-list-wrap .icon {
		height: 47px;
		margin-bottom: 0;
	}
}
.ux-list-wrap .icon img {
	height: 100%;
}
.ux-list-wrap h4 {
	margin: 0 0 15px;
	font-weight: 700;
	font-size: 2rem;
	line-height: 3rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.ux-list-wrap h4 {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (30 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-list-wrap h4 {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 767px) {
	.ux-list-wrap h4 {
		margin: 0 0 10px;
	}
}
@media (max-width: 414px) {
	.ux-list-wrap h4 {
		margin: 0 0 10px;
	}
}
.ux-list-wrap p {
	font-weight: 400;
	font-size: 2rem;
	line-height: 3rem;
	color: #343434;
	transition: color .9s;
}
@media (max-width: 1920px) {
	.ux-list-wrap p {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (30 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-list-wrap p {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
.ux-tabs-wrap {
	display: flex;
	flex-direction: column;
}
@media (max-width: 922px) {
	.ux-tabs-wrap {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.ux-tabs-wrap {
		flex-direction: column;
	}
}
.ux-tabs-list {
	margin: 413px 0 109px;
	padding: 0;
	list-style: none
}
.ux-tabs-list .swiper-slide {
	display: flex;
}
@media (max-width: 1920px) {
	.ux-tabs-list {
		margin: calc(60px + (413 - 60) * ((100vw - 922px) / (1920 - 922))) 0 109px;
	}
}
@media (max-width: 922px) {
	.ux-tabs-list {
		margin: 60px 0;
		margin-right: 0 !important;
		padding: 0;
	}
	.ux-tabs-list .swiper-slide {
		flex-direction: column;
	}
}
@media (max-width: 767px) {
	.ux-tabs-list {
		flex-direction: row;
	}
	.ux-tabs-list .swiper-slide {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0 10px;
		width: auto !important;
	}
}
.ux-tabs-list li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 317px;
	margin-right: 20px;
	padding: 20px 0;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 30px;
	color: #343434;
	border-radius: 1.23123e6px;
	overflow: hidden;
	transition: all .3s ease;
	backface-visibility: hidden;
}
.ux-tabs-list li:last-child {
	margin-right: 0;
}
@media (max-width: 1920px) {
	.ux-tabs-list li {
		width: calc(225px + (317 - 225) * ((100vw - 922px) / (1920 - 922)));
		padding: calc(10px + (20 - 10) * ((100vw - 922px) / (1920 - 922))) 0;
		font-size: calc(14px + (18 - 14) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-tabs-list li {
		width: 225px;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 10px 0;
		font-size: 1.4rem;
	}
	.ux-tabs-list li:last-child {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.ux-tabs-list li {
		width: 100%;
		margin-bottom: 0;
		padding: 10px 28px;
	}
}
.ux-tabs-list li:last-child {
	margin-right: 0;
}
.ux-tabs-list li::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 0;
	border-radius: 100px;
	background: #388AF3;
	transition: all .4s ease;
	z-index: -1;
}
.ux-tabs-list li:nth-child(2)::before {
	background: #A483E2 !important;
}
.ux-tabs-list li:nth-child(3)::before {
	background: #7BE495 !important;
}
.ux-tabs-list li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #388AF3;
	display: flex;
	border-radius: 100px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .3s ease;
}
.ux-tabs-list li:nth-child(2)::after {
	border: 2px solid #A483E2 !important;
}
.ux-tabs-list li:nth-child(3)::after {
	border: 2px solid #7BE495 !important;
}
.ux-tabs-list li.active,
.ux-tabs-list li:hover {
	color: #fff !important;
	transition: all .3s ease;
}
.ux-tabs-list li.active::before,
.ux-tabs-list li:hover::before {
	height: 100%;
	top: 0;
	transition: all .4s ease;
}
.ux-tabs-img .icon {
	display: none;
	align-items: center;
	justify-content: center;
	height: calc(561px + (794 - 561) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.ux-tabs-img .icon {
		height: calc(378px + (561 - 378) * ((100vw - 922px) / (1920 - 922)));
	}
}
.ux-tabs-img .icon.active {
	display: flex;
}
.ux-tabs-img .icon img {
	height: 100%;
}
.ux-prod .ux-block-title {
	max-width: calc(750px + (1025 - 750) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.ux-prod .ux-block-title {
		max-width: calc(497px + (750 - 497) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-prod .ux-block-title {
		max-width: 100%;
	}
	.ux-block .ux-block-title {
		display: flex;
	}
	.ux-block .ux-block-title .block-title {
		width: 350px;
	}
	.ux-block .ux-block-title .block-subtitle {
		width: 400px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 767px) {
	.ux-prod .ux-block-title .block-title {
		max-width: 400px;
	}
	.ux-block .ux-block-title {
		display: block;
	}
	.ux-block .ux-block-title .block-title {
		width: 300px;
	}
	.ux-block .ux-block-title .block-subtitle {
		max-width: calc(334px + (595 - 334) * ((100vw - 414px) / (922 - 414)));
	}
}
.ux-block {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 767px) {
	.ux-block {
		flex-direction: column;
		align-items: start;
	}
}
@media (max-width: 580px) {
	.ux-block.web-dev-block {
		flex-direction: column;
	}
}
@media (max-width: 922px) {
	.ux-block.anim {
		flex-direction: column;
	}
}
.ux-block-anim {
	display: block;
}
.ux-block-anim.anim-1 {
	width: 419px;
}
@media (max-width: 1920px) {
	.ux-block-anim.anim-1 {
		width: calc(333px + (419 - 333) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1199px) {
	.ux-block-anim.anim-1 {
		position: relative;
		margin: 60px auto 0;
	}
}
@media (max-width: 922px) {
	.ux-block-anim.anim-1 {
		width: calc(211px + (333 - 211) * ((100vw - 414px) / (922 - 414)));
		margin-right: 150px;
	}
}
@media (max-width: 767px) {
	.ux-block-anim.anim-1 {
		margin: 60px auto 0;
	}
}
@media (max-width: 414px) {
	.ux-block-anim.anim-1 {
		width: 211px;
	}
}
.ux-block-anim.anim-2 {
	width: 397px;
}
@media (max-width: 1920px) {
	.ux-block-anim.anim-2 {
		width: 397px;
	}
}
@media (max-width: 1370px) {
	.ux-block-anim.anim-2 {
		margin: 60px auto 0;
	}
}
@media (max-width: 922px) {
	.ux-block-anim.anim-2 {
		width: calc(334px + (397 - 334) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.ux-block-anim.anim-2 {
		width: 334px;
	}
}
.ux-block-anim.anim-3 {
	width: 317px;
}
@media (max-width: 1920px) {
	.ux-block-anim.anim-3 {
		width: calc(200px + (317 - 200) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-block-anim.anim-3 {
		width: 200px;
	}
}
@media (max-width: 767px) {
	.ux-block-anim.anim-3 {
		margin: 60px auto 0;
	}
}
.ux-block-anim.anim-4 {
	position: relative;
	max-width: 300px;
	max-height: 490px;
	padding: 0 10px;
	overflow: hidden;
}
@media (max-width: 1920px) {
	.ux-block-anim.anim-4 {
		top: calc(80px + (10 - 80) * ((100vw - 922px) / (1920 - 922)));
		max-width: calc(300px + (262 - 242) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.ux-block-anim.anim-4 {
		top: 80px;
		max-width: 300px;
	}
}
@media (max-width: 880px) {
	.ux-block-anim.anim-4 {
		height: 450px;
		position: relative;
		top: 0 !important;
		left: 0 !important;
		display: block;
		margin: 60px auto 0;
	}
}
@media (max-width: 500px) {
	.ux-block-anim.anim-4 {
		width: 250px;
	}
	.slider-btn span {
		text-align: center;
		font-size: 1.2rem;
	}
}
.ux-block-anim.anim-4 .swiper-slide {
	margin: 20px 0;
	width: auto;
}
.ux-block-anim.anim-4 .swiper-wrapper {
	align-items: center;
}
.ux-block-anim.anim-4::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25%;
	z-index: 10;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	pointer-events: none;
	backdrop-filter: blur(1px);
}
.ux-block-anim.anim-4::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;
	z-index: 10;
	background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
	backdrop-filter: blur(1px);
}
.mob-bg {
	position: absolute;
	top: 38px;
	right: 360px;
	display: block;
	width: 314px;
	height: 664px;
}
.mob-bg svg {
	width: 100%;
	height: 100%;
}
.mob-work {
	background: linear-gradient(270deg, #388AF3 21.04%, #A483E2 88.77%);
}
.mob-step--item {
	display: grid;
	grid-template-columns: 1fr 587px;
	grid-gap: 0 150px;
	margin-bottom: 260px;
}
@media (max-width: 1920px) {
	.mob-step--item {
		grid-template-columns: 1fr calc(370px + (587 - 370) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: 0 calc(42px + (150 - 42) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(100px + (260 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step--item {
		grid-template-columns: 1fr 370px;
		grid-gap: 0 42px;
		margin-bottom: calc(55px + (100 - 55) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.mob-step--item {
		grid-template-columns: 100%;
		grid-gap: 30px 0;
	}
}
@media (max-width: 414px) {
	.mob-step--item {
		margin-bottom: 55px;
	}
}
.mob-step--item .step-title {
	display: flex;
}
.mob-step--item .step-title h4 {
	margin: 0;
	padding-left: 42px;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
@media (max-width: 1920px) {
	.mob-step--item .step-title h4 {
		padding-left: calc(39px + (42 - 39) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(30px + (45 - 30) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(38px + (56 - 38) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step--item .step-title h4 {
		padding-left: calc(25px + (39 - 25) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(24px + (30 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (38 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.mob-step--item .step-title h4 {
		padding-left: 25px;
		font-size: 2.4rem;
		line-height: 4rem;
	}
}
.mob-step--item .step-title .circle-run {
	display: flex;
	flex: 0 0 30px;
	margin-top: 15px;
	width: 30px;
	height: 30px;
	background-color: #388AF3;
	border-radius: 50%;
}
@media (max-width: 1920px) {
	.mob-step--item .step-title .circle-run {
		flex: 0 0 calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
		width: calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
		height: calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step--item .step-title .circle-run {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
	}
}
@media (max-width: 767px) {
	.mob-step--item .step-title .circle-run {
		margin-top: 5px;
	}
}
.mob-step--item p {
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
@media (max-width: 1920px) {
	.mob-step--item p {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step--item p {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.mob-step--item p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.mob-work--item {
	margin-bottom: 127px;
}
@media (max-width: 1920px) {
	.mob-work--item {
		margin-bottom: calc(90px + (127 - 90) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-work--item {
		margin-bottom: calc(70px + (90 - 70) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.mob-work--item {
		margin-bottom: 70px;
	}
}
.mob-work--item:last-child {
	margin-bottom: 0;
}
.mob-work--item .item-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 110px;
	margin-bottom: 40px;
}
@media (max-width: 1920px) {
	.mob-work--item .item-title {
		height: calc(90px + (110 - 90) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-work--item .item-title {
		height: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.mob-work--item .item-title {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.mob-work--item:nth-child(2) .item-title {
		height: auto;
	}
}
@media (max-width: 414px) {
	.mob-work--item .item-title {
		height: 50px;
	}
}
.mob-work--item h4 {
	position: relative;
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
	color: #F8F5FF;
}
@media (max-width: 1920px) {
	.mob-work--item h4 {
		font-size: calc(30px + (45 - 30) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(37px + (54 - 37) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-work--item h4 {
		font-size: calc(22px + (30 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(27px + (37 - 27) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.mob-work--item:nth-child(2) .item-title h4 {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.mob-work--item h4 {
		font-size: 2.2rem;
		line-height: 2.7rem;
	}
}
.mob-work--item h4>span {
	display: block;
	transform: translate3d(0, 50px, 0);
	opacity: 0;
}
.mob-work--item h4.active>span {
	transform: translate3d(0, 0, 0);
	transition:
		opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 400ms,
		transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
	will-change: transform;
	opacity: 1;
}
.mob-work--item .line-anim {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(270deg, rgba(191, 160, 250, 0.8) 0%, rgba(255, 255, 255, 0) 98.63%);
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	opacity: 0;
}
.mob-work--item .line-anim.active {
	width: 100%;
	opacity: 1;
	transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mob-work--item .line-anim span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 110px;
	height: 110px;
	background-color: #CAADFF;
	border-radius: 50%;
	z-index: 2;
}
@media (max-width: 1920px) {
	.mob-work--item:nth-child(1) .line-anim span {
		width: calc(90px + (110 - 90) * ((100vw - 922px) / (1920 - 922)));
		height: calc(90px + (110 - 90) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-work--item:nth-child(1) .line-anim span {
		width: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
		height: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.mob-work--item:nth-child(1) .line-anim span {
		width: 50px;
		height: 50px;
	}
}
.mob-work--item p {
	max-width: 463px;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #EFF6FF;
}
@media (max-width: 1920px) {
	.mob-work--item p {
		max-width: calc(375px + (463 - 375) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-work--item p {
		max-width: 375px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.mob-work--item p {
		max-width: 100%;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.mob-work--item .sub-anim>span {
	display: inline-block;
	opacity: 0;
	transform: translate3d(0, 50px, 0);
}
@media (max-width: 580px) {
	.mob-work--item .sub-anim>span {
		display: inline;
	}
}
.mob-work--item .sub-anim.active>span {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.mob-work--item .sub-anim.active>span:nth-child(1) {
	transition:
		opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 500ms,
		transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 500ms;
}
.mob-work--item .sub-anim.active>span:nth-child(2) {
	transition:
		opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 600ms,
		transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
}
.mob-work--item .sub-anim.active>span:nth-child(3) {
	transition:
		opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 700ms,
		transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 700ms;
}
@keyframes circleMobPage1 {
	0% {
		opacity: .07;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .07;
	}
}
@keyframes circleMobPage2 {
	0% {
		opacity: .15;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .15;
	}
}
@keyframes circleMobPage3 {
	0% {
		opacity: .2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .2;
	}
}
@keyframes circleMobPage4 {
	0% {
		opacity: .3;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .3;
	}
}
@keyframes circleMobPage5 {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}
@keyframes circleMobPage6 {
	0% {
		opacity: .7;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .7;
	}
}
@keyframes circleMobPage7 {
	0% {
		opacity: .9;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .9;
	}
}
@keyframes EmergenceCircleMob {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.07;
	}
}
.mob-work-anim {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 0 7px;
}
@media (max-width: 1280px) {
	.mob-work-anim {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media (max-width: 767px) {
	.mob-work-anim {
		width: 100%;
	}
}
.mob-work-anim span {
	display: block;
	width: 110px;
	height: 110px;
	background-color: #CAADFF;
	border-radius: 50%;
	opacity: 0;
}
@media (max-width: 1920px) {
	.mob-work-anim span {
		width: calc(90px + (110 - 90) * ((100vw - 922px) / (1920 - 922)));
		height: calc(90px + (110 - 90) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1280px) {
	.mob-work-anim span:nth-child(6),
	.mob-work-anim span:nth-child(7) {
		display: none;
	}
}
@media (max-width: 922px) {
	.mob-work-anim span {
		width: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
		height: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.mob-work-anim span {
		width: 50px;
		height: 50px;
	}
}
.mob-work-anim.active span:nth-child(1) {
	animation: EmergenceCircleMob 1.5s ease forwards, circleMobPage1 2.5s linear 3.3s infinite;
}
.mob-work-anim.active span:nth-child(2) {
	animation: EmergenceCircleMob 1.5s ease .3s forwards, circleMobPage1 2.5s linear 3.6s infinite;
}
.mob-work-anim.active span:nth-child(3) {
	animation: EmergenceCircleMob 1.5s ease .6s forwards, circleMobPage1 2.5s linear 3.9s infinite;
}
.mob-work-anim.active span:nth-child(4) {
	animation: EmergenceCircleMob 1.5s ease .9s forwards, circleMobPage1 2.5s linear 4.2s infinite;
}
.mob-work-anim.active span:nth-child(5) {
	animation: EmergenceCircleMob 1.5s ease 1.2s forwards, circleMobPage1 2.5s linear 4.5s infinite;
}
.mob-work-anim.active span:nth-child(6) {
	animation: EmergenceCircleMob 1.5s ease 1.5s forwards, circleMobPage1 2.5s linear 4.8s infinite;
}
.mob-work-anim.active span:nth-child(7) {
	animation: EmergenceCircleMob 1.5s ease 1.8s forwards, circleMobPage1 2.5s linear 5.1s infinite;
}
.slider-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.550em 3.125em;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.02em;
	color: #343434;
	border-radius: 1.23123e+06px;
	border: none;
	overflow: hidden;
	transition: all .4s;
	backface-visibility: hidden;
}
.slider-btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 1px solid #388AF3;
	display: flex;
	border-radius: 100px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .4s ease;
}
.slider-btn::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 0;
	border-radius: 100px;
	background: #388AF3;
	transition: all .4s ease;
	z-index: -1;
}
.slider-btn:hover {
	transform: scale(1.04);
}
.ux-block-anim img {
	width: 100%;
}
.serv-modal {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background-color: #fff;
	overflow: auto;
	transform: translateX(-100%);
	transition: 1s ease;
	pointer-events: none;
	z-index: 1001;
}
.serv-modal.active {
	transform: translateX(0);
	transition: 1s ease;
	pointer-events: all;
}
.serv-modal-wrap {
	padding-top: calc(35px + (57 - 35) * ((100vw - 922px) / (1920 - 922)));
	padding-left: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: calc(60px + (83 - 60) * ((100vw - 922px) / (1920 - 922)));
	padding-right: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-modal-wrap {
		padding-top: 35px;
		padding-left: 40px;
		padding-bottom: 60px;
		padding-right: 40px;
	}
}
.serv-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.serv-modal-header .logo {
	position: relative;
	width: calc(108px + (113 - 108) * ((100vw - 922px) / (1920 - 922)));
	height: calc(35px + (37 - 35) * ((100vw - 922px) / (1920 - 922)));
}
.serv-modal-header .logo a {
	height: 100%;
	width: 100%;
	transition: .5s ease-in-out;
}
.serv-modal-header .logo a::before {
	content: '';
	position: absolute;
	top: -10%;
	left: -10%;
	height: 130%;
	width: 125%;
}
.serv-modal-header .logo a .svg-front {
	clip-path: ellipse(50% 60% at 50% 160%);
	transition: .5s ease;
}
.serv-modal-header .logo a .svg-back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.serv-modal-header .logo a:hover .svg-front {
	clip-path: ellipse(60% 100% at 50% 50%);
	transition: .5s ease;
}
.serv-modal-header .close {
	top: 70px;
	right: 70px;
	width: 50px;
	height: 50px;
}
@media (max-width: 922px) {
	.serv-modal-header .logo {
		width: calc(70px + (108 - 70) * ((100vw - 414px) / (922 - 414)));
		height: calc(23px + (35 - 23) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-modal-header .logo {
		width: 100px;
		height: 35px;
	}
}
.serv-modal-header .logo svg {
	width: 100%;
	height: 100%;
}
.serv-modal-header .close {
	width: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
	height: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-modal-header .close {
		width: 28px;
		height: 28px;
	}
}
.serv-modal-header .close svg {
	width: 100%;
	height: 100%;
}
.serv-modal-header .close svg path {
	stroke: #343434;
	transition: .4s ease;
}
.serv-modal-header .close:hover svg path {
	stroke: #388AF3;
	transition: .4s ease;
}
.serv-modal-content {
	margin-top: 90px;
	padding-left: calc(0px + (154 - 0) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-modal-content {
		margin-top: calc(104px + (134 - 104) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-modal-content {
		margin-top: 104px;
	}
}
.serv-modal-content .content-caption h2 {
	margin: 0 0 calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: calc(38px + (50 - 38) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(49px + (62 - 49) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
}
@media (max-width: 922px) {
	.serv-modal-content .content-caption h2 {
		margin: 0 0 calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(26px + (36 - 26) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(32px + (45 - 32) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-modal-content .content-caption h2 {
		margin: 0 0 20px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.serv-modal-content .content-caption .blue {
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #388AF3;
}
@media (max-width: 414px) {
	.serv-modal-content .content-caption .blue {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
}
.serv-modal-content .content-caption p {
	margin-bottom: 40px;
	max-width: 568px;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.2rem;
	color: #343434;
}
@media (max-width: 922px) {
	.serv-modal-content .content-caption p {
		margin-bottom: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-modal-content .content-caption p {
		margin-bottom: 40px;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
.serv-modal-content .content-caption p>a {
	font-weight: 700;
	color: #343434;
	transition: .4s;
}
.serv-modal-content .content-caption p>a:hover {
	color: #0C279B;
	transition: .4s;
}
.serv-modal-content .form {
	max-width: 720px;
}
@media (max-width: 1920px) {
	.serv-modal-content .form {
		max-width: 690px;
	}
}
.serv-modal-content .serv-form-control {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.serv-modal-content .form-control {
	position: relative;
	width: 100%;
	max-height: 37px;
	margin-bottom: calc(20px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 5px;
	font-weight: 300;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	resize: none;
	transition: all .3s ease;
	z-index: 2;
}
@media (max-width: 922px) {
	.serv-modal-content .form-control {
		margin-bottom: calc(20px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-modal-content .form-control {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.serv-form-control label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
	background-color: transparent;
	transition: all .4s;
}
@media (max-width: 922px) {
	.serv-form-control label {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-control label {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.serv-form-control .form-control:focus+label,
.serv-form-control .form-control:valid+label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.serv-form-control:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.serv-form-call .text-item.text-input.error input:invalid+label span,
.serv-form-control.text-input.error input:invalid+label {
	color: tomato;
}
.serv-form-budget h3 {
	margin: 0 0 20px;
	font-weight: 400;
	font-size: calc(20px + (26 - 20) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
}
@media (max-width: 922px) {
	.serv-form-budget h3 {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-budget h3 {
		font-size: 1.6rem;
	}
}
.serv-form-budget {
	margin-bottom: 40px;
}
.serv-form-budget .budget-btn {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 580px) {
	.serv-form-budget .budget-btn {
		flex-direction: column;
		align-items: flex-start;
	}
}
.serv-form-budget .budget-btn-item {
	margin-right: 20px;
}
@media (max-width: 580px) {
	.serv-form-budget .budget-btn-item {
		margin-right: 0;
		margin-bottom: 15px;
	}
}
.serv-form-budget .budget-btn-item:last-child {
	margin-right: 0;
}
.serv-form-budget .budget-btn-item input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 0;
	height: 0;
	transition: all .4s ease;
}
.serv-form-budget .budget-btn-item label {
	padding: calc(10px + (20 - 15) * ((100vw - 922px) / (1920 - 922))) calc(32px + (50 - 37) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 600;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	line-height: 40px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
@media (max-width: 922px) {
	.serv-form-budget .budget-btn-item label {
		padding: calc(9px + (15 - 9) * ((100vw - 414px) / (922 - 414))) calc(32px + (37 - 32) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-budget .budget-btn-item label {
		padding: 9px 32px;
		font-size: 1.4rem;
	}
}
.serv-form-budget .budget-btn-item input:checked+label:after,
.serv-form-budget .budget-btn-item .checked {
	top: 0;
	height: 100%;
	background: #388AF3;
	transition: all .4s ease;
}
.serv-form-budget .budget-btn-item input:checked+label span,
.serv-form-budget .budget-btn-item .checked span {
	color: #fff !important;
	transition: all .3s ease;
}
.serv-form-budget .budget-btn-item label>span {
	position: relative;
	z-index: 1;
}
.serv-form-call {
	display: grid;
	grid-template-columns: 267px 1fr;
	grid-gap: 0 calc(150px + (200 - 150) * ((100vw - 922px) / (1920 - 922)));
	width: 100%;
	margin-bottom: 57px;
}
@media (max-width: 922px) {
	.serv-form-call {
		grid-gap: 0 150px;
	}
}
@media (max-width: 767px) {
	.serv-form-call {
		grid-template-columns: 1fr;
	}
}
.serv-form-call h3 {
	margin: 0;
	font-weight: 400;
	font-size: calc(20px + (26 - 20) * ((100vw - 922px) / (1920 - 922)));
	color: #CCCCCC;
}
@media (max-width: 922px) {
	.serv-form-call h3 {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-call h3 {
		font-size: 1.6rem;
	}
}
.serv-form-call input {
	position: relative;
	display: inline-block;
	width: 100%;
	max-height: 37px;
	font-weight: 300;
	font-size: calc(20px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(24px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	transition: all .3s ease;
	z-index: 2;
}
@media (max-width: 922px) {
	.serv-form-call input {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.serv-form-call input {
		margin-right: 75px;
	}
}
@media (max-width: 414px) {
	.serv-form-call input {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.form-call-text {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.form-call-text {
		width: 210px;
		margin-top: 10px;
	}
}
.form-call-text .text-item {
	position: relative;
	display: block;
}
.serv-form-call .text-item label {
	position: absolute;
	top: 0;
	display: block;
	transition: .2s ease-in-out;
}
.serv-form-call .text-item span {
	font-weight: 300;
	font-size: 26px;
	line-height: 31px;
	color: #CCCCCC;
	transition: .2s ease-in-out;
}
@media (max-width: 767px) {
	.serv-form-call .text-item span {
		font-size: 20px;
	}
}
.serv-form-call input:focus+label,
.serv-form-call input:valid+label {
	top: 10px;
	opacity: 0;
	transition: .2s ease-in-out;
}
.serv-form-call input:focus+label span,
.serv-form-call input:valid+label span {
	color: #343434;
	transition: .2s ease-in-out;
}
.serv-form-call .text-item:nth-child(1) {
	width: 122px;
}
.serv-form-call .text-item:nth-child(2) {
	width: 61px;
}
.serv-form-send {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.serv-form-send {
		flex-direction: column;
	}
}
.serv-form-send .form-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: calc(176px + (215 - 176) * ((100vw - 922px) / (1920 - 922)));
	height: 64px;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	text-align: left;
	color: #388AF3;
	background-color: transparent;
}
@media (max-width: 922px) {
	.serv-form-send .form-btn {
		width: calc(154px + (176 - 154) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-send .form-btn {
		width: 100%;
		font-size: 1.4rem;
	}
}
.serv-form-send .form-btn .tnx-block {
	position: relative;
	z-index: 15;
}
.serv-form-send .form-btn .tnx-block span {
	display: block;
	transition: .3s ease;
}
.serv-form-send .form-btn .tnx-block .t {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
}
.serv-form-send .form-btn .tnx-block .t.active {
	transform: scale(1);
}
.serv-form-send .form-btn .tnx-block .s.inactive {
	transform: scale(0);
}
.serv-form-send .form-btn svg {
	margin-left: 10px;
	transition: .3s ease;
	z-index: 15;
}
.serv-form-send .form-btn svg.active {
	transform: scale(0);
}
.serv-form-send .form-btn svg path {
	transition: all .3s ease;
}
.serv-form-send .form-btn:hover svg {
	transform: translateX(10px);
	transition: all .3s ease;
}
.serv-form-send .form-btn:hover svg path {
	fill: #fff;
	transition: all .3s ease;
}
.serv-form-send .form-btn:hover svg path:nth-child(2) {
	fill: none;
	stroke: #fff;
	transition: all .3s ease;
}
.serv-form-send .form-checkbox {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
@media (max-width: 767px) {
	.serv-form-send .form-checkbox {
		margin-top: 20px;
		margin-left: 0;
	}
}
.serv-form-send .form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
@media (max-width: 922px) {
	.serv-form-send .form-checkbox input {
		height: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		width: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-send .form-checkbox input {
		height: 20px;
		width: 20px;
	}
}
.serv-form-send .form-checkbox input::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.serv-form-send .form-checkbox input::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all .2s;
}
@media (max-width: 922px) {
	.serv-form-send .form-checkbox input::after {
		width: calc(7px + (10 - 7) * ((100vw - 414px) / (922 - 414)));
		height: calc(7px + (10 - 7) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-send .form-checkbox input::after {
		width: 7px;
		height: 7px;
	}
}
.serv-form-send .form-checkbox input:checked::after {
	transform: scale(1) translate(-50%, -50%);
}
.serv-form-send .form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #6D6D6D;
}
.form-checkbox.policy-check.error p {
	color: tomato;
}
@media (max-width: 922px) {
	.serv-form-send .form-checkbox p {
		margin-left: calc(5px + (20 - 5) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (18 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(21px + (27 - 21) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.serv-form-send .form-checkbox p {
		margin-left: 5px;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}
.serv-form-send .form-checkbox p>a {
	font-weight: 700;
	color: #388AF3;
	transition: .4s;
}
.serv-form-send .form-checkbox p>a:hover {
	color: #0C279B;
	transition: .4s;
}
.web-circle-wrap {
	position: relative;
	background: linear-gradient(180deg, #fff 50%, #F0F2F8);
	overflow: hidden;
}
.web-wrap-background {
	position: absolute;
	top: 26%;
	left: -39.5%;
	display: flex;
	align-items: flex-start;
	height: calc(1000px + (2205 - 1000) * ((100vw - 922px) / (1920 - 922)));
	width: calc(1000px + (2205 - 1000) * ((100vw - 922px) / (1920 - 922)));
	z-index: 0;
}
@media (max-width: 1503px) {
	.web-wrap-background {
		top: 43%;
	}
}
@media (max-width: 922px) {
	.web-wrap-background {
		top: 46%;
		width: 1000px;
		height: 1000px;
	}
}
@media (max-width: 767px) {
	.web-wrap-background {
		left: -61%;
	}
}
@media (max-width: 580px) {
	.web-wrap-background {
		top: 42%;
		right: calc(-300px + (-200 - -300) * ((100vw - 370px) / (580 - 370)));
		left: unset;
	}
}
@media (max-width: 480px) {
	.web-wrap-background {
		top: 36%;
	}
}
.web-background {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.web-prod-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: calc(70px + (90 - 70) * ((100vw - 1920px) / (2560 - 1920)));
	margin-top: 52px;
	margin-bottom: 100px;
}
@media (max-width: 1920px) {
	.web-prod-list {
		grid-gap:
			calc(60px + (70 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-prod-list {
		grid-gap:
			calc(20px + (60 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 580px) {
	.web-prod-list {
		grid-template-columns: 100%;
	}
}
@media (max-width: 414px) {
	.web-prod-list {
		grid-gap: 40px;
	}
}
.web-prod-list .web-prod-list__item {
	position: relative;
	margin-left: 106px;
}
.web-prod-list .web-prod-list__item span {
	/* position: absolute;
  left: 91px;
  top: 60%; */
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #000000;
}
@media(max-width: 1920px) {
	.web-prod-list .web-prod-list__item span {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-prod-list .web-prod-list__item span {
		max-width: 400px;
		font-size: 16px;
		line-height: 25px;
	}
}
.web-prod-list .web-prod-list__item h3 {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	padding-top: 80px;
	/* height: calc(200px + (240 - 200) * ((100vw - 1920px) / (2560 - 1920))); */
	/* padding-left: calc(93px + (120 - 93) * ((100vw - 1920px) / (2560 - 1920))); */
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #343434;
}
@media (max-width: 1920px) {
	.web-prod-list .web-prod-list__item h3 {
		/* height: calc(150px + (200 - 150) * ((100vw - 922px) / (1920 - 922))); */
		/* padding-left: calc(54px + (93 - 54) * ((100vw - 922px) / (1920 - 922))); */
		font-size: calc(25px + (32 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: 15px;
	}
}
@media (max-width: 922px) {
	.web-prod-list .web-prod-list__item h3 {
		/* height: calc(100px + (150 - 100) * ((100vw - 414px) / (922 - 414))); */
		/* padding-left: calc(41px + (54 - 41) * ((100vw - 414px) / (922 - 414))); */
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
	}
	.web-prod-list .web-prod-list__item {
		margin-left: 55px;
	}
}
@media (max-width: 767px) {
	.web-prod-list .web-prod-list__item h3 {
		padding-top: 60px;
	}
}
@media (max-width: 580px) {
	.web-prod-list .web-prod-list__item h3:nth-child(2n) {
		margin-left: 64px;
	}
	.web-prod-list .web-prod-list__item {
		margin-left: 18px;
	}
}
@media (max-width: 414px) {
	.web-prod-list .web-prod-list__item h3 {
		height: 100px;
		/* padding-left: 41px; */
		font-size: 2rem;
		line-height: 2.4rem;
	}
}
.web-prod-list .web-prod-list__item h3::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100px;
	height: 250px;
	width: 250px;
	background-color: #F0F2F8;
	border-radius: 50%;
	z-index: -1;
}
@media (max-width: 1920px) {
	.web-prod-list .web-prod-list__item h3::before {
		height: 200px;
		width: 200px;
	}
}
@media (max-width: 922px) {
	.web-prod-list .web-prod-list__item h3::before {
		height: calc(100px + (150 - 100) * ((100vw - 414px) / (922 - 414)));
		width: calc(100px + (150 - 100) * ((100vw - 414px) / (922 - 414)));
		left: -70px;
	}
}
@media (max-width: 580px) {
	.web-prod-list .web-prod-list__item h3::before {
		left: -50px;
		top: 10px;
	}
}
@media (max-width: 414px) {
	.web-prod-list .web-prod-list__item h3::before {
		height: 100px;
		width: 100px;
		left: -40px;
		top: 25px;
	}
}
.web-prod-anim {
	/* margin-top: 250px; */
	margin-bottom: 97px;
}
@media (max-width: 1920px) {
	.web-prod-anim {
		/* margin-top: calc(200px + (250 - 200) * ((100vw - 922px) / (1920 - 922))); */
	}
}
@media (max-width: 922px) {
	.web-prod-anim {
		/* margin-top: calc(150px + (200 - 150) * ((100vw - 414px) / (922 - 414))); */
		/* margin-top: 110px; */
	}
}
@media (max-width: 580px) {
	.web-prod-anim {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.web-prod-anim {
		/* margin-top: 150px; */
	}
}
.web-prod-anim h2 {
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	text-align: center;
	color: #388AF3;
}
@media (max-width: 1920px) {
	.web-prod-anim h2 {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-prod-anim h2 {
		/* font-size: calc(36px + (60 - 36) * ((100vw - 414px) / (922 - 414)));
      line-height: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414))); */
		font-size: 35px;
		line-height: 39px;
	}
}
@media (max-width: 580px) {
	.web-prod-anim h2 {
		text-align: center;
	}
}
@media (max-width: 414px) {
	.web-prod-anim h2 {
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.web-block-anim {
	width: 422px;
	height: 361px;
}
@media (max-width: 1390px) {
	.web-block-anim {
		margin: 0 auto;
	}
}
@media (max-width: 922px) {
	.web-block-anim {
		width: 268px;
		height: 220px;
		/* margin-left: 340px; */
	}
}
@media (max-width: 767px) {
	.web-block-anim {
		width: calc(296px + (422 - 296) * ((100vw - 414px) / (922 - 414)));
		height: calc(283px + (361 - 283) * ((100vw - 414px) / (922 - 414)));
		margin-left: auto;
		margin-top: 30px;
	}
}
@media (max-width: 414px) {
	.web-block-anim {
		width: 296px;
		height: 283px;
	}
}
.web-block-anim img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.webcr-block-anim {
	width: 321px;
	height: 391px;
}
@media (max-width: 922px) {
	.webcr-block-anim {
		width: calc(296px + (321 - 296) * ((100vw - 414px) / (922 - 414)));
		height: calc(283px + (391 - 283) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.webcr-block-anim {
		/* margin: 25px auto 0; */
		width: calc(296px + (321 - 296) * ((100vw - 414px) / (922 - 414)));
		height: calc(283px + (391 - 283) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.webcr-block-anim {
		width: 296px;
		height: 283px;
	}
}
/* @media (max-width: 767px) {
    .webcr-block-anim {
      display: none;
    }
  } */
.webcr-block-anim svg {
	width: 100%;
	height: 100%;
}
.web-block-desc {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: calc(616px + (703 - 616) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.web-block-desc {
		max-width: calc(472px + (616 - 472) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-block-desc {
		max-width: 472px;
	}
}
.web-block-desc p {
	margin-bottom: calc(40px + (60 - 40) * ((100vw - 1920px) / (2560 - 1920)));
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	/* color: #fff; */
}
@media (max-width: 1920px) {
	.web-block-desc p {
		margin-bottom: 40px;
	}
}
@media (max-width: 922px) {
	.web-block-desc p {
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(36px + (40 - 36) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.web-block-desc p {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
}
.web-block-desc .custom-btn {
	color: #fff;
}
.web-block-desc .custom-btn::after {
	border-color: #fff;
}
.web-block-desc .custom-btn>svg {
	margin-left: 20px;
	transition: all .4s ease;
}
.web-block-desc .custom-btn>svg path {
	transition: all .4s ease;
}
.web-block-desc .custom-btn>svg path:nth-child(1) {
	fill: #fff;
}
.web-block-desc .custom-btn>svg path:nth-child(2) {
	stroke: #fff
}
.web-block-desc .custom-btn:hover svg {
	transform: translateX(10px);
	transition: all .4s ease;
}
.web-val .pwa-cost-title h2,
.web-val .pwa-cost-title p,
.web-val .pwa-price-caption p,
.web-val .pwa-price-item h4,
.web-val .pwa-price-item p {
	color: #343434;
}
.web-val .pwa-price-item p>span {
	color: #388AF3;
}
.web-val .pwa-price-item {
	border-color: #388AF3;
}
.web-val .serv-price-recall button {
	color: #388AF3;
	border-color: #388AF3;
}
.web-val .pwa-coop-caption p {
	color: #343434;
}
.web-val .pwa-coop-item {
	background-color: #FBFBFB;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 15px;
}
.web-val .pwa-coop-item h3 {
	color: #343434;
}
.web-val .pwa-coop-item p {
	color: #343434;
}
.web-val .pwa-coop-item span {
	color: #343434;
	white-space: nowrap;
}
.web-step-wrap {
	padding-left: calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
	padding-right: calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.web-step-wrap {
		padding-left: calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
		padding-right: calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-step-wrap {
		margin-top: 65px;
		padding-left: 40px;
		padding-right: 40px;
	}
}
.web-step-anim {
	position: relative;
	padding-top: 250px;
	/* margin-bottom: 250px; */
	overflow: hidden;
}
@media (max-width: 1920px) {
	.web-step-anim {
		padding-top: calc(100px + (250 - 100) * ((100vw - 922px) / (1920 - 922)));
		/* margin-bottom: calc(100px + (250 - 100) * ((100vw - 922px) / (1920 - 922))); */
	}
}
@media (max-width: 922px) {
	.web-step-anim {
		/* margin-bottom: 100px; */
		overflow: unset;
	}
}
@media (max-width: 580px) {
	.web-step-anim .block-title {
		min-height: 100px;
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
.web-step-line {
	position: relative;
	margin-top: 120px;
	margin-bottom: 77px;
	border-bottom: 5px solid rgba(56, 138, 243, 0.2);
	border-radius: 3px;
}
@media (max-width: 767px) {
	.web-step-line {
		position: absolute;
		top: calc(200px + (250 - 220) * ((100vw - 414px) / (922 - 414)));
		left: 60px;
		height: calc(470px + (609 - 470) * ((100vw - 414px) / (922 - 414)));
		width: 5px;
		margin-top: 0;
		margin-bottom: 0;
		border-left: 5px solid rgba(56, 138, 243, 0.2);
	}
}
@media (max-width: 580px) {
	.web-step-line {
		top: 210px;
	}
}
.web-step-line .step-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	border-radius: 3px;
	background: rgba(56, 138, 243, 0.2);
}
.web-step-line .step-line::after {
	content: '';
	position: absolute;
	height: 5px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(93.29deg, #A483E2 21%, #388AF3 79%);
}
.web-step-line.active .step-line::after {
	animation-name: width-anim;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	z-index: 2;
}
@media (max-width: 1250px) {
	.web-step-line.active .step-line::after {
		animation-name: width-anim1250px;
		animation-duration: 1.5s;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		border-radius: 10px;
		z-index: 2;
	}
}
@keyframes width-anim {
	from {
		width: 0;
	}
	to {
		width: 65%;
	}
}
@keyframes width-anim1250px {
	from {
		width: 0;
	}
	to {
		width: 69%;
	}
}
@media (max-width: 1920px) {
	.web-step-line .step-line {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.web-step-line .step-line {
		left: -5px;
		width: 5px;
		height: calc(356px + (485 - 356) * ((100vw - 414px) / (922 - 414)));
		background: none;
	}
	.web-step-line.active .step-line::after {
		display: none;
	}
	.web-step-line .step-line::after {
		display: none;
	}
}
.web-step-line .line-item {
	position: absolute;
	top: -8px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #8386E8;
	z-index: 5;
}
.web-step-line.active .line-item::before {
	content: '';
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #8386E8;
	animation-name: pulse;
	animation-duration: 1.2s;
}
.web-step-line .line-item:nth-child(1)::before {
	animation-delay: 0.15s;
}
.web-step-line .line-item:nth-child(2)::before {
	animation-delay: 0.65s;
}
.web-step-line .line-item:nth-child(3)::before {
	animation-delay: 1.25s;
}
@media (max-width: 767px) {
	.web-step-line .line-item {
		left: -8px !important;
	}
}
.web-step-line .line-item:nth-child(1) {
	left: calc(358px + (561 - 358) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.web-step-line .line-item:nth-child(1) {
		left: calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 767px) {
	.web-step-line .line-item:nth-child(1) {
		top: 7%;
	}
}
.web-step-line .line-item:nth-child(2) {
	left: calc(770px + (1240 - 820) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.web-step-line .line-item:nth-child(2) {
		left: calc(300px + (820 - 330) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1280px) {
	.web-step-line .line-item:nth-child(2) {
		left: calc(330px + (820 - 330) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 767px) {
	.web-step-line .line-item:nth-child(2) {
		top: 48%;
	}
}
.web-step-line .line-item:nth-child(3) {
	left: 65%;
}
@media (max-width: 1250px) {
	.web-step-line .line-item:nth-child(3) {
		left: 69%;
	}
}
@media (max-width: 767px) {
	.web-step-line .line-item:nth-child(3) {
		top: 88%;
	}
}
.web-step-line .line-item .icon {
	position: absolute;
	left: 7px;
	bottom: 6px;
	z-index: -1;
	opacity: 0;
}
.web-step-line.active .line-item .icon {
	animation-name: flag-animation;
	animation-duration: 2s;
	animation-delay: 2.6s;
	animation-fill-mode: forwards;
}
.web-step-line.active .line-item .icon img {
	height: 79px;
}
@keyframes flag-animation {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	30% {
		transform: translateY(0);
	}
	100% {
		opacity: 1;
	}
}
@media (max-width: 767px) {
	.web-step-line .line-item .icon {
		display: none;
	}
}
.web-step-list {
	display: flex;
	justify-content: space-between;
	grid-gap: 0 30px;
}
@media (max-width: 767px) {
	.web-step-list {
		position: relative;
		flex-direction: column;
		height: calc(470px + (609 - 470) * ((100vw - 414px) / (922 - 414)));
		grid-gap: calc(47px + (100 - 47) * ((100vw - 414px) / (922 - 414))) 0;
		margin-left: calc(70px + (109 - 70) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.web-step-list {
		grid-gap: calc(20px + (47 - 20) * ((100vw - 360px) / (414 - 360))) 0;
		margin-left: calc(60px + (70 - 60) * ((100vw - 360px) / (414 - 360)));
	}
}
@media (max-width: 360px) {
	.web-step-list {
		grid-gap: 20px 0;
		margin-left: 60px;
	}
}
.web-step-list .list-item {
	max-width: 340px;
	flex: 0 0 340px;
}
@media (max-width: 1920px) {
	.web-step-list .list-item {
		max-width: calc(290px + (340 - 290) * ((100vw - 922px) / (1920 - 922)));
		flex: 0 0 calc(290px + (340 - 290) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1024px) {
	.web-step-list .list-item {
		max-width: calc(250px + (340 - 290) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 767px) {
	.web-step-list .list-item {
		position: absolute;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.web-step-list .list-item:nth-child(1) {
		top: 0.5%;
	}
	.web-step-list .list-item:nth-child(2) {
		top: 32%;
	}
	.web-step-list .list-item:nth-child(3) {
		top: 64%;
	}
}
@media (max-width: 700px) {
	.web-step-list .list-item:nth-child(1) {
		top: 6.5%;
	}
	.web-step-list .list-item:nth-child(2) {
		top: 38%;
	}
	.web-step-list .list-item:nth-child(3) {
		top: 70%;
	}
}
@media (max-width: 580px) {
	.web-step-list .list-item:nth-child(1) {
		top: 3.5%;
	}
	.web-step-list .list-item:nth-child(2) {
		top: 35%;
	}
	.web-step-list .list-item:nth-child(3) {
		top: 66%;
	}
}
.web-step-list h3 {
	margin: 0 0 25px;
	font-weight: 700;
	font-size: 3rem;
	line-height: 4.5rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.web-step-list h3 {
		margin-bottom: calc(15px + (25 - 15) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(22px + (30 - 22) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(36px + (45 - 36) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.web-step-list h3 {
		margin-bottom: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(16px + (22 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (36 - 25) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.web-step-list h3 {
		margin-bottom: 10px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
.web-step-list p {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 3.5rem;
	color: #343434;
}
@media (max-width: 922px) {
	.web-step-list p {
		font-size: calc(16px + (22 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (35 - 25) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.web-step-list p {
		font-size: 1.55rem;
		line-height: 2.5rem;
	}
}
.about {
	margin-top: calc(136px + (170 - 136) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.about {
		margin-top: 135px;
	}
}
.about-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.about-wrap .custom-btn {
	margin-top: 78px;
}
.about-wrap .custom-btn>svg {
	margin-left: 10px;
	transition: all .4s ease;
}
.custom-btn span {
	z-index: 10;
	display: flex;
	align-items: center;
}
.custom-btn span>svg path {
	transition: .4s ease;
}
.custom-btn:hover span>svg path {
	fill: #fff;
	transition: all .4s ease;
}
.about-wrap .custom-btn span>svg path {
	transition: all .4s ease;
}
.about-wrap .custom-btn:hover span>svg path {
	fill: #fff;
	transition: all .4s ease;
}
.about-wrap .custom-btn:hover span>svg path:nth-child(2) {
	fill: none;
	stroke: #fff;
}
.about-wrap .custom-btn:hover span>svg {
	transform: translateX(10px);
	transition: all .4s ease;
}
.formSend:hover span>svg {
	transform: translateX(10px);
	transition: all .4s ease;
}
.company {
	overflow: hidden;
}
.company-wrap {
	padding: 0 358px;
}
@media (max-width: 1920px) {
	.company-wrap {
		padding: 0 calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-wrap {
		padding-left: 40px;
		padding-right: 40px;
	}
}
.company-wrap.no-pd {
	padding-right: calc(40px + (122 - 40) * ((100vw - 922px) / (2560 - 922)));
	padding-left: calc(40px + (122 - 40) * ((100vw - 922px) / (2560 - 922)));
}
@media (max-width: 922px) {
	.company-wrap.no-pd {
		padding-right: 40px;
		padding-left: 40px;
	}
}
.company-block {
	display: grid;
	grid-template-columns: 1fr 433px;
	grid-gap: 0 164px;
	align-items: center;
	height: 900px;
}
@media (max-width: 1920px) {
	.company-block {
		grid-template-columns: 1fr calc(411px + (433 - 411) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: 0 calc(0px + (164 - 0) * ((100vw - 922px) / (1920 - 922)));
		height: calc(630px + (900 - 630) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block {
		grid-gap: 0 0;
		height: 630px;
	}
	.company-block.cube-block {
		display: flex;
		flex-direction: row-reverse;
	}
	.company-block.path-block {
		display: flex;
		flex-direction: column-reverse;
	}
}
@media (max-width: 767px) {
	.company-block {
		display: flex;
		flex-direction: column;
		height: auto;
		margin-top: 100px;
	}
	.company-block.cube-block {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 150px;
	}
	.company-block.logo-block {
		margin-bottom: 100px;
	}
}
.company-block.no-grid {
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-gap: 0;
}
.company-block.cube-block .сube {
	position: relative;
	width: 590px;
	height: 590px;
	overflow: hidden;
}
@media (max-width: 1920px) {
	.company-block.cube-block .сube {
		width: calc(294px + (590 - 294) * ((100vw - 922px) / (1920 - 922)));
		height: calc(294px + (590 - 294) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.cube-block .сube {
		width: 294px;
		height: 294px;
	}
}
.company-block.cube-block .сube::before {
	content: '';
	position: absolute;
	width: 900px;
	height: 900px;
	top: 0;
	left: 0;
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 79%);
	transform: translate(-31%, -35%);
	animation: cubeAnimation 2.5s linear forwards;
}
@keyframes cubeAnimation {
	from {
		transform: translate(-31%, -35%);
	}
	to {
		transform: translate(50%, 50%);
	}
}
.company-block.line-block .cube {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 590px;
	height: 590px;
	overflow: hidden;
}
@media (max-width: 1920px) {
	.company-block.line-block .cube {
		width: calc(294px + (590 - 294) * ((100vw - 922px) / (1920 - 922)));
		height: calc(294px + (590 - 294) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.line-block .cube {
		width: 294px;
		height: 294px;
	}
}
.company-block.line-block .block-bg {
	display: flex;
	justify-content: center;
}
@keyframes pulse {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		opacity: 0.4;
	}
	70% {
		opacity: 0.09;
	}
	100% {
		transform: scale(6);
		opacity: 0;
	}
}
@keyframes anim-opacity {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
@keyframes anim-text {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.company-block.cube-block .block-bg {
	display: flex;
	justify-content: center;
}
@media (max-width: 922px) {
	.company-block.cube-block .block-bg {
		max-width: 364px;
		flex: 0 0 364px;
	}
}
@media (max-width: 767px) {
	.company-block.cube-block .block-bg {
		margin-top: 60px;
		max-width: auto;
		flex: 0 0 auto;
	}
}
.company-block.cube-block .сube img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 1480px) {
	.company-block.line-block {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
	}
	.company-block.line-block .title {
		text-align: center;
	}
}
.company-block.line-block .line {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(45px + (55 - 45) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.company-block.line-block .line {
		margin-bottom: 45px;
	}
}
.company-block.line-block .line-item {
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
	.company-block.line-block .line-item {
		margin-bottom: 37px;
	}
	.company-block.line-block .line-item:last-child {
		margin-bottom: 0;
	}
}
@keyframes c-pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(56, 138, 243, 0.4);
	}
	50% {
		transform: scale(.9);
		box-shadow: 0 0 0 16px rgba(56, 138, 243, 0.0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(56, 138, 243, 0.0);
	}
}
.company-block.line-block .line-item span {
	position: relative;
	display: block;
	margin-left: 10px;
	margin-right: 15px;
	width: 40px;
	height: 40px;
	box-shadow: 0 0 0 0 rgba(56, 138, 243, 0.3);
	border-radius: 50%;
	transform: scale(1);
}
@media (max-width: 1920px) {
	.company-block.line-block .line-item span {
		width: 40px;
		height: 40px;
	}
}
.company-block.line-block .line-item span::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	width: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	border-radius: 50%;
	background-color: #388AF3;
	transform: translate(-50%, -50%);
}
@media (max-width: 1920px) {
	.company-block.line-block .line-item span::before {
		width: 10px;
		height: 10px;
	}
}
.company-block.line-block .line-item span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	opacity: 0;
	background: #E1EFFF;
	border-radius: 50%;
	animation: c-pulse-serv 3.2s ease-in-out 4.2s infinite;
	z-index: -1;
}
.company-block.line-block .line-item p {
	font-weight: 700;
	font-size: calc(30px + (36 - 30) * ((100vw - 1920px) / (2560 - 1920)));
	line-height: calc(37px + (45 - 37) * ((100vw - 1920px) / (2560 - 1920)));
	color: #388AF3;
}
@media (max-width: 1920px) {
	.company-block.line-block .line-item p {
		font-size: 3rem;
		line-height: 3.7rem;
	}
}
@media (max-width: 922px) {
	.company-block.line-block .line-item p {
		font-size: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (37 - 25) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.company-block.line-block .line-item p {
		font-size: 2rem;
		line-height: 2.5rem;
	}
}
.company-block.line-block .circle {
	display: flex;
	justify-content: space-between;
}
.company-block.line-block .circle span {
	display: block;
	width: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(10px + (12 - 10) * ((100vw - 1920px) / (2560 - 1920)));
	border-radius: 50%;
	background-color: #388AF3;
}
@media (max-width: 1920px) {
	.company-block.line-block .circle span {
		width: 10px;
		height: 10px;
	}
}
.company-block.line-block .line .swiper-wrapper {
	display: flex;
}
.company-block.line-block .circle .swiper-wrapper {
	display: flex;
}
.company-block.line-block .circle .swiper-wrapper .swiper-slide {
	display: flex;
	justify-content: space-around;
}
.company-block.path-block .block-bg {
	display: flex;
	justify-content: center;
}
@media (max-width: 922px) {
	.company-block.path-block .block-bg {
		margin-top: 60px;
	}
}
.company-block.path-block .path-svg {
	position: relative;
	width: 374px;
}
@media (max-width: 1920px) {
	.company-block.path-block .path-svg {
		width: calc(318px + (374px - 318) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.path-block .path-svg {
		width: 318px;
	}
}
.company-block.path-block .path-svg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.path-svg .path {
	stroke: #388AF3;
	stroke-width: 15px;
	stroke-dasharray: 950;
	stroke-dashoffset: 950;
}
.path-svg.active .path {
	stroke: #388AF3;
	stroke-width: 15px;
	stroke-dasharray: 950;
	stroke-dashoffset: 950;
	animation-name: draw;
	animation-duration: .7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes draw {
	to {
		stroke-dashoffset: 0;
	}
}
.svg-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
}
.svg-one .path {
	animation-delay: 0;
}
.svg-two {
	position: absolute;
	top: 1px;
	left: 117px;
	right: 0;
	bottom: 0;
	width: 128px;
}
.svg-two .path {
	animation-delay: .69s;
}
.svg-three {
	position: absolute;
	top: 27px;
	left: 172px;
	right: 0;
	bottom: 0;
	width: 100px;
}
.svg-three .path {
	animation-delay: .89s;
}
.path-svg .ball {
	position: absolute;
	transform: scale3d(0, 0, 0);
	top: 11px;
	left: 285px;
	right: 0;
	bottom: 0;
}
.path-svg.active .ball {
	position: absolute;
	transform: scale3d(0, 0, 0);
	top: 11px;
	left: 285px;
	right: 0;
	bottom: 0;
	animation: animate_grow .8s forwards 1.7s;
}
@keyframes animate_grow {
	0% {
		transform: scale3d(0, 0, 0);
	}
	80% {
		transform: scale3d(1.2, 1.2, 1.2);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}
@media (max-width: 922px) {
	.company-block.path-block .block-text .title {
		text-align: center;
	}
}
.company-block .block-text .title {
	max-width: calc(575px + (733 - 575) * ((100vw - 1920px) / (2560 - 1920)));
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
@media (max-width: 1920px) {
	.company-block .block-text .title {
		max-width: calc(519px + (575 - 519) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(40px + (56 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block .block-text .title {
		max-width: 519px;
		font-size: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
		line-height: 4rem;
	}
}
@media (max-width: 414px) {
	.company-block .block-text .title {
		font-size: 3rem;
	}
}
.company-block.logo-block .block-text .title {
	color: #388AF3;
}
.company-block.no-grid .block-text .title {
	text-align: center;
}
.company-block .block-text {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.company-block.line-block .block-text {
	align-items: flex-start;
}
@media (max-width: 1480px) {
	.company-block.line-block .block-text {
		margin-bottom: 63px;
		align-items: center;
	}
}
@media (max-width: 922px) {
	.company-block.line-block .block-text {
		margin-bottom: calc(40px + (63 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.company-block.line-block .block-text {
		margin-bottom: 40px;
	}
}
.company-block .block-text .subtitle {
	max-width: 675px;
	margin-top: 60px;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #343434;
}
@media (max-width: 1920px) {
	.company-block .block-text .subtitle {
		max-width: calc(497px + (675 - 497) * ((100vw - 922px) / (1920 - 922)));
		margin-top: calc(30px + (60 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1480px) {
	.company-block.line-block .block-text .subtitle {
		text-align: center;
	}
}
@media (max-width: 922px) {
	.company-block .block-text .subtitle {
		margin-top: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		max-width: calc(497px + (675 - 497) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (25 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.company-block .block-text .subtitle {
		max-width: 100%;
		margin-top: 20px;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.company-block.line-block .block-text .subtitle {
		text-align: start;
	}
}
.company-block.no-grid .block-text .subtitle {
	text-align: center;
}
.company-block.logo-block .logo-wrap {
	margin-top: calc(120px + (140 - 120) * ((100vw - 1920px) / (2560 - 1920)));
}
@media (max-width: 1920px) {
	.company-block.logo-block .logo-wrap {
		margin-top: calc(50px + (120 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.logo-block .logo-wrap {
		margin-top: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.company-block.logo-block .logo-wrap {
		overflow: visible;
	}
}
@media (max-width: 414px) {
	.company-block.logo-block .logo-wrap {
		margin-top: 40px;
	}
}
.company-block.logo-block .logo-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	grid-gap: 97px 72px;
}
/* @media (max-width: 1920px) {
    .company-block.logo-block .logo-list {
      grid-gap: 
        calc(50px + (97 - 50) * ((100vw - 922px) / (1920 - 922)))
        calc(40px + (95 - 40) * ((100vw - 922px) / (1920 - 922)))
      ;
    }
  } */
@media (max-width: 922px) {
	.company-block.logo-block .logo-list {
		grid-gap:
			calc(20px + (50 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	/* .company-block.logo-block .logo-list.swiper-slide {
      width: auto!important;
      justify-content: flex-start;
    } */
	.company-block.logo-block .logo-list {
		grid-gap:
			50px;
	}
}
@media (max-width: 580px) {
	/* .company-block.logo-block .logo-list.swiper-slide {
      margin-right: 20px;
    } */
}
@media (max-width: 414px) {
	.company-block.logo-block .logo-list.swiper-slide {
		grid-gap: 65px 25px;
	}
}
.company-block.logo-block .logo-item {
	height: 85px;
	width: 190px;
}
.company-block.logo-block .logo-item svg {
	width: 100%;
}
@media (max-width: 1920px) {
	.company-block.logo-block .logo-item {
		width: calc(135px + (190 - 135) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.logo-block .logo-item {
		height: calc(52px + (54 - 30) * ((100vw - 30px) / (922 - 30)));
	}
	.company-block.logo-block .logo-item {
		width: 135px;
	}
}
@media (max-width: 414px) {
	.company-block.logo-block .logo-item {
		height: 30px;
	}
}
.company-block.logo-block .logo-item:last-child {
	margin-right: 0;
}
@keyframes anim-logo {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .7;
	}
	70% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
.company-block.logo-block .logo-item svg path {
	opacity: 0;
}
.logo-item.active svg path {
	animation: anim-logo 2.3s linear forwards;
}
.logo-item.active svg path:nth-child(1) {
	animation-delay: .1s
}
.logo-item.active svg path:nth-child(2) {
	animation-delay: .55s
}
.logo-item.active svg path:nth-child(3) {
	animation-delay: .5s
}
.logo-item.active svg path:nth-child(4) {
	animation-delay: .45s
}
.logo-item.active svg path:nth-child(5) {
	animation-delay: .4s
}
.logo-item.active svg path:nth-child(6) {
	animation-delay: .35s
}
.logo-item.active svg path:nth-child(7) {
	animation-delay: .3s
}
.logo-item.active svg path:nth-child(8) {
	animation-delay: .25s
}
.logo-item.active svg path:nth-child(9) {
	animation-delay: .2s
}
.logo-item.active svg path:nth-child(10) {
	animation-delay: .15s
}
.logo-item.active svg path:nth-child(11) {
	animation-delay: 1.05s
}
.logo-item.active svg path:nth-child(12) {
	animation-delay: .1s
}
.logo-item.active svg path:nth-child(13) {
	animation-delay: .7s
}
.logo-item.active svg path:nth-child(14) {
	animation-delay: .75s
}
.logo-item.active svg path:nth-child(15) {
	animation-delay: .8s
}
.logo-item.active svg path:nth-child(16) {
	animation-delay: .85s
}
.logo-item.active svg path:nth-child(17) {
	animation-delay: .9s
}
.logo-item.active svg path:nth-child(18) {
	animation-delay: .95s
}
.logo-item.active svg path:nth-child(19) {
	animation-delay: .65s
}
.logo-item.active svg path:nth-child(20) {
	animation-delay: .5s
}
.logo-item.active svg path:nth-child(21) {
	animation-delay: .7s
}
.logo-item.active svg path:nth-child(22) {
	animation-delay: .3s
}
.logo-item.active svg path:nth-child(23) {
	animation-delay: .9s
}
.logo-item.active svg path:nth-child(24) {
	animation-delay: .2s
}
.logo-item.active svg path:nth-child(25) {
	animation-delay: .5s
}
@media (max-width: 922px) {
	.company-block.newton-block {
		flex-direction: column-reverse;
	}
}
.company-block.newton-block .company-newton {
	position: relative;
	margin-bottom: 125px;
}
@media (max-width: 922px) {
	.company-block.newton-block .company-newton {
		margin-top: 125px;
		margin-bottom: 0;
	}
}
@keyframes newtonOne {
	0%,
	50% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(40deg);
	}
}
@keyframes newtonTwo {
	0%,
	50% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-40deg);
	}
}
@media (max-width: 580px) {
	@keyframes newtonOne {
		0%,
		50% {
			transform: rotate(0);
		}
		100% {
			transform: rotate(15deg);
		}
	}
	@keyframes newtonTwo {
		0%,
		50% {
			transform: rotate(0);
		}
		100% {
			transform: rotate(-15deg);
		}
	}
}
.company-block.newton-block .company-newton .ball {
	display: inline-block;
	width: calc(100px + (120 - 100) * ((100vw - 1920px) / (2560 - 1920)));
	height: calc(100px + (120 - 100) * ((100vw - 1920px) / (2560 - 1920)));
	background: #388AF3;
	border-radius: 50%;
	transform-origin: 50% -100px;
}
@media (max-width: 1920px) {
	.company-block.newton-block .company-newton .ball {
		width: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
		height: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.newton-block .company-newton .ball {
		width: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
		height: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.company-block.newton-block .company-newton .ball {
		width: calc(45px + (60 - 45) * ((100vw - 320px) / (414 - 320)));
		height: calc(45px + (60 - 45) * ((100vw - 320px) / (414 - 320)));
	}
}
@media (max-width: 320px) {
	.company-block.newton-block .company-newton .ball {
		width: 45px;
		height: 45px;
	}
}
.company-block.newton-block .company-newton .ball:nth-child(1) {
	animation: newtonOne 1s infinite alternate 1s ease-out;
}
.company-block.newton-block .company-newton .ball:nth-child(5) {
	animation: newtonTwo 1s infinite alternate ease-out;
}
.callback {
	margin-top: 170px;
	margin-bottom: 170px;
}
.form-item:hover label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#webDevEmail:valid+label {
	top: 17px;
	font-size: 22px;
	transition: .4s;
}
#webDevEmail:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#webDevEmail.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#textarea:valid+label {
	top: 17px;
	font-size: 22px;
	transition: .4s;
}
#textarea:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#textarea.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#footerMessage:valid+label {
	top: 17px;
	font-size: 22px;
	transition: .4s;
}
#footerMessage:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#footerMessage.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#servModalComment:valid+label {
	top: 17px;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	transition: .4s;
}
#servModalComment:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#servModalComment.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#caseMessage:valid+label {
	top: 17px;
	font-size: 22px;
	transition: .4s;
}
#caseMessage:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#caseMessage.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#webDevMessage:valid+label {
	top: 17px;
	font-size: 1.4rem;
	transition: .4s;
}
#webDevMessage:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#webDevMessage.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
/* Страница "Контакты" */
.contacts {
	padding: 0 calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.contacts {
		padding: 0 calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.contacts {
		padding: 0 40px;
	}
}
.contacts-wrap {
	padding-top: 60px;
	padding-bottom: calc(100px + (160 - 100) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.contacts-wrap {
		padding-bottom: 100px;
	}
}
@media (max-width: 414px) {
	.contacts-wrap {
		padding-top: 56px;
	}
}
.contacts-wrap .title {
	font-weight: 700;
	font-size: 77px;
	line-height: 120px;
	color: #388AF3;
}
@media (max-width: 1920px) {
.contacts-wrap .title {
		font-weight: 700;
		font-size: calc(60px + (77 - 60) * ((100vw - 922px) / (1920 - 922)));
		line-height: 120px;
		color: #388AF3;
	}
}
@media (max-width: 922px) {
	.contacts .title {
		font-size: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (120 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.contacts .title {
		margin-bottom: 22px;
	}
}
@media (max-width: 414px) {
	.contacts .title {
		font-size: 4rem;
		line-height: 4rem;
	}
}
.contacts-wrap .subtitle {
	max-width: calc(519px + (542 - 519) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 400;
	font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
	line-height: 30px;
	color: #343434;
}
@media (max-width: 922px) {
	.contacts-wrap .subtitle {
		max-width: calc(321px + (519 - 321) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-wrap .subtitle {
		max-width: 321px;
	}
}
.contacts-wrap .subtitle a {
	font-weight: 700;
	color: #388AF3;
	transition: .4s;
}
.contacts-wrap .subtitle a:hover {
	color: #0C279B;
	transition: .4s;
}
.contacts-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(261px, 1fr));
	grid-gap: 0 calc(30px + (100 - 30) * ((100vw - 922px) / (1920 - 922)));
	margin-top: calc(100px + (120 - 100) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.contacts-content {
		grid-gap: calc(80px + (100 - 80) * ((100vw - 414px) / (922 - 414))) 30px;
		margin-top: calc(80px + (100 - 80) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-content {
		grid-gap: 80px;
		margin-top: 80px;
	}
}
.contacts-content .content-item {
	display: flex;
	flex-direction: column;
}
.contacts-content .content-item h2 {
	margin: 0 0 40px;
	font-weight: 600;
	font-size: calc(36px + (42 - 36) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(44px + (50 - 44) * ((100vw - 922px) / (1920 - 922)));
	color: #303030;
}
@media (max-width: 922px) {
	.contacts-content .content-item h2 {
		margin: 0 0 calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(32px + (36 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(39px + (44 - 39) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-content .content-item h2 {
		margin: 0 0 30px;
		font-size: 3.2rem;
		line-height: 3.9rem;
	}
}
.contacts-content .content-item p,
.contacts-content .content-item a {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: calc(22px + (24 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (28 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #303030;
	transition: .4s;
}
@media (max-width: 922px) {
	.contacts-content .content-item p,
	.contacts-content .content-item a {
		font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(24px + (26 - 24) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-content .content-item p,
	.contacts-content .content-item a {
		font-size: 2rem;
		line-height: 2.4rem;
	}
}
.contacts-content .content-item p:last-child,
.contacts-content .content-item a:last-child {
	margin-bottom: 0;
}
.contacts-content .content-item a:hover {
	color: #388AF3;
	transition: .4s;
}
.contacts-content .content-item .coord {
	display: flex;
	align-items: center;
}
.contacts-content .content-item .coord .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-right: 20px;
	border-radius: 1.23123e+06px;
	border: 2px solid #388AF3;
	transition: .4s;
}
.contacts-content .content-item .coord .icon path {
	fill: #303030;
	transition: .4s;
}
.contacts-content .content-item .coord:hover .icon {
	background-color: #388AF3;
	transition: .4s;
}
.contacts-content .content-item .coord:hover .icon path {
	fill: #fff;
	transition: .4s;
}
.contacts-form {
	margin-top: calc(100px + (150 - 100) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 992px) {
	.contacts-form {
		margin-top: calc(80px + (100 - 80) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-form {
		margin-top: 80px;
	}
}
.contacts-form .form {
	display: grid;
	grid-template-columns: 1fr 227px;
	grid-gap: 0 calc(30px + (184 - 30) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.contacts-form .form {
		grid-template-columns: 1fr;
		grid-gap: 60px 0;
		max-width: 756px;
	}
}
.contacts-form .form-row {
	display: grid;
	grid-template-columns: calc(411px + (433 - 411) * ((100vw - 922px) / (1920 - 922))) 1fr;
	grid-gap: 0 calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
	margin-bottom: 40px;
}
@media (max-width: 922px) {
	.contacts-form .form-row {
		grid-template-columns: calc(260px + (411 - 260) * ((100vw - 580px) / (922 - 580))) 1fr;
		grid-gap: 0 20px;
	}
}
@media (max-width: 580px) {
	.contacts-form .form-row {
		grid-template-columns: 1fr;
		grid-gap: 60px 0;
	}
}
.contacts-form .form-row:nth-child(1),
.contacts-form .form-row:nth-child(3) {
	display: flex;
}
.contacts-form .form-item {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.contacts-form .form-item input,
.contacts-form .form-item .textarea {
	width: 100%;
	font-weight: 300;
	font-size: 26px;
	line-height: 31px;
	color: #303030;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	resize: none;
}
@media (max-width: 922px) {
	.contacts-form .form-item input,
	.contacts-form .form-item .textarea {
		font-size: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(26px + (31 - 26) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-form .form-item input,
	.contacts-form .form-item .textarea {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
.contacts-form .form-item .textarea {
	height: 70px;
}
@media (max-width: 922px) {
	.contacts-form .form-item textarea {
		height: calc(87px + (92 - 87) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922px) {
	.contacts-form .form-item .textarea {
		height: 87px;
	}
}
.contacts-form .form-item label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 26px;
	line-height: 31px;
	color: #ccc;
	background-color: transparent;
	transition: .4s;
}
@media (max-width: 922) {
	.contacts-form .form-item label {
		font-size: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(26px + (31 - 26) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 922) {
	.contacts-form .form-item label {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
.contacts-form .form-item label>span {
	color: tomato;
}
.contacts-form .form-control:focus+label,
.contacts-form .form-control:valid+label {
	top: -5px;
	font-size: 1.4rem;
	transition: .4s;
}
.contacts-form .form-item:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: .4s;
}
.contacts-form .form .text-input.error input:invalid+label {
	color: tomato;
}
.contacts-form .form-checkbox {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.contacts-form .form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
.contacts-form .form-checkbox input::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.contacts-form .form-checkbox input::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: .2s ease-in-out;
}
.contacts-form .form-checkbox input:checked::after {
	transform: scale(1) translate(-50%, -50%);
}
.contacts-form .form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #6D6D6D;
}
@media (max-width: 480px) {
	.contacts-form .form-checkbox p {
		width: 200px;
	}
}
.contacts-form .form-checkbox p>a {
	color: #388AF3;
	transition: .4s;
}
.contacts-form .form-checkbox p>a:hover {
	color: #303030;
	transition: .4s;
}
.contacts-form .form-btn {
	position: relative;
	width: 227px;
	height: 227px;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #388AF3;
	background-color: transparent;
	border: 3px solid #388AF3;
	border-radius: 1.23123e+06px;
	transition: .3s ease;
}
@media (max-width: 922px) {
	.contacts-form .form-btn {
		width: calc(216px + (227 - 216) * ((100vw - 414px) / (922 - 414)));
		height: calc(216px + (227 - 216) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.contacts-form .form-btn {
		width: 216px;
		height: 216px;
		font-size: 1.8rem;
	}
}
.contacts-form .form-btn .icon {
	transform: translate(0, 0) scale(1);
	transition: .5s ease;
}
.contacts-form .form-btn span {
	display: block;
	margin-top: 15px;
	transition: .3s ease;
}
.contacts-form .form-btn:focus,
.contacts-form .form-btn:hover {
	background-color: #388AF3;
	transition: .3s ease;
}
.contacts-form .form-btn:focus span,
.contacts-form .form-btn:hover span {
	color: #fff;
	transform: scale(1.2) translateY(-15px);
	transition: .3s ease;
}
.contacts-form .form-btn:focus .icon,
.contacts-form .form-btn:hover .icon {
	transform: translate(55px, -45px) scale(1.7);
	transition: .5s ease;
}
.contacts-form .form-btn-text {
	position: relative;
}
.contacts-form .form-btn .tnx {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	opacity: 0;
	transform: scale(0);
	transition: .4s;
}
.contacts-form .form-btn .tnx.active {
	opacity: 1;
	transform: scale(1);
	transition: .4s
}
.contacts-form .form-btn .send.active {
	opacity: 0;
	transform: scale(0);
	transition: .4s
}
.contacts-form .form-btn .icon.active {
	transform: translate(60px, -55px) scale(0);
	transition: .5s ease;
}
.breadcrumbs--private .breadcrumbs__list {
	justify-content: flex-start;
}

.private-wrap h1 {
	margin: 80px 0;
	font-size: 65px;
	font-style: normal;
	font-weight: 700;
	line-height: 80px;

}
@media (max-width: 1920px) {
	.private-wrap h1 {
		margin: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536))) 0;
		font-size: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.private-wrap h1 {
		margin: calc(40px + (60 - 40) * ((100vw - 1280px) / (1536 - 1280))) 0;
		font-size: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(55px + (70 - 55) * ((100vw - 1280px) / (1536 - 1280)));
	}
}
@media (max-width: 1280px) {
	.private-wrap h1 {
		margin: 40px 0;
		font-size: 45px;
		line-height: 55px;
	}
}

@media (max-width: 922px) {
	.private-wrap h1 {
		font-size: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (55 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.private-wrap h1 {
		font-size: 30px;
		line-height: 40px;
	}
}
.private-content b {
	display: block;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #343434;
}
@media (max-width: 1920px) {
	.private-content b {
		font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.private-content b {
		font-size: calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(36px + (40 - 36) * ((100vw - 1280px) / (1536 - 1280)));
	}
}
@media (max-width: 1280px) {
	.private-content b {
		font-size: 24px;
		line-height: 36px;
	}
}
@media (max-width: 922px) {
	.private-content b {
		font-size: calc(22px + (24 - 22) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(34px + (36- 34) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 414px) {
	.private-content b {
		font-size: 22px;
		line-height: 34px;
	}
}
.private-content {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #343434;
}
@media (max-width: 1920px) {
	.private-content {
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.private-content {
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}
}
@media (max-width: 1280px) {
	.private-content {
		font-size: 16px;
		line-height: 24px;
	}
}

.private-content>a {
	font-weight: 700;
	color: #388AF3;
	transition: .4s;
}
.private-content>a:hover {
	color: #0C279B;
	transition: .4s;
}

.private-wrap {
	max-width: 970px;
	width: 100%;
}
/* cookie modal */
.cookie-modal {
	display: none;
	position: fixed;
	right: 0;
	bottom: 145px;
	padding: 25px;
	background: #FBFBFB;
	border: 2px solid #FBFBFB;
	overflow: hidden;
	border-radius: 60px 0 0 60px;
	z-index: 9997;
	transition: opacity 0.8s ease-in;
	opacity: 0;
	animation: cookie-anim .8s ease 3s forwards;
}
@keyframes cookie-anim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.cookie-modal.close {
	opacity: 0;
	animation: none;
	transition: opacity .8s ease-in;
	pointer-events: none;
}
.cookie-modal.checked {
	display: none;
}
.cookie-modal::before {
	content: '';
	background-color: #F7F8FC;
	width: 300px;
	height: 300px;
	position: absolute;
	top: -40px;
	right: -100px;
	transform: rotate(20deg);
	z-index: 9998;
}
.cookie-modal__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 9999;
}
.cookie-subtitle {
	max-width: 300px;
	padding: 0 13px 0 15px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #6D6D6D;
}
.cookie-btn {
	padding: 17px 44px;
	color: #6D6D6D;
	background-color: inherit;
}
.cookie-btn::after {
	border-color: #DFDFDF;
}
@media (max-width: 922px) {
	.cookie-modal {
		bottom: 26px;
		padding: 20px;
	}
	.cookie-subtitle {
		max-width: 240px;
		font-size: 12px;
	}
	@media (max-width: 480px) {
		.cookie-modal {
			bottom: 0;
			width: 100%;
			padding: 25px 15px;
			border-radius: 0
		}
	}
}
.project {
	margin-top: 170px;
}
.project-page {
	margin-top: 100px;
	margin-bottom: 250px;
}
@media (max-width: 1920px) {
	.project-page {
		margin-top: calc(60px + (100 - 60) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(140px + (250 - 140) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-page {
		margin-top: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(110px + (140 - 110) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.project-page {
		margin-top: 45px;
		margin-bottom: 110px;
	}
}
.project-page--caption h1 {
	font-weight: 700;
	font-size: 60px;
	line-height: 73px;
	color: #343434;
}
@media (max-width: 1920px) {
	.project-page--caption h1 {
		font-size: calc(35px + (60 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (73 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-page--caption h1 {
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
.project-page--tags {
	margin-top: 203px;
}
@media (max-width: 1920px) {
	.project-page--tags {
		margin-top: calc(149px + (203 - 149) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-page--tags {
		margin-top: calc(60px + (149 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.project-page--tags {
		margin-top: 60px
	}
}
.project-page--tags .tags-list {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 10px 10px;
}
.project-page--tags .tags-list .checkbox {
	position: relative;
}
.project-page--tags .tags-list .checkbox svg path {
	stroke: #6D6D6D;
	transition: .4s;
}
.project-page--tags .tags-list .checkbox:hover svg path {
	stroke: #388AF3;
	transition: .4s;
}
.project-page--tags .tags-list .checkbox-del input {
	display: none;
}
.project-page--tags .tags-btn {
	display: none;
}
.project-page--tags .tags-list .checkbox .bx-filter-input-checkbox {
	display: flex;
	align-items: baseline;
}
.project-page--tags .tags-list .checkbox input+span {
	transition: .4s;
}
.project-page--tags .tags-list .checkbox input:checked+span {
	color: #388AF3;
	transition: .4s;
}
.project-page--tags .tags-list .checkbox.checkbox-del input+span {
	color: #388AF3;
}
.project-page--tags .tags-list .checkbox.checkbox-del input:checked+span {
	color: #6D6D6D;
}
.project-page--tags .tags-list .checkbox .reset {
	display: none;
	margin-left: 5px;
}
.project-page--tags .tags-list .checkbox input:checked+span+.reset {
	display: flex;
}
.project-page--tags .tags-list .checkbox-line {
	display: inline-block;
	position: absolute;
	pointer-events: none;
	right: 0;
	left: 0;
	bottom: -3px;
	height: 5px;
	overflow: hidden;
}
.project-page--tags .tags-list .checkbox-line svg {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 300%;
	height: 5px;
	fill: none;
	stroke: var(--line);
	stroke-width: 1.5px;
	stroke-linecap: round;
	/* stroke-dasharray: 63.5px 128px; */
	stroke-dashoffset: var(--line-offset);
	transform: translateX(var(--line-x)) translateZ(0);
	transition: transform var(--line-d, 0s), stroke-dashoffset var(--line-d, 0s), opacity .4s;
	opacity: 0;
}
.project-page--tags .tags-list .checkbox:hover {
	--m: calc(var(--font-size) * -1);
	--line-d: var(--duration-line);
	--line-x: 65.66%;
	--line-offset: 63.5px;
}
.project-page--tags .tags-list .checkbox:hover .checkbox-line svg {
	opacity: 1;
}
.project-page--tags span {
	font-weight: 500;
	font-size: 18px;
	color: #6D6D6D;
	transition: .4s;
}
.project-page--tags .tags-list .checkbox:hover span {
	color: #388AF3;
	transition: .4s;
}
.project-card {
	margin-top: 54px;
}
.project-page .project-card {
	margin-top: 100px;
}
.project-card .custom-btn {
	width: fit-content;
	margin: 100px auto 0;
}
.project-card--sale {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 501px 1fr;
	grid-gap: 0 242px;
	width: 100%;
	height: 627px;
	padding-left: 154px;
	padding-right: 79px;
}
@media (max-width: 1920px) {
	.project-card--sale {
		grid-template-columns: calc(325px + (501 - 325) * ((100vw - 922px) / (1920 - 922))) 1fr;
		grid-gap: 0 calc(106px + (242 - 106) * ((100vw - 922px) / (1920 - 922)));
		height: calc(507px + (627 - 507) * ((100vw - 922px) / (1920 - 922)));
		padding-left: calc(86px + (154 - 86) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--sale {
		height: 507px;
		padding-left: calc(0px + (86 - 0) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.project-card--sale {
		grid-template-columns: 100%;
	}
}
.project-card--sale .sale-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.project-card--sale .sale-icon .icon {
	position: absolute;
}
.project-card--sale .sale-icon .icon:nth-child(1) {
	top: 140px;
	left: 40px;
}
@media (max-width: 1920px) {
	.project-card--sale .sale-icon .icon:nth-child(1) {
		top: calc(100px + (140 - 100) * ((100vw - 922px) / (1920 - 922)));
		left: calc(10px + (40 - 10) * ((100vw - 922px) / (1920 - 922)));
		width: calc(61px + (113 - 61) * ((100vw - 922px) / (1920 - 922)));
		height: calc(61px + (113 - 61) * ((100vw - 922px) / (1920 - 922)));
	}
}
.project-card--sale .sale-icon .icon:nth-child(2) {
	left: 276px;
	bottom: 58px;
}
@media (max-width: 1920px) {
	.project-card--sale .sale-icon .icon:nth-child(2) {
		left: calc(138px + (276 - 138) * ((100vw - 922px) / (1920 - 922)));
		width: calc(143px + (176 - 143) * ((100vw - 922px) / (1920 - 922)));
		height: calc(143px + (176 - 143) * ((100vw - 922px) / (1920 - 922)));
	}
}
.project-card--sale .sale-icon .icon:nth-child(3) {
	top: 37px;
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width: 1920px) {
	.project-card--sale .sale-icon .icon:nth-child(3) {
		width: calc(97px + (177 - 97) * ((100vw - 922px) / (1920 - 922)));
		height: calc(97px + (177 - 97) * ((100vw - 922px) / (1920 - 922)));
	}
}
.project-card--sale .sale-icon .icon:nth-child(4) {
	right: 264px;
	bottom: 31px;
}
@media (max-width: 1920px) {
	.project-card--sale .sale-icon .icon:nth-child(4) {
		bottom: calc(88px + (31 - 88) * ((100vw - 922px) / (1920 - 922)));
		width: calc(73px + (223 - 73) * ((100vw - 922px) / (1920 - 922)));
		height: calc(73px + (223 - 73) * ((100vw - 922px) / (1920 - 922)));
	}
}
.project-card--sale .sale-icon .icon:nth-child(5) {
	top: 25px;
	right: 122px;
}
@media (max-width: 1920px) {
	.project-card--sale .sale-icon .icon:nth-child(5) {
		right: calc(0px + (122 - 0) * ((100vw - 922px) / (1920 - 922)));
		width: calc(49px + (143 - 49) * ((100vw - 922px) / (1920 - 922)));
		height: calc(49px + (143 - 49) * ((100vw - 922px) / (1920 - 922)));
	}
}
.project-card--sale .sale-icon .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.project-card--sale h2 {
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
	color: #000000;
}
@media (max-width: 1920px) {
	.project-card--sale h2 {
		font-size: calc(30px + (45 - 30) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(38px + (54 - 38) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--sale h2 {
		font-size: 3rem;
		line-height: 3.8rem;
	}
}
.project-card--sale button {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 227px;
	height: 227px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #388AF3;
	border: 3px solid #388AF3;
	border-radius: 1.23123e6px;
	background-color: transparent;
	transition: .9s;
}
.project-card--sale button svg {
	margin-bottom: 28px;
	transition: .3s;
}
.project-card--sale button:hover svg {
	transform: translateX(10px) scale(1.05);
	transition: .3s;
}
.project-card--item {
	position: relative;
	display: flex;
	width: 100%;
	height: 341px;
	margin-bottom: 30px;
	padding: 0 40px;
	border-radius: 15px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.project-card--item {
		flex-direction: column;
		height: 565px;
		padding: 50px 40px 0;
	}
}
.project-page .project-card--item {
	margin-bottom: 70px;
}
@media (max-width: 1920px) {
	.project-page .project-card--item {
		margin-bottom: calc(40px + (70 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-page .project-card--item {
		margin-bottom: 40px;
	}
}
.project-page .project-card--item:last-child,
.project-card--item:last-child {
	margin-bottom: 0;
}
.project-card--item::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 51px;
	width: 896px;
	height: 896px;
	border-radius: 50%;
	z-index: 1;
}
@media (max-width: 768px) {
	.project-card--item::before {
		bottom: 50%;
	}
}
.project-card--item.org-market::before {
	background-color: #FBFBFB;
}
.project-card--item.optimal-group::before {
	background: linear-gradient(105deg, #F3FEFF 14.21%, rgba(220, 245, 248, 0) 101.56%);
}
.project-card--item.case-bizon::before {
	background: linear-gradient(100deg, #FFF2D4 25.31%, rgba(242, 225, 186, 0) 80.89%);
}
.project-card--item.case-mtt::before {
	background: linear-gradient(105deg, #FBFBFB -2.62%, rgba(251, 251, 251, 0) 84.61%);
}
.project-card--item.wms::before {
	background: linear-gradient(148.27deg, #FFFFFF 25.31%, #F5F5F5 80.89%);
}
.project-card--item.busy-lizzy::before {
	background: linear-gradient(152.67deg, #FFE6BC 18.46%, rgba(255, 212, 140, 0) 105.5%);
}
.project-card--item.case-levitek::before {
	background: linear-gradient(148.27deg, #F1F8FF 25.31%, #E2EDF9 80.89%);
}
.project-card--item.peakaboo::before {
	background: linear-gradient(144.1deg, #E5FBB2 29.12%, rgba(252, 255, 247, 0) 79.01%);
}
.project-card--item.app::before {
	background: linear-gradient(148.27deg, #FDFDFE 25.31%, rgba(255, 255, 255, 0) 80.89%);
}
.project-card--item.case-oil::before,  .project-card--item.case-braer::before, .project-card--item.case-kirillitsa::before {
    background: linear-gradient(148.27deg,#FDFDFE 25.31%,rgba(255,255,255,0) 80.89%);
}
.project-card--item .item-content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 454px;
	height: 100%;
	z-index: 4;
}
@media (max-width: 768px) {
	.project-card--item .item-content {
		justify-content: flex-start;
	}
}
.project-card--item .item-content h3 {
	max-width: 454px;
	margin: 0 0 17px;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	color: #343434;
}
@media (max-width: 1920px) {
	.project-card--item .item-content h3 {
		font-size: calc(25px + (28 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(33px + (35 - 33) * ((100vw - 922px) / (1920 - 922)));
	}
	.project-card--item:nth-child(1) .item-content h3 {
		max-width: calc(277px + (383 - 277) * ((100vw - 922px) / (1920 - 922)));
	}
	.project-card--item:nth-child(2) .item-content h3 {
		max-width: calc(220px + (383 - 220) * ((100vw - 922px) / (1920 - 922)));
	}
	.project-card--item:nth-child(3) .item-content h3 {
		max-width: calc(220px + (383 - 220) * ((100vw - 922px) / (1920 - 922)));
	}
	.project-card--item:nth-child(4) .item-content h3 {
		max-width: calc(220px + (454 - 220) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item .item-content h3 {
		max-width: 277px;
		font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(26px + (33 - 26) * ((100vw - 414px) / (922 - 414)));
	}
	.project-card--item .item-content h3 br {
		display: none;
	}
	.project-card--item.org-market .item-content h3 {
		max-width: 277px;
	}
	.project-card--item.optimal-group .item-content h3 {
		max-width: 220px;
	}
	.project-card--item.case-bizon .item-content h3 {
		max-width: 220px;
	}
	.project-card--item.case-mtt .item-content h3 {
		max-width: 220px;
	}
}
@media (max-width: 414px) {
	.project-card--item .item-content h3 {
		max-width: 230px;
		margin: 0 0 35px;
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
.project-card--item .item-content p {
	max-width: 423px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #343434;
}
@media (max-width: 1920px) {
	.project-card--item .item-content p {
		max-width: calc(278px + (423 - 278) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item .item-content p {
		max-width: 278px;
		font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
	}
	.project-card--item .item-content p>br {
		display: none;
	}
}
@media (max-width: 414px) {
	.project-card--item .item-content p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
.project-card--item .item-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 3;
	transform: scale(1) translateY(100%);
	transition: .8s;
}
.project-card--item.org-market .item-bg img:nth-child(1),
.project-card--item.org-market .item-bg img:nth-child(2),
.project-card--item.case-bizon .item-bg img:nth-child(1),
.project-card--item.case-bizon .item-bg img:nth-child(2),
.case-salini .item-bg img:nth-child(1),
.case-salini .item-bg img:nth-child(2) {
	transform: scale(1) translateY(100%);
	transition: .8s;
}
.project-card--item.active .item-bg {
	transform: scale(1) translateY(0);
	transition: .8s;
}
.project-card--item.org-market.active .item-bg img:nth-child(1),
.project-card--item.case-bizon.active .item-bg img:nth-child(1),
.project-card--item.case-oil.active .item-bg img:nth-child(1),
.project-card--item.case-braer.active .item-bg img:nth-child(1),
.project-card--item.case-kirillitsa.active .item-bg img:nth-child(1),
.case-salini.active .item-bg img:nth-child(1) {
	transform: translateY(0);
	transition: .9s;
}
.project-card--item.org-market.active .item-bg img:nth-child(2),
.project-card--item.case-bizon.active .item-bg img:nth-child(2),
.project-card--item.case-oil.active .item-bg img:nth-child(2),
.case-salini.active .item-bg img:nth-child(2) {
	transform: translateY(0);
	transition: .9s .4s;
}
.project-card--item:hover .item-bg {
	transform: scale(1.05) translateY(0);
	transition: .8s;
}
.project-card--item.org-market .item-bg {
	right: 0;
	bottom: 0;
	width: 662px;
	height: 100%;
}
@media (max-width: 768px) {
	.project-card--item.org-market .item-bg {
		height: calc(300px + (423 - 300) * ((100vw - 414px) / (768 - 414)));
	}
}
.project-card--item.org-market .item-bg img:nth-child(1) {
	position: absolute;
	top: -55px;
	left: 0;
	width: 662px;
	height: 489px;
}
@media (max-width: 1920px) {
	.project-card--item.org-market .item-bg img:nth-child(1) {
		top: calc(10px + (-55 - 10) * ((100vw - 922px) / (1920 - 922)));
		left: calc(160px + (0 - 160) * ((100vw - 922px) / (1920 - 922)));
		width: calc(573px + (662 - 573) * ((100vw - 922px) / (1920 - 922)));
		height: calc(423px + (489 - 423) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.org-market .item-bg img:nth-child(1) {
		width: calc(407px + (573 - 407) * ((100vw - 414px) / (922 - 414)));
		height: calc(300px + (423 - 300) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.project-card--item.org-market .item-bg img:nth-child(1) {
		top: calc(25px + (90 - 25) * ((100vw - 375px) / (768 - 375)));
		left: calc(315px + (65 - 315) * ((100vw - 375px) / (768 - 375)));
	}
}
@media (max-width: 414px) {
	.project-card--item.org-market .item-bg img:nth-child(1) {
		width: 407px;
		height: 300px;
	}
}
.project-card--item.org-market .item-bg img:nth-child(2) {
	position: absolute;
	top: 60px;
	right: 55px;
	width: 255px;
	height: 365px;
	object-fit: cover;
}
@media (max-width: 1920px) {
	.project-card--item.org-market .item-bg img:nth-child(2) {
		top: calc(95px + (60 - 95) * ((100vw - 922px) / (1920 - 922)));
		right: calc(10px + (55 - 10) * ((100vw - 922px) / (1920 - 922)));
		width: calc(223px + (255 - 223) * ((100vw - 922px) / (1920 - 922)));
		height: calc(319px + (365 - 319) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.org-market .item-bg img:nth-child(2) {
		top: 95px;
		right: 10px;
		width: calc(157px + (223 - 157) * ((100vw - 414px) / (922 - 414)));
		height: calc(225px + (319 - 225) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.project-card--item.org-market .item-bg img:nth-child(2) {
		top: calc(90px + (185 - 90) * ((100vw - 375px) / (768 - 375)));
		right: calc(-20px + (125 - 20) * ((100vw - 375px) / (768 - 375)));
	}
}
@media (max-width: 414px) {
	.project-card--item.org-market .item-bg img:nth-child(2) {
		width: 157px;
		height: 225px;
	}
}
.project-card--item.optimal-group .item-bg {
	right: 25px;
	bottom: -85px;
	width: 600px;
	height: 399px;
}
@media (max-width: 1920px) {
	.project-card--item.optimal-group .item-bg {
		bottom: calc(10px + (-85 - 10) * ((100vw - 922px) / (1920 - 922)));
		width: calc(470px + (600 - 470) * ((100vw - 922px) / (1920 - 922)));
		height: calc(316px + (399 - 316) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.optimal-group .item-bg {
		bottom: 10px;
		width: calc(306px + (470 - 306) * ((100vw - 414px) / (922 - 414)));
		height: calc(206px + (316 - 206) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.project-card--item.optimal-group .item-bg {
		bottom: calc(60px + (20 - 60) * ((100vw - 414px) / (768 - 414)));
		display: flex;
		justify-content: center;
		width: 100%;
		right: 0;
	}
}
@media (max-width: 414px) {
	.project-card--item.optimal-group .item-bg {
		bottom: 60px;
		height: 206px;
		padding: 0 17px;
	}
}
.project-card--item.optimal-group .item-bg svg {
	width: 100%;
}
.project-card--item.case-bizon .item-bg img:nth-child(1) {
	position: absolute;
	right: 84px;
	bottom: 75px;
	width: 544px;
	height: 396px;
}
@media (max-width: 1920px) {
	.project-card--item.case-bizon .item-bg img:nth-child(1) {
		width: calc(550px + (544 - 550) * ((100vw - 922px) / (1920 - 922)));
		height: calc(387px + (396 - 360) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.case-bizon .item-bg img:nth-child(1) {
		width: calc(470px + (470 - 470) * ((100vw - 414px) / (922 - 414)));
		height: calc(268px + (268 - 268) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 580px) {
	.project-card--item.case-bizon .item-bg img:nth-child(1) {
		width: 350px;
	}
}
.project-card--item.case-bizon .item-bg img:nth-child(2) {
	position: absolute;
	right: -30px;
	bottom: -123px;
	width: 550px;
	height: 491px;
}
.project-card--item.case-bizon .item-bg {
	right: -12px;
	bottom: 11px;
	width: 670px;
	height: 562px;
}
.project-card--item.case-oil .item-bg, .project-card--item.case-braer .item-bg,
.project-card--item.case-kirillitsa .item-bg {
	position: absolute;
	width: 60%;
	height: 100%;
}
.project-card--item.case-oil .item-bg img, .project-card--item.case-braer .item-bg img,
.project-card--item.case-kirillitsa .item-bg img {
	position: absolute;
	height: 100%;
	width: auto;
	right: 0;
}
.project-card--item.case-oil .item-bg img:nth-child(2) {
	bottom: 0;
	height: 70%;
}
@media (max-width: 1920px) {
	.project-card--item.case-bizon .item-bg {
		right: calc(15px + (-12 - 15) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.case-bizon .item-bg {
		right: -40px;
		width: calc(410px + (670 - 410) * ((100vw - 414px) / (922 - 414)));
		height: calc(375px + (562 - 375) * ((100vw - 414px) / (922 - 414)));
	}
	.project-card--item.case-bizon .item-bg img:nth-child(2) {
		bottom: -30px;
		right: 77px;
		width: calc(360px + (470 - 470) * ((100vw - 414px) / (922 - 414)));
		height: calc(280px + (268 - 268) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.project-card--item.case-bizon .item-bg {
		right: calc(-50px + (30 - -50) * ((100vw - 414px) / (768 - 414)));
		bottom: -10px;
	}
	.project-card--item.case-oil .item-bg, .project-card--item.case-braer .item-bg,
	.project-card--item.case-kirillitsa .item-bg {
		width: 100%;
		height: auto;
	}
	.project-card--item.case-oil .item-bg img, .project-card--item.case-braer .item-bg img,
	.project-card--item.case-kirillitsa .item-bg img {
		width: 100%;
		height: auto;
		bottom: 0;
	}
	.project-card--item.case-oil .item-bg img:nth-child(2) {
		height: auto;
	}
}
@media (max-width: 580px) {
	.project-card--item.case-bizon .item-bg img:nth-child(2) {
		bottom: -45px;
		right: 13px;
		width: 375px;
	}
	.project-card--item.case-kirillitsa .item-bg img {
		width: 130%;
		right: -15%;
	}
}
@media (max-width: 414px) {
	.project-card--item.case-bizon .item-bg {
		right: calc(-105px + (-50 - -80) * ((100vw - 350px) / (414 - 350)));
		bottom: -10px;
		width: 410px;
		height: 375px;
	}
}
.project-card--item.case-bizon .item-bg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.project-card--item.case-mtt .item-bg {
	right: 20px;
	bottom: -41px;
	width: 571px;
	height: 353px;
}
@media (max-width: 1920px) {
	.project-card--item.case-mtt .item-bg {
		bottom: calc(30px + (-41 - 30) * ((100vw - 922px) / (1920 - 922)));
		width: calc(479px + (571 - 479) * ((100vw - 922px) / (1920 - 922)));
		height: calc(271px + (353 - 271) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.case-mtt .item-bg {
		bottom: 30px;
		width: calc(302px + (479 - 302) * ((100vw - 414px) / (922 - 414)));
		height: calc(171px + (271 - 171) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 768px) {
	.project-card--item.case-mtt .item-bg {
		display: flex;
		justify-content: center;
		width: 100%;
		left: 0;
		right: 0;
		bottom: calc(70px + (30 - 70) * ((100vw - 414px) / (768 - 414)));
	}
	.project-card--item.case-mtt .item-bg img {
		padding: 0 15px;
	}
	.project-card--item.busy-lizzy .item-bg {
		bottom: -100px;
	}
}
@media (max-width: 414px) {
	.project-card--item.case-mtt .item-bg {
		bottom: 70px;
		width: 100%;
		height: 171px;
	}
}
.project-card--item.case-mtt .item-bg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.project-card--item.busy-lizzy .item-bg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.project-card--item.wms .item-bg {
	width: 540px;
	right: 26px;
	top: 3px;
	transform: rotate(-15deg);
}
.project-card--item.wms .item-bg img {
	width: 100%;
	border-radius: 20px;
}
.project-card--item.busy-lizzy .item-bg {
	width: 540px;
	right: 26px;
	top: 3px;
}
.project-card--item.case-levitek .item-bg {
	width: 560px;
	top: -18px;
}
.project-card--item.case-levitek .item-bg img {
	width: 100%;
	border-radius: 20px;
}
.project-card--item.case-levitek .item-bg img:nth-child(2) {
	position: absolute;
	top: 70px;
	left: 330px;
	width: 295px;
}
.project-card--item.app .item-bg {
	width: 560px;
	top: -18px;
}
.project-card--item.app .item-bg img {
	width: 100%;
	border-radius: 20px;
}
.project-card--item.app .item-bg img:nth-child(2) {
	position: absolute;
	top: -61px;
	left: 104px;
	width: 652px;
}
.project-card--item.peakaboo .item-bg {
	width: 560px;
	top: -84px;
}
.project-card--item.peakaboo .item-bg img {
	width: 100%;
	border-radius: 20px;
}
.project-card--item.peakaboo .item-bg img:nth-child(2) {
	position: absolute;
	top: 145px;
	left: 147px;
	width: 510px;
}
@media (max-width: 1920px) {
	.project-card--item.wms .item-bg {
		width: calc(485px + (540 - 485) * ((100vw - 922px) / (1920 - 922)));
		right: calc(-28px + (26 + 28) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.project-card--item.wms .item-bg {
		width: calc(433px + (485 - 433) * ((100vw - 767px) / (922 - 767)));
		right: calc(-26px + (-28 + 26) * ((100vw - 767px) / (922 - 767)));
		top: calc(45px + (3 - 45) * ((100vw - 767px) / (922 - 767)));
	}
}
@media (max-width: 767px) {
	.project-card--item.wms .item-bg {
		width: calc(315px + (433 - 315) * ((100vw - 414px) / (767 - 414)));
		right: calc(-23px + (45 + 23) * ((100vw - 414px) / (767 - 414)));
		top: calc(297px + (225 - 297) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.case-levitek .item-bg {
		width: 100%;
		top: 230px;
	}
	.project-card--item.case-levitek .item-bg img:nth-child(2) {
		width: calc(140px + (295 - 140) * ((100vw - 414px) / (767 - 414)));
		top: calc(50px + (70 - 50) * ((100vw - 414px) / (767 - 414)));
		left: calc(225px + (445 - 225) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.app .item-bg {
		width: 100%;
		top: calc(300px + (193 - 300) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.app .item-bg img:nth-child(2) {
		width: calc(260px + (595 - 260) * ((100vw - 414px) / (767 - 414)));
		top: calc(-6px + (-80 + 6) * ((100vw - 414px) / (767 - 414)));
		left: calc(150px + (226 - 150) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.peakaboo .item-bg {
		width: 100%;
		top: calc(253px + (159 - 253) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.busy-lizzy .item-bg {
		width: 100%;
		top: calc(73px + (79 - 73) * ((100vw - 414px) / (767 - 414)));
		right: calc(1px + (26 - 1) * ((100vw - 414px) / (767 - 414)));
	}
	.project-card--item.peakaboo .item-bg img:nth-child(2) {
		top: calc(84px + (145 - 84) * ((100vw - 414px) / (767 - 414)));
		left: calc(103px + (147 - 103) * ((100vw - 414px) / (767 - 414)));
		width: calc(370px + (570 - 370) * ((100vw - 414px) / (767 - 414)));
	}
}
@media (max-width: 414px) {
	.project-card--item.wms .item-bg {
		width: 315px;
		right: -23px;
		top: 297px;
	}
	.project-card--item.busy-lizzy .item-bg {
		width: 315px;
		right: 1px;
		top: 73px;
	}
}
.case-salini {
	background-color: #EBD5A4;
}
.case-salini::before {
	background: linear-gradient(148.27deg, #FFF2D4 25.31%, rgba(242, 225, 186, 0) 80.89%);
	filter: blur(5px);
	transition: .5s;
}
.case-salini:hover::before {
	filter: none;
	transition: .5s;
}
.case-salini .item-bg img:nth-child(2) {
	position: absolute;
	right: -110px;
	bottom: -120px;
	width: 100%;
	height: 100%;
}
.case-salini .item-bg {
	right: -3px;
	bottom: -25px;
	width: 690px;
	height: 470px;
}
.case-salini .item-bg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lock {
	position: absolute;
	z-index: 3;
	top: 35%;
	left: 67%;
	transform: scale(1);
	transition: transform .5s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width: 922px) {
	.case-salini .item-bg {
		right: -53px;
		scale: 0.8;
	}
	.lock {
		left: 59%;
	}
}
@media (max-width: 767px) {
	.case-salini .item-content {
		justify-content: flex-start;
	}
	.lock {
		top: 55%;
		left: 30%;
	}
	.case-salini .item-bg {
		scale: 1;
		right: 150px;
		bottom: -19px;
		width: 480px;
	}
	.case-salini .item-bg img:nth-child(2) {
		top: 50px;
		right: -140px;
	}
}
@media (max-width: 580px) {
	.lock {
		left: 8%;
	}
	.case-salini .item-bg {
		right: -32px;
	}
	.case-salini .item-bg img:nth-child(2) {
		right: -90px;
		top: 91px;
	}
}
@media (max-width: 414px) {
	.case-salini .item-bg {
		scale: 0.9;
		right: -55px;
	}
}
.lock__body {
	width: 36px;
}
.lock__pic {
	position: relative;
}
.lock__ear {
	width: 28px;
	position: absolute;
	top: -12px;
	left: 4px;
	stroke-dashoffset: 0;
	stroke-dasharray: 100;
	transition: all .5s ease;
	z-index: -1;
}
.lock__tongue {
	width: 3.4px;
	position: absolute;
	top: 1px;
	left: 4px;
	stroke-dashoffset: 0;
	stroke-dasharray: 100;
	transition: all .5s ease;
}
.project-card--item:hover .lock__tongue {
	stroke-dashoffset: 100;
	transition: all .5s ease;
}
.project-card--item:hover .lock {
	transform: scale(1.08);
	transition: transform .5s ease;
}
.lock-text {
	padding: 14px 20px;
	background: rgba(247, 233, 203, 0.7);
	border-radius: 40px;
}
.lock-text p {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #343434;
}
.card-img-anim5 .item-bg.no-blur {
	z-index: 2;
}
.card-img-anim5 .item-bg.blur {
	z-index: 1;
}
.card-img-anim5 .item-bg.no-blur {
	position: absolute;
	opacity: 0;
	clip-path: circle(0px at 365px 365px);
	transition: all .9s ease;
	filter: none;
}
/* .card-img-anim5:hover .item-bg.no-blur {
  opacity: 1;
}   */
.card-img-anim5 .item-bg.blur {
	position: absolute;
	filter: blur(5px);
}
.card-img-anim5:hover .item-bg.no-blur {
	opacity: 1;
	clip-path: circle(550px at 365px 365px);
}
.project-card--lock {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	opacity: 0;
	transition: .4s ease;
	pointer-events: none;
	z-index: 1000;
	scale: 0.8;
}
.project-card--lock.active {
	opacity: 1;
	transition: .4s ease;
	pointer-events: all;
	scale: 1;
}
.project-card--lock .lock-container {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: auto;
}
@media (max-width: 580px) {
	.project-card--lock .lock-container {
		height: 100%;
	}
}
.project-card--lock .lock-left {
	max-width: 50%;
	width: 100%;
	background-color: #fff;
	overflow: auto;
}
@media (max-width: 922px) {
	.project-card--lock .lock-left {
		max-width: 100%;
	}
}
.project-card--lock .lock-right {
	position: relative;
	max-width: 50%;
	width: 100%;
	background-color: #388AF3;
	opacity: 0.9;
}
@media (max-width: 922px) {
	.project-card--lock .lock-right {
		display: none;
	}
}
.project-card--lock .request-form {
	position: relative;
	width: 100%;
	padding: 54px 50px;
}
.project-card--lock .request-form__logo {
	max-width: 114px;
	width: 100%;
	margin-bottom: 142px;
}
@media (max-width: 580px) {
	.project-card--lock .request-form {
		padding-top: 30px;
		padding-bottom: 0;
		margin-bottom: 55px;
	}
	.project-card--lock .request-form__logo {
		margin-bottom: 40px;
	}
}
.project-card--lock .request-form__content {
	max-width: 617px;
	width: 100%;
	margin: 0 auto;
	opacity: 1;
	transition: opacity .8s ease;
}
.project-card--lock .request-form__content.hidden {
	opacity: 0;
	transition: opacity .8s ease;
}
.project-card--lock .request-form__descr {
	margin-bottom: 10px;
	max-width: 383px;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 3.5rem;
	color: #343434;
}
.project-card--lock .request-form__title {
	margin: 0 0 calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	font-weight: 700;
	font-size: calc(36px + (50 - 36) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(45px + (62 - 45) * ((100vw - 922px) / (1920 - 922)));
	color: #388AF3;
}
.project-card--lock .form {
	display: flex;
	flex-direction: column;
}
.project-card--lock .form__item {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.project-card--lock .form__input {
	position: relative;
	width: 100%;
	max-height: 37px;
	margin-bottom: calc(20px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 5px;
	font-weight: 300;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	resize: none;
	transition: all .3s ease;
	z-index: 2;
}
.project-card--lock .form__input--number {
	-moz-appearance: textfield;
}
.project-card--lock .form__input--number::-webkit-inner-spin-button {
	display: none;
}
@media (max-width: 922px) {
	.project-card--lock .form__input {
		margin-bottom: calc(20px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.project-card--lock .form__input {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.project-card--lock .form__item label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
	background-color: transparent;
	transition: all .4s;
}
.project-card--lock .form__item label span {
	color: tomato;
}
@media (max-width: 922px) {
	.project-card--lock .form__item label {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.project-card--lock .form__item label {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.project-card--lock .form__input:focus+label,
.project-card--lock .form__input:valid+label,
.project-card--lock .form__input:active+label,
.project-card--lock .form__item:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.project-card--lock .form__note {
	padding: 0;
	margin-bottom: 69px;
	background: none;
	border: none;
	outline: none;
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
	color: #388AF3;
	transition: color .5s ease;
}
.project-card--lock .form__note svg {
	margin-right: 8px;
	transform: translateY(3px);
}
.project-card--lock .form__note:hover {
	color: #0C279B;
	transition: color .5s ease;
}
@media (max-width: 922px) {
	.project-card--lock .form__note {
		font-size: 1.4rem;
		line-height: 2.1rem;
		margin-bottom: 50px;
	}
}
@media (max-width: 580px) {
	.project-card--lock .form__note {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.project-card--lock .form__note {
		font-size: calc(14px + (18 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(21px + (27 - 21) * ((100vw - 414px) / (922 - 414)));
	}
}
.project-card--lock .form__row {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 1500px) {
	.project-card--lock .form__row {
		flex-direction: column;
	}
}
@media (max-width: 922px) {
	.project-card--lock .form__row {
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	.project-card--lock .form__row {
		flex-direction: column;
	}
}
.project-card--lock .form__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: calc(176px + (215 - 176) * ((100vw - 922px) / (1920 - 922)));
	height: 64px;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	text-align: left;
	color: #388AF3;
	background-color: transparent;
}
@media (max-width: 1500px) {
	.project-card--lock .form__btn {
		margin-bottom: 20px;
	}
}
@media (max-width: 922px) {
	.project-card--lock .form__btn {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.project-card--lock .form__btn {
		margin-bottom: 20px;
	}
}
@media (max-width: 414px) {
	.project-card--lock .form__btn {
		width: 100%;
	}
}
.project-card--lock .form__btn .tnx-block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.project-card--lock .form__btn .tnx-block span {
	display: flex;
	align-items: center;
}
.project-card--lock .form__btn svg path {
	transition: all 0.4s ease-in-out;
	fill: #388AF3;
}
.project-card--lock .form__btn span {
	margin-right: 8px;
}
.project-card--lock .form__btn:hover {
	color: #fff;
}
.project-card--lock .form__btn svg {
	margin-left: 10px;
	transition: .4s;
}
.project-card--lock .form__btn:hover svg {
	transform: translateX(10px);
	transition: all .3s ease;
}
.project-card--lock .form__btn:hover svg path {
	fill: #fff;
}
.project-card--lock .form__btn::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 0;
	border-radius: 100px;
	background: #388AF3;
	transition: all .4s ease;
	z-index: -1;
}
.project-card--lock .form-checkbox {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
@media (max-width: 1500px) {
	.project-card--lock .form-checkbox {
		margin-left: 0;
	}
}
@media (max-width: 922px) {
	.project-card--lock .form-checkbox {
		margin-left: 30px;
	}
}
@media (max-width: 767px) {
	.project-card--lock .form-checkbox {
		margin-left: 0;
	}
}
.project-card--lock .form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #6D6D6D;
	white-space: nowrap;
}
@media (max-width: 922px) {
	.project-card--lock .form-checkbox p {
		margin-left: calc(5px + (20 - 5) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (18 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(21px + (27 - 21) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.project-card--lock .form-checkbox p {
		margin-left: 10px;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}
.project-card--lock .form-checkbox a {
	font-weight: 500;
	color: #388AF3;
	transition: .4s;
}
.project-card--lock .form-checkbox a:hover {
	color: #0C279B;
}
.project-card--lock .form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
.project-card--lock .form-checkbox input::before {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.project-card--lock .form-checkbox input::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all .2s;
}
.project-card--lock .form-checkbox input:checked::after {
	transform: scale(1) translate(-50%, -50%);
}
.project-card--lock .close {
	padding: 0;
	position: absolute;
	top: 70px;
	right: 50px;
	width: 37px;
	height: 37px;
	border: none;
	background: none;
	outline: none;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 580px) {
	.project-card--lock .close {
		top: 40px;
	}
}
.project-card--lock .close svg path {
	width: 100%;
	height: 100%;
	stroke: #fff;
}
@media (max-width: 922px) {
	.project-card--lock .close svg path {
		stroke: black;
	}
}
.project-card--lock .close:hover {
	transform: scale(1.05);
}
.project-card--lock .close:focus {
	transform: scale(0.95);
}
.project-card--lock .lock {
	position: absolute;
	top: 50%;
	left: 50%;
}
.project-card--lock .lock__pic {
	position: relative;
}
.project-card--lock .lock__ear {
	position: absolute;
	top: -14px;
	left: 3px;
}
.project-card--lock .lock__tongue {
	position: absolute;
	top: 1px;
	left: 3px;
	stroke-dashoffset: 0;
	stroke-dasharray: 100;
}
/* .project-card--lock.active .lock__tongue {
  animation-name: animation-lock-tongue;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.project-card--lock.active .lock {
  transform: scale(0.95);
  animation: animation-lock 1s ease 0.3s forwards;
} */
@keyframes animation-lock {
	0% {
		transform: scale(0.95);
	}
	65% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
.project-card--lock .success {
	position: absolute;
	width: 70%;
	top: 40%;
	opacity: 0;
	transition: opacity .8s ease;
}
.project-card--lock .success.active {
	opacity: 1;
	transition: opacity .8s ease;
}
.project-card--lock .keys {
	position: absolute;
	transform: translateX(-50%);
	display: block;
	max-width: 514px;
	width: 100%;
	top: 50%;
	left: 50%;
	text-align: center;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	animation-name: animation-text;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes animation-text {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes animation-lock-tongue {
	0% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: 100;
	}
}
.project-icon-grap {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 77px;
	height: 77px;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: rgba(158, 210, 102, 0.8);
	z-index: 10;
	pointer-events: none;
}
.news {
	position: relative;
	overflow: visible;
}
.news-list--title {
	margin-top: 100px;
	margin-bottom: 150px;
}
@media (max-width: 1920px) {
	.news-list--title {
		margin-top: calc(60px + (100 - 60) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(110px + (150 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--title {
		margin-top: calc(44px + (60 - 44) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(60px + (110 - 60) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-list--title {
		margin-top: 44px;
		margin-bottom: 60px;
	}
}
.news-list--title h1 {
	font-weight: 700;
	font-size: 60px;
	line-height: 74px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-list--title h1 {
		font-size: calc(35px + (60 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (74 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--title h1 {
		font-size: 3.5rem;
		line-height: 3.9rem;
	}
}
@media (max-width: 414px) {
	.news-list--title h1 {
		font-size: 3.8rem;
		line-height: 4.8rem;
	}
}
.news-list--item {
	display: flex;
	justify-content: space-between;
	grid-gap: 0 185px;
	margin-bottom: 120px;
}
@media (max-width: 1920px) {
	.news-list--item {
		grid-gap: 0 calc(106px + (185 - 106) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(100px + (120 - 100) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item {
		grid-gap: 0 106px;
		margin-bottom: calc(90px + (100 - 90) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.news-list--item {
		flex-direction: column-reverse;
		grid-gap: 30px 0;
	}
}
@media (max-width: 414px) {
	.news-list--item {
		margin-bottom: 90px;
	}
}
.news-list--item .item-content h2 {
	margin: 0 0 20px;
	font-weight: 600;
	font-size: 40px;
	line-height: 49px;
	color: #343434;
	transition: .4s;
}
@media (max-width: 1920px) {
	.news-list--item .item-content h2 {
		font-size: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (49 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item .item-content h2 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (31 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-list--item .item-content h2 {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}
.news-list--item .item-content h2:hover {
	color: #388AF3;
	transition: .4s;
}
.news-list--item .item-content p {
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-list--item .item-content p {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item .item-content p {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-list--item .item-content p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-list--item .item-content .info {
	margin-bottom: 40px;
}
@media (max-width: 1920px) {
	.news-list--item .item-content .info {
		margin-bottom: calc(35px + (40 - 35) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item .item-content .info {
		margin-bottom: calc(22px + (35 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-list--item .item-content .info {
		margin-bottom: 22px;
	}
}
.news-list--item .item-image {
	flex: 0 0 278px;
	width: 278px;
	height: 278px;
	border-radius: 50%;
	overflow: hidden;
}
@media (max-width: 1920px) {
	.news-list--item .item-image {
		flex: 0 0 calc(239px + (278 - 239) * ((100vw - 922px) / (1920 - 922)));
		width: calc(239px + (278 - 239) * ((100vw - 922px) / (1920 - 922)));
		height: calc(239px + (278 - 239) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item .item-image {
		flex: 0 0 239px;
		width: 239px;
		height: 239px;
	}
}
@media (max-width: 767px) {
	.news-list--item .item-image {
		flex: 0 0 100%;
		width: 100%;
		height: 333px;
		border-radius: 0;
	}
}
.news-list--item .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-list--item .info,
.news-detail--caption .info,
.aside-item .info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	grid-gap: 15px 0;
}
.news-list--item .info-tags,
.news-detail--caption .info-tags,
.aside-item .info-tags {
	display: flex;
	margin-right: 43px;
}
@media (max-width: 1920px) {
	.news-list--item .info-tags,
	.news-detail--caption .info-tags,
	.aside-item .info-tags {
		margin-right: calc(40px + (43 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-list--item .info-tags,
	.news-detail--caption .info-tags,
	.aside-item .info-tags {
		margin-right: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-list--item .info-tags,
	.news-detail--caption .info-tags,
	.aside-item .info-tags {
		margin-right: 35px;
	}
}
.news-list--item .info-tags a,
.news-detail--caption .info-tags a,
.aside-item .info-tags a {
	display: block;
	margin-right: 15px;
	padding: 0 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #6D6D6D;
	border: 0.9px solid #388AF3;
	border-radius: 20px;
	cursor: unset !important;
}
.news-list--item .info-tags a:last-child,
.news-detail--caption .info-tags a:last-child,
.aside-item .info-tags a:last-child {
	margin-right: 0;
}
.news-list--item .info-time,
.news-detail--caption .info-time,
.aside-item .info-time {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #6D6D6D;
}
.news-list--item .info-time>svg,
.news-detail--caption .info-time>svg,
.aside-item .info-time>svg {
	margin: 0 8px;
}
.news-list--item .info-time .date,
.news-list--item .info-time .clock,
.news-detail--caption .info-time .date,
.news-detail--caption .info-time .clock,
.aside-item .info-time .date,
.aside-item .info-time .clock {
	display: flex;
	align-items: center;
}
.news-list--item .info-time .date::before,
.news-detail--caption .info-time .date::before,
.aside-item .info-time .date::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	background: url(./assets/img/news-date-cal.svg) center no-repeat;
	background-position: center;
	background-size: cover;
}
.news-list--item .info-time .clock::before,
.news-detail--caption .info-time .clock::before,
.aside-item .info-time .clock::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	background: url(./assets/img/news-date-clock.svg) center no-repeat;
	background-position: center;
	background-size: cover;
}
.news-detail {
	padding-bottom: 252px;
}
@media (max-width: 1920px) {
	.news-detail {
		padding-bottom: calc(165px + (252 - 165) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail {
		padding-bottom: calc(110px + (165 - 110) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail {
		padding-bottom: 110px;
	}
}
.news-detail--caption {
	position: relative;
	margin-top: 100px;
	margin-bottom: 90px;
}
@media (max-width: 1920px) {
	.news-detail--caption {
		margin-top: calc(60px + (100 - 60) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(70px + (90 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--caption {
		margin-top: calc(44px + (60 - 44) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(40px + (70 - 40) * ((100vw - 414px) / (920 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail--caption {
		margin-top: 44px;
		margin-bottom: 40px;
	}
}
.news-detail--caption .caption-info {
	display: flex;
}
@media (max-width: 922px) {
	.news-detail--caption .caption-info {
		justify-content: space-between;
		flex-wrap: wrap;
		grid-gap: 40px 0;
	}
}
.news-detail--caption h1 {
	max-width: 741px;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 60px;
	line-height: 74px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--caption h1 {
		max-width: calc(500px + (741 - 500) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(35px + (60 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (74 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--caption h1 {
		max-width: 100%;
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: 3.9rem;
	}
}
@media (max-width: 414px) {
	.news-detail--caption h1 {
		font-size: 3.2rem;
	}
}
.news-detail--caption .author {
	position: absolute;
	top: 25px;
	right: 0;
	display: grid;
	align-items: center;
	grid-template-columns: 60px 1fr;
	grid-gap: 0 17px;
	width: 276px;
}
@media (max-width: 1920px) {
	.news-detail--caption .author {
		width: calc(240px + (276 - 240) * ((100vw - 768px) / (1920 - 768)));
	}
}
@media (max-width: 922px) {
	.news-detail--caption .author {
		position: relative;
		top: 0;
	}
}
@media (max-width: 767px) {
	.news-detail--caption .author {
		width: auto;
	}
}
.news-detail--caption .author .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.news-detail--caption .author .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-detail--caption .author h3 {
	margin: 0 0 5px;
	font-weight: 700;
	font-size: 17px;
	line-height: 140%;
	color: #343434;
}
.news-detail--caption .author span {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #6D6D6D;
}
.news-detail--image {
	width: 100%;
	margin-bottom: 90px;
}
@media (max-width: 1920px) {
	.news-detail--image {
		margin-bottom: calc(70px + (90 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--image {
		margin-bottom: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail--image {
		margin-bottom: 50px;
	}
}
.news-detail--image img {
	width: 100%;
	height: 677px;
	object-fit: cover;
}
@media (max-width: 1920px) {
	.news-detail--image img {
		height: calc(466px + (677 - 466) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--image img {
		height: calc(200px + (466 - 200) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail--image img {
		height: 200px;
	}
}
.news-detail--image p {
	margin-top: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--image p {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--image p {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--image p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content {
	display: flex;
	grid-gap: 0 184px;
}
@media (max-width: 1920px) {
	.news-detail--content {
		grid-gap: 0 calc(106px + (184 - 106) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content {
		grid-gap: 0 calc(55px + (106 - 55) * ((100vw - 768px) / (922 - 768)));
	}
}
@media (max-width: 767px) {
	.news-detail--content {
		flex-direction: column;
		grid-gap: 111px 0;
	}
}
.news-detail--content .content {
	max-width: 741px;
}
@media (max-width: 1920px) {
	.news-detail--content .content {
		max-width: calc(497px + (741 - 497) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content {
		max-width: calc(392px + (497 - 392) * ((100vw - 768px) / (922 - 768)));
	}
}
@media (max-width: 767px) {
	.news-detail--content .content {
		max-width: 100%;
	}
}
.news-detail--content .content .text {
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--content .content .text {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content .text {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content .content .text {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content .content .text .detail-img-h {
	width: 100%;
	height: 416px;
	object-fit: contain;
}
@media (max-width: 1920px) {
	.news-detail--content .content .text .detail-img-h {
		height: calc(281px + (416 - 281) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content .text .detail-img-h {
		height: calc(188px + (281 - 188) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail--content .content .text .detail-img-h {
		height: 188px;
	}
}
.news-detail--content .content .text .detail-img-v {
	width: 477px;
	height: 520px;
	margin: 0 auto;
	object-fit: contain;
}
@media (max-width: 1920px) {
	.news-detail--content .content .text .detail-img-v {
		width: calc(300px + (477 - 300) * ((100vw - 922px) / (1920 - 922)));
		height: calc(329px + (520 - 329) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content .text .detail-img-v {
		width: calc(247px + (300- 247) * ((100vw - 414px) / (922 - 414)));
		height: calc(298px + (329 - 298) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.news-detail--content .content .text .detail-img-v {
		width: 247px;
		height: 298px;
	}
}
.news-detail--content h2 {
	margin: 0 0 50px;
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--content h2 {
		margin: 0 0 calc(30px + (50 - 30) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (42 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content h2 {
		margin: 0 0 30px;
		font-size: 2rem;
		line-height: 2.2rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content h2 {
		margin: 0 0 30px;
		font-size: 2.4rem;
		line-height: 3rem;
	}
}
.news-detail--content p {
	margin-bottom: 90px;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--content p {
		margin-bottom: calc(20px + (90 - 20) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content p {
		margin-bottom: 20px;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content ul,
.news-detail--content ol {
	margin: 50px 0;
	padding: 0;
	list-style: none;
	counter-reset: myCounter;
}
@media (max-width: 1920px) {
	.news-detail--content ul,
	.news-detail--content ol {
		margin: calc(30px + (50 - 30) * ((100vw - 922px) / (1920 - 922))) 0;
	}
}
@media (max-width: 922px) {
	.news-detail--content ul,
	.news-detail--content ol {
		margin: 30px 0;
	}
}
@media (max-width: 414px) {
	.news-detail--content ul,
	.news-detail--content ol {
		margin: 40px 0;
	}
}
.news-detail--content ul li,
.news-detail--content ol li {
	position: relative;
	padding-left: 39px;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--content ul li,
	.news-detail--content ol li {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content ul li,
	.news-detail--content ol li {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content ul li,
	.news-detail--content ol li {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content ul li::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #388AF3;
	border-radius: 50%;
}
.news-detail--content ol li::before {
	counter-increment: myCounter;
	content: counter(myCounter);
	position: absolute;
	top: 0;
	left: 7px;
	z-index: 2;
}
.news-detail--content ol li::after {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 22px;
	height: 22px;
	background: #EDF5FF;
	border-radius: 50%;
	z-index: 1;
}
.news-detail--content .content .text>div {
	margin: 50px 0;
	padding-left: 39px;
	font-weight: 600;
	font-size: 20px;
	font-style: italic;
	line-height: 34px;
	color: #343434;
	border-left: 3px solid #388AF3;
}
@media (max-width: 1920px) {
	.news-detail--content .content .text>div {
		margin: calc(30px + (50 - 30) * ((100vw - 922px) / (1920 - 922))) 0;
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content .text>div {
		margin: 30px 0;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content .content .text>div {
		margin: 40px 0;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content .content .text a {
	color: #388AF3;
	transition: .4s;
}
.news-detail--content .content .text a:hover {
	color: #0C279B;
	transition: .4s;
}
.news-detail--content .content .share {
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.news-detail--content .content .share p {
	margin: 0 10px 0 0;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	line-height: 34px;
	color: #343434;
}
@media (max-width: 1920px) {
	.news-detail--content .content .share p {
		font-size: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (34 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.news-detail--content .content .share p {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
@media (max-width: 414px) {
	.news-detail--content .content .share p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
}
.news-detail--content .content .share-links {
	display: flex;
}
.news-detail--content .content .share-icon {
	margin-right: 10px;
}
.news-detail--content .content .share-icon a {
	position: relative;
	display: inline-block;
}
.news-detail--content .content .share-icon a svg {
	transition: 0.5s ease;
}
.news-detail--content .content .share-icon a:hover svg {
	transform: translateY(-3px);
	transition: 0.5s ease;
}
.news-detail--content .content .share-icon a svg path {
	transition: 0.5s ease;
}
.news-detail--content .content .share-icon a:hover svg path {
	fill: #9BC4F9;
	transition: 0.5s ease;
}
.news-detail--content .content .share-icon:last-child {
	margin-right: 0;
}
.news-detail--content .aside {
	transform: translate(0px, 0px) !important;
	max-width: 276px;
	width: 100%;
}
.aside .aside-wrapper h2 {
	margin: 0 0 50px;
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	color: #343434;
}
@media (max-width: 1920px) {
	.aside .aside-wrapper h2 {
		font-size: calc(24px + (30 - 24) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(29px + (42 - 29) * ((100vw - 922px) / (1920 - 922)));
	}
	.news-detail--content .aside {
		max-width: calc(240px + (276 - 240) * ((100vw - 768px) / (1920 - 768)));
	}
}
@media (max-width: 922px) {
	.aside .aside-wrapper h2 {
		margin: 0 0 calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
		font-size: 2.4rem;
		line-height: 2.9rem;
	}
}
@media (max-width: 767px) {
	.news-detail--content .aside {
		max-width: 334px;
	}
}
@media (max-width: 414px) {
	.aside .aside-wrapper h2 {
		margin: 0 0 40px;
	}
}
.aside .aside-wrapper h2:only-child {
	display: none;
}
.aside .aside-item {
	margin-bottom: 90px;
}
@media (max-width: 1920px) {
	.aside .aside-item {
		margin-bottom: calc(50px + (90 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.aside .aside-item {
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {
	.aside .aside-item {
		margin-bottom: 80px;
	}
}
.aside .aside-item:last-child {
	margin-bottom: 0;
}
.aside .aside-item h3 {
	margin: 30px 0 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	color: #343434;
	transition: .4s;
}
@media (max-width: 414px) {
	.aside .aside-item h3 {
		font-size: 22px;
		line-height: 32px;
	}
}
.aside .aside-item h3:hover {
	color: #388AF3;
	transition: .4s;
}
.aside .aside-item .image {
	width: 278px;
	height: 165px;
	margin-bottom: 20px;
}
@media (max-width: 1920px) {
	.aside .aside-item .image {
		width: calc(239px + (278 - 239) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.aside .aside-item .image {
		width: 239px;
	}
}
@media (max-width: 580px) {
	.aside .aside-item .image {
		width: 100%;
		height: 200px;
	}
}
.aside .aside-item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-modal {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transition: all 0.4s ease-in-out;
	pointer-events: none;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 10000;
}
.form-modal.active {
	pointer-events: auto;
	opacity: 1;
	transition: all 0.4s ease-in;
}
.form-modal-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}
.form-modal-content {
	position: relative;
	width: 572px;
	padding: 60px 55px;
	background: linear-gradient(269.31deg, #388AF3 -22.43%, #A483E2 116.81%);
	border-radius: 20px;
}
@media (max-width: 580px) {
	.form-modal-content {
		width: 100%;
		margin: 0 40px;
	}
}
.form-modal-content .close-success {
	text-align: center;
	max-width: 162px;
	margin: 30px auto 0;
	font-size: 16px;
	line-height: 20px;
	color: #F8F5FF;
	padding: 16px 45px;
	border: 2px solid #F8F5FF;
	border-radius: 30px;
}
.form-modal-content .close-success svg path {
	transition: .4s;
}
.form-modal-content .close-success:hover svg path {
	stroke: #388AF3;
	transition: .4s;
}
.form-modal-content h2 {
	position: relative;
	margin: 0 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #F8F5FF;
	z-index: 2;
}
.form-modal-content .salute {
	position: absolute;
}
.form-modal-content .salute:nth-child(1) {
	top: -260px;
	left: 295px;
}
.form-modal-content .salute:nth-child(2) {
	top: 325px;
	left: 515px;
	scale: 5;
}
.form-modal-content .salute:nth-child(3) {
	top: -125px;
	left: -595px;
	scale: 0.1;
}
@media (max-width: 922px) {
	.form-modal-content .salute {
		display: none;
	}
}
.form-modal-content p {
	text-align: center;
	max-width: 432px;
	margin: auto;
	position: relative;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #F8F5FF;
	z-index: 2;
}
@keyframes formCover {
	0% {
		transform: translateY(200%);
	}
	100% {
		transform: translateY(-230%);
	}
}
.form-modal-content .form-cover {
	position: absolute;
	right: 67px;
	bottom: -130px;
	z-index: 2;
}
@media (max-width: 580px) {
	.form-modal-content .form-cover {
		display: none;
	}
}
.form-modal-content .form-cover.active {
	animation: formCover 1.1s cubic-bezier(0.15, 0.96, 0.93, 0.45) .2s backwards;
}
.news .news-svg {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
}
@media (max-width: 922px) {
	.news .news-svg {
		width: 200px;
	}
}
@media (max-width: 767px) {
	.news .news-svg {
		display: none;
	}
}
.news .news-svg:nth-child(1) {
	right: 40%;
	top: -35%;
}
.news .news-svg:nth-child(2) {
	right: 21%;
	top: -40%;
}
.news .news-svg:nth-child(3) {
	right: 30%;
	top: -10%;
}
.news .news-svg:nth-child(4) {
	right: 15%;
	top: -13%;
}
.decor-leafs {
	right: -65%;
	z-index: 10;
}
.decor-leafs__item {
	position: absolute;
	display: block;
	width: 68px;
	height: 50px;
	animation-name: leafsFly, leafsShake;
	animation-duration: 60s, 30s;
	animation-iteration-count: infinite;
	user-select: none;
	background-image: url(./assets/img/decor-leaf-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.decor-leafs__item:nth-child(1) {
	animation-delay: -20s, -3s;
	rotate: -10deg;
	width: 80px;
}
.decor-leafs__item:nth-child(2) {
	animation-delay: -5s, -15s;
	rotate: -50deg;
}
.decor-leafs__item:nth-child(3) {
	animation-delay: -33s, 5s;
	rotate: 20deg;
	width: 76px;
}
.decor-leafs__item:nth-child(4) {
	animation-delay: -16s, -8s;
	rotate: 35deg;
}
@keyframes leafsFly {
	0% {
		bottom: -10%;
	}
	100% {
		bottom: 110%;
	}
}
@keyframes leafsShake {
	0% {
		left: 40%;
	}
	33% {
		left: 60%;
	}
	45% {
		left: 50%;
	}
	66% {
		left: 70%;
	}
	75% {
		left: 63%;
	}
	100% {
		left: 40%;
	}
}
/* стили для статьи */
.article-custom-btn {
	position: relative !important;
	max-width: 370px !important;
	margin: 0 auto 50px !important;
	border-left: none !important;
}
.article-custom-btn .cloud {
	animation: cloudAnim 5s linear infinite;
	animation-play-state: paused;
	transition: 0.5s ease;
}
.article-custom-btn:hover .cloud {
	animation-play-state: running;
	transition: 0.5s ease;
}
@keyframes cloudAnim {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(5px, 5px);
	}
	75% {
		transform: translate(-5px, -5px);
	}
	100% {
		transform: translate(0, 0);
	}
}
.article-custom-btn a::before {
	content: '';
	position: absolute;
	right: -40px;
	z-index: -1;
	width: 148px;
	height: 148px;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.article-custom-btn a span {
	position: absolute;
	top: 38%;
	left: 87%;
	transition: 1.2s;
	animation: btnUpTick 1.8s linear infinite;
	animation-name: btnUpTick;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-play-state: paused;
}
.article-custom-btn a span svg {
	animation-name: btnUpTick;
	animation-duration: 2.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.article-custom-btn a:hover span {
	animation-play-state: running;
}
.article-custom-btn p {
	position: absolute !important;
	top: 38% !important;
	left: 38% !important;
	transform: translateX(-50%) !important;
	text-align: center !important;
	font-size: 20px !important;
	font-style: normal;
	line-height: 24px !important;
	color: #ECF2FF !important;
}
@media (max-width: 580px) {
	.article-custom-btn {
		scale: 0.7;
		padding-left: 0 !important;
	}
	.article-custom-btn svg {
		transform: translateX(28px);
	}
}
@media (max-width: 414px) {
	.article-custom-btn svg {
		transform: translateX(0px);
	}
}
.company-block.news-newton {
	border-left: none !important;
	display: block;
	height: auto;
	scale: 0.6;
}
.company-block.news-newton .company-newton {
	display: flex;
	flex-wrap: nowrap;
}
.company-block.news-newton .ball {
	position: relative;
	width: 133px !important;
	height: 133px !important;
}
@media (max-width: 1920px) {
	.company-block.news-newton .ball {
		width: calc(90px + (133 - 90) * ((100vw - 767px) / (1920 - 767))) !important;
		height: calc(90px + (133 - 90) * ((100vw - 767px) / (1920 - 767))) !important;
	}
}
.company-block.news-newton .ball span {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -41%);
	color: #D6E8FF;
	font-size: 55px;
}
.company-block.news-newton .ball span h3 {
	text-align: center;
	margin: 0;
	font-size: 42px;
	font-weight: bold;
}
.company-block.news-newton .ball span p {
	font-size: 35px;
	margin-bottom: 0;
	text-align: center;
	color: #D6E8FF;
	font-weight: 400;
}
.company-block.news-newton .ball span svg {
	width: 100%;
}
@media (max-width: 1920px) {
	.company-block.news-newton .ball span h3 {
		font-size: calc(18px + (42 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.company-block.news-newton .ball span p {
		font-size: calc(14px + (35 - 14) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.company-block.news-newton {
		scale: 0.8;
		padding-left: 0 !important;
	}
	.company-block.news-newton .ball span {
		font-size: 35px;
	}
	.company-block.news-newton .ball span h3 {
		font-size: 18px;
		line-height: 15px;
	}
	.company-block.news-newton .ball span p {
		font-size: 14px;
	}
}
.table-container {
	margin: 0 0 88px !important;
	padding-left: 0 !important;
	width: 100%;
	overflow-x: scroll;
	border-left: none !important;
}
.table-container::-webkit-scrollbar {
	height: 5px;
}
.table-container::-webkit-scrollbar-thumb {
	background-color: #388AF3;
}
.blog-table {
	position: relative;
	width: 1050px;
	height: 1110px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.blog-table td {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #343434;
	vertical-align: top;
}
.blog-table .table-line {
	height: 10px !important;
}

.blog-table td b {
	font-weight: 700;
}
.blog-table td q {
	font-weight: 400;
	font-style: italic;
}
.blog-table td q::before {
	content: "";
}
.blog-table td q::after {
	content: "";
}
.blog-table .table-header td {
	padding-bottom: 18px;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #6D6D6D;
}
.blog-table .table-top td {
	width: 220px !important;
	height: 54px;
	background-color: #F7F8FC;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #388AF3;
	vertical-align: inherit;
	text-align: center;
}
.blog-table .table-left {
	background-color: #fff;
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #388AF3;
	vertical-align: top;
	position: sticky;
	left: 0;
}
.blog-table .table-top .table-empty {
	background: #FFF;
	position: sticky;
	left: 0;
}
.table-line {
	height: 1px;
	background-color: #388AF3;
}
@media (max-width: 767px) {
	.blog-table .table-left {
		position: relative;
	}
	.blog-table .table-top .table-empty {
		position: relative;
	}
}
.contacts-caption {
	display: grid;
	grid-template-columns: 542px auto;
	grid-template-rows: auto auto;
	grid-column-gap: 75px;
}
@media (max-width: 1920px) {
	.contacts-caption {
		grid-template-columns: calc(470px + (542 - 470) * ((100vw - 922px) / (1920 - 922))) auto;
	}
}
@media (max-width: 767px) {
	.contacts-caption {
		grid-template-columns: auto;
		grid-template-rows: auto auto auto;
	}
}
.contacts-social {
	grid-row: 2;
	grid-column: 2;
}
@media (max-width: 767px) {
	.contacts-social {
		grid-row: 3;
		grid-column: 1;
		margin-top: 25px;
	}
}
.contacts-wrap .title {
	grid-row: 1;
	grid-column: 1;
}
.contacts-wrap .subtitle {
	grid-row: 2;
	grid-column: 1;
}
.contacts-social a svg {
	transition: 0.5s ease;
}
.contacts-social a:hover svg {
	transform: translateY(-3px);
	transition: 0.5s ease;
}
.contacts-social a svg path {
	transition: 0.5s ease;
	fill: #388AF3;
}
.contacts-social a:hover svg path {
	fill: #99C1F7;
	transition: 0.5s ease;
}
.serv-block__btns {
	margin-top: 77px;
	display: flex;
	grid-gap: 55px;
}
.advice {
	background-color: #fff;
}
.advice:hover {
	color: #343434 !important;
}
.advice svg {
	overflow: visible;
}
.advice svg .light {
	transform: translateY(-1px);
	transition: 0.3s ease;
}
.advice:hover svg .light {
	transform: translateY(0);
	transition: 0.3s ease;
}
.advice svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 10;
	transition: all 0.3s ease;
}
.serv-wrap.outstaffing {
	padding-top: 23px;
	min-height: 488px;
	margin-bottom: 207px;
}
.serv-wrap.outstaffing .serv-block .block-subtitle {
	max-width: 600px;
}
.advice:hover svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 0;
	transition: all 0.3s ease;
}
.custom-btn:hover span>svg path:nth-child(1) {
	fill: #fff;
	transition: all .4s ease;
}
.custom-btn:hover span>svg path:nth-child(2) {
	stroke: #fff;
	fill: none;
	transition: all .4s ease;
}
.outstaffing .serv-caption {
	max-width: 762px;
	margin-bottom: 69px;
}
.outstaffing-title {
	position: relative;
	z-index: 5;
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	text-align: center;
	color: #388AF3;
}
.outstaffing-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 130px 10px;
	margin-top: 76px;
}
.outstaffing-list__item {
	position: relative;
	padding-left: 106px;
	padding-top: 86px;
}
.outstaffing-list__item::before {
	content: '';
	position: absolute;
	width: 211px;
	height: 211px;
	background-color: #F0F2F8;
	border-radius: 50%;
	z-index: -1;
	left: 0px;
	top: 0px;
}
.outstaffing-list__item:nth-child(1)::after {
	content: '01';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item:nth-child(2)::after {
	content: '02';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item:nth-child(3)::after {
	content: '03';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item:nth-child(4)::after {
	content: '04';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item:nth-child(5)::after {
	content: '05';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item:nth-child(6)::after {
	content: '06';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
	z-index: -1;
}
.outstaffing-list__item h3 {
	margin: 0 0 25px;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-list__item p {
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-list__btn {
	max-width: max-content;
	margin: 75px auto 0;
}
.outstaffing-format {
	position: relative;
	z-index: 5;
	margin-top: 158px;
}
.outstaffing-format__row {
	display: flex;
	grid-gap: 20px;
	justify-content: space-between;
}
.outstaffing-format__row:not(:last-child) {
	margin-bottom: 213px;
}
.outstaffing-format__row h3 {
	max-width: 436px;
	margin: 0;
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
.outstaffing-format__row p {
	max-width: 578px;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-circle-1 {
	margin-bottom: 144px;
}
.outstaffing-circle-1 .web-wrap-background {
	top: 35%;
}
.outstaffing-circle-1 .serv-wrap {
	margin-top: 0;
	margin-bottom: 195px;
}
.mob-step.autstaffing {
	margin-top: 140px;
}
.mob-step.autstaffing .mob-step--item:not(:last-child) {
	margin-bottom: 245px;
}
.mob-step.autstaffing .mob-step--item:last-child {
	margin-bottom: 97px;
}
.web-circle-wrap.outstaffing-circle-1 {
	background: #fff;
}
.web-circle-wrap.outstaffing-circle-1 .web-background {
	background: #F7F8FC;
}
.web-circle-wrap.outstaffing-circle-2 {
	background: #fff;
}
.web-background--outstaffing {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.outstaffing-circle-2 .serv-wrap {
	margin-top: 0;
}
.outstaffing-circle-2 .web-wrap-background {
	top: 98%;
	left: -25.5%;
}
.serv-wrap--mb {
	margin-bottom: 230px;
}
.outstaffing-start {
	position: relative;
	margin-top: 97px;
	margin-bottom: 290px;
}
.outstaffing-start .swiper-slide {
	margin-right: 52px;
	width: 381px;
	min-height: 236px;
	padding: 40px 20px 40px 51px;
	background-color: #FBFBFB;
	border-radius: 15px;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	height: auto;
}
.outstaffing-start .swiper-slide h3 {
	margin: 0 0 3px;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	color: #000;
}
.outstaffing-start .swiper-slide h4 {
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #388AF3;
}
.outstaffing-start .swiper-slide p {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #343434;
}
.outstaffing-start .swiper-scrollbar {
	width: 1200px;
	/* margin: 2px calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920))); */
	/* bottom: 420px; */
	bottom: -50px;
	background: #F7F8FC;
	z-index: 5;
}
.outstaffing-start .swiper-scrollbar-drag {
	background: #388AF3;
}
.outstaffing-logo {
	margin-top: 95px;
	height: 110px;
}
.outstaffing-logo .swiper-slide {
	width: 170px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 120px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.outstaffing-logo .swiper-scrollbar {
	width: 1200px;
	margin: 2px calc(358px + (680 - 358) * ((100vw - 1920px) / (2560 - 1920)));
	/* bottom: -50px; */
	bottom: 0;
	background: #F7F8FC;
	z-index: 5;
}
.outstaffing-logo .swiper-scrollbar-drag {
	background: #388AF3;
}
.outstaffing-table-wrapper {
	padding-top: 175px;
}
.outstaffing-table-wrapper .pwa-cost-title {
	display: grid;
	grid-template-columns: 300px 1fr;
	justify-content: start;
	grid-gap: 100px;
}
.outstaffing-table-wrapper .pwa-cost-title h2 {
	margin-bottom: 0;
	color: #343434;
}
.outstaffing-table-wrapper .pwa-cost-title p {
	color: #343434;
	margin-left: auto;
}
.outstaffing-anchor-list {
	margin-top: 115px;
	grid-gap: 10px;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.outstaffing-anchor-list a {
	margin-right: 0;
}
.serv-price--outstaffing {
	margin-top: 70px;
}
.outstaff-price {
	grid-template-columns: 385px 190px 190px 190px;
	grid-column-gap: 80px;
}
.serv-price-item h4>span {
	position: absolute;
	top: -109px;
	left: 0;
	padding-top: 50px;
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 15px;
	color: #388AF3;
	transition: .5s ease-in-out;
}
.serv-price-item:hover h4 span {
	transform: translateX(-25px);
	transition: .5s linear;
}
.serv-price-container--outstaff:not(:first-child) {
	margin-top: 100px;
}
.mob-step.autstaffing .mob-step--item h4 {
	max-width: 350px;
}
.serv-anchor-list .swiper-slide:nth-child(1) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out infinite;
}
.serv-anchor-list .swiper-slide:nth-child(2) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out .8s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(3) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 1.6s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(4) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 2.4s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(5) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 3.2s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(6) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 4s infinite;
}
.outstaffing-anchor-list .swiper-slide {
	width: fit-content !important;
}
.outstaffing-anchor-list .swiper-wrapper {
	justify-content: space-between;
}
.policy-check {
	cursor: url(./assets/img/cursor-pointer.svg),
		pointer;
}
.policy-check a:hover {
	color: #0C279B !important;
	transition: 0.5s ease;
}
.policy-check a {
	transition: 0.5s ease;
}
@media (max-width: 1920px) {
	.serv-circle--outstaffing .serv-circle-bg {
		width: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
		height: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		width: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
		height: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg h2 {
		font-size: calc(47px + (80 - 47) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(59px + (100 - 59) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		right: calc((222px + (169 - 222) * ((100vw - 922px) / (1920 - 922))) - 488px);
	}
	.outstaffing .serv-caption {
		max-width: calc(520px + (762 - 520) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(30px + (69 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		max-width: calc(345px + (600 - 345) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-block__btns {
		margin-top: calc(34px + (77 - 34) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(25px + (55 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.outstaffing {
		padding-top: calc(76px + (23 - 76) * ((100vw - 922px) / (1920 - 922)));
		min-height: calc(337px + (488 - 337) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(110px + (207 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-title {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list {
		margin-top: calc(65px + (76 - 65) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(85px + (130 - 85) * ((100vw - 922px) / (1920 - 922))) 10px;
	}
	.outstaffing-list__item h3 {
		margin: 0 0 calc(15px + (25 - 15) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(24px + (32 - 24) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(29px + (40 - 29) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item p {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item::before {
		width: calc(124px + (211 - 124) * ((100vw - 922px) / (1920 - 922)));
		height: calc(124px + (211 - 124) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(5)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(6)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item {
		padding-left: calc(55px + (106 - 55) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(57px + (86 - 57) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format {
		margin-top: calc(79px + (156 - 79) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row h3 {
		max-width: calc(249px + (436 - 249) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(25px + (45 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (56 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row p {
		max-width: calc(405px + (578 - 405) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row:not(:last-child) {
		margin-bottom: calc(95px + (213 - 95) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-circle-1 {
		margin-bottom: calc(110px + (144 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing {
		margin-top: calc(65px + (140 - 65) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item h4 {
		max-width: calc(250px + (350 - 250) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(25px + (45 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (56 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item:not(:last-child) {
		margin-bottom: calc(93px + (245 - 93) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap--mb {
		margin-bottom: calc(110px + (230 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(24px + (29 - 24) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide h4 {
		max-width: calc(200px + (290 - 200) * ((100vw - 922px) / (1920 - 922)));
		margin: 0 0 calc(15px + (20 - 15) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (30 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide {
		padding: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922))) 20px calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922))) calc(35px + (51 - 35) * ((100vw - 922px) / (1920 - 922)));
		width: calc(335px + (381 - 335) * ((100vw - 922px) / (1920 - 922))) !important;
		margin-right: calc(20px + (52 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-scrollbar {
		width: calc(842px + (1200 - 842) * ((100vw - 922px) / (1920 - 922)));
		/* margin: 2px calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
		bottom: calc(337px + (420 - 337) * ((100vw - 922px) / (1920 - 922))); */
	}
	.outstaffing-logo .swiper-scrollbar {
		width: calc(842px + (1200 - 842) * ((100vw - 922px) / (1920 - 922)));
		margin: 2px calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start {
		margin-top: calc(65px + (97 - 65) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(144px + (290 - 144) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-logo {
		margin-bottom: calc(128px + (1 - 128) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-logo .swiper-slide {
		margin-right: calc(60px + (120 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-table-wrapper {
		padding-top: calc(110px + (175 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-table-wrapper .pwa-cost-title {
		flex-direction: row;
	}
	.outstaffing-anchor-list a {
		padding: 0;
		font-size: calc(18px + (22 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-anchor-list {
		margin-top: calc(43px + (115 - 43) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item h4 {
		font-size: calc(18px + (20 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (23 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaff-price {
		grid-template-columns: calc(279px + (385 - 279) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(24px + (27 - 24) * ((100vw - 922px) / (1920 - 922)));
		padding-bottom: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaff-price p {
		font-size: calc(18px + (30 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-container--outstaff:not(:first-child) {
		margin-top: calc(50px + (100 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-circle-1 .serv-wrap {
		margin-bottom: calc(125px + (195 - 125) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item:last-child {
		margin-bottom: calc(61px + (97 - 61) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price--outstaffing {
		margin-top: calc(83px + (70 - 83) * ((100vw - 922px) / (1920 - 922)));
	}
	.start-project--outstaff .start-project--wrap {
		padding-top: calc(23px + (222 - 23) * ((100vw - 922px) / (1920 - 922)));
	}
	.start-project--outstaff .start-project--wrap .title {
		font-size: calc(35px + (50 - 35) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap.outstaffing {
		padding-top: calc(44px + (76 - 44) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: 110px;
	}
	.outstaffing .serv-caption {
		margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		max-width: 345px;
		font-size: calc(22px + (16 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(32px + (25 - 32) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-block__btns {
		margin-top: calc(33px + (34 - 33) * ((100vw - 414px) / (922 - 414)));
		grid-gap: 25px;
	}
	.outstaffing-title {
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (39 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list {
		margin-top: calc(40px + (65 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item h3 {
		margin: 0 0 15px;
		font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (29 - 25) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item p {
		font-size: 16px;
		line-height: 25px;
	}
	.outstaffing-list__item::before {
		width: calc(100px + (124 - 100) * ((100vw - 414px) / (922 - 414)));
		height: calc(100px + (124 - 100) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(5)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(6)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__btn {
		margin: calc(60px + (75 - 60) * ((100vw - 414px) / (922 - 414))) auto 0;
	}
	.outstaffing-format {
		margin-top: calc(40px + (79 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-format__row h3 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: 30px;
	}
	.outstaffing-format__row p {
		font-size: calc(18px + (16 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(28px + (25 - 28) * ((100vw - 414px) / (922 - 414)));
	}
	.mob-step.autstaffing .mob-step--item h4 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (31 - 30) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-start {
		margin-top: calc(60px + (65 - 60) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(155px + (144 - 155) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-start .swiper-slide h4 {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(23px + (25 - 23) * ((100vw - 414px) / (922 - 414)));
		margin: 0 0 15px;
	}
	.outstaffing-start .swiper-slide p {
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: 24px;
	}
	.outstaffing-start .swiper-slide {
		width: 335px;
		padding: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414))) 20px calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414))) calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
		margin-right: 20px;
	}
	.outstaffing-start .swiper-scrollbar {
		/* bottom: calc(288px + (337 - 288) * ((100vw - 414px) / (922 - 414))); */
		width: calc(334px + (842 - 334) * ((100vw - 414px) / (922 - 414)));
		/* margin: 2px 40px; */
	}
	.outstaffing-logo .swiper-scrollbar {
		width: calc(334px + (842 - 334) * ((100vw - 414px) / (922 - 414)));
		margin: 2px 40px;
	}
	.pwa-cost-title {
		grid-gap: 22px;
	}
	.outstaff-price {
		grid-template-columns: calc(150px + (279 - 150) * ((100vw - 414px) / (922 - 414))) 45px 45px 80px;
		width: calc(580px + (824 - 580) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-price-container--outstaff {
		width: calc(580px + (824 - 580) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(1px + (68 - 1) * ((100vw - 414px) / (922 - 414)));
		padding-top: 60px;
		overflow-x: scroll;
		overflow-y: visible;
		padding-bottom: 10px;
	}
	.serv-price-container--outstaff::-webkit-scrollbar {
		height: 5px;
	}
	.serv-price-container--outstaff::-webkit-scrollbar-track {
		background-color: #F7F8FC;
	}
	.serv-price-container--outstaff::-webkit-scrollbar-thumb {
		background-color: #388AF3;
		;
	}
	.serv-price-item h4>span {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: 20px;
	}
	.serv-price--outstaffing {
		margin-top: calc(1px + (83 - 1) * ((100vw - 414px) / (922 - 414)));
	}
	/* .outstaffing-anchor-list {
    overflow: hidden;
  } */
	.serv-circle--outstaffing .serv-circle-bg {
		display: flex;
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		display: flex;
	}
	.web-circle-wrap.outstaffing-circle-2 {
		padding-top: calc(50px + (1 - 50) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.serv-circle--outstaffing .serv-circle-bg {
		display: none;
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		display: none;
	}
	.outstaffing-list {
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}
	.outstaffing-format__row {
		flex-direction: column;
	}
	.outstaffing-format__row h3 {
		max-width: 330px;
	}
	.outstaffing-format__row p {
		max-width: 100%;
	}
	.mob-step.autstaffing .mob-step--item h4 {
		max-width: 100%;
	}
	.outstaffing-anchor-list .swiper-slide {
		width: fit-content !important;
		margin-right: 20px;
	}
	.outstaffing-start .swiper-slide h4 {
		max-width: 100%;
	}
	.serv-price-container--outstaff .serv-price-item h4 {
		grid-column: 1;
	}
	.serv-price-container--outstaff .serv-price-item p>span {
		position: absolute;
		top: -43px;
		margin-bottom: 0;
	}
	.btn-block--item:nth-child(4) {
		width: fit-content;
		min-width: 65px;
	}
	.start-project--web-dev .send-btn span,
	.start-project--web-dev .send-btn span {
		margin-top: 0;
	}
	.start-project--web-dev .send-btn:active span,
	.start-project--web-dev .send-btn:hover span {
		transform: scale(1) translateY(0);
	}
	.outstaffing-table-wrapper .pwa-cost-title {
		flex-direction: column;
		grid-gap: 22px;
	}
	.mob-step.autstaffing .mob-step--item:not(:last-child) {
		margin-bottom: 50px;
	}
	.outstaffing-format__row:not(:last-child) {
		margin-bottom: 40px;
	}
	.outstaffing-logo {
		margin-top: calc(45px + (95 - 45) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-circle-2 .web-wrap-background {
		left: -120%;
	}
	.start-project--outstaff {
		margin-top: calc(110px + (1 - 110) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-price-item h4>span {
		top: -120px;
	}
}
@media (max-width: 580px) {
	.serv-block__btns {
		max-width: 350px;
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.serv-wrap.outstaffing {
		padding-top: 44px;
	}
	.outstaffing .serv-caption {
		margin-bottom: 25px;
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		font-size: 22px;
		line-height: 32px;
	}
	.serv-block__btns {
		margin-top: 33px;
	}
	.outstaffing-title {
		font-size: 32px;
		line-height: 40px;
	}
	.outstaffing-list {
		margin-top: 40px;
	}
	.outstaffing-list__item h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.outstaffing-list__item::before {
		width: 100px;
		height: 100px;
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(5)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(6)::after {
		font-size: 50px;
	}
	.outstaffing-list__btn {
		margin: 60px auto 0;
	}
	.outstaffing-format {
		margin-top: 40px;
	}
	.outstaffing-format__row h3 {
		font-size: 24px;
	}
	.outstaffing-format__row p {
		font-size: 18px;
		line-height: 28px;
	}
	.mob-step.autstaffing .mob-step--item h4 {
		font-size: 24px;
		line-height: 30px;
	}
	.outstaffing-start {
		margin-top: 60px;
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.outstaffing-start .swiper-slide h4 {
		font-size: 18px;
		line-height: 23px;
	}
	.outstaffing-start .swiper-slide p {
		font-size: 14px;
	}
	.outstaffing-start .swiper-slide {
		padding: 25px 20px 25px 30px;
	}
	.outstaffing-start .swiper-scrollbar {
		/* bottom: 288px; */
		width: 334px;
	}
	.outstaffing-logo .swiper-scrollbar {
		width: 334px;
	}
	.outstaff-price {
		grid-template-columns: 150px 45px 45px 80px;
		width: 580px;
	}
	.serv-price-container--outstaff {
		width: 580px;
		margin-bottom: 1px;
	}
	.serv-price-item h4>span {
		font-size: 18px;
	}
	.serv-price--outstaffing {
		margin-top: 1px;
	}
	.start-project--outstaff {
		margin-top: 110px;
	}
}
.header-menu li:hover>ul>li:nth-child(6) a {
	transition: transform .55s ease-out 1s, color .4s;
}
menu .menu-nav--item.active .dropdown-list li:nth-child(6)>a {
	transition: transform .45s ease-out .7s, color .4s;
}
.serv-block__btns {
	margin-top: 77px;
	display: flex;
	grid-gap: 55px;
}
.advice {
	background-color: #fff;
}
.advice:hover {
	color: #343434 !important;
}
.advice svg {
	overflow: visible;
}
.advice svg .light {
	transform: translateY(-1px);
	transition: 0.3s ease;
}
.advice:hover svg .light {
	transform: translateY(0);
	transition: 0.3s ease;
}
.advice svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 10;
	transition: all 0.3s ease;
}
.serv-wrap.outstaffing {
	padding-top: 23px;
	min-height: 488px;
	margin-bottom: 207px;
}
.serv-wrap.outstaffing .serv-block .block-subtitle {
	max-width: 600px;
}
.advice:hover svg .dash {
	stroke-dasharray: 10;
	stroke-dashoffset: 0;
	transition: all 0.3s ease;
}
.custom-btn:hover span>svg path:nth-child(1) {
	fill: #fff;
	transition: all .4s ease;
}
.custom-btn:hover span>svg path:nth-child(2) {
	stroke: #fff;
	fill: none;
	transition: all .4s ease;
}
.outstaffing .serv-caption {
	max-width: 762px;
	margin-bottom: 69px;
}
.outstaffing-title {
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	text-align: center;
	color: #388AF3;
}
.outstaffing-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 130px 10px;
	margin-top: 76px;
}
.outstaffing-list__item {
	position: relative;
	padding-left: 106px;
	padding-top: 86px;
}
.outstaffing-list__item::before {
	content: '';
	position: absolute;
	width: 211px;
	height: 211px;
	background-color: #F0F2F8;
	border-radius: 50%;
	z-index: -1;
	left: 0px;
	top: 0px;
}
.outstaffing-list__item:nth-child(1)::after {
	content: '01';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
}
.outstaffing-list__item:nth-child(2)::after {
	content: '02';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
}
.outstaffing-list__item:nth-child(3)::after {
	content: '03';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
}
.outstaffing-list__item:nth-child(4)::after {
	content: '04';
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: 700;
}
.outstaffing-list__item h3 {
	margin: 0 0 25px;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-list__item p {
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-list__btn {
	max-width: max-content;
	margin: 75px auto 0;
}
.outstaffing-format {
	margin-top: 158px;
}
.outstaffing-format__row {
	display: flex;
	grid-gap: 20px;
	justify-content: space-between;
}
.outstaffing-format__row:not(:last-child) {
	margin-bottom: 213px;
}
.outstaffing-format__row h3 {
	max-width: 436px;
	margin: 0;
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
.outstaffing-format__row p {
	max-width: 578px;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
.outstaffing-circle-1 {
	margin-bottom: 144px;
}
.outstaffing-circle-1 .web-wrap-background {
	top: 35%;
}
.outstaffing-circle-1 .serv-wrap {
	margin-top: 0;
	margin-bottom: 195px;
}
.mob-step.autstaffing {
	margin-top: 140px;
}
.mob-step.autstaffing .mob-step--item:not(:last-child) {
	margin-bottom: 245px;
}
.mob-step.autstaffing .mob-step--item:last-child {
	margin-bottom: 97px;
}
.web-circle-wrap.outstaffing-circle-1 {
	background: #fff;
}
.web-circle-wrap.outstaffing-circle-1 .web-background {
	background: #F7F8FC;
}
.web-circle-wrap.outstaffing-circle-2 {
	background: #fff;
}
.web-background--outstaffing {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.outstaffing-circle-2 .serv-wrap {
	margin-top: 0;
}
.outstaffing-circle-2 .web-wrap-background {
	top: 98%;
	left: -25.5%;
}
.serv-wrap--mb {
	margin-bottom: 230px;
}
.outstaffing-start .swiper-slide {
	margin-right: 52px;
	width: 381px;
	min-height: 236px;
	padding: 40px 20px 40px 51px;
	background-color: #FBFBFB;
	border-radius: 15px;
	background-image: url(./assets/img/serv-card-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.outstaffing-start .swiper-slide p {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #343434;
}
.outstaffing-start .swiper-scrollbar-drag {
	background: #388AF3;
}
.outstaffing-logo {
	margin-top: 95px;
}
.outstaffing-logo .swiper-slide {
	width: 170px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 120px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.outstaffing-table-wrapper {
	padding-top: 175px;
}

.outstaffing-anchor-list {
	margin-top: 115px;
	grid-gap: 10px;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.outstaffing-anchor-list a {
	margin-right: 0;
}
.serv-price--outstaffing {
	margin-top: 70px;
}
.outstaff-price {
	grid-template-columns: 385px 190px 190px 190px;
	grid-column-gap: 80px;
}
.serv-price-item h4>span {
	position: absolute;
	top: -109px;
	left: 0;
	padding-top: 50px;
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 15px;
	color: #388AF3;
	transition: .5s ease-in-out;
}
.serv-price-item:hover h4 span {
	transform: translateX(-25px);
	transition: .5s linear;
}
.serv-price-container--outstaff:not(:first-child) {
	margin-top: 100px;
}
.mob-step.autstaffing .mob-step--item h4 {
	max-width: 350px;
}
.serv-anchor-list .swiper-slide:nth-child(1) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out infinite;
}
.serv-anchor-list .swiper-slide:nth-child(2) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out .8s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(3) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 1.6s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(4) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 2.4s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(5) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 3.2s infinite;
}
.serv-anchor-list .swiper-slide:nth-child(6) a>span::after {
	animation: c-pulse-serv 2.8s ease-in-out 4s infinite;
}
.outstaffing-anchor-list .swiper-slide {
	width: fit-content !important;
}
.outstaffing-anchor-list .swiper-wrapper {
	justify-content: space-between;
}
.policy-check {
	cursor: url(./assets/img/cursor-pointer.svg),
		pointer;
}
.policy-check a:hover {
	color: #0C279B !important;
	transition: 0.5s ease;
}
.policy-check a {
	transition: 0.5s ease;
}
@media (max-width: 1920px) {
	.serv-circle--outstaffing .serv-circle-bg {
		width: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
		height: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		width: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
		height: calc(313px + (488 - 313) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg h2 {
		font-size: calc(47px + (80 - 47) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(59px + (100 - 59) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		right: calc((222px + (169 - 222) * ((100vw - 922px) / (1920 - 922))) - 488px);
	}
	.outstaffing .serv-caption {
		max-width: calc(520px + (762 - 520) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(30px + (69 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		max-width: calc(345px + (600 - 345) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-block__btns {
		margin-top: calc(34px + (77 - 34) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(25px + (55 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.outstaffing {
		padding-top: calc(76px + (23 - 76) * ((100vw - 922px) / (1920 - 922)));
		min-height: calc(337px + (488 - 337) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(110px + (207 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-title {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list {
		margin-top: calc(65px + (76 - 65) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(85px + (130 - 85) * ((100vw - 922px) / (1920 - 922))) 10px;
	}
	.outstaffing-list__item h3 {
		margin: 0 0 calc(15px + (25 - 15) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(24px + (32 - 24) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(29px + (40 - 29) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item p {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item::before {
		width: calc(124px + (211 - 124) * ((100vw - 922px) / (1920 - 922)));
		height: calc(124px + (211 - 124) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-list__item {
		padding-left: calc(55px + (106 - 55) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(57px + (86 - 57) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format {
		margin-top: calc(79px + (156 - 79) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row h3 {
		max-width: calc(249px + (436 - 249) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(25px + (45 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (56 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row p {
		max-width: calc(405px + (578 - 405) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-format__row:not(:last-child) {
		margin-bottom: calc(95px + (213 - 95) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-circle-1 {
		margin-bottom: calc(110px + (144 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing {
		margin-top: calc(65px + (140 - 65) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item h4 {
		max-width: calc(250px + (350 - 250) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(25px + (45 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (56 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item:not(:last-child) {
		margin-bottom: calc(93px + (245 - 93) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap--mb {
		margin-bottom: calc(110px + (230 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(24px + (29 - 24) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide h4 {
		max-width: calc(200px + (290 - 200) * ((100vw - 922px) / (1920 - 922)));
		margin: 0 0 calc(15px + (20 - 15) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (30 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-start .swiper-slide {
		padding: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922))) 20px calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922))) calc(35px + (51 - 35) * ((100vw - 922px) / (1920 - 922)));
		width: calc(335px + (381 - 335) * ((100vw - 922px) / (1920 - 922))) !important;
		margin-right: calc(20px + (52 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-logo .swiper-scrollbar {
		width: calc(842px + (1200 - 842) * ((100vw - 922px) / (1920 - 922)));
		margin: 2px calc(40px + (358 - 40) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-logo {
		margin-bottom: calc(128px + (1 - 128) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-logo .swiper-slide {
		margin-right: calc(55px + (120 - 55) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-table-wrapper {
		padding-top: calc(110px + (175 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-anchor-list a {
		padding: 0;
		font-size: calc(18px + (22 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-anchor-list {
		margin-top: calc(43px + (115 - 43) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item h4 {
		font-size: calc(18px + (20 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (23 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaff-price {
		grid-template-columns: calc(279px + (385 - 279) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922))) calc(80px + (190 - 80) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(24px + (27 - 24) * ((100vw - 922px) / (1920 - 922)));
		padding-bottom: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaff-price p {
		font-size: calc(18px + (30 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-container--outstaff:not(:first-child) {
		margin-top: calc(50px + (100 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-circle-1 .serv-wrap {
		margin-bottom: calc(125px + (195 - 125) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.autstaffing .mob-step--item:last-child {
		margin-bottom: calc(61px + (97 - 61) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price--outstaffing {
		margin-top: calc(83px + (70 - 83) * ((100vw - 922px) / (1920 - 922)));
	}
	.start-project--outstaff .start-project--wrap {
		padding-top: calc(23px + (222 - 23) * ((100vw - 922px) / (1920 - 922)));
	}
	.start-project--outstaff .start-project--wrap .title {
		font-size: calc(35px + (50 - 35) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.serv-wrap.outstaffing {
		padding-top: calc(44px + (76 - 44) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: 110px;
	}
	.outstaffing .serv-caption {
		margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		max-width: 345px;
		font-size: calc(22px + (16 - 22) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(32px + (25 - 32) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-block__btns {
		margin-top: calc(33px + (34 - 33) * ((100vw - 414px) / (922 - 414)));
		grid-gap: 25px;
	}
	.serv-block__btns.outstaffing {
		display: flex;
		flex-direction: column;
	}
	.serv-block__btns.outstaffing button, .serv-block__btns.outstaffing a {
		width: max-content;
	}
	.outstaffing-title {
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (39 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list {
		margin-top: calc(40px + (65 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item h3 {
		margin: 0 0 15px;
		font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(25px + (29 - 25) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item p {
		font-size: 16px;
		line-height: 25px;
	}
	.outstaffing-list__item::before {
		width: calc(100px + (124 - 100) * ((100vw - 414px) / (922 - 414)));
		height: calc(100px + (124 - 100) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-list__btn {
		margin: calc(60px + (75 - 60) * ((100vw - 414px) / (922 - 414))) auto 0;
	}
	.outstaffing-format {
		margin-top: calc(40px + (79 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-format__row h3 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: 30px;
	}
	.outstaffing-format__row p {
		font-size: calc(18px + (16 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(28px + (25 - 28) * ((100vw - 414px) / (922 - 414)));
	}
	.mob-step.autstaffing .mob-step--item h4 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (31 - 30) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-start .swiper-slide h4 {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(23px + (25 - 23) * ((100vw - 414px) / (922 - 414)));
		margin: 0 0 15px;
	}
	.outstaffing-start .swiper-slide p {
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: 24px;
	}
	.outstaffing-start .swiper-slide {
		width: 335px;
		padding: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414))) 20px calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414))) calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
		margin-right: 20px;
	}
	.outstaffing-logo .swiper-scrollbar {
		width: calc(334px + (842 - 334) * ((100vw - 414px) / (922 - 414)));
		margin: 2px 40px;
	}
	.pwa-cost-title {
		grid-gap: 22px;
	}
	.outstaff-price {
		grid-template-columns: calc(150px + (279 - 150) * ((100vw - 414px) / (922 - 414))) auto auto 80px;
		width: calc(580px + (824 - 580) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-price-container--outstaff {
		width: calc(580px + (824 - 580) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(1px + (68 - 1) * ((100vw - 414px) / (922 - 414)));
		padding-top: 60px;
		overflow-x: auto;
		overflow-y: visible;
		padding-bottom: 10px;
	}
	.serv-price-container--outstaff::-webkit-scrollbar {
		height: 5px;
	}
	.serv-price-container--outstaff::-webkit-scrollbar-track {
		background-color: #F7F8FC;
	}
	.serv-price-container--outstaff::-webkit-scrollbar-thumb {
		background-color: #388AF3;
		;
	}
	.serv-price-item h4>span {
		font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: 20px;
	}
	.serv-price--outstaffing {
		margin-top: calc(1px + (83 - 1) * ((100vw - 414px) / (922 - 414)));
	}
	/* .outstaffing-anchor-list {
    overflow: hidden;
  } */
	.serv-circle--outstaffing .serv-circle-bg {
		display: flex;
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		display: flex;
	}
	.web-circle-wrap.outstaffing-circle-2 {
		padding-top: calc(50px + (1 - 50) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap--mb {
		margin-bottom: calc(40px + (110 - 40) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.serv-circle--outstaffing .serv-circle-bg {
		display: none;
	}
	.serv-circle--outstaffing .serv-circle-bg-blue {
		display: none;
	}
	.outstaffing-list {
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}
	.outstaffing-format__row {
		flex-direction: column;
	}
	.outstaffing-format__row h3 {
		max-width: 330px;
	}
	.outstaffing-format__row p {
		max-width: 100%;
	}
	.mob-step.autstaffing .mob-step--item h4 {
		max-width: 100%;
	}
	.outstaffing-anchor-list .swiper-slide {
		width: fit-content !important;
		margin-right: 20px;
	}
	.outstaffing-start .swiper-slide h4 {
		max-width: 100%;
	}
	.serv-price-container--outstaff .serv-price-item h4 {
		grid-column: 1;
	}
	.serv-price-container--outstaff .serv-price-item p>span {
		position: absolute;
		top: -43px;
		margin-bottom: 0;
	}
	.start-project--web-dev .send-btn span,
	.start-project--web-dev .send-btn span {
		margin-top: 0;
	}
	.start-project--web-dev .send-btn:active span,
	.start-project--web-dev .send-btn:hover span {
		transform: scale(1) translateY(0);
	}
	.outstaffing-table-wrapper .pwa-cost-title {
		flex-direction: column;
		grid-gap: 22px;
	}
	.mob-step.autstaffing .mob-step--item:not(:last-child) {
		margin-bottom: 50px;
	}
	.outstaffing-format__row:not(:last-child) {
		margin-bottom: 40px;
	}
	.outstaffing-logo {
		margin-top: calc(45px + (95 - 45) * ((100vw - 414px) / (922 - 414)));
	}
	.outstaffing-circle-2 .web-wrap-background {
		left: -120%;
	}
	.start-project--outstaff {
		margin-top: calc(110px + (1 - 110) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-price-item h4>span {
		top: -120px;
	}
}
@media (max-width: 580px) {
	.serv-block__btns {
		max-width: 350px;
		flex-direction: column;
	}
}
@media (max-width: 414px) {
	.serv-wrap.outstaffing {
		padding-top: 44px;
	}
	.outstaffing .serv-caption {
		margin-bottom: 25px;
	}
	.serv-wrap.outstaffing .serv-block .block-subtitle {
		font-size: 22px;
		line-height: 32px;
	}
	.serv-block__btns {
		margin-top: 33px;
	}
	.outstaffing-title {
		font-size: 32px;
		line-height: 40px;
	}
	.outstaffing-list {
		margin-top: 40px;
	}
	.outstaffing-list__item h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.outstaffing-list__item::before {
		width: 100px;
		height: 100px;
	}
	.outstaffing-list__item:nth-child(1)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(2)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(3)::after {
		font-size: 50px;
	}
	.outstaffing-list__item:nth-child(4)::after {
		font-size: 50px;
	}
	.outstaffing-list__btn {
		margin: 60px auto 0;
	}
	.outstaffing-format {
		margin-top: 40px;
	}
	.outstaffing-format__row h3 {
		font-size: 24px;
	}
	.outstaffing-format__row p {
		font-size: 18px;
		line-height: 28px;
	}
	.mob-step.autstaffing .mob-step--item h4 {
		font-size: 24px;
		line-height: 30px;
	}
	.outstaffing-start .swiper-slide h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.outstaffing-start .swiper-slide h4 {
		font-size: 18px;
		line-height: 23px;
	}
	.outstaffing-start .swiper-slide p {
		font-size: 14px;
	}
	.outstaffing-start .swiper-slide {
		padding: 25px 20px 25px 30px;
	}
	.outstaffing-logo .swiper-scrollbar {
		width: 334px;
	}
	.outstaff-price {
		grid-template-columns: 150px 45px 45px 80px;
		width: 580px;
	}
	.serv-price-container--outstaff {
		width: 580px;
		margin-bottom: 1px;
	}
	.serv-price-item h4>span {
		font-size: 18px;
	}
	.serv-price--outstaffing {
		margin-top: 1px;
	}
	.start-project--outstaff {
		margin-top: 110px;
	}
}
.header-menu li:hover>ul>li:nth-child(6) a {
	transition: transform .55s ease-out 1s, color .4s;
}
menu .menu-nav--item.active .dropdown-list li:nth-child(6)>a {
	transition: transform .45s ease-out .7s, color .4s;
}
.serv-wrap.capa {
	overflow: hidden;
	padding-bottom: 148px;
	margin-bottom: 123px;
}
.serv-wrap.capa .capa-wrap-background {
	top: 53%;
	left: -23.5%;
}
.serv-wrap.support h1 {
	margin-bottom: 82px;
}
.serv-wrap.support .block-subtitle {
	max-width: 594px;
}
.serv-wrap.support .serv-block__btns {
	margin-top: 100px;
}
.serv-wrap.support {
	overflow: hidden;
	margin-bottom: 260px;
}
.serv-video {
	top: calc(-1px + (-55 - -1) * ((100vw - 922px) / (1920 - 922)));
}
.serv-video--mobile {
	display: none;
}
.mob-step.support .mob-step--item {
	grid-template-columns: 1fr 582px;
	margin-bottom: 239px;
}
.mob-step__list {
	padding: 0ex;
	list-style: none;
}
.mob-step__list li p {
	position: relative;
	padding-left: 32px;
}
.mob-step__list li p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #388AF3;
}
.support-list__btn {
	width: auto;
	margin: 0 auto;
	background: none;
}
.first-section-career__items {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}
.first-section-career__items.support {
	margin-top: 203px;
	margin-bottom: 230px;
}
.first-section-career__item {
	position: relative;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	background: var(--grays-gray_02);
	border-radius: 20px;
}

.first-section-career__item::before {
	display: flex;
    align-items: center;
    justify-content: center;
	content: '';
	width: 60px;
	height: 60px;
	background-color: #fff;
    border-radius: 50%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}

.first-section-career__item:first-child::before {
	background-image: url("./assets/imgCaseStudy/s1.svg");
}

.first-section-career__item:nth-child(2)::before {
	background-image: url("./assets/img/folder_open.svg");
}

.first-section-career__item:nth-child(3)::before {
	background-image: url("./assets/img/bulb.svg");
}

.first-section-career__item-text {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
}

.first-section-career__item-text a {
	font-weight: 600;
	border-bottom: 1px solid #1F1F1F;
	transition: .3s linear;
}

.first-section-career__item-text a:hover {
	border-bottom: 1px solid transparent;
}

.first-section-career__item-head {
	/* min-height: 72px; */
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
}
.first-section-career__item>* {
	position: relative;
	z-index: 3;
}
.first-section-career__item>p {
	-webkit-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	transform: translateY(1rem);
	-webkit-transition: all 1.5s ease 1.5s;
	-o-transition: all 1.5s ease 1.5s;
	transition: all 1.5s ease 1.5s;
}

.first-section-career__item.animate>p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.serv-block__title {
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	text-align: center;
	color: #388AF3;
}
.pwa-cost-title.support {
	padding-top: 20px;
}
.pwa-cost-title.support h2 {
	max-width: 370px;
	color: #343434;
}
.pwa-cost-title.support p {
	max-width: 582px;
	color: #343434;
}
.serv-anchor-list.support {
	margin-top: 98px;
	margin-bottom: 73px;
}
.support-price-cards {
	margin-top: 155px;
	display: flex;
	justify-content: space-between;
	grid-gap: 20px;
}
.support-price-card {
	max-width: 381px;
	min-height: 591px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 46px 52px 45px;
	background: #FBFBFB;
	border-radius: 15px;
	background-image: url(./assets/img/support-bg.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}
.support-price-card__title {
	margin-top: 0;
	margin-bottom: 17px;
	font-weight: 700;
	font-size: 27px;
	line-height: 33px;
	color: #388AF3;
}
.support-price-card__list {
	margin: 0 0 39px;
	padding: 0;
	list-style: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	color: #343434;
}
.support-price-card__list li {
	position: relative;
	padding-left: 10px;
}
.support-price-card__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 40%;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #388AF3;
}
.support-price-card__caption {
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	color: #343434;
}
.support-price-card__example p {
	padding: 13px 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #343434;
}
.support-price-card__example p:not(:last-child) {
	border-bottom: 1px solid #388AF3;
}
.support-price-card__bottom {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	align-items: center;
	justify-content: space-between;
}
.support-price-card__price h3 {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: #343434;
}
.support-price-card__btn {
	grid-column: 2;
	background: none;
	border: none;
}
.support-price-card__btn path {
	transition: all 0.5s ease;
}
.support-price-card__btn:hover path {
	transform: translateX(5px);
	transition: all 0.5s ease;
}
.serv-wrap.support-bg {
	display: flex;
	align-items: center;
	padding-top: 140px;
	padding-bottom: 140px;
	background: linear-gradient(93.29deg, #388AF3 21.04%, #A483E2 88.77%);
	margin-bottom: 0;
}
.serv-wrap.support-bg .clock {
	width: 125px;
	height: 128px;
	margin-right: 29px;
}
.serv-wrap.support-bg .support-caption h2 {
	margin: 0;
	font-weight: 700;
	font-size: 45px;
	line-height: 50px;
	color: #fff;
}
.serv-wrap.support-bg .support-caption p {
	font-weight: 500;
	font-size: 30px;
	line-height: 50px;
	color: #fff;
}
.serv-wrap.support-bg .serv-price-recall {
	margin-left: auto;
}
.serv-wrap.support-bg .serv-price-recall button {
	color: #FFF;
	border: 3px solid #FFF;
}
.serv-price-item--sm {
	grid-template-columns: 1fr auto;
	grid-gap: 142px;
	padding-top: 20px;
	padding-bottom: 22px;
}
.serv-price-item--sm h4>span {
	top: -100px;
}
.serv-price.support {
	margin-top: 70px;
	align-items: center;
}
.pwa-cost-title.support--bg {
	margin-top: 110px;
	margin-bottom: 80px;
}
.pwa-cost-title.support--bg h2 {
	max-width: 800px;
}
.serv-price-container:not(:last-child) {
	margin-bottom: 91px;
}
.serv-price-container {
	position: relative;
}
.serv-price-container .swiper-scrollbar {
	bottom: -10px;
}
.serv-price-container .swiper-scrollbar-drag {
	background-color: #388AF3;
}
.serv-price-item--bg {
	grid-template-columns: 440px 165px auto;
	grid-gap: 180px;
	justify-content: space-between;
	padding-top: 27px;
	padding-bottom: 13px;
}
.serv-price-container__caption {
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #388AF3;
}
.serv-price-title {
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 448px 165px 185px;
	grid-gap: 200px;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	color: #388AF3;
	text-transform: uppercase;
}
.serv-price-request {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.serv-price-request__text {
	max-width: 680px;
}
.serv-price-request__text h3 {
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color: #388AF3;
}
.serv-price-request__text p {
	max-width: 599px;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
}
.serv-wrap.capa .capa-background {
	background-color: #F7F8FC;
}
.serv-wrap--support-first {
	margin-bottom: 155px;
}
.web-circle-wrap.support .serv-wrap {
	margin-top: 157px;
	margin-bottom: 140px;
	padding-top: 20px;
}
.start-project--support .start-project--wrap {
	padding-top: 0;
}
.anchor-pd {
	padding-top: 1px;
}
@media (max-width: 1920px) {
	.serv-wrap.support h1 {
		margin-bottom: calc(30px + (82 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support .block-subtitle {
		max-width: calc(345px + (594 - 345) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(18px + (25 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(28px + (40 - 28) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-video {
		right: calc(150px + (300 - 150) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.support .mob-step--item {
		grid-template-columns: 1fr calc(387px + (582 - 387) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: 150px;
	}
	.serv-wrap.support {
		margin-bottom: calc(161px + (260 - 161) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-block__title {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
	.first-section-career__item::before {
		width: calc(55px + (60 - 55) * ((100vw - 1280px) / (1536 - 1280)));
		height: calc(55px + (60 - 55) * ((100vw - 1280px) / (1536 - 1280)));
	}
	.first-section-career__item-head {
		font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(30px + (36 - 30) * ((100vw - 1536px) / (1920 - 1536)));
	}
	.first-section-career__item-text {
		margin-top: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}
	.first-section-career__item {
		padding: calc(30px + (40 - 30) *((100vw - 1536px) / (1920 - 1536)));
		gap: calc(30px + (40 - 30) *((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career__items {
		gap: calc(25px + (30 - 25) *((100vw - 1536px) / (1920 - 1536)));
	}
	.first-section-career__items.support {
		margin-top: calc(65px + (203 - 65) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(140px + (230 - 140) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-anchor-list.support {
		margin-top: calc(63px + (98 - 63) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(70px + (73 - 70) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-anchor-list.support a {
		font-size: calc(18px + (22 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (27 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.pwa-cost-title.support p {
		max-width: calc(411px + (582 - 411) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-cards {
		margin-top: calc(72px + (155 - 72) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card {
		max-width: calc(266px + (381 - 266) * ((100vw - 922px) / (1920 - 922)));
		min-height: calc(463px + (591 - 463) * ((100vw - 922px) / (1920 - 922)));
		padding: calc(35px + (46 - 35) * ((100vw - 922px) / (1920 - 922))) calc(20px + (52 - 20) * ((100vw - 922px) / (1920 - 922))) calc(36px + (52 - 36) * ((100vw - 922px) / (1920 - 922))) calc(32px + (45 - 32) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__title {
		font-size: calc(22px + (27 - 22) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(27px + (33 - 27) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__list {
		margin: 0 0 calc(25px + (39 - 25) * ((100vw - 922px) / (1920 - 922)));
		;
		font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(20px + (27 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__caption {
		font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(16px + (32 - 16) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__example p {
		padding: calc(9px + (13 - 9) * ((100vw - 922px) / (1920 - 922))) 0;
		font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(16px + (20 - 16) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__price h3 {
		font-size: calc(14px + (20 - 14) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (32 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.support-price-card__btn svg {
		width: calc(48px + (69 - 48) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap--support-first {
		margin-bottom: calc(93px + (155 - 93) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support-bg .support-caption h2 {
		font-size: calc(30px + (45 - 30) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(30px + (50 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support-bg .support-caption p {
		font-size: calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(33px + (50 - 33) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support-bg .clock {
		width: calc(65px + (125 - 65) * ((100vw - 922px) / (1920 - 922)));
		height: calc(65px + (125 - 65) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support-bg .serv-price-recall button {
		width: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		height: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(13px + (20 - 13) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.support-bg .serv-price-recall button svg {
		width: calc(22px + (50 - 22) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(1px + (28 - 1) * ((100vw - 922px) / (1920 - 922)));
	}
	.web-circle-wrap.support .serv-wrap {
		margin-top: calc(73px + (157 - 73) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item--sm h4>span {
		font-size: 12px;
	}
	.serv-price.support .serv-price-container {
		width: auto;
	}
	.serv-price.support .serv-price-recall button {
		width: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		height: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(13px + (20 - 13) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price.support .serv-price-recall button svg {
		width: calc(22px + (50 - 22) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(1px + (28 - 1) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-title {
		grid-template-columns: calc(350px + (448 - 350) * ((100vw - 922px) / (1920 - 922))) calc(120px + (165 - 120) * ((100vw - 922px) / (1920 - 922))) calc(140px + (185 - 140) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(110px + (200 - 110) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(16px + (40 - 16) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item--bg {
		grid-template-columns: calc(350px + (448 - 350) * ((100vw - 922px) / (1920 - 922))) calc(120px + (165 - 120) * ((100vw - 922px) / (1920 - 922))) calc(140px + (185 - 140) * ((100vw - 922px) / (1920 - 922)));
		grid-gap: calc(60px + (200 - 65) * ((100vw - 922px) / (1920 - 922)));
		padding-top: calc(20px + (27 - 20) * ((100vw - 922px) / (1920 - 922)));
		padding-bottom: calc(10px + (13 - 10) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item--bg h4 {
		font-size: calc(18px + (20 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-item--bg p {
		font-size: calc(18px + (30 - 18) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-container:not(:last-child) {
		margin-bottom: calc(60px + (91 - 60) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-request__text {
		max-width: calc(544px + (680 - 544) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-request__text h3 {
		max-width: calc(583px + (680 - 583) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(27px + (30 - 27) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-request__text p {
		max-width: calc(583px + (599 - 583) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(20px + (25 - 20) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(30px + (40 - 30) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-request .serv-price-recall button {
		width: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		height: calc(150px + (227 - 150) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(13px + (20 - 13) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-price-request .serv-price-recall button svg {
		width: calc(22px + (50 - 22) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(1px + (28 - 1) * ((100vw - 922px) / (1920 - 922)));
	}
	.web-cases {
		margin-top: calc(110px + (120 - 110) * ((100vw - 922px) / (1920 - 922)));
	}
	.web-cases .block-title {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(85px + (60 - 85) * ((100vw - 922px) / (1920 - 922)));
	}
	.start-project--support .title {
		font-size: calc(35px + (45 - 35) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(39px + (56 - 39) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 1536px) {
	.first-section-career__item-head {
		font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-career__item-text {
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-career__item {
		padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
		gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
	}
	.first-section-career__item::before {
		width: 55px;
		height: 55px;
	}

	.first-section-career__items {
		gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
	}
}

@media (max-width: 1280px) {
	.first-section-career__item-head {
		font-size: 18px;
		line-height: 28px;
	}

	.first-section-career__item-text {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}

	.first-section-career__item {
		padding: 25px;
		gap: 25px;
	}

	.first-section-career__items {
		gap: 20px;
	}
}

@media (max-width: 1270px) {
	.serv-video {
		display: block;
	}
	.serv-wrap.support .serv-block__btns {
		flex-direction: column;
		max-width: 345px;
		margin-top: 50px;
	}
	.serv-anchor-list.support {
		justify-content: center;
	}
}
@media (max-width: 922px) {
	.serv-wrap.support h1 {
		margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-video {
		right: calc(100px + (150 - 100) * ((100vw - 767px) / (922 - 767)));
	}
	.mob-step.support .mob-step--item {
		margin-bottom: calc(63px + (239 - 63) * ((100vw - 767px) / (922 - 767)));
	}
	.first-section-career__items.support {
		margin-top: calc(40px + (65 - 40) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(155px + (140 - 155) * ((100vw - 414px) / (922 - 414)));
		grid-gap: calc(65px + (57 - 65) * ((100vw - 414px) / (922 - 414)));
	}

	.serv-anchor-list.support {
		flex-wrap: wrap;
	}
	.serv-anchor-list.support {
		margin-top: calc(102px + (63 - 102) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(105px + (70 - 105) * ((100vw - 414px) / (922 - 414)));
	}
	.pwa-cost-title.support h2 {
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-cards {
		justify-content: start;
		flex-wrap: wrap;
		margin-top: calc(40px + (72 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card {
		max-width: calc(333px + (266 - 333) * ((100vw - 414px) / (922 - 414)));
		min-height: calc(580px + (463 - 580) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__title {
		font-size: calc(25px + (22 - 25) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(31px + (27 - 31) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__list {
		font-size: calc(16px + (14 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: 20px;
		margin: 0 0 calc(19px + (25 - 19) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__caption {
		font-size: calc(16px + (14 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (16 - 20) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__example p {
		font-size: calc(16px + (14 - 16) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(20px + (16 - 20) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__price h3 {
		font-size: calc(18px + (14 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(28px + (22 - 28) * ((100vw - 414px) / (922 - 414)));
	}
	.support-price-card__btn svg {
		width: calc(60px + (48 - 60) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.support-bg .clock {
		width: 65px;
		height: 65px;
	}
	.serv-wrap.support-bg {
		padding-top: calc(45px + (140 - 45) * ((100vw - 414px) / (922 - 414)));
		padding-bottom: calc(89px + (140 - 89) * ((100vw - 414px) / (922 - 414)));
	}

	.pwa-cost-title.support--bg h2 {
		max-width: calc(315px + (800 - 315) * ((100vw - 414px) / (922 - 414)));
	}
	.pwa-cost-title.support--bg {
		margin-bottom: calc(39px + (80 - 39) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-price-item--bg {
		width: 675px;
		grid-template-columns: 290px 100px 110px;
		grid-gap: 40px;
		padding-top: 20px;
		padding-bottom: 10px;
		justify-content: flex-start;
	}
	.serv-price-title {
		grid-template-columns: 290px 105px 90px;
		grid-gap: 40px;
		margin-bottom: 16px;
		justify-content: flex-start;
	}
	.serv-price-request__text h3 {
		max-width: 583px;
		font-size: 27px;
		line-height: 30px;
	}
	.serv-price-request__text p {
		max-width: 583px;
		font-size: 20px;
		line-height: 30px;
	}
	.serv-price-request__text {
		max-width: 544px;
	}
	.web-circle-wrap.support .serv-wrap {
		margin-bottom: calc(84px + (140 - 84) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.support .block-subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	.serv-wrap.support {
		margin-bottom: calc(151px + (161 - 151) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.capa {
		padding-bottom: calc(116px + (148 - 116) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(98px + (123 - 98) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-block__title {
		font-size: calc(32px + (35 - 32) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(40px + (39 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.serv-wrap.support-bg .support-caption h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.serv-wrap.support-bg .support-caption p {
		font-size: 20px;
		line-height: 30px;
	}
}
@media (max-width: 767px) {
	.first-section-career__items {
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto;
		gap: 10px;
	}
	.serv-video--mobile {
		max-width: auto;
		margin: 73px auto 78px;
		display: block;
		position: relative;
		right: 0;
		top: 0;
	}
	.serv-video--desctop {
		display: none;
	}
	.serv-wrap.support .block-subtitle {
		max-width: 100%;
	}
	.serv-wrap.support .serv-block__btns {
		margin: 0 auto;
		max-width: 335px;
	}
	.mob-step.support .mob-step--item {
		grid-template-columns: 100%;
		grid-gap: 30px 0;
		margin-bottom: 63px;
	}
	.first-section-career__items.support {
		flex-direction: column;
		margin-top: 90px;
	}
	.serv-wrap.support-bg {
		flex-direction: column;
	}
	.serv-wrap.support-bg .serv-price-recall {
		margin-top: calc(119px + (120 - 119) * ((100vw - 414px) / (767 - 414)));
		margin-left: 0;
	}
	.serv-wrap.support-bg .clock {
		margin-bottom: 35px;
	}
	.serv-price-item--sm h4 {
		grid-column: auto;
	}
	.serv-price-item--bg h4 {
		grid-column: auto;
	}
	.serv-price.support {
		flex-direction: column;
		align-items: start;
	}
	.serv-price-request {
		flex-direction: column;
		align-items: flex-start;
	}
	.serv-price-request__text {
		margin-bottom: 60px;
	}

	.serv-anchor-list.support {
		justify-content: start;
	}
	.pwa-cost-title.support p {
		max-width: 100%;
	}
	.serv-price-item--sm {
		grid-gap: 90px;
	}
	.serv-price.support .serv-price-container {
		padding-top: 20px;
	}
	.serv-price-item--sm h4>span {
		top: -90px;
	}
	.serv-wrap#tam {
		margin-top: 137px;
	}
	.serv-price-item--sm p>span {
		top: calc(-34px + (-23 + 34) * ((100vw - 414px) / (767 - 414)));
	}
}
@media (max-width: 680px) {
	.serv-wrap.support-bg .serv-price-recall button {
		width: 91px;
		height: 91px;
		font-size: 20px;
		line-height: 20px;
		transform: translateX(-60px);
	}
	.serv-wrap.support-bg .serv-price-recall button svg {
		width: 27px;
		margin-bottom: 0;
		transform: scale(1);
	}
	.serv-price.support .serv-price-recall button {
		width: 91px;
		height: 91px;
		font-size: 20px;
		line-height: 20px;
	}
	.serv-price.support .serv-price-recall button svg {
		width: 27px;
		margin-bottom: 0;
		transform: scale(1);
	}
	.serv-price-request .serv-price-recall button {
		width: 91px;
		height: 91px;
		font-size: 20px;
		line-height: 20px;
	}
	.serv-price-request .serv-price-recall button svg {
		width: 27px;
		margin-bottom: 0;
		transform: scale(1);
	}
}
@media (max-width: 414px) {
	.mob-step__list li p {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.mob-step__list {
		margin: 0;
	}
	.serv-anchor-list.support {
		margin-top: 102px;
		margin-bottom: 105px;
	}
	.support-price-card__title {
		font-size: 25px;
		line-height: 31px;
	}
	.support-price-card {
		max-width: 333px;
		min-height: 580px;
		padding: 35px 20px 36px 32px;
	}
	.support-price-card__list {
		font-size: 16px;
		margin: 0 0 19px;
	}
	.support-price-card__example p {
		font-size: 16px;
		line-height: 20px;
	}
	.serv-wrap.support-bg .serv-price-recall {
		margin-top: 119px;
	}
	.serv-price-item--sm p>span {
		top: -34px;
	}
}
.we-are-in-the-media {
	max-width: 100vw;
	overflow: hidden;
	/* margin-top: 200px; */
}
.we-are-in-the-media__caption {
	margin-bottom: 100px;
}
.we-are-in-the-media__title {
	display: flex;
	align-items: stretch;
}
.we-are-in-the-media__title .page-title {
	margin-bottom: 10px;
}
.we-are-in-the-media__description {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #343434;
}
.we-are-in-the-media__three-dots {
	display: flex;
	align-items: center;
	padding: 0 0 10px 10px;
}
.we-are-in-the-media__three-dots span {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	margin-left: 13px;
	animation: dropJumpAnimOpacity 2s linear infinite both;
}
.we-are-in-the-media__three-dots span:nth-child(1) {
	background-color: #D7E8FD;
	animation-delay: 0s;
}
.we-are-in-the-media__three-dots span:nth-child(2) {
	background-color: #EBF4FF;
	animation-delay: .2s;
}
.we-are-in-the-media__three-dots span:nth-child(3) {
	background-color: #F7F8FC;
	animation-delay: .4s;
}
@keyframes dropJumpAnimOpacity {
	0% {
		opacity: 1;
	}
	25% {
		opacity: .5;
	}
	50% {
		transform: translateY(0);
		opacity: 1;
	}
	75% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
.we-are-in-the-media__slider {
	overflow: initial;
}
@media (max-width: 1149px) {
	.we-are-in-the-media__caption {
		margin-bottom: 80px;
	}
	.we-are-in-the-media__description {
		font-size: 16px;
		line-height: 1.43;
	}
	.we-are-in-the-media {
		margin-top: 160px;
	}
}
@media (max-width: 767px) {
	.we-are-in-the-media {
		margin-top: 100px;
	}
}
.swiper-articles__item {
	display: grid;
	grid-template-columns: 1fr 37px;
	row-gap: 28px;
	height: 100%;
	max-width: 313px;
	padding-bottom: 38px;
	position: relative;
}
.swiper-articles__item::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	background-color: #F7F8FC;
	left: 13.3%;
	right: 13.3%;
	aspect-ratio: 1;
	top: 53px;
	z-index: 0;
	transition: all .3s ease;
	pointer-events: none;
}
.swiper-articles__item:hover::before {
	right: -6%;
}
.swiper-articles__logotype {
	height: 41px;
	width: calc(100% - 30px);
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
.swiper-articles__logotype>.img {
	max-height: 41px;
	max-width: 231px;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
.swiper-articles__logotype>.img>img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.swiper-articles__arrow {
	filter: brightness(0);
	transition: filter .3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 6px;
}
.swiper-articles__item:hover .swiper-articles__arrow {
	filter: brightness(1);
}
.swiper-articles__arrow>svg path:nth-child(2) {
	transform: translate(-3px, 3px);
	transition: transform .3s ease;
}
.swiper-articles__item:hover svg path:nth-child(2) {
	transform: translate(0px, 0px);
}
.swiper-articles__title {
	grid-column: 1/3;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.27;
	color: #343434;
	max-width: 274px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: calc(3 * (22px * 1.27));
}
.swiper-articles__description {
	grid-column: 1/3;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44;
	color: #343434;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: calc(4 * (18px * 1.44));
}
.swiper-articles__date {
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: var(--dark);
}
.swiper-articles__title,
.swiper-articles__description,
.swiper-articles__date {
	position: relative;
	z-index: 1;
}
.swiper-articles__scrollbar .swiper-scrollbar-drag {
	background: var(--dark);
}
.swiper-horizontal>.swiper-scrollbar.swiper-articles__scrollbar {
	margin-top: 30px;
	position: relative;
	inset: 0;
	height: 5px;
	background: #F7F8FC;
	border-radius: 4px;
	width: 100%;
}
.swiper-horizontal>.swiper-scrollbar.swiper-articles__scrollbar .swiper-scrollbar-drag {
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
@media (max-width: 1149px) {
	.swiper-articles__item {
		padding-bottom: 27px;
	}
	.swiper-horizontal>.swiper-scrollbar.swiper-articles__scrollbar {
		margin-top: 20px;
	}
	.swiper-articles__arrow>svg,
	.swiper-articles__arrow {
		width: 24px;
		height: 25px;
	}
	.swiper-articles__arrow {
		transform: translateX(24px);
	}
	.swiper-articles__title {
		font-size: 20px;
		line-height: 1.3;
	}
	.swiper-articles__description {
		font-size: 16px;
		line-height: 1.625;
	}
	.swiper-articles__item {
		width: 245px;
	}
	.swiper-articles__description {
		margin-top: 19px;
	}
	.we-are-in-the-media__three-dots span {
		width: 33px;
		height: 33px;
	}
	.swiper-articles__item::before {
		display: none;
	}
}
@media (max-width: 899px) {
	.swiper-articles .swiper-slide {
		width: initial;
	}
	.swiper-articles__arrow {
		transform: initial;
	}
	.swiper-articles__logotype>.img {
		max-width: 180px;
	}
}
@media (max-width: 767px) {
	.swiper-articles__description,
	.swiper-articles__title {
		max-width: 236px;
	}
	.swiper-articles__title {
		-webkit-line-clamp: 4;
		max-height: calc(4 * (20px * 1.3));
	}
	.swiper-articles__description {
		-webkit-line-clamp: 6;
		max-height: calc(6 * (16px * 1.625));
	}
}
@media (max-width: 320px) {
	.swiper-articles .swiper-slide {
		width: 236px;
	}
}
/* Base */
.heading h2 {
	font-size: 45px;
	line-height: 56px;
	color: #343434;
	margin: 0;
}
.heading.heading--blue h2 {
	color: var(--dark);
}
.title h2 {
	font-size: 48px;
	line-height: 1.165;
	margin: 0;
}
.section__title {
	margin-bottom: 87px;
}
.btn-arrow {
	background: none;
	outline: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #EDEDEF;
	border-radius: 100px;
	padding: 1em 3em;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #343434;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-arrow:hover {
	border-color: var(--dark);
}
.btn-arrow>svg {
	margin-left: 10px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-arrow svg>path:first-child {
	fill: #EDEDEF;
}
.btn-arrow svg>path:last-child {
	stroke: #EDEDEF;
}
.btn-arrow:hover svg>path:first-child {
	fill: var(--dark);
}
.btn-arrow:hover svg>path:last-child {
	stroke: var(--dark);
}
.btn-arrow:hover svg {
	margin-left: 19px;
}
.btn-arrow:hover svg>path {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.career.page__career .cases-sample {
	padding-bottom: 100px;
}

@media (max-width: 1920px) {
	.career.page__career .cases-sample {
		padding-top: calc(60px + (100 - 60) * ((100vw - 1536px) / (1920 - 1536)));
	}
}

@media (max-width: 1536px) {
	.career.page__career .cases-sample {
		padding-top: 60px;
	}
}

.career.page__career {
	max-width: 100vw;
	/* overflow-x: hidden; */
	position: relative;
	z-index: 1;
}
@media (max-width: 1149px) {
	.btn-arrow {
		padding: 1em 2em;
	}
	.heading h2 {
		font-size: 35px;
		line-height: 1.1;
	}
}
@media (max-width: 767px) {
	.btn-arrow svg>path:first-child {
		fill: #EDEDEF;
	}
	.btn-arrow svg>path:last-child {
		stroke: #EDEDEF;
	}
	.heading h2 {
		font-size: 32px;
		line-height: 40px;
	}
}
/* Airplane */
/* .career__airplane {
	position: absolute;
	left: 80vw;
	top: 40vh;
	width: 126px;
	z-index: 10;
	height: 101px;
	opacity: 0;
}
.page-career__loaded .career__airplane {
	-webkit-animation: career__airplane-animation 3s ease 0s forwards;
	animation: career__airplane-animation 3s ease 0s forwards;
}
@-webkit-keyframes career__airplane-animation {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(25vw, -15vw);
		transform: translate(25vw, -15vw);
		opacity: 1;
	}
}
@keyframes career__airplane-animation {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(25vw, -15vw);
		transform: translate(25vw, -15vw);
		opacity: 1;
	}
} */

/* First section career */
/* .earth-one__wrapper {
	position: absolute;
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
} */
/* canvas#career__earth-one {
	max-width: 100vw;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	pointer-events: none;
} */
.first-section-career__words span,
.first-section-career-team-inner {
    opacity: 0;
    transform: translateY(15px);
}

.first-section-career {
	overflow: hidden;
}
.first-section-career-team-item-img {
	width: 240px;
	height: 240px;
}
.first-section-career-team-item-img img {
	display: block;
	max-width: 100%;
	border-radius: 50%;
	height: auto;
	object-fit: contain;
}
.first-section-career-team-slider.swiper {
	overflow: initial;
	transition: .5s ease 1s;
}

.first-section-career-team-slider .swiper-wrapper{
  	transition-timing-function: linear !important;
	will-change: transform;
  	transform: translate3d(0,0,0);
}

.first-section-career__words span,
.first-section-career-team-inner {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.first-section-career--animated .first-section-career__words span,
.first-section-career--animated .first-section-career-team-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (min-width: 1024px) {
  .first-section-career__words span,
  .first-section-career-team-inner {
    filter: blur(6px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out, filter 0.8s ease-out;
  }

  .first-section-career--animated .first-section-career__words span,
  .first-section-career--animated .first-section-career-team-inner {
    filter: blur(0);
  }
}

.first-section-career-team-slider .swiper-slide {
    width: auto;
}
.first-section-career__words {
	margin: 0 auto;
	max-width: 740px;
	text-align: center;

}
.first-section-career__words>span {
	font-size: 70px;
	font-weight: 600;
	line-height: 85px;
}
.first-section-career__text {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-top: 200px;
}
.first-section-career__title h1 {
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px;
}
.first-section-career__title h1 span {
	color: var(--brand-blue);
}

.first-section-career__description p {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px;
}

.first-section-career__description p a {
	font-weight: 600;
	border-bottom: 1px solid #1F1F1F;
	transition: .3s linear;
}

.first-section-career__description p a:hover {
	border-bottom: 1px solid transparent;
}

.first-section-career__item.animate>p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

@media (max-width: 1920px) {
	.first-section-career__words>span {
		font-size: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(80px + (85 - 80) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career__words {
		max-width: calc(655px + (740 - 655) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career-team-item-img {
		width: calc(180px + (240 - 180) * ((100vw - 1536px) / (1920 - 1536)));
		height: calc(180px + (240 - 180) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career__description p {
		font-size:  calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		line-height:  calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career__text {
		margin-top: calc(150px + (200 - 150) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-career__title h1 {
		font-size:  calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
		line-height:  calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.first-section-career__words {
		max-width: calc(545px + (655 - 545) * ((100vw - 1280px) / (1536 - 1280)));
	}
	.first-section-career__text {
		margin-top: calc(120px + (150 - 120) * ((100vw - 1280px) / (1536 - 1280)));
	}
	.first-section-career__words>span {
		font-size: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(60px + (80 - 60) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-career__title h1 {
		font-size:  calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
		line-height:  calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
	}
	.first-section-career__title {
		max-width: 440px;
	}

	.first-section-career-team-item-img {
		width: calc(160px + (180 - 160) * ((100vw - 1280px) / (1536 - 1280)));
		height: calc(160px + (180 - 160) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-career__description p {
		font-size:  calc(16px + (20 - 16) * ((100vw - 1280px) / (1536 - 1280)));
		line-height:  calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}
}
@media (max-width: 1439px) {
	canvas#career__earth-one {
		top: 5vh;
	}
}
@media (max-width: 1280px) {
		.first-section-career__title h1 {
		font-size:  30px;
		line-height:  40px;
	}

	.first-section-career__words>span {
		font-size: 50px;
		line-height: 60px;
	}

	.first-section-career__text {
		margin-top: 120px;
	}

	.first-section-career__words {
		max-width: calc(530px + (545 - 530) * ((100vw - 922px) / (1280 - 922)));
	}

	.first-section-career-team-item-img {
		width: 160px;
		height: 160px;
	}

	.first-section-career__description p {
		font-size:  16px;
		line-height:  24px;
	}
}
@media (max-width: 922px) {
	.first-section-career__words>span {
		font-size: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
	}
	.first-section-career__words {
		max-width: calc(382px + (530 - 382) * ((100vw - 414px) / (922 - 414)));
	}
	.first-section-career__text {
		margin-top: calc(100px + (120 - 100) * ((100vw - 414px) / (922 - 414)));
	}
	.first-section-career__title h1 {
		max-width: 270px;
		font-size:  calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
		line-height:  calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
	}

	.first-section-career__item::after {
		width: 51.25%;
	}

	canvas#career__earth-one {
		top: 4rem;
	}

	.first-section-career-team-item-img {
		width: calc(120px + (160 - 120) * ((100vw - 414px) / (922 - 414)));
		height: calc(120px + (160 - 120) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.first-section-career__text {
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
	}

	/* .first-section-career__item-head {
		min-height: auto;
	} */
	.first-section-career__title {
		width: 100%;
		max-width: 340px;
	}
	.first-section-career__title h1 {
		max-width: initial;
	}

	.first-section-career__item>p {
		-webkit-transition: all 1s ease 0.5s;
		-o-transition: all 1s ease 0.5s;
		transition: all 1s ease 0.5s;
	}
	.first-section-career__title {
		-webkit-animation-delay: 3.5s;
		animation-delay: 3.5s;
	}
	.first-section-career__description {
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
	}
}
@media (max-width: 580px) {
	canvas#career__earth-one {
		top: 6rem;
		max-width: initial;
	}
	.career__airplane {
		top: 15vh;
		width: 60px;
	}
}
@media (max-width: 414px) {
	canvas#career__earth-one {
		top: 12rem;
	}
	.first-section-career__text {
		margin-top: 100px;
	}
	.first-section-career__words { 
		margin-bottom: 50px;
		margin-left: 0;
		max-width: 100%;
		text-align: left;
	}
	.first-section-career__words>span {
		font-size: 35px;
		line-height: 45px;
	}

	.first-section-career-team-item-img {
		width: 120px;
		height: 120px;
	}

	.first-section-career__title h1 {
		font-size:  25px;
		line-height: 35px;
	}
}

/* Information career */
.info-career {
	padding-top: 215px;
	padding-bottom: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.info-career__wrapper-canvas {
	position: relative;
	width: 50%;
}
.info-career__inner-canvas {
	width: 100%;
	height: 1px;
}
canvas#career__earth-two {
	position: absolute;
	left: calc(-358px + (-680 - -358) * ((-100vw - -1920px) / (-2560 - -1920)));
	top: 50%;
	-webkit-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	transform: translate(0, -40%);
}

.info-career__item {
	padding: 35px 40px;
	display: grid;
	gap: 25px;
	grid-template-columns: 30px auto 680px;
	align-items: center;
	border-radius: 30px;
	transition: .3s linear;
}

.info-career__item:nth-child(odd) {
	background-color: var(--grays-gray_02);
}
.info-career__item::before {
	display: flex;
	content: '';
	width: 30px;
	height: 30px;
	background-color: #9C6CE8;
}
.info-career__item:first-child:before {
 	mask: url("./assets/img/Globe.svg") no-repeat center / contain;
    -webkit-mask: url("./assets/img/Globe.svg") no-repeat center / contain;
}
.info-career__item:nth-child(2):before {
	mask: url("./assets/img/User_Voice.svg") no-repeat center / contain;
    -webkit-mask: url("./assets/img/User_Voice.svg") no-repeat center / contain;
}
.info-career__item:nth-child(3):before {
	mask: url("./assets/img/Devices.svg") no-repeat center / contain;
    -webkit-mask: url("./assets/img/Devices.svg") no-repeat center / contain;
}
.info-career__item:nth-child(4):before {
	mask: url("./assets/img/heart.svg") no-repeat center / contain;
    -webkit-mask: url("./assets/img/heart.svg") no-repeat center / contain;
}
.info-career__item:hover {
	background-color: #9C6CE8;
}
.info-career__item-head {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
}
.info-career__item-head br {
	display: none;
}
.info-career__item-text {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
.info-career__item:hover .info-career__item-head, .info-career__item:hover .info-career__item-text {
	color: #fff;
}

.info-career__item:hover::before {
	background-color: white;
}
@media (max-width: 1920px) {
	canvas#career__earth-two {
		left: calc(-40px + (-358 - -40) * ((-100vw - -922px) / (-1920 - -922)));
	}

	.info-career__item {
		padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
		gap: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		grid-template-columns: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536))) auto calc(565px + (680 - 565) * ((100vw - 1536px) / (1920 - 1536)));
		border-radius: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.info-career__item-head {
		font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.info-career__item-text {
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.info-career__item::before {
		width: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
		height: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.info-career__item {
		padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
		gap: 20px;
		grid-template-columns: 25px auto calc(525px + (565 - 525) * ((100vw - 1280px) / (1536 - 1280)));
		border-radius: 25px;
	}

	.info-career__item-head {
		font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.info-career__item-text {
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.info-career__item::before {
		width: 25px;
		height: 25px;
	}
}

@media (max-width: 1280px) {
	.info-career__item {
		padding: 20px 25px;
		grid-template-columns: 25px auto calc(385px + (525 - 385) * ((100vw - 922px) / (1280 - 922)));
	}

	.info-career__item-head {
		font-size: 20px;
		line-height: 30px;
	}

	.info-career__item-text {
		font-size: 16px;
		line-height: 24px;
	}
}
@media (max-width: 1149px) {

	.info-career__item br {
		display: none;
	}

	.info-career {
		padding-top: 40px;
	}
	.info-career {
		padding-bottom: 75px;
	}
}
@media (max-width: 922px) {
	canvas#career__earth-two {
		left: -40px;
	}
	canvas#career__earth-two {
		top: 0;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		margin-top: -9rem;
	}

	.info-career__item {
		padding: 20px 25px;
		gap: 20px;
		grid-template-columns: 25px auto 385px;
		border-radius: calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.info-career__item {
		padding: 25px;
		gap: 15px;
		grid-template-columns: 25px 1fr;
		grid-template-rows: auto auto;
	}
	.info-career__item-text {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.info-career__wrapper-canvas {
		width: 100%;
	}
	.info-career__inner-canvas {
		width: initial;
		height: initial;
	}
	.info-career {
		-webkit-box-align: initial;
		-ms-flex-align: initial;
		align-items: initial;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	canvas#career__earth-two {
		top: initial;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
		margin-top: initial;
		/* left: initial; */
		/* position: initial; */
	}

	
	.info-career__wrapper-canvas {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.info-career__item {
		border-radius: 15px;
	}

	.how-to-join-us .about-page-50__title {
		margin-left: 0;
		text-align: left;
	}
}
/* How to join us */
.how-to-join-us {
	display: flex;
}
.how-to-join-us__text {
	width: calc(50% - 75px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.how-to-join-us__sticky {}
.how-to-join-us__text h2,
.how-to-join-us__text p {
	max-width: 430px;
}
.how-to-join-us__text h2 {
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
	margin: 0 0 55px;
}
.how-to-join-us__text p {
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
}
.how-to-join-us__steps {
	width: calc(50% + 75px);
	/*margin-bottom: 100px;*/
}
.steps__step {
	padding-left: 75px;
	padding-bottom: 250px;
	position: relative;
}
.steps__step:last-child {
	padding-bottom: 0;
}
.steps__step:not(:last-child)::before {
	content: '';
	position: absolute;
	top: 15px;
	bottom: -20px;
	left: 0;
	width: 1px;
	background-color: #EDF5FF;
}
.step__circle {
	position: absolute;
	top: 11px;
	left: calc(16px / -2);
	width: 16px;
	height: 16px;
	opacity: 0.15;
}
.step__title {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	color: #343434;
	margin-bottom: 30px;
	max-width: 400px;
	opacity: 0.15;
}
.step__text {
	font-weight: normal;
	font-size: 20px;
	line-height: 1.4;
	color: #343434;
	opacity: 0.15;
	max-width: 430px;
}
.how-to-join-us .firework-svg:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate(-50%, -34%);
	-ms-transform: translate(-50%, -34%);
	transform: translate(-50%, -34%);
}
.how-to-join-us .firework-svg:nth-child(2) {
	position: absolute;
	left: 100%;
	bottom: 0;
}
.firework-svg>path {
	stroke-dasharray: 30;
	stroke-dashoffset: -30;
}
.firework-svg>ellipse {
	rx: 0;
	ry: 0;
}
.steps__step.animate .step__circle {
	-webkit-animation: step__circle-animate 1.5s ease 0s forwards;
	animation: step__circle-animate 1.5s ease 0s forwards;
}
.steps__step.animate .firework-svg>path {
	-webkit-animation: firework-svg-path-animate 1.5s ease .25s forwards;
	animation: firework-svg-path-animate 1.5s ease .25s forwards;
}
.steps__step.animate .firework-svg>ellipse.firework-svg__two {
	-webkit-animation: firework-svg-ellipse-animate-v2 1.5s ease .25s forwards;
	animation: firework-svg-ellipse-animate-v2 1.5s ease .25s forwards;
}
.steps__step.animate .firework-svg>ellipse.firework-svg__one,
.steps__step.animate .firework-svg>ellipse.firework-svg__three {
	-webkit-animation: firework-svg-ellipse-animate-v1 1.5s ease .25s forwards;
	animation: firework-svg-ellipse-animate-v1 1.5s ease .25s forwards;
}
@-webkit-keyframes firework-svg-path-animate {
	from {
		stroke-dashoffset: -30;
	}
	to {
		stroke-dashoffset: 30;
	}
}
@keyframes firework-svg-path-animate {
	from {
		stroke-dashoffset: -30;
	}
	to {
		stroke-dashoffset: 30;
	}
}
@-webkit-keyframes step__circle-animate {
	0% {
		width: 16px;
		height: 16px;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	30% {
		width: 50px;
		height: 50px;
		-webkit-transform: translate3d(-18px, -18px, 0);
		transform: translate3d(-18px, 18px, 0);
	}
	100% {
		width: 16px;
		height: 16px;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes step__circle-animate {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	30% {
		-webkit-transform: scale(3.125);
		transform: scale(3.125);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes firework-svg-ellipse-animate-v1 {
	0% {
		rx: 0;
		ry: 0;
	}
	50% {
		rx: 7.2912px;
		ry: 6.85901px;
	}
	100% {
		rx: 0;
		ry: 0;
	}
}
@keyframes firework-svg-ellipse-animate-v1 {
	0% {
		rx: 0;
		ry: 0;
	}
	50% {
		rx: 7.2912px;
		ry: 6.85901px;
	}
	100% {
		rx: 0;
		ry: 0;
	}
}
@-webkit-keyframes firework-svg-ellipse-animate-v2 {
	0% {
		rx: 0;
		ry: 0;
	}
	50% {
		rx: 5.208px;
		ry: 4.98837px;
	}
	100% {
		rx: 0;
		ry: 0;
	}
}
@keyframes firework-svg-ellipse-animate-v2 {
	0% {
		rx: 0;
		ry: 0;
	}
	50% {
		rx: 5.208px;
		ry: 4.98837px;
	}
	100% {
		rx: 0;
		ry: 0;
	}
}
@media (max-width: 1579px) {
	.how-to-join-us__sticky {
		padding-right: 75px;
	}
}
@media (max-width: 1149px) {
	.how-to-join-us__text h2 {
		font-size: 35px;
		line-height: 1.1;
		margin-bottom: 29px;
	}
	.how-to-join-us__text p {
		font-size: 16px;
		line-height: 1.55;
	}
	.step__title {
		font-size: 25px;
		line-height: 40px;
	}
	.step__text {
		font-size: 16px;
		line-height: 1.55;
	}
	.steps__step {
		padding-left: 53px;
		padding-bottom: 70px;
		max-width: calc(325px + 53px);
	}
	.how-to-join-us .firework-svg:nth-child(2) {
		left: 70%;
		bottom: -110px;
	}
	.how-to-join-us__steps {
		width: calc(50% + 53px);
	}
	.how-to-join-us__text {
		width: calc(50% - 53px);
	}
	.how-to-join-us__text h2,
	.how-to-join-us__text p {
		max-width: initial;
	}
	.how-to-join-us__sticky {
		padding-right: 53px;
	}
}
@media (max-width: 900px) {
	.how-to-join-us__text h2 {
		font-size: 32px;
	}
}
@media (max-width: 767px) {
	.how-to-join-us__text {
		width: 100%;
	}
	.how-to-join-us__steps {
		width: 100%;
		padding-left: 20px;
		margin-top: 80px;
	}
	.how-to-join-us__text h2 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 22px;
	}
	.how-to-join-us__text p {
		font-size: 22px;
		line-height: 32px;
	}
	.step__title {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 22px;
	}
	.step__text {
		font-size: 22px;
		line-height: 32px;
	}
	.how-to-join-us__sticky {
		padding-right: 0;
	}
	.how-to-join-us .firework-svg:nth-child(2) {
		left: 80%;
		bottom: -60px;
	}
	.steps__step {
		padding-left: 44px;
		padding-bottom: 40px;
	}
	.step__circle {
		top: 5px;
	}
	.how-to-join-us .firework-svg:nth-child(1) {
		width: 100px;
		height: 104px;
	}
}
@media (max-width: 580px) {

}
@media (max-width: 374px) {
	.step__text,
	.how-to-join-us__text p {
		font-size: 18px;
		line-height: 1.4;
	}
}
/* Choose a vacancy */
.choose-a-vacancy {
	display: flex;
}
.choose-a-vacancy__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
.choose-a-vacancy .about-page-50__title {
	text-align: left;
}
.choose-a-vacancy__sticky {
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.choose-a-vacancy__text.text-20 {
	padding-right: 100px;
	text-align: left;
}
.item-vacancy__chunk {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.choose-a-vacancy .header__chat {
	width: fit-content;
}
.choose-a-vacancy__item-vacancy {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.choose-a-vacancy__item-vacancy:last-child {
	margin-bottom: 0;
}
.item-vacancy__title {
	font-weight: 600;
	font-size: 30px;
	line-height: 40px;
}
.choose-a-vacancy__items {
	display: flex;
	flex-direction: column;
	gap: 70px;
}
.item-vacancy__button {
	position: relative;
}
.item-vacancy__link {
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px;
	border-radius: 20px;
	border: 1px solid rgba(199, 214, 237, 0.80);
	transition: .3s linear;
}
.item-vacancy__link:hover {
	color: var(--brand-blue);
}

@media (max-width: 1920px) { 
	.choose-a-vacancy__sticky {
		gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.choose-a-vacancy__items {
		gap: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.item-vacancy__title {
		font-size: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.item-vacancy__link {
		padding: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536))) 30px;
		font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		line-height: calc(30px + (36 - 30) * ((100vw - 1536px) / (1920 - 1536)));
	}
}
@media (max-width: 1536px) {
	.choose-a-vacancy__item-vacancy {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.choose-a-vacancy__items {
		gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.choose-a-vacancy__text.text-20 {
		padding-right: calc(70px + (100 - 70) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.choose-a-vacancy__sticky {
		gap: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.item-vacancy__title {
		font-size: calc(22px + (25 - 22) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(34px + (35 - 34) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.item-vacancy__link {
		padding: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280))) 30px;
		font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
		line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
	}
}
@media (max-width: 1439px) {
	.choose-a-vacancy__sticky {
		padding-right: 40px;
	}
}

@media (max-width: 1280px) {
	.choose-a-vacancy__text.text-20 {
		padding-right: 70px;
	}

	.choose-a-vacancy__sticky {
		gap: 30px;
	}

	.item-vacancy__title {
		font-size: 22px;
		line-height: 34px;
	}

	.item-vacancy__link {
		padding: 16px 30px;
		font-size: 18px;
		line-height: 28px;
	}

	.choose-a-vacancy__items {
		gap: 50px;
	}
}
@media (max-width: 1149px) {
	.choose-a-vacancy__items {
		padding-top: 0;
	}
	.choose-a-vacancy {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.item-vacancy__button {
		padding-left: 42px;
	}
	.item-vacancy__button {
		padding-left: 0;
	}
}
@media (max-width: 922px) {
	.item-vacancy__title {
		margin: 0 auto;
		text-align: center;
	}

	.item-vacancy__chunk {
		justify-content: center;
	}

	.choose-a-vacancy__items {
		gap: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
	}

	.choose-a-vacancy__wrapper {
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
	}

	.choose-a-vacancy .about-page-50__title {
		margin: 0 auto;
		text-align: center;
	}

	.choose-a-vacancy__sticky {
		gap: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
	}

	.choose-a-vacancy__text.text-20 {
		margin: 0 auto;
		padding-right: 0;
		max-width: 70%;
		text-align: center;
	}

	.choose-a-vacancy .header__chat{
		margin: 0 auto;
	}

	.item-vacancy__link {
		padding: 16px 30px;
		font-size: 18px;
		line-height: 24px;
	}
}
@media (max-width: 767px) {
	.item-vacancy__title {
		margin-left: 0;
		text-align: left;
	}

	.item-vacancy__chunk {
		justify-content: flex-start;
	}

	.choose-a-vacancy {
		padding-top: 50px;
		padding-bottom: 45px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.choose-a-vacancy__text {
		width: 100%;
	}
	.choose-a-vacancy__sticky {
		padding-right: 0;
	}
	.choose-a-vacancy__items {
		width: 100%;
	}

	.choose-a-vacancy__wrapper {
		gap: 50px;
	}

}
@media (max-width: 414px) {
	.choose-a-vacancy__text.text-20 {
		max-width: 100%;
	}

	.choose-a-vacancy .about-page-50__title {
		text-align: left;
		margin-left: 0;
	}

	.choose-a-vacancy__text.text-20 {
		margin-left: 0;
		text-align: left;
	}

	.choose-a-vacancy .header__chat {
		margin-left: 0;
	}
}
/* There is no suitable vacancy */
.there-is-no-suitable-vacancy {
	padding-top: 254px;
	padding-bottom: 63px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.there-is-no-suitable-vacancy__image {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.there-is-no-suitable-vacancy__text {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.there-is-no-suitable-vacancy__text h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 56px;
	color: #343434;
}
.there-is-no-suitable-vacancy__text p {
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
}
.there-is-no-suitable-vacancy .custom-btn {
	margin-top: 56px;
}
.there-is-no-suitable-vacancy .custom-btn:hover span>svg path {
	fill: var(--light);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.there-is-no-suitable-vacancy .custom-btn:hover span>svg path:nth-child(2) {
	fill: none;
	stroke: var(--light);
}
.there-is-no-suitable-vacancy .custom-btn span>svg {
	margin-left: 10px;
}
.there-is-no-suitable-vacancy .custom-btn:hover span>svg {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
@media (max-width: 1149px) {
	.there-is-no-suitable-vacancy__text h2 {
		font-size: 35px;
		line-height: 43px;
		margin-bottom: 30px;
	}
	.there-is-no-suitable-vacancy__text p {
		font-size: 16px;
		line-height: 155%;
		max-width: 325px;
	}
	.there-is-no-suitable-vacancy .custom-btn {
		margin-top: 50px;
	}
	.there-is-no-suitable-vacancy {
		padding-top: 75px;
		padding-bottom: 75px
	}
	.there-is-no-suitable-vacancy__image>svg {
		width: 80%;
	}
}
@media (max-width: 767px) {
	.there-is-no-suitable-vacancy {
		padding-top: 50px;
		padding-bottom: 50px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.there-is-no-suitable-vacancy__image {
		width: 100%;
	}
	.there-is-no-suitable-vacancy__text {
		width: 100%;
	}
	.there-is-no-suitable-vacancy__text h2 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 22px;
	}
	.there-is-no-suitable-vacancy__text p {
		font-size: 22px;
		line-height: 32px;
	}
	.there-is-no-suitable-vacancy .custom-btn {
		margin-top: 40px;
	}
}
@media (max-width: 374px) {
	.there-is-no-suitable-vacancy__text h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.there-is-no-suitable-vacancy__text p {
		font-size: 18px;
		line-height: 1.4;
	}
}
/* Animation SVG */
.there-is-no-suitable-vacancy__image .svg_sun_circle1 {
	-webkit-animation: svg_sun_circle1-animation 5s linear forwards;
	animation: svg_sun_circle1-animation 5s linear forwards;
}
@-webkit-keyframes svg_sun_circle1-animation {
	0% {}
	7% {}
	14% {}
	21% {}
	28% {}
	35% {}
	42% {}
	49% {}
	56% {}
	63% {}
	70% {}
	77% {}
	84% {}
	91% {}
	98% {}
}
@keyframes svg_sun_circle1-animation {
	0% {}
	7% {}
	14% {}
	21% {}
	28% {}
	35% {}
	42% {}
	49% {}
	56% {}
	63% {}
	70% {}
	77% {}
	84% {}
	91% {}
	98% {}
}
.there-is-no-suitable-vacancy__image.animate .svg_cloud1 {
	-webkit-animation: svg_cloud1-animation 5s linear forwards;
	animation: svg_cloud1-animation 5s linear forwards;
}
@keyframes svg_sun_circle1-animation {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	7% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	14% {
		-webkit-transform: translateY(11%);
		transform: translateY(11%);
	}
	21% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	28% {}
	35% {}
	42% {}
	49% {}
	56% {}
	63% {}
	70% {}
	77% {}
	84% {}
	91% {}
	98% {}
}
/* Stories */
.stories {
	position: relative;
	padding-top: 185px;
	padding-bottom: 185px;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	overflow: hidden;
}
.stories__title {
	text-align: center;
}
.story {
	position: relative;
	aspect-ratio: 228 / 310;
	overflow: hidden;
	border-radius: 16px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.story::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 85px;
	background: -webkit-gradient(linear, left top, left bottom, from(var(--dark)), to(rgba(56, 138, 243, 0)));
	background: -o-linear-gradient(top, var(--dark), rgba(56, 138, 243, 0));
	background: linear-gradient(to bottom, var(--dark), rgba(56, 138, 243, 0));
	z-index: -5;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	will-change: opacity;
}
.stories__swiper .story:hover::before {
	opacity: 0;
}
.story::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 85px;
	background: -webkit-gradient(linear, left bottom, left top, from(var(--dark)), to(rgba(56, 138, 243, 0)));
	background: -o-linear-gradient(bottom, var(--dark), rgba(56, 138, 243, 0));
	background: linear-gradient(to top, var(--dark), rgba(56, 138, 243, 0));
	z-index: -5;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	will-change: opacity;
}
.stories__swiper .story:hover::after {
	opacity: 0;
}
.story__preview {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -10;
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	will-change: transform;
}
.story:hover .story__preview {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.story__preview>img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}
.story__author {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 18px 17px calc(18px + 34px + 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: var(--light);
	line-height: 1.2;
	font-size: 12px;
	z-index: 3;
}
.author__image {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 17px;
	left: 18px;
	border-radius: 50%;
	overflow: hidden;
}
.author__image>img {
	width: 100%;
}
.author__name {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.author__position {
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.story__items {
	display: none;
}
.story__description {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	font-size: 14px;
	color: var(--light);
	line-height: 1.21;
	padding: 13px 18px;
	font-weight: 500;
}
.story-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	margin-bottom: 14px;
}
.story-info__item {
	width: 16px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: contain;
}
.story-info__item--video {
	background-image: url(./assets/img/careervideo.svg);
}
.story-info__item--picture {
	background-image: url(./assets/img/career-picture.svg);
}
.story__description p {
	display: -webkit-box;
	max-height: calc(14px * 3 * 1.21);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.stories__swiper {
	padding-bottom: 50px;
}
.swiper-scrollbar.swiper-scrollbar-horizontal.stories__swiper-scrollbar {
	opacity: 1 !important;
	background: #F7F8FC;
	border-radius: 5px;
	width: 100%;
	left: 0;
}
.stories__swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--dark);
	border-radius: 5px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
@media (max-width: 1149px) {
	.stories__title h2 {
		font-size: 35px;
		line-height: 1.1;
		max-width: 730px;
		margin: 0 auto;
	}
	.stories__title h2 br {
		display: none;
	}
	.section__title.stories__title {
		margin-bottom: 74px;
	}
	.stories__swiper {
		padding-bottom: 0;
		width: 100%;
		overflow: initial;
	}
	.stories {
		padding-top: 100px;
		padding-bottom: 106px;
	}
	.stories__swiper-scrollbar {
		bottom: -30px !important;
	}
}
@media (max-width: 767px) {
	.stories {
		padding-top: 60px;
		padding-bottom: 92px;
	}
	.section__title.stories__title {
		margin-bottom: 80px;
	}
	.stories__title h2 {
		max-width: initial;
		text-align: left;
	}
	.story-info__item {
		width: 26px;
		height: 20px;
	}
	.story__description {
		font-size: 16px;
		padding: 20px 20px 26px;
	}
	.story__description p {
		max-height: calc(16px * 3 * 1.21);
	}
	.story__author {
		font-size: 16px;
	}
	.author__image {
		width: 42px;
		height: 42px;
	}
	.story__author {
		padding: 20px 18px 17px calc(20px + 42px + 10px);
	}
}
@media (max-width: 499px) {
	.stories__swiper {
		width: 100%;
	}
}
@media (max-width: 374px) {
	.stories__title h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.section__title.stories__title {
		margin-bottom: 50px;
	}
}
/* Stories popup */
#stories-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#stories-popup::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 0;
	background: rgba(237, 245, 255, 0.9);
	opacity: 0.9;
	backdrop-filter: blur(2px);
}
#stories-popup.active {
	opacity: 1;
	pointer-events: all;
	z-index: 9999;
}
.stories-popup__close {
	position: absolute;
	top: 50px;
	padding: 25px;
	right: 80px;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	border-radius: 50%;
}
.stories-popup__close:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.stories-popup__close>svg {
	pointer-events: none;
}
.stories-popup__close>svg>path {
	fill: var(--dark);
}
.stories-popup__inner {
	max-width: 80vw;
	max-height: 80vh;
	position: relative;
	aspect-ratio: 477 / 755;
	height: 755px;
}
.stories-popup__swiper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	aspect-ratio: 477 / 755;
	margin: auto;
}
.stories-popup__inner .story {
	aspect-ratio: 477 / 755;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	cursor: url(./assets/img/cursor-main.svg) -20 -15, default;
	opacity: 1;
	filter: blur(0px);
	transition: all 1s ease;
}
.stories-popup__inner .story:not(.swiper-slide-active) {
	opacity: 0;
	transform: scale(0.7);
	filter: blur(3px);
}
.stories-popup__inner .story.swiper-slide-prev,
.stories-popup__inner .story.swiper-slide-next {
	opacity: 0.15;
	transform: scale(0.7);
	filter: blur(3px);
}
.stories-popup__inner .story .story__item:first-child {
	opacity: 1;
}
.stories-popup__swiper {
	overflow: initial;
}
.stories-popup__swiper .story__preview {
	display: none;
}
.stories-popup__swiper .story__description p {
	font-weight: 500;
	font-size: 26px;
	line-height: 1.23;
	max-height: initial;
	-webkit-line-clamp: initial;
}
.stories-popup__swiper .story__description {
	padding: 50px 43px;
}
.stories-popup__swiper .story-info {
	display: none;
}
.stories-popup__swiper .story::before {
	height: 133px;
}
.stories-popup__swiper .story::after {
	height: 289px;
}
.stories-popup__swiper .author__image {
	width: 52px;
	height: 52px;
	top: 45px;
	left: 43px;
}
.stories-popup__swiper .story__author {
	padding: 54px 130px 45px calc(43px + 52px + 15px);
	line-height: 1.2;
	font-size: 16px;
}
.stories-popup__swiper .story__loading {
	position: absolute;
	top: 26px;
	left: 40px;
	right: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	z-index: 3;
}
.story__loading .loading__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: rgba(255, 255, 255, 0.7);
	height: 5px;
	border-radius: 5px;
	position: relative;
}
.story__loading .loading__item>span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 100%;
	border-radius: 5px;
	background-color: var(--light);
}
.stories-popup__swiper .story__items {
	display: block;
}
.story__items {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -10;
}
.story__item {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	z-index: 0;
}
.story__item.active {
	opacity: 1;
	z-index: 1;
}
.story__item>video,
.story__item>img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}
.swiper-button__stories-popup.swiper-button {
	background: none;
	padding: 0;
	border: 0;
	outline: none;
	position: absolute;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
}
.swiper-button__stories-popup.swiper-button>svg {
	width: 100%;
	height: 100%;
}
.swiper-button.swiper-button__stories-popup.swiper-button-disabled {
	opacity: 0.25;
}
.swiper-button__stories-popup.swiper-button--prev:not(.swiper-button-disabled):hover {
	-webkit-transform: translateY(-50%) rotate(180deg) scale(1.25);
	-ms-transform: translateY(-50%) rotate(180deg) scale(1.25);
	transform: translateY(-50%) rotate(180deg) scale(1.25);
}
.swiper-button__stories-popup.swiper-button--next:not(.swiper-button-disabled):hover {
	-webkit-transform: translateY(-50%) scale(1.25);
	-ms-transform: translateY(-50%) scale(1.25);
	transform: translateY(-50%) scale(1.25);
}
.swiper-button__stories-popup.swiper-button--prev:not(.swiper-button-disabled):active {
	-webkit-transform: translateY(-50%) rotate(180deg) scale(1.125);
	-ms-transform: translateY(-50%) rotate(180deg) scale(1.125);
	transform: translateY(-50%) rotate(180deg) scale(1.125);
}
.swiper-button__stories-popup.swiper-button--next:not(.swiper-button-disabled):active {
	-webkit-transform: translateY(-50%) scale(1.125);
	-ms-transform: translateY(-50%) scale(1.125);
	transform: translateY(-50%) scale(1.125);
}
.swiper-button.swiper-button__stories-popup.swiper-button--prev {
	right: calc(100% + 86px);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.swiper-button.swiper-button__stories-popup.swiper-button--next {
	left: calc(100% + 86px);
}
.story__settings {
	position: absolute;
	width: 80px;
	height: 40px;
	right: 40px;
	top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	z-index: 10;
}
.story__volume {
	width: 40px;
	height: 40px;
	border: 0;
	outline: none;
	background: none;
	padding: 0;
}
.story__volume>svg {
	pointer-events: none;
}
.story__volume>svg>path {
	opacity: 1;
}
.story__volume:not(.story__volume-off)>svg>path {
	opacity: 0.2;
}
.story__volume.disabled {
	opacity: 0;
}
.story__close-popup {
	width: 40px;
	height: 40px;
	border: 0;
	outline: none;
	background: none;
	padding: 0;
}
.story__close-popup>svg {
	pointer-events: none;
}
.swiper-button__stories {
	display: none;
}
@media (max-width: 1149px) {
	.swiper-button__stories-popup.swiper-button.swiper-button--next {
		left: calc(100% + 46px);
	}
	.swiper-button__stories-popup.swiper-button.swiper-button--prev {
		right: calc(100% + 46px);
	}
	.stories-popup__close {
		top: 50px;
		right: 50px;
		width: 38px;
	}
	.stories-popup__close>svg {
		width: 100%;
	}
	.stories-popup__swiper .story__description p {
		font-size: 20px;
	}
	.stories-popup__swiper .story__description {
		padding: 34px 43px;
	}
	.swiper-button__stories-popup.swiper-button.swiper-button--next {
		left: initial;
		right: 20px;
		z-index: 2;
	}
	.swiper-button__stories-popup.swiper-button.swiper-button--prev {
		right: initial;
		left: 20px;
		z-index: 2;
	}
	.stories__swiper-wrapper {
		position: relative;
	}
	.swiper-button {
		display: block;
		background: none;
		outline: none;
		border: none;
		padding: 0;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		width: 44px;
		height: 44px;
		transform: translateY(-50%);
		z-index: 10;
		overflow: hidden;
	}
	.swiper-button>svg {
		width: 100%;
		height: 100%;
	}
	.swiper-button__stories.swiper-button--prev>svg {
		transform: rotate(180deg);
	}
	.swiper-button__stories.swiper-button--prev {
		left: 20px;
	}
	.swiper-button__stories.swiper-button--next {
		right: 20px;
	}
	.swiper-button__stories.swiper-button-disabled {
		opacity: 0;
		pointer-events: none;
	}
}
@media (max-width: 767px) {
	.stories-popup__swiper .story__description p {
		font-size: 18px;
	}
	.stories-popup__swiper .story__description {
		padding: 24px 24px;
	}
	.stories-popup__swiper .story__author {
		padding: 54px 65px 45px calc(25px + 52px + 15px);
	}
	.stories-popup__swiper .author__image {
		left: 25px;
	}
	.stories-popup__swiper .story__loading {
		top: 22px;
		left: 25px;
		right: 25px;
	}
	.swiper-button__stories-popup.swiper-button--prev:not(.swiper-button-disabled):hover {
		-webkit-transform: translateY(-50%) rotate(180deg) scale(1.25);
		-ms-transform: translateY(-50%) rotate(180deg) scale(1.25);
		transform: translateY(-50%) rotate(180deg) scale(1.25);
	}
	.swiper-button__stories-popup.swiper-button--next:not(.swiper-button-disabled):hover {
		-webkit-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
	.swiper-button__stories-popup.swiper-button--prev:not(.swiper-button-disabled):active {
		-webkit-transform: translateY(-50%) rotate(180deg) scale(1);
		-ms-transform: translateY(-50%) rotate(180deg) scale(1);
		transform: translateY(-50%) rotate(180deg) scale(1);
	}
	.swiper-button__stories-popup.swiper-button--next:not(.swiper-button-disabled):active {
		-webkit-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
}
@media (max-width: 600px) {
	.stories-popup__close {
		display: none;
	}
	.stories-popup__inner {
		max-width: 90vw;
		max-height: 90vh;
	}
	.story__settings {
		position: absolute;
		width: 50px;
		height: 90px;
		right: 20px;
		top: 50px;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: space-around;
	}
}
/* Страница - Вакансия */
.page__vacancy .breadcrumbs__list {
	justify-content: flex-start;
}

/* First section vacancy page */

.first-section-vacancy__title {
	font-size: 65px;
	font-style: normal;
	font-weight: 700;
	line-height: 80px;
}
.first-section-vacancy__items {
	display: flex;
	flex-direction: column;
	gap: 30px;
	
}
.first-section-vacancy__items p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	color: #7C8A9D;
}
.first-section-vacancy__items strong {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
	color: #1F1F1F;
}

.first-section-vacancy .grey-btn {
	margin-left: 0;
}

.first-section-vacancy__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.first-section-vacancy__text {
	font-size: 20px;
	line-height: 30px;
}

.first-section-vacancy__text a {
	font-weight: 600;
	border-bottom: 1px solid #1F1F1F;
	transition: .3s linear;
}

.first-section-vacancy__text a:hover {
	border-bottom: 1px solid transparent;
}

.first-section-vacancy__text:first-child {
	font-size: 22px;
	line-height: 34px; 
}

.first-section-vacancy__qa {
	margin-bottom: 20px;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}

.first-section-vacancy__tag {
	padding: 15px 25px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	border-radius: 53px;
	background: var(--grays-gray_02);
}

.first-section-vacancy__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.first-section-vacancy__item {
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.first-section-vacancy__item a {
	font-weight: 600;
	border-bottom: 1px solid #1F1F1F;
	transition: .3s linear;
}

.first-section-vacancy__item a:hover {
	border-bottom: 1px solid transparent;
}

.first-section-vacancy__item:last-child {
	margin-bottom: 0;
}

.first-section-vacancy__item svg {
	flex-shrink: 0;
}

.vacancy .footer__form-inputs {
	margin-top: 0;
}

@media (max-width: 1920px) {
	.first-section-vacancy__title {
		font-size: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__items {
		gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__items p,
	.first-section-vacancy__text {
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__items p strong {
		font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__wrapper {
		gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__text:first-child {
		font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__qa {
		margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.first-section-vacancy__tag {
		padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
	}	

	.first-section-vacancy__item {
		margin-bottom: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
        line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}


	.first-section-vacancy__item svg {
		display: block;
		width: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
		height: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
	}
}

@media (max-width: 1536px) {
	.first-section-vacancy__title {
		font-size: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(55px + (70 - 55) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__items {
		gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__items p,
	.first-section-vacancy__text {
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__items p strong {
		margin-top: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280)));;
		font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__wrapper {
		gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__text:first-child {
		font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__qa {
		margin-bottom: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__tag {
		padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) 20px;
		font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__item {
		margin-bottom: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280)));
		font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
        line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
	}

	.first-section-vacancy__item svg {
		width: 20px;
		height: 25px;
	}

}

@media (max-width: 1280px) {
	.first-section-vacancy__title {
		font-size: 45px;
        line-height: 55px;
	}

	.first-section-vacancy__items {
		gap: 20px;
	}

	.first-section-vacancy__items p,
	.first-section-vacancy__text {
		font-size: 16px;
        line-height: 24px;
	}

	.first-section-vacancy__items p strong {
		margin-top: 5px;
		font-size: 20px;
        line-height: 30px;
	}

	.first-section-vacancy__wrapper {
		gap: 20px;
	}

	.first-section-vacancy__text:first-child {
		font-size: 18px;
        line-height: 28px;
	}

	.first-section-vacancy__qa {
		margin-bottom: 10px;
		font-size: 16px;
        line-height: 24px;
	}

	.first-section-vacancy__tag {
		padding: 10px 20px;
		font-size: 14px;
        line-height: 22px;
	}

	.first-section-vacancy__item {
		margin-bottom: 5px;
		font-size: 16px;
        line-height: 24px;
	}


}
@media (max-width: 922px) {
	.first-section-vacancy__title {
		width: min-content;
        font-size: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
        line-height: calc(40px + (55 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.first-section-vacancy__items strong {
		font-size: 28px;
		line-height: 34px;
		margin-top: 9px;
	}

	.first-section-vacancy__item svg {
		width: 18px;
		height: 24px;
	}


	.page__vacancy {
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {

	.first-section-vacancy__wrapper {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
}

@media (max-width: 414px) {
	.first-section-vacancy__title {
		width: fit-content;
		font-size: 30px;
        line-height: 40px;
	}

}


.company-block.our-company .title {
	color: #388AF3;
}
.our-company {
	height: auto;
	margin-bottom: 405px;
}
.company-block.our-company .block-text {
	margin-bottom: 115px;
}
.our-company__img img {
	width: 100%;
	border-radius: 50%;
}
.our-company__img {
	position: relative;
	width: 312px;
	margin-bottom: 24px;
}
.our-company__img::before {
	content: '';
	display: block;
	width: 440px;
	height: 440px;
	background-color: #E3F0FF;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	opacity: 0;
	z-index: -1;
	transition: all 0.5s cubic-bezier(0.82, 0.02, 0.49, 1.71);
}
.our-company__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 312px;
	text-align: center;
}
.our-company__item:hover .our-company__img::before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.82, 0.02, 0.49, 1.71);
}
.our-company__name {
	margin: 0 0 11px;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	color: #343434;
}
.our-company__position {
	margin: 0 0 20px;
	font-weight: 400;
	font-size: 21px;
	line-height: 25px;
	text-align: center;
	color: #343434;
}
.our-company__question {
	margin: 0 0 11px;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #6D6D6D;
}
.our-company__link {
	font-weight: 500;
	font-size: 21px;
	line-height: 25px;
	text-decoration-line: underline;
	color: #388AF3;
}
.our-company__list {
	display: flex;
	grid-gap: 135px;
	margin-bottom: 100px;
}
.our-company__subtitle {
	margin: 0 0 21px;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	color: #D3D3D3;
	text-align: center;
}
.our-company__title {
	margin: 0;
	font-weight: 700;
	font-size: 100px;
	line-height: 124px;
	color: #343434;
	text-align: center;
}
@media (max-width: 1920px) {
	.our-company {
		margin-bottom: calc(230px + (405 - 230) * ((100vw - 922px) / (1920 - 922)));
	}
	.company-block.our-company .block-text {
		margin-bottom: calc(53px + (115 - 53) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__img {
		width: calc(213px + (312 - 213) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(20px + (24 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__img::before {
		width: calc(295px + (440 - 295) * ((100vw - 922px) / (1920 - 922)));
		height: calc(295px + (440 - 295) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__item {
		max-width: calc(213px + (312 - 213) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__name {
		margin: 0 0 calc(10px + (11 - 10) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(22px + (30 - 22) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(28px + (38 - 28) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__position {
		margin: 0 0 calc(14px + (20 - 14) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(18px + (21 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (25 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__question {
		font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (24 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__link {
		font-size: calc(18px + (21 - 18) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(22px + (25 - 22) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__list {
		grid-gap: calc(88px + (135 - 88) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(55px + (100 - 55) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__subtitle {
		margin: 0 0 calc(7px + (21 - 7) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(21px + (28 - 21) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(26px + (35 - 26) * ((100vw - 922px) / (1920 - 922)));
	}
	.our-company__title {
		font-size: calc(70px + (100 - 70) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(87px + (124 - 87) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.our-company__list {
		grid-gap: calc(50px + (88 - 50) * ((100vw - 767px) / (922 - 767)));
	}
}
@media (max-width: 767px) {
	.our-company {
		margin-bottom: calc(100px + (230 - 100) * ((100vw - 414px) / (767 - 414)));
	}
	.our-company__list {
		flex-direction: column;
		grid-gap: 50px;
		margin-bottom: 50px;
	}
	.company-block.our-company .block-text {
		margin-bottom: 50px;
	}
	.our-company__img {
		width: calc(200px + (213 - 200) * ((100vw - 414px) / (767 - 414)));
		margin-bottom: 20px;
	}
	.our-company__item {
		max-width: calc(200px + (213 - 200) * ((100vw - 414px) / (767 - 414)));
	}
	.our-company__name {
		margin: 0 0 calc(8px + (10 - 8) * ((100vw - 414px) / (767 - 414)));
		font-size: calc(21px + (22 - 21) * ((100vw - 414px) / (767 - 414)));
		line-height: 28px;
	}
	.our-company__position {
		margin: 0 0 calc(12px + (14 - 12) * ((100vw - 414px) / (767 - 414)));
		font-size: 18px;
		line-height: 22px;
	}
	.our-company__question {
		font-size: 16px;
		line-height: 22px;
	}
	.our-company__link {
		font-size: 18px;
		line-height: 22px;
	}
	.our-company__subtitle {
		margin: 0 0 calc(1px + (7 - 1) * ((100vw - 414px) / (767 - 414)));
		font-size: 21px;
		line-height: 26px;
	}
	.our-company__title {
		font-size: calc(50px + (70 - 50) * ((100vw - 414px) / (767 - 414)));
		line-height: calc(62px + (87 - 62) * ((100vw - 414px) / (767 - 414)));
	}
}
/* Career form */
.career-modal {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 0;
	width: 100vw;
	background-color: #fff;
	animation: menuLogoOpacityClose .2s 1 .8s ease-in both;
	overflow: auto;
	transition: 1s .8s;
	pointer-events: none;
	z-index: 101;
}
.career-modal.active {
	animation: menuLogoOpacityOpen .5s 1 ease-out both;
	height: 100vh;
	transition: 1s;
	pointer-events: all;
}
.career-modal__wrap {
	padding-top: calc(35px + (57 - 35) * ((100vw - 922px) / (1920 - 922)));
	padding-left: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: calc(60px + (83 - 60) * ((100vw - 922px) / (1920 - 922)));
	padding-right: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.serv-modal-wrap {
		padding-top: 35px;
		padding-left: 40px;
		padding-bottom: 60px;
		padding-right: 40px;
	}
}
.career-modal__wrapper {
	/* padding-top: 222px;
  padding-left: calc(40px + (204 - 40) * ((100vw - 922px) / (1920 - 922)));
  padding-bottom: 53px; */
	margin-top: 90px;
	padding-left: calc(0px + (154 - 0) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.career-modal__wrapper {
		margin-top: calc(104px + (134 - 104) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__wrapper {
		margin-top: 104px;
	}
}
.career-modal__caption {
	margin: 0 0 14px;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 3.5rem;
	color: #388AF3;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .6s ease both;
}
.career-modal.active .career-modal__caption {
	animation: menuLogoOpacityOpen .7s 1 .5s ease both;
}
.career-modal__title {
	margin: 0 0 40px;
	font-weight: 700;
	font-size: 50px;
	line-height: 62px;
	color: #343434;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .5s ease both;
}
@media (max-width: 922px) {
	.career-modal__title {
		margin: 0 0 calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(26px + (36 - 26) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(32px + (45 - 32) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__title {
		margin: 0 0 20px;
		font-size: 3.2rem;
		line-height: 4rem;
	}
}
.career-modal.active .career-modal__title {
	animation: menuLogoOpacityOpen .7s 1 .8s ease both;
}
.career-modal__subtitle {
	max-width: 500px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #343434;
	opacity: 0;
	animation: menuLogoOpacityClose .2s 1 .2s ease both;
}
.career-modal__subtitle>a {
	font-weight: 700;
	color: #388AF3;
	transition: .4s;
}
@media (max-width: 922px) {
	.career-modal__subtitle {
		margin-bottom: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__subtitle {
		margin-bottom: 40px;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
.career-modal.active .career-modal__subtitle {
	animation: menuLogoOpacityOpen .7s 1 1.01s ease both;
}
.career-modal__form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 1050px;
	margin-top: calc(60px + (82 - 60) * ((100vw - 922px) / (1920 - 922)));
	animation: menuLogoTransformClose .2s 1 .3s ease-in both;
}
.career-modal.active .career-modal__form {
	animation: menuLogoTransformOpen .4s 1 1.05s ease-out both;
}
.career-modal__item {
	position: relative;
	padding-top: 20px;
	width: 100%;
}
.career-modal__item.error label {
	color: tomato;
}
.career-modal__item-input {
	position: relative;
	width: 100%;
	max-height: 37px;
	margin-bottom: calc(20px + (60 - 40) * ((100vw - 922px) / (1920 - 922)));
	padding-bottom: 5px;
	font-weight: 300;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #343434;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E2E2E2;
	background-color: transparent;
	overflow: hidden;
	resize: none;
	transition: all .4s;
	z-index: 2;
}
.career-modal__item label {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	line-height: calc(26px + (30 - 26) * ((100vw - 922px) / (1920 - 922)));
	color: #ccc;
	background-color: transparent;
	transition: all .3s ease;
}
@media (max-width: 922px) {
	.career-modal__item label {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
	.career-modal__item {
		margin-bottom: calc(20px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__item label {
		font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(22px + (26 - 22) * ((100vw - 414px) / (922 - 414)));
	}
	.career-modal__item {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}
.career-modal__item:hover label {
	top: -5px;
	font-size: 1.4rem;
	transition: all .4s;
}
.career-modal__item-input:focus+label,
.career-modal__item-input:valid+label {
	top: -5px;
	font-size: 1.4rem;
	line-height: 1.6rem;
	transition: all .4s;
}
.career-modal__item--textarea {
	padding-top: 50px;
}
@media (max-width: 1920px) {
	.career-modal__item--textarea {
		padding-top: calc(70px + (50 - 70) * ((100vw - 414px) / (1920 - 414)));
	}
}
.career-modal__section {
	position: relative;
	margin-bottom: calc(60px + (80 - 60) * ((100vw - 922px) / (1920 - 922)));
}
.career-modal__attach {
	opacity: 0;
	font-size: 150px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
}
.career-modal__form-btn {
	font-weight: 600;
	font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1920 - 922)));
	line-height: 40px;
	color: #343434;
	background-color: transparent;
	padding: calc(10px + (20 - 15) * ((100vw - 922px) / (1920 - 922))) calc(37px + (50 - 37) * ((100vw - 922px) / (1920 - 922)));
	transition: color 0.3s ease;
}
.career-modal__form-btn:hover {
	color: #FFF;
	transition: color 0.3s ease;
}
.career-modal__tnx-block {
	z-index: 20;
}
.career-modal__form-send {
	display: flex;
}
.career-modal__form-btn-wrapper {
	position: relative;
	display: flex;
	grid-gap: 20px;
}
.career-modal__form-checkbox {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
@media (max-width: 922px) {
	.career-modal__form-btn-wrapper {
		flex-direction: column;
	}
	.career-modal__form-checkbox {
		margin-left: 0;
	}
}
.career-modal__form-checkbox input {
	position: relative;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: transparent;
	-webkit-appearance: none;
}
.career-modal__form-checkbox input::before {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #D3D3D3;
	box-sizing: border-box;
}
.career-modal__form-checkbox input::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	height: 10px;
	width: 10px;
	background: #388AF3;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all .2s;
}
.career-modal__form-checkbox input:checked:after {
	transform: scale(1) translate(-50%, -50%);
}
.career-modal__form-checkbox p {
	margin-left: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #6D6D6D;
}
@media (max-width: 922px) {
	.career-modal__form-checkbox p {
		margin-left: calc(5px + (20 - 5) * ((100vw - 414px) / (922 - 414)));
		font-size: calc(14px + (18 - 14) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(21px + (27 - 21) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__form-checkbox p {
		margin-left: 5px;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}
.career-modal__form-checkbox p>a {
	color: #388AF3;
	transition: color 0.5s ease;
}
.career-modal__form-checkbox p>a:hover {
	color: #0C279B !important;
	transition: color 0.5s ease;
}
.career-modal__form-checkbox.error p {
	color: tomato !important;
}
#textarea:valid+label {
	top: 17px;
	font-size: 22px;
	transition: .4s;
}
.career-modal__item--textarea #textarea:valid+label {
	top: 25px;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	transition: .4s;
}
.career-modal__item--textarea #textarea:hover+label {
	top: 25px;
	font-size: calc(22px + (26 - 22) * ((100vw - 922px) / (1920 - 922)));
	transition: .4s;
}
#textarea:hover+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
#textarea.valid+label {
	top: -8px;
	font-size: 1.4rem;
	transition: .4s;
}
.career-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	/* padding-top: calc(35px + (57 - 35) * ((100vw - 922px) / (1920 - 922)));
  padding-left: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922)));
  padding-right: calc(40px + (50 - 40) * ((100vw - 922px) / (1920 - 922))); */
}
.career-modal__logo {
	position: relative;
	width: calc(108px + (113 - 108) * ((100vw - 922px) / (1920 - 922)));
	height: calc(35px + (37 - 35) * ((100vw - 922px) / (1920 - 922)));
}
@media (max-width: 922px) {
	.career-modal__logo {
		width: calc(70px + (108 - 70) * ((100vw - 414px) / (922 - 414)));
		height: calc(23px + (35 - 23) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 414px) {
	.career-modal__logo {
		width: 100px;
		height: 35px;
	}
}
.career-modal__logo a {
	height: 100%;
	width: 100%;
	transition: .5s ease-in-out;
}
.career-modal__logo svg {
	width: 100%;
	height: 100%;
}
.career-modal__logo a::before {
	content: '';
	position: absolute;
	top: -10%;
	left: -10%;
	height: 130%;
	width: 125%;
}
.career-modal__logo a .svg-front {
	clip-path: ellipse(50% 60% at 50% 160%);
	transition: .5s ease;
}
.career-modal__logo a:hover .svg-front {
	clip-path: ellipse(60% 100% at 50% 50%);
	transition: .5s ease;
}
.career-modal__logo a .svg-back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.career-modal__close {
	width: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
	height: calc(28px + (43 - 28) * ((100vw - 922px) / (1920 - 922)));
	cursor: url(./assets/img/cursor-pointer.svg) -15 -15, pointer;
	background: none;
	border: none;
}
@media (max-width: 922px) {
	.career-modal__close {
		width: 28px;
		height: 28px;
	}
}
.career-modal__close svg {
	width: 100%;
	height: 100%;
}
.soft-list__btn {
	max-width: 290px;
	margin: 75px auto 0;
}
.serv-clients-block {
	overflow: hidden;
	margin-top: 280px;
	padding-bottom: 20px;
}
@media (max-width: 1920px) {
	.serv-clients-block {
		margin-top: calc(90px + (280 - 90) * ((100vw - 414px) / (1920 - 414)));
	}
	.outstaffing-logo {
		margin-bottom: calc(10px + (1 - 10) * ((100vw - 414px) / (1920 - 414)));
	}
}
.mob-step__ul {
	display: grid;
	grid-template-columns: auto auto;
	grid-column-gap: 45px;
	grid-row-gap: 5px;
	grid-column: 2;
	padding-left: 25px;
	margin-top: -75px;
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #343434;
	list-style: none;
}
@media (max-width: 1920px) {
	.mob-step__ul {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
		margin-top: calc(-35px + (-75 + 35) * ((100vw - 922px) / (1920 - 922)));
		grid-row-gap: calc(12px + (5 - 12) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step__ul {
		font-size: 16px;
		line-height: 16px;
		grid-row-gap: 12px;
	}
}
@media (max-width: 767px) {
	.mob-step__ul {
		padding-left: 25px;
		grid-column: 1;
		margin-top: 15px;
		margin-bottom: 0;
		grid-template-columns: auto;
		grid-row-gap: 6px;
	}
	.web-circle-wrap .serv-wrap--mb {
		margin-top: 0;
	}
	.web-dev-btn {
		max-width: fit-content;
	}
}
.mob-step__ul li {
	position: relative;
	height: 30px;
}
@media (max-width: 1920px) {
	.mob-step__ul li {
		height: calc(20px + (30 - 20) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step__ul li {
		height: 20px;
	}
}
.mob-step__ul li::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #388AF3;
	position: absolute;
	top: 45%;
	left: -25px;
}
.mob-step__ul li::after {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 45%;
	left: -25px;
	background-color: rgba(56, 138, 243, 0.1);
}
@media (max-width: 767px) {
	.mob-step__ul li::before {
		top: 15%;
	}
	.mob-step__ul li::after {
		top: 15%;
	}
}
@keyframes pulsePo {
	0% {
		scale: 0;
		opacity: 1;
	}
	5% {
		opacity: 1;
	}
	10% {
		scale: 4;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.mob-step__ul li:nth-child(1)::after {
	animation: pulsePo 20s ease-in-out 0s infinite;
}
.mob-step__ul li:nth-child(2)::after {
	animation: pulsePo 20s ease-in-out 1.5s infinite;
}
.mob-step__ul li:nth-child(3)::after {
	animation: pulsePo 20s ease-in-out 3s infinite;
}
.mob-step__ul li:nth-child(4)::after {
	animation: pulsePo 20s ease-in-out 4.5s infinite;
}
.mob-step__ul li:nth-child(5)::after {
	animation: pulsePo 20s ease-in-out 6s infinite;
}
.mob-step__ul li:nth-child(6)::after {
	animation: pulsePo 20s ease-in-out 7.5s infinite;
}
.mob-step__ul li:nth-child(7)::after {
	animation: pulsePo 20s ease-in-out 9s infinite;
}
.mob-step__ul li:nth-child(8)::after {
	animation: pulsePo 20s ease-in-out 10.5s infinite;
}
.mob-step__ul li:nth-child(9)::after {
	animation: pulsePo 20s ease-in-out 12s infinite;
}
.soft-circle-2 .web-wrap-background {
	top: 88%;
}
.web-background--soft {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #F0F2F8;
	border-radius: 50%;
}
.serv-block--soft-advantages {
	margin-bottom: 210px;
}
@media (max-width: 1920px) {
	.serv-block--soft-advantages {
		margin-bottom: calc(90px + (210 - 90) * ((100vw - 414px) / (1920 - 414)));
	}
}
.we-are-in-the-media__slider--soft {
	margin-bottom: 115px;
}
.we-are-in-the-media__slider .swiper-slide {
	max-height: 370px;
	height: auto;
}
.swiper-articles__description--soft {
	-webkit-line-clamp: inherit;
	max-height: initial;
}
.swiper-articles__item--soft {
	padding-top: 50px;
}
.outstaffing-title--soft {
	margin-bottom: 85px;
}
.pwa-coop-list--soft {
	grid-gap: 30px;
}
@media (max-width: 1920px) {
	.pwa-coop-list {
		grid-gap: calc(15px + (30 - 15) * ((100vw - 922px) / (1920 - 922)));
	}
	.outstaffing-title--soft {
		margin-bottom: calc(40px + (85 - 40) * ((100vw - 414px) / (1920 - 414)));
	}
}
.mob-step.soft .mob-step--item h4 {
	max-width: 493px;
}
@media (max-width: 1920px) {
	.mob-step.soft .mob-step--item h4 {
		max-width: calc(335px + (493 - 335) * ((100vw - 922px) / (1920 - 922)));
		font-size: calc(25px + (45 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (56 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.mob-step.soft .mob-step--item h4 {
		font-size: calc(24px + (25 - 24) * ((100vw - 414px) / (922 - 414)));
		line-height: calc(30px + (31 - 30) * ((100vw - 414px) / (922 - 414)));
	}
}
@media (max-width: 767px) {
	.mob-step.soft .mob-step--item h4 {
		max-width: 100%;
		margin-bottom: 22px;
	}
}
@media (max-width: 414px) {
	.mob-step.soft .mob-step--item h4 {
		font-size: 24px;
		line-height: 30px;
	}
}
.mob-step.soft {
	margin-top: 140px;
}
.mob-step.soft .mob-step--item:not(:last-child) {
	margin-bottom: 245px;
}
@media (max-width: 1920px) {
	.mob-step.soft .mob-step--item:not(:last-child) {
		margin-bottom: calc(93px + (245 - 93) * ((100vw - 922px) / (1920 - 922)));
	}
	.mob-step.soft {
		margin-top: calc(40px + (140 - 40) * ((100vw - 414px) / (1920 - 414)));
	}
}
@media (max-width: 767px) {
	.mob-step.soft .mob-step--item:not(:last-child) {
		margin-bottom: 50px;
	}
}
.mob-step.soft .mob-step--item:last-child {
	margin-bottom: 97px;
}
.mob-step.soft .mob-step--item {
	grid-gap: 0 50px;
}
.soft-advantages {
	margin-top: 90px;
	margin-bottom: 150px;
}
.soft-advantages__item {
	position: relative;
	width: 300px;
}
.soft-advantages__item::after {
	content: '';
	position: absolute;
	width: 204px;
	height: 204px;
	border-radius: 50%;
	background-color: #F7F8FC;
	top: 20%;
	left: 10%;
	z-index: 0;
	transition: scale 0.3s ease-in-out;
}
.soft-advantages__item:hover::after {
	scale: 1.2;
	transition: scale 0.3s ease-in-out;
}
.soft-advantages__title {
	position: relative;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	color: #343434;
	z-index: 1;
}
.soft-advantages__descr {
	position: relative;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #343434;
	z-index: 1;
}
.soft-advantages .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 100px;
}
@media (max-width: 1920px) {
	.soft-advantages {
		margin-top: calc(40px + (90 - 40) * ((100vw - 414px) / (1920 - 414)));
		margin-bottom: calc(70px + (150 - 70) * ((100vw - 414px) / (1920 - 414)));
	}
	.soft-advantages__title {
		font-size: calc(24px + (30 - 24) * ((100vw - 414px) / (1920 - 414)));
		line-height: calc(29px + (36 - 29) * ((100vw - 414px) / (1920 - 414)));
		margin-bottom: calc(15px + (20 - 15) * ((100vw - 414px) / (1920 - 414)));
	}
	.soft-advantages__descr {
		font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (1920 - 414)));
		line-height: calc(25px + (28 - 25) * ((100vw - 414px) / (1920 - 414)));
	}
	.soft-adantages {
		margin-top: calc(40px + (90 - 40) * ((100vw - 414px) / (1920 - 414)));
		margin-bottom: calc(90px + (150 - 90) * ((100vw - 414px) / (1920 - 414)));
	}
}
@media (max-width: 1500px) {
	.soft-advantages .swiper-wrapper {
		grid-template-columns: repeat(2, auto);
		grid-gap: 60px;
	}
	.soft-advantages__item {
		width: auto;
		min-height: 180px;
	}
}
@media (max-width: 767px) {
	.soft-advantages .swiper-wrapper {
		grid-template-columns: auto;
	}
	.soft-advantages__item::after {
		top: 0;
		transform: translateX(20%);
	}
}
@media (max-width: 580px) {
	.soft-advantages__item {
		width: 100%;
	}
}
.swiper-scrollbar--soft {
	bottom: -65px;
}
.outstaffing-start .swiper-scrollbar--soft {
	bottom: -65px;
}
.soft-coop {
	margin-top: 120px;
	margin-bottom: 250px;
}
.web-val .pwa-coop-item .mobile {
	display: none;
}
.custom-btn--lt {
	max-width: 185px;
	height: 40px;
	margin-left: auto;
	margin-top: 15px;
}
.custom-btn--lt span {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #343434;
}
.serv-wrap--wmb {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.web-val .pwa-coop-item .mobile {
		margin-top: 22px;
		display: block;
	}
	.web-val .pwa-coop-item .desctop {
		display: none;
	}
	.soft-coop {
		margin-bottom: 80px;
	}
	.custom-btn--lt {
		margin-left: 0;
	}
	.serv-wrap--wmb {
		margin-bottom: 100px;
	}
}
.formCaseSend {
	background-color: #fff !important;
}
.formCaseSend:hover {
	background-color: #388AF3 !important;
}
/* Автоматизация */
.automatisation-block-anim {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 80px;
	margin-top: 105px;
	margin-bottom: 100px;
}
.automatisation-sistems__title {
	position: relative;
	padding-left: 45px;
	margin-top: 70px;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 35px;
	line-height: 43px;
	color: #343434;
}
.automatisation-sistems__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #388AF3;
}
.automatisation-sistems__card {
	display: grid;
	grid-template-columns: 240px 1fr 70px;
	grid-gap: 50px;
	padding: 25px 50px;
	background: #FBFBFB;
	border-radius: 15px;
	min-height: 250px;
	margin-bottom: 30px;
}
.automatisation-sistems__card--fc {
	align-items: center;
}
.automatisation-sistems__card-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}
.automatisation-sistems__card-title .blue {
	margin: 0;
	color: #388AF3;
}
.automatisation-sistems__card-title .black {
	margin: 0;
}
.automatisation-sistems__card-subtitle {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #343434;
}
.automatisation-sistems__card-list {
	display: flex;
	grid-column-gap: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	padding: 0;
}
.automatisation-sistems__card-list li {
	position: relative;
	padding-left: 13px;
}
.automatisation-sistems__card-list li::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #388AF3;
	left: 0;
	top: 11.5px;
}
.automatisation-sistems__card-list ul {
	width: 45%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.automatisation-sistems__button {
	display: flex;
	align-items: center;
}
.outstaffing-format__row--auto h3 {
	max-width: 524px;
}
@media (max-width: 1920px) {
	.outstaffing-format__row--auto h3 {
		max-width: calc(265px + (524 - 265) * ((100vw - 922px) / (1920 - 922)));
	}
}
.start-project--pt {
	padding-top: 0;
}
.automatizzation-block__subtitle {
	font-weight: 400;
	font-size: 25px;
	line-height: 40px;
	color: #000000;
}
.web-cases--mb {
	margin-bottom: 0;
}
.automatisation__btn path {
	transition: 0.5s ease;
}
.automatisation__btn:hover path {
	transform: translateX(5px);
	transition: 0.5s ease;
}
.serv-wrap {
	overflow-x: hidden;
}
.serv-wrap--automatisation {
	overflow-x: hidden;
	overflow-y: visible;
}
.serv-block--soft-advantages {
	overflow: visible;
}
.serv-clients-block {
	overflow: visible;
}
.serv-caption--automatisation {
	margin-bottom: calc(25px + (70 - 25) * ((100vw - 767px) / (1920 - 767)));
}
.btn-block--item {
	min-width: 70px;
}
@media (max-width: 1920px) {
	.serv-caption--automatisation {
		margin-bottom: 70px;
	}
	.automatisation-anim svg {
		width: calc(340px + (464 - 340) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-block__subtitle {
		font-size: calc(16px + (25 - 16) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(25px + (40 - 25) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-block-anim {
		margin-top: calc(30px + (105 - 30) * ((100vw - 922px) / (1920 - 922)));
		margin-bottom: calc(0px + (100 - 0) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__title {
		font-size: calc(25px + (35 - 25) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(31px + (43 - 31) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__title::before {
		width: calc(13px + (15 - 13) * ((100vw - 922px) / (1920 - 922)));
		height: calc(13px + (15 - 13) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__card {
		padding: calc(21px + (25 - 21) * ((100vw - 922px) / (1920 - 922))) calc(32px + (50 - 32) * ((100vw - 922px) / (1920 - 922)));
		grid-template-columns: calc(206px + (240 - 206) * ((100vw - 922px) / (1920 - 922))) 1fr calc(50px + (70 - 50) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__card-title {
		font-size: calc(22px + (24 - 22) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(27px + (30 - 27) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__card-subtitle {
		font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1920 - 922)));
		line-height: calc(19px + (24 - 19) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__card-list li::before {
		top: calc(8px + (11.5 - 8) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__button svg {
		width: calc(48px + (69 - 48) * ((100vw - 922px) / (1920 - 922)));
	}
	.automatisation-sistems__card {
		min-height: calc(165px + (250 - 165) * ((100vw - 922px) / (1920 - 922)));
	}
	.serv-wrap.web-dev {
		margin-bottom: calc(90px + (220 - 90) * ((100vw - 922px) / (1920 - 922)));
	}
	.soft-coop {
		margin-top: calc(80px + (120 - 80) * ((100vw - 922px) / (1920 - 922)));
	}
}
@media (max-width: 922px) {
	.automatisation-sistems__card-title {
		font-size: 22px;
		line-height: 27px;
	}
	.automatizzation-block__subtitle {
		font-size: 16px;
		line-height: 25px;
	}
	.automatisation-block-anim {
		margin-top: 30px;
		margin-bottom: 0;
		grid-gap: calc(40px + (80 - 40) * ((100vw - 414px) / (922 - 414)));
	}
	.automatisation-sistems__title {
		margin-top: calc(50px + (70 - 50) * ((100vw - 414px) / (922 - 414)));
		margin-bottom: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
		font-size: 25px;
		line-height: 31px;
	}
	.automatisation-sistems__card {
		grid-gap: calc(22px + (50 - 22) * ((100vw - 414px) / (922 - 414)));
	}
	.automatisation-sistems__button svg {
		width: 48px;
	}
	.automatisation-sistems__card-subtitle {
		font-size: 14px;
		line-height: 19px;
	}
	.soft-coop {
		margin-top: 80px;
	}
}
@media (max-width: 920px) {
	.automatisation-sistems__card-list {
		flex-direction: column;
	}
	.automatisation-sistems__card-list ul {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.serv-caption--automatisation {
		margin-bottom: 25px;
	}
	.serv-wrap--automatisation {
		overflow-y: hidden;
		padding-bottom: 40px;
	}
	.serv-wrap.web-dev {
		margin-bottom: 120px;
		padding-top: 0;
	}
	.automatisation-block-anim {
		flex-direction: column;
		grid-gap: 40px;
	}
	.outstaffing-anchor-list {
		margin-top: 35px;
	}
	.automatisation-anim svg {
		height: auto;
		width: 100%;
	}
	.automatisation-sistems__card {
		grid-template-columns: 1fr;
		margin-bottom: 15px;
		padding: 35px 32px;
	}
	.automatisation-sistems__button {
		justify-content: end;
	}
	.outstaffing-format__row--auto h3 {
		max-width: 100%;
	}
	.automatisation-sistems__card-list li::before {
		top: 8px;
	}
	.start-project--web-dev .form-row {
		margin-bottom: 0;
	}
}
.automation-hover {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em 3em;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.02em;
	color: #343434;
	background: none;
	border-radius: 1.23123e+06px;
	border: none;
	overflow: hidden;
	transition: all .4s;
	backface-visibility: hidden;
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.automation-hover:hover {
	color: #fff;
	transition: all .4s ease;
}
@media (max-width: 480px) {
	.automation-hover {
		color: #343434 !important;
	}
}
.automation-hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #388AF3;
	display: flex;
	border-radius: 100px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .4s ease;
}
.automation-hover::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 0;
	border-radius: 100px;
	background: #388AF3;
	transition: all .4s ease;
	z-index: -1;
}
/* Боковое меню */
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .item-wrap::before {
	content: none;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item::after {
	content: none;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .item-wrap {
	transform: translateX(0);
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .item-wrap {
	transform: translateY(0px);
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item {
	margin-bottom: 36px;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item::before {
	content: '';
	position: absolute;
	top: 30%;
	left: -31px;
	display: block;
	width: 13px;
	height: 13px;
	background-color: #388AF3;
	transform: scale(0);
	transition: all .4s;
	border-radius: 50%;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item::before {
	transform: scale(1);
	transition: .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(1)::before {
	opacity: .07;
	animation: circleMenu1 2.5s linear infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(2)::before {
	opacity: .15;
	animation: circleMenu1 2.5s linear .3s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(3)::before {
	opacity: .2;
	animation: circleMenu1 2.5s linear .6s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(4)::before {
	opacity: .3;
	animation: circleMenu1 2.5s linear .9s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(5)::before {
	opacity: .3;
	animation: circleMenu1 2.5s linear 1.2s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(6)::before {
	opacity: .3;
	animation: circleMenu1 2.5s linear 1.5s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(7)::before {
	opacity: .3;
	animation: circleMenu1 2.5s linear 1.7s infinite;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(8)::before {
	opacity: .3;
	animation: circleMenu1 2.5s linear 1.9s infinite;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item:nth-child(1) .item-wrap::before {
	transition: background-color .3s, transform .5s ease-out .2s;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item:nth-child(2) .item-wrap::before {
	transition: background-color .3s, transform .5s ease-out .3s;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item:nth-child(3) .item-wrap::before {
	transition: background-color .3s, transform .5s ease-out .4s;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item:nth-child(4) .item-wrap::before {
	transition: background-color .3s, transform .5s ease-out .5s;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item:nth-child(5) .item-wrap::before {
	transition: background-color .3s, transform .5s ease-out .6s;
}
.menu-nav--item.menu-nav-dropdown .dropdown-list.first-level .menu-nav--item a {
	position: relative;
    display: block;
    height: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #282828;
    opacity: 1;
    transform: translateY(-100%);
    transition: transform .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item a {
	transform: translateY(0);
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(1)>a {
	transition: transform .45s ease-out .2s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(2)>a {
	transition: transform .45s ease-out .3s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(3)>a {
	transition: transform .45s ease-out .4s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(4)>a {
	transition: transform .45s ease-out .5s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(5)>a {
	transition: transform .45s ease-out .6s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(6)>a {
	transition: transform .45s ease-out .7s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(7)>a {
	transition: transform .45s ease-out .8s, color .4s;
}
.menu-nav--item.menu-nav-dropdown.active .dropdown-list.first-level .menu-nav--item:nth-child(8)>a {
	transition: transform .45s ease-out .8s, color .4s;
}
/* Конец бокового меню */