@import url("slick.min.css");

@font-face {
	font-family: 'Cera Pro Regular';
	src: url('../fonts/CeraPro-Regular.eot');
	src: url('../fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CeraPro-Regular.woff') format('woff'),
	url('../fonts/CeraPro-Regular.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Cera Pro Medium';
	src: url('../fonts/CeraPro-Medium.eot');
	src: url('../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CeraPro-Medium.woff') format('woff'),
	url('../fonts/CeraPro-Medium.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Cera Pro Light';
	src: url('../fonts/CeraPro-Light.eot');
	src: url('../fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CeraPro-Light.woff') format('woff'),
	url('../fonts/CeraPro-Light.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Cera Pro Bold';
	src: url('../fonts/CeraPro-Bold.eot');
	src: url('../fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CeraPro-Bold.woff') format('woff'),
	url('../fonts/CeraPro-Bold.ttf') format('truetype');
	font-weight: normal;
}

:root {
	--new-light-gray: #E1E6EF;
	--new-dark-gray: #000000;
	--new-middle-gray: #C6CDDA;
	
	--new-white: #FFFFFF;
	
	--new-primary-blue: #005FFF;
	--new-primary-green: #1AEF95;
	
	--new-background-gray: #F8F9FD;
	--new-background-black: #1A1A1A;
	
	--transition: all .3s ease-in-out;
}

* {
	box-sizing: border-box;
	user-select: none;
}
*::-webkit-scrollbar {
	width: 5px;
}
*::-webkit-scrollbar-thumb {
	background: var(--new-dark-gray);
}
body, html {
	margin: 0;
	padding: 0;
	background: var(--new-white, #FFF);
	color: var(--new-dark-gray, #000);
	font-family: 'Cera Pro Regular', sans-serif;
}
html {
	scroll-behavior: smooth;
	font-size: 16px;
	line-height: 20px;
}
body {
    overflow-x: hidden;
	font-size: 1rem;
	line-height: 100%;
}
header, main, section, footer {
	position: relative;
}
a {
	display: inline-block;
	text-decoration: none;
}
label {
	display: inline-block;
}
button, a, label {
	color: inherit;
	cursor: pointer;
	transition: var(--transition);
}
*:focus {
	outline: 0!important;
}
img {
	max-width: 100%;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	font-size: 1.3125rem;
}
h5 {
	font-size: 1.125rem;
}

p {
	margin: 0 0 1rem;
}

.flex {
	display: flex;
}
.column {
	flex-direction: column;
}
.wrap {
	flex-wrap: wrap;
}
.jc-start {
	justify-content: flex-start;
}
.jc-sa {
	justify-content: space-around;
}
.jc-c {
	justify-content: center;
}
.jc-sb {
	justify-content: space-between;
}
.jc-end {
	justify-content: flex-end;
}
.ai-start {
	align-items: flex-start;
}
.ai-sa {
	align-items: space-around;
}
.ai-c {
	align-items: center;
}
.ai-sb {
	align-items: space-between;
}
.ai-end {
	align-items: flex-end;
}

.container {
	width: 100%;
	max-width: 992px;
	margin: 0 auto;
	padding: 0 16px;
}

header {
	position: fixed;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	width: calc(100% - 32px);
	max-width: 1248px;
	border-radius: 24px;
	background: var(--new-white, #FFF);
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.10);
}
header .container {
	max-width: 100%;
	padding: 12px 16px;
}

.logo {
	margin-right: 30px;
}
.logo a, 
.logo img {
	display: block;
}

.menu ul {
	display: flex;
}
.menu a {
	display: block;
	padding: 9px 16px;
	color: var(--new-dark-gray, #000);
	font-size: 1.125rem;
	line-height: 120%;
}

.menu a:active, 
.menu a.active {
	color: var(--new-primary-blue, #005FFF);
}

.lang {
	margin-right: 16px;
	padding: 2px;
	border-radius: 12px;
	background: var(--new-background-gray, #F8F9FC);
	transition: var(--transition);
}
.lang a {
	display: block;
	height: 36px;
	padding: 0 9px;
	border-radius: 14px;
	color: var(--new-dark-gray, #000);
	text-align: center;
	font-size: 0.75rem;
	line-height: 36px;
}
.lang a.active {
	background: var(--new-primary-blue, #005FFF);
	color: var(--new-white, #FFF);
}

.app {
	margin-right: 16px;
}
.app a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 16px;
	background: var(--new-background-gray, #F8F9FC);
}
.app a + a {
	margin-left: 16px;
}
.app img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
}
.app a:hover {
    background: var(--new-primary-blue, #005FFF);
}

.call {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	background: #1BEF95;
}
.call img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
}

.signin {
    display: flex;
    align-items: center;
	height: 40px;
    margin-left: 12px;
    padding: 10px 12px;
    padding-left: 40px;
    border-radius: 16px;
    background: url(../images/signin.svg) 12px center no-repeat, var(--new-primary-blue, #005FFF);
    color: var(--new-white, #FFF);
    text-align: center;
    font-family: 'Cera Pro Medium', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 120%;
}

main {
	z-index: 9;
}

#static {
    padding: 100px 0 50px;
}

.main {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1280px;
	height: 720px;
	margin: auto;
    padding-bottom: 112px;
	background-size: auto 100%!important;
}
.main:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    border-radius: 64px 64px 0 0;
    background: var(--new-white, #FFF);
}
.main-image-mobile {
	display: none;
}
.main h1 {
	width: 100%;
	max-width: 470px;
	margin-bottom: 16px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.8px;
}
.main h4 {
	width: 100%;
	max-width: 340px;
	margin-bottom: 52px;
	color: var(--new-white, #FFF);
	font-family: Cera Pro Light;
	font-weight: 300;
	line-height: 140%;
}

.btn {
	padding: 14px 37px;
	border: 0;
	border-radius: 16px;
	background: var(--new-primary-green, #1AEF95);
	color: var(--new-dark-gray, #000);
	text-align: center;
	font-family: 'Cera Pro Regular', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 120%;
}
.btn:hover {
	background: var(--new-primary-blue, #005FFF)!important;
	color: var(--new-white, #FFF)!important;
}

.title {
	width: 100%;
}
.title h2 {
	width: 100%;
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.8px;
}
.title p {
	width: 100%;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

#business {
	padding: 72px 0 64px;
}
#business .title {
	margin-bottom: 72px;
}
#business h2 {
	max-width: 370px;
}
#business h5 {
	width: 100%;
	max-width: 290px;
	text-align: right;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}
#business .item {
	width: calc(100% / 3 - 40px);
	padding: 32px;
	padding-right: 0;
	border-radius: 24px;
	border: 1px solid var(--new-middle-gray, #C6CDDA);
	background: var(--new-white, #FFF);
	transition: var(--transition);
}
#business .row {
	padding-right: 25px;
	padding-bottom: 8px;
}
#business .row:first-child {
	border-bottom: 1px solid var(--new-middle-gray, #C6CDDA);
}
#business .row:last-child {
	padding-top: 24px;
}
#business h3 {
	margin-bottom: 16px;
	color: var(--new-primary-blue, #005FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 3rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.96px;
	transition: var(--transition);
}
#business p {
	height: 66px;
	margin-bottom: 0;
	color: var(--new-dark-gray, #000);
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
	transition: var(--transition);
}

#business .item:hover {
	background: var(--new-primary-blue, #005FFF);
}
#business .item:hover h3, 
#business .item:hover p {
	color: var(--new-white, #FFF);
}
#business .content h5 {
	display: none;
}

#clients {
	padding: 64px 0 32px;
}
#clients .container {
	max-width: 100%;
}
#clients .title {
	margin-bottom: 24px;
	text-align: center;
}

.clients {
	margin: 32px 0;
}
.clients img {
	width: 240px;
	height: 80px;
	object-fit: scale-down;
	object-position: center;
}

#selection {
	padding: 64px 0 100px;
}
#selection .title {
	max-width: 760px;
	margin: 0 auto 128px;
}
#selection h2 {
	max-width: 665px;
}

.color-item {
	margin-bottom: 48px;
	padding: 14px 76px 0 100px;
	border-radius: 48px;
	transition: var(--transition);
}
.color-item:last-child {
	margin-bottom: 0;
}
.color-item:hover {
	transform: scale(1.05);
}

.color-item.color-1 {
	background: url(../images/color-1-bg-image.svg) right bottom no-repeat, linear-gradient(182deg, #FF3986 0%, #A007DB 100%);
}
.color-item.color-2 {
	background: url(../images/color-2-bg-image.svg) right bottom no-repeat, linear-gradient(180deg, #1AEF95 0%, #005FFF 100%), linear-gradient(0deg, #1AEF95 0%, #005FFF 100%), linear-gradient(360deg, #00D2FF 0%, #005FFF 97.28%);
}

.color-item img {
	display: block;
    margin: 0 auto;
}

#selection .color-item.color-2 {
	padding-top: 48px;
}

.color-item .col {
	width: 100%;
	max-width: 420px;
}
.color-item .col:first-child {
	width: 100%;
	max-width: 350px;
}

.color-item h3 {
	margin-bottom: 16px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.64px;
}
.color-item p {
	width: 100%;
	max-width: 320px;
	margin-bottom: 0;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

#types {
	padding-bottom: 128px;
}
#types .container {
	max-width: 1192px;
}

.types {
	padding: 76px 100px 56px;
	border-radius: 64px;
	background: var(--new-background-gray, #F8F9FC);
}
.types .title {
	margin-bottom: 56px;
}
.types h2 {
	max-width: 400px;
	color: var(--new-dark-gray, #000);
	font-size: 2rem;
	letter-spacing: -0.64px;
}
.types .title h6 {
	display: none;
}

.title .tabs a {
	margin-right: 24px;
	padding: 11px 16px;
	border-radius: 24px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
	line-height: 150%;
}
.title .tabs a.active {
	border: 1px solid var(--new-primary-blue, #005FFF);
	border-radius: 24px;
	background: var(--new-primary-blue, #005FFF);
	color: var(--new-white, #FFF);
}

.tab {
	display: none;
}
.tab.active {
	display: block;
}

.content .tab {
	margin-bottom: 56px;
}

.types h6 {
	width: 100%;
	max-width: 390px;
	text-align: right;
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 140%;
}

.scroll-x {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	display: flex;
	flex-wrap: nowrap;
	/*width: calc((100vw - 100%) / 2 + 100%);*/
    width: 100vw;
	overflow: auto hidden;
    padding-left: calc((100vw - 100%) / 2);
}
.scroll-x::-webkit-scrollbar {
	display: none;
}
.scroll-x .item {
	flex: 0 0 auto;
}

.types .item {
	position: relative;
	width: 260px;
	height: 280px;
	margin-right: 40px;
	padding-left: 24px;
	padding-right: 0;
	border-radius: 24px;
	border: 1px solid var(--new-middle-gray, #C6CDDA);
	background: var(--new-white, #FFF);
}
.types .zoom-image {
	position: absolute;
	bottom: 24px;
	left: 24px;
	width: 20px;
	height: 20px;
	background: url(../images/zoom.svg) center no-repeat;
}
.types .row {
	padding: 24px;
	padding-left: 0;
}
.types .row:first-child {
	border-bottom: 1px solid var(--new-middle-gray, #C6CDDA);
}
.types h3 {
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 120%;
}
.types p {
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

.icons {
	overflow: hidden;
}
.icons img {
	display: block;
	width: auto;
	height: 160px;
	max-width: 9999px;
}

#industries {
	padding: 112px 0 76px;
}
#industries .container {
	max-width: 792px;
}
#industries .title {
    margin-bottom: 54px;
}
#industries .col {
	max-width: 330px;
}
#industries p {
	margin-bottom: 0;
}

.industries ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 48px;
}
.industries li {
	margin-bottom: 12px;
	margin-right: 7px;
	padding: 11px 16px;
	border: 1px solid transparent;
	border-radius: 24px;
	background: var(--new-primary-blue, #005FFF);
	color: var(--new-white, #FFF);
	line-height: 120%;
	transition: var(--transition);
}
.industries li:hover {
	border-color: var(--new-light-gray, #E1E6EF);
	background: var(--new-white, #FFF);
	color: var(--new-dark-gray, #000);
}

#find {
	padding-bottom: 32px;
}
#find .container {
	max-width: 792px;
}

.find {
	padding: 32px 40px 32px 100px;
	border-radius: 32px;
	background: url(../images/find-bg-image.svg) left center no-repeat, linear-gradient(270deg, #1AEF95 0%, #005FFF 100%);
	background-size: auto 100%;
}
.find .title {
    max-width: 360px;
}
.find h2 {
	margin-bottom: 8px;
	color: var(--new-white, #FFF);
	font-size: 2rem;
	letter-spacing: -0.64px;
}
.find p {
	margin-bottom: 0;
	color: var(--new-white, #FFF);
}
.find .btn {
	width: 260px;
	background: var(--new-white, #FFF);
	color: var(--new-dark-gray, #000);
}

#faq {
	padding: 64px 0 52px;
}
#faq .container {
	max-width: 592px;
}
#faq .title {
	margin-bottom: 48px;
}
#faq h2 {
	color: var(--new-primary-blue, #005FFF);
	text-align: center;
}

.faq-item {
	display: block;
	padding: 24px 0;
	border-top: 1px solid var(--new-light-gray, #E1E6EF);
	background: url(../images/plus.svg) right center no-repeat;
	cursor: pointer;
}
.faq-item.active {
	background: url(../images/minus.svg) right center no-repeat;
}
.question {
	padding-right: 32px;
	line-height: 120%;
	transition: var(--transition);
}
.faq-item:hover .question {
	color: var(--new-primary-blue, #005FFF);
}
.answer {
	display: none;
	margin-top: 8px;
	padding-right: 32px;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

#feedback .container {
	max-width: 1192px
}

.feedback {
	padding: 72px 0 52px 200px;
	border-radius: 48px;
	box-shadow: 0px 24px 64px 0px rgba(0, 95, 255, 0.24);
	background: url(../images/feedback-bg-image.svg) left center no-repeat, linear-gradient(180deg, #00D2FF 0%, #005FFF 100%);
}
.feedback .title {
	max-width: 280px;
}
.feedback h2 {
	margin-bottom: 8px;
	color: var(--main-white, #FFF);
}
.feedback p {
	color: var(--main-white, #FFF);
}
.feedback .form {
	width: 100%;
	max-width: 560px;
}

.form .input {
	margin-bottom: 24px;
	padding-bottom: 24px;
}
.form input, 
.form textarea {
	width: 100%;
	max-width: 460px;
	padding: 0;
	border: 0;
	background: none;
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 140%;
}

.feedback .input {
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.feedback .form input, 
.feedback .form textarea {
	color: var(--new-white, #FFF);
}
.feedback .form input::placeholder, 
.feedback .form textarea::placeholder {
	color: var(--new-white, #FFF);
}
.feedback .form label:not(.radio) {
	width: 100%;
	margin-bottom: 16px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 140%;
}

.radio {
	margin-right: 12px;
}
.radio input {
	display: none;
}
.radio .label {
	padding: 11px 16px;
	border-radius: 24px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
	color: var(--new-white, #FFF);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 120%;
}
.radio input:checked + .label {
	background: var(--new-white, #FFF);
	color: var(--new-primary-blue, #005FFF);
}

.form .btn {
	width: 170px;
}

footer {
	z-index: 0;
}

.footer {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	margin-top: -234px;
	padding: 234px 0 48px;
	border-radius: 64px 64px 0px 0px;
	background: var(--new-dark-gray, #000);
}
.footer .row {
	padding-top: 48px;
}
.footer .row:first-child {
	padding-top: 62px;
}

.footer .logo {
	margin-right: 24px;
}
.footer a {
	margin-right: 20px;
}
.footer a:last-child {
	margin-right: 0;
}

.icon {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 16px;
}
.icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
    transition: var(--transition);
}

.footer .icon {
	background: var(--new-background-black, #1A1A1A);
}
.footer .icon:hover img {
    filter: brightness(3);
}

.footer-menu ul {
	display: flex;
	justify-content: space-between;
}
.footer-menu a {
	padding: 0;
	color: var(--new-white, #FFF);
	font-size: 1.3215rem;
	line-height: 120%;
}

.bottom ul {
	display: flex;
	justify-content: space-between;
}
.bottom li {
	max-width: 200px;
}
.bottom a, 
.bottom small {
	width: 100%;
	color: var(--new-medium-gray, #7D838E);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 120%;
}

.main .apps-container {
    position: absolute;
    bottom: 112px;
    left: 50%;
    transform: translateX(-50%);
}
.main .apps {
    display: inline-block;
	margin-top: 8px;
	padding: 16px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(8px);
}
.main .apps a {
	display: block;
	width: 48px;
	height: 48px;
	margin-right: 16px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.20);
	backdrop-filter: blur(8px);
}
.main .apps img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
}
.main .apps p {
	width: 150px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.65);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 120%;
}

#advantages {
	padding: 80px 0;
}
#advantages .title {
	max-width: 760px;
	margin: 0 auto 80px;
}
#advantages h2 {
	max-width: 525px;
}

#advantages .color-item.color-2 {
	background: url(../images/color-2-bg-image.svg) right bottom no-repeat, linear-gradient(0deg, #1AEF95 0%, #005FFF 100%), linear-gradient(182deg, #FF3986 0%, #A007DB 100%);
}

.color-item.color-3 {
	background: url(../images/color-3-bg-image.svg) right bottom no-repeat, linear-gradient(180deg, #1AEF95 0%, #005FFF 100%);
}
.color-item.color-4 {
	background: url(../images/color-4-bg-image.svg) right bottom no-repeat, linear-gradient(360deg, #00D2FF 0%, #005FFF 97.28%);
}
.color-item.color-5 {
	background: url(../images/color-5-bg-image.svg) right bottom no-repeat, linear-gradient(180deg, #00D2FF 0%, #005FFF 97.28%), linear-gradient(0deg, #1AEF95 0%, #005FFF 100%);
}

#vacancies {
	padding-bottom: 80px;
}
#vacancies .container {
	max-width: 1192px;
}

.vacancies {
	padding: 90px 100px 80px;
	border-radius: 64px;
	background: var(--new-background-gray, #F8F9FC);
}
.vacancies .title {
	margin-bottom: 56px;
}
.vacancies h2 {
	max-width: 400px;
	margin-bottom: 12px;
	color: var(--new-primary-blue, #005FFF);
	font-size: 2rem;
	letter-spacing: -0.64px;
}
.vacancies h5 {
    margin-bottom: 16px;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

.vacancies h6 {
	width: 100%;
	max-width: 390px;
	text-align: right;
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 140%;
}

.vacancies .item {
	position: relative;
	width: 260px;
	margin-right: 40px;
	padding-left: 24px;
	padding-right: 0;
	border-radius: 24px;
	border: 1px solid var(--new-middle-gray, #C6CDDA);
	background: var(--new-white, #FFF);
}
.vacancies .row {
	padding: 16px 24px 16px 0;
}
.vacancies .row:first-child {
	border-bottom: 1px solid var(--new-middle-gray, #C6CDDA);
}
.vacancies .row[data-city] {
	padding: 8px 24px 24px 0;
}
.vacancies .row:last-child {
	padding-bottom: 24px;
}
.vacancies h3 {
	display: flex;
	align-items: center;
	height: 60px;
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 120%;
}
.vacancies p {
	height: 100px;
	margin-bottom: 0;
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 140%;
}

.prices {
	margin-bottom: 24px;
}
.price {
	padding: 8px 10px;
	border-radius: 32px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
	font-size: 0.875rem;
	line-height: 120%;
	white-space: nowrap;
}
.price-1 {
	margin-bottom: 12px;
	border-radius: 97.694px;
    border-color: transparent;
	background: var(--new-background-gray, #F8F9FC);
	color: var(--new-primary-blue, #005FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	letter-spacing: -0.28px;
}

.vacancies .item .btn {
	width: 100%;
}

#qr {
	padding: 80px 0;
}
#qr .container {
	max-width: 792px;
}

.qr {
	padding: 82px 100px;
	border-radius: 32px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
}
.qr .title {
	max-width: 325px;
}
.qr h2 {
	margin-bottom: 16px;
	color: var(--new-primary-blue, #005FFF);
	font-size: 2rem;
	letter-spacing: -0.64px;
}
.qr h5 {
	margin-bottom: 20px;
	color: var(--new-dark-gray, #000);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 140%;
}
.qr p {
	color: var(--new-medium-gray, #7D838E);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 120%;
}

.qr-image {
	margin-bottom: 20px;
}

#start {
	padding: 16px 0 72px;
}
#start .title {
	margin-bottom: 80px;
}

#start:has(.start) {
	padding: 0 0 40px;
}
#start:has(.start) .title {
	margin-bottom: 64px;
}

#start .container {
	max-width: 1192px;
}

.start {
	padding: 64px 100px 80px;
	border-radius: 64px;
	background: var(--new-background-gray, #F8F9FC);
}

#start:has(.start) .title {
	margin-bottom: 64px;
}

#start h2 {
	text-align: center;
}

#start .item {
	position: relative;
	width: 260px;
	margin-right: 40px;
	border-radius: 32px;
	border: 1px solid var(--new-middle-gray, #C6CDDA);
	background: var(--new-white, #FFF);
}
#start .image {
	padding: 32px 32px 0 32px;
	border-radius: 24px 24px 0px 0px;
}

.start-item.color-1 {
	background: var(--new-primary-green, #1AEF95);
}
.start-item.color-2 {
	background: var(--new-primary-blue, #005FFF);
}
.start-item.color-3 {
	background: var(--new-secondary-blue, #00D2FF);
}
.start-item.color-4 {
	background: var(--new-secondary-pink, #FF3986);
}
.start-item.color-5 {
	background: var(--new-secondary-purple, #A007DB);
}

#start img {
	display: block;
}
#start .row {
	padding: 32px;
}
#start h3 {
	margin-bottom: 8px;
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 120%;
}
#start p {
	margin-bottom: 0;
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 140%;
}

.stats {
	position: absolute;
	bottom: 112px;
	left: 50%;
	transform: translateX(-50%);
    width: 100%;
    max-width: 992px;
    padding: 24px 36px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 57, 133, 0.35);
	backdrop-filter: blur(64px);
}
.stats .item {
	width: calc(100% / 3);
	margin-right: 24px;
	padding-right: 24px;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
}
.stats .item:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.stats h3 {
	margin-right: 8px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.8px;
	white-space: nowrap;
}
.stats p {
	max-width: 135px;
	margin-bottom: 0;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 140%;
}

#why .container {
	max-width: 1192px;
}

.why {
	padding: 96px 100px 98px;
	border-radius: 64px;
	background: var(--new-background-gray, #F8F9FC);
}
.why .title {
	margin-bottom: 37px;
}
.why h2 {
	max-width: 420px;
	color: var(--new-primary-blue, #005FFF);
}
.why .title h5 {
	width: 100%;
	max-width: 340px;
	color: var(--new-dark-gray, #000);
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

.why .col {
	position: relative;
	width: 100%;
	max-width: 460px;
	padding-top: 36px;
}
.why .items {
	width: 100%;
	overflow: hidden;
	border-radius: 32px;
	border: 1px solid var(--new-middle-gray, #C6CDDA);
}
.why .item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 26px 52px 26px 32px;
}
.why .item:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 32px;
	width: calc(100% - 32px);
	height: 1px;
	background: var(--new-middle-gray, #C6CDDA);
	transition: var(--transition);
}
.why .item:last-child::after {
	display: none;
}
.why-icon {
	width: 32px;
	margin-right: 32px;
}
.why-icon img {
	width: 100%;
	height: 32px;
	object-fit: scale-down;
	object-position: center;
}
.why .item h5 {
	width: 100%;
	max-width: 300px;
	color: var(--new-dark-gray, #000);
    font-weight: 400;
	line-height: 120%;
	transition: var(--transition);
}

.why .item:hover, 
.why .item.active {
	background: var(--new-primary-blue, #005FFF);
}
.why .item:hover::after, 
.why .item.active:after {
	opacity: 0;
}
.why .item:hover h5, 
.why .item.active h5 {
	color: var(--new-white, #FFF);
}

.why .image {
	position: sticky;
	top: 100px;
	width: 100%;
	height: 655px;
}
.why .image img {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	transition: var(--transition);
    max-width: 300px;
}
.why .image img.active {
	opacity: 1;
}
.why a {
	display: none;
}

#more {
	padding: 128px 0;
}
#more .container {
	max-width: 1192px;
}
#more .title {
	margin-bottom: 64px;
}
#more .items .title {
	display: none;
}
#more h2 {
	text-align: center;
}
#more .items {
	display: flex;
	justify-content: space-between;
	margin-bottom: 64px;
}
#more .item {
	width: 100%;
	margin-right: 40px;
	padding: 78px 80px 24px 24px;
	border-radius: 32px;
}
#more .item:last-child {
	margin-right: 0;
}
#more .item-1 {
	background: url(../images/more-1-bg-image.svg) right bottom no-repeat, linear-gradient(270deg, #00D2FF 0%, #005FFF 100%);
}
#more .item-2 {
	background: url(../images/more-2-bg-image.svg) right bottom no-repeat, linear-gradient(90deg, #FF3986 0%, #A007DB 100%);
}
#more .item-3 {
	background: url(../images/more-3-bg-image.svg) right bottom no-repeat, linear-gradient(270deg, #1AEF95 0%, #005FFF 100%);
}
#more h3 {
	width: 100%;
	max-width: 255px;
	margin-bottom: 8px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.64px;
}
#more p {
	margin-bottom: 0;
	text-align: center;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}
#more .item p {
	width: 100%;
	max-width: 290px;
	text-align: left;
	color: var(--new-white, #FFF);
}

#find.find-2 .container {
	max-width: 992px;
}
.find-2 .find {
    padding: 32px 40px 32px 140px;
    border-radius: 32px;
	box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.15);
    background: url(../images/find-2-bg-image.svg) left center no-repeat, linear-gradient(270deg, #1AEF95 0%, #005FFF 100%);
    background-size: auto 100%;
}
.find-2 h3 {
	width: 100%;
	max-width: 310px;
	margin-right: 32px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 120%;
}
.find-2 .btn {
	width: 210px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 0.875rem;
}
.find-2 .btn:last-child {
	margin-right: 0;
	background: transparent;
	border: 1px solid var(--new-white, #FFF);
	color: var(--new-white, #FFF);
}
.find-2 img {
	display: none;
}

#contacts {
	height: 100vh;
}
#map {
	width: 100%;
	height: 100%;
}
.leaflet-tile-pane {
    /*filter: grayscale(3);*/
}
.contacts {
	position: absolute;
	bottom: 0;
	left: 60px;
	width: 360px;
	padding: 20px;
	border-radius: 32px 32px 0px 0px;
	background: var(--new-white, #FFF);
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.10);
}

.cities {
	width: calc(100% + 20px);
	margin-bottom: 20px;
    padding-left: 10px;
}
.cities a {
	margin-right: 16px;
	padding: 11px 16px;
	border-radius: 24px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}
.cities a.active {
	background: var(--new-primary-blue, #005FFF);
	color: var(--new-white, #FFF);
}

.contact {
	margin-bottom: 20px;
	padding: 24px 0 24px 24px;
	border-radius: 24px;
	border: 1px solid var(--new-light-gray, #E1E6EF);
	background: #FFF;
}
.contact .row {
    padding-right: 24px;
}
.contact .row:first-child {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--new-light-gray, #E1E6EF);
}
.contact a:first-child {
	margin-bottom: 12px;
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.64px;
}
.contact a:last-child {
	font-size: 1.3125rem;
	line-height: 120%;
}
.contact p {
	margin-bottom: 0;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

.social {
	display: flex;
	overflow: hidden;
	border-radius: 16px;
	background: var(--new-background-gray, #F8F9FC);
}
.social a {
	position: relative;
	width: calc(100% / 4);
	height: 48px;
}
.social a:after {
	content: '';
	position: absolute;
	top: 12px;
	right: 0;
	width: 1px;
	height: calc(100% - 24px);
	background: var(--new-middle-gray, #C6CDDA);
}
.social a:last-child::after {
	display: none;
}

#not-found {
	padding: 128px 0 48px;
}
#not-found .container {
	max-width: 992px;
}
.not-found {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 64px 200px;
	border-radius: 48px;
	background: var(--new-background-gray, #F8F9FC);
}
#not-found img {
	margin-bottom: 52px;
}
#not-found h5 {
	width: 100%;
	max-width: 235px;
	text-align: center;
	font-family: 'Cera Pro Light', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

.hidden {
	overflow: hidden;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	display: none;
	width: 100%;
	max-width: 360px;
}
.popup {
	width: 100%;
	height: 100%;
	border-radius: 32px;
	background: var(--new-white, #FFF);
}
.popup img {
	display: block;
	border-radius: 32px 32px 0 0;
}
.popup .form {
	padding: 32px;
}
.popup h3 {
	margin-bottom: 32px;
	font-family: 'Cera Pro Medium', sans-serif;
	font-weight: 500;
	line-height: 120%;
}
.popup .input {
	border-bottom: 1px solid var(--new-middle-gray, #C6CDDA);
}
.popup input {
	color: var(--new-dark-gray, #000);
	font-family: 'Cera Pro Light', sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 140%;
}
.popup input::placeholder {
	color: var(--new-dark-gray, #000);
}
.popup .btn {
	width: 100%;
}

.popup .title {
	padding: 32px;
	border-radius: 32px 32px 0 0;
	background: var(--new-gradient-with-double-blue, linear-gradient(90deg, #00D2FF 0%, #005FFF 100%));
}
.popup h2 {
	margin-bottom: 28px;
	color: var(--new-white, #FFF);
	font-family: 'Cera Pro Medium', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.64px;
}
.popup .prices {
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
}
.popup .price-1 {
    margin-bottom: 0;
	margin-right: 16px;
}
.popup .price-2 {
	border-radius: 100px;
	border: 1px solid var(--new-white, #FFF);
	color: var(--new-white, #FFF);
}

#city .title {
    padding: 25px 32px;
    background: var(--new-gradient-green-blue, linear-gradient(90deg, #1AEF95 0%, #005FFF 100%));
}
#city h3 {
    margin-bottom: 0;
    color: var(--new-white, #FFF);
    text-align: center;
}
#city .content {
    padding: 24px;
}
#city label {
    width: 100%;
    margin: 0 0 24px;
}
#city label:last-child {
    margin-bottom: 0;
}
#city .label {
    display: flex;
    align-items: center;
    padding: 16px 20px 16px 16px;
    border-radius: 16px;
    background: var(--new-White, #FFF);
    background: var(--new-background-gray, #F8F9FD);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
    color: var(--new-dark-gray, #000);
    font-family: 'Cera Pro Medium', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
}
#city .label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url(../images/city-icon.svg) center no-repeat;
}
#city .label:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: auto;
    background: url(../images/city-select.svg) center no-repeat;
}
#city input:checked + .label {
    background: var(--new-white, #FFF);
    color: var(--new-primary-blue, #005FFF);
}

@media screen and (min-width: 800px) {
    .select:not(.input) {
        position: relative;
    }
    .select:not(.input) .select-button {
        width: 100%;
        padding: 16px;
        background: var(--new-primary-blue, #005FFF) url(../images/select.svg) calc(100% - 16px) center no-repeat;
        color: var(--new-white, #FFF);
    }
    .select:not(.input) .select-list {
        position: absolute;
        bottom: 100%;
        left: 0;
        display: none;
        flex-wrap: wrap;
        width: 100%;
        max-height: 220px;
        overflow: auto;
    }
    .select:not(.input) .radio {
        width: 100%;
        margin: 0;
    }
    .select:not(.input) .label {
        width: 100%;
        border-radius: 0;
        background: var(--new-primary-blue, #005FFF);
        color: var(--new-white, #FFF);
    }
}

#modal-4 {
    height: 100vh;
    overflow: hidden auto;
    padding: 32px 0;
}
#modal-4::-webkit-scrollbar {
    display: none;
}
#modal-4 .popup {
    height: auto;
}
#modal-4 .title {
    border-radius: 0;
    background: none;
    text-align: center;
}
#modal-4 img {
    display: inline-block;
    margin-bottom: 32px;
    border-radius: 0;
}
#modal-4 h3 {
    margin-bottom: 0;
    padding: 10px 0;
    font-family: 'Cera Pro Bold', sans-serif;
    font-weight: 600;
    line-height: 120%;
}
#modal-4 .form {
 	padding-top: 0;   
}
#modal-4 .input {
    margin-bottom: 16px;
    padding: 15px 16px;
    border-radius: 16px;
    border: 1px solid var(--new-light-gray, #E1E6EF);
    background: var(--new-white, #FFF) url(../images/field.svg) calc(100% - 16px) center no-repeat;
}
#modal-4 .input input {
    font-size: 0.875rem;
}
#modal-4 .input input::placeholder {
    color: #7D838E;
}

.extra-fields {
    margin-top: 32px;
    border-top: 1px dashed var(--new-light-gray, #E1E6EF);
}
.extra-fields .title {
    margin-top: 12px;
    padding: 12px 0;
}
.extra-fields .title h5 {
    margin-top: 4px;
    font-family: 'Cera Pro Bold', sans-serif;
    font-weight: 600;
    line-height: 120%;
}
.extra-fields .title small {
    color: #7D838E;
}
.extra-fields label:not(.radio) {
    display: inline-block;
    width: 100%;
    margin-bottom: 21px;
    text-align: center;
    font-family: 'Cera Pro Medium', sans-serif;
    font-weight: 500;
    line-height: 140%;
}
.extra-fields .radio {
    width: calc(50% - 8px);
    margin: 0;
    margin-bottom: 24px;
}
.extra-fields .radio .label {
    border-color: rgba(0, 0, 0, 0);
    border-radius: 16px;
    background: #F8F9FC;
    color: var(--new-primary-blue, #005FFF);
    text-align: center;
}
.extra-fields .radio input:checked + .label {
    background: var(--new-primary-blue, #005FFF);
    color: var(--new-white, #FFF);
}
.extra-fields .btn {
    margin-top: 32px;
    background: #005FFF;
    color: var(--new-white, #FFF);
}
.extra-fields .btn:disabled {
    background: #F8F9FC!important;
    color: #C6CDDA!important;
}

.burger {
	display: none;
}
#menu {
	display: none;
}

.alert {
    position: fixed;
    top: 20px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
    max-width: 375px;
    padding: 16px;
    padding-left: 80px;
    border-radius: 24px;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.10);
    color: var(--new-dark-gray, #000);
    font-family: 'Cera Pro Light', sans-serif;
    font-weight: 300;
    line-height: 140%;
}
.alert.success {
    background: #FFF url(../images/success.svg) 16px center no-repeat;
}
.alert.danger {
    background: #FFF url(../images/danger.svg) 16px center no-repeat;
}

.download {
    max-width: 280px;
}
.download .content {
    padding: 48px 48px 40px;
    text-align: center;
}
.download .content img {
    display: block;
}
.download .content a {
    margin-top: 20px;
}

@media screen and (max-width: 1150px) {
	*::-webkit-scrollbar {
		display: none;
	}
	.logo {
		margin-right: 8px;
	}
	.header .col + .col {
		margin-left: 12px;
	}
	.lang, 
	.app {
		margin-right: 12px;
	}
}
@media screen and (max-width: 1050px) {
	html {
		font-size: 14px;
	}
	.container {
		max-width: 672px;
	}
	.header {
		justify-content: flex-start;
	}
	.header .col + .col {
		justify-content: space-between;
		width: 100%;
		margin-left: 12px;
	}
	header {
		transition: var(--transition);
	}
	header.active {
		border-radius: 24px 24px 0 0;
	}
	.menu {
		position: absolute;
		top: calc(100% - 4px);
		left: 0;
		display: none;
		width: 100%;
		padding: 32px 32px 10px;
		padding-top: 0;
		background: var(--new-white, #FFF);
		border-radius: 0 0 24px 24px;
	}
	.menu ul {
		display: inline-block;
		width: 100%;
	}
	.menu li {
		width: 100%;
	}
	.menu a {
		width: 100%;
		padding: 22px 0;
		border-bottom: 1px solid #E1E6EF;
		background: url(../images/menu.svg) right center no-repeat;
		font-size: 1.3125rem;
	}
	.menu li:last-child a {
		border-bottom: 0;
	}
	.burger {
		display: block;
		width: 40px;
		height: 40px;
		margin-left: 12px;
		border-radius: 16px;
		background: var(--new-background-gray, #F8F9FC);
	}
	.burger.active {
		background: url(../images/close.svg) center no-repeat, var(--new-background-gray, #F8F9FC);
	}
	.burger img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		object-position: center;
	}
	.burger.active img {
		opacity: 0;
	}
	.main {
		flex-direction: column;
		height: auto;
		min-height: 460px;
		padding: 140px 0 64px;
	}
	.main h1 {
		max-width: 320px;
	}
	.main h4 {
		max-width: 304px;
	}
	.main .btn {
		display: none;
	}
	.main .apps {
		bottom: 48px;
		left: 48px;
	}
	#business {
		padding: 80px 0 52px;
	}
	#business h2 {
		max-width: 320px;
	}
	#business h5 {
		max-width: 240px;
	}
	#business .items {
		flex-wrap: nowrap;
		width: calc((100vw - 100%) / 2 + 100%);
		overflow: auto hidden;
	}
	#business .item {
		flex: 0 0 auto;
		width: 256px;
		margin-right: 30px;
	}
	#clients {
		padding: 48px 0 20px;
	}
	#selection {
		padding: 44px 0 64px;
	}
	#selection .container {
		max-width: 768px;
	}
	#selection .title {
		max-width: 480px;
		margin: 0 auto 96px;
	}
	.color-item {
		margin-bottom: 16px;
		padding: 40px 72px 0 48px;
		border-radius: 32px;
	}
	.color-item img {
		max-width: 270px;
	}
	.color-item h3 {
		margin-bottom: 8px;
	}
	#selection .color-item.color-2 {
		padding-top: 8px;
	}
	.title .tabs {
		text-align: right;
	}
	.title .tabs a {
		margin-right: 0;
		margin-bottom: 12px;
	}
	.title .tabs a:last-child {
		margin-bottom: 0;
	}
	#types {
		padding-bottom: 64px;
	}
	#types .container {
		padding: 0;
	}
	.types {
		padding: 64px 64px 40px;
		border-radius: 48px;
	}
	.types .title {
		margin-bottom: 64px;
	}
	.types .item {
		width: 220px;
		height: 256px;
		margin-right: 20px;
	}
	.content .tab {
		margin-bottom: 40px;
	}
	.icons img {
		height: 128px;
	}
	#industries {
		padding: 92px 0 96px;
	}
	#industries .container {
		max-width: 672px;
	}
	.industries {
		flex-wrap: wrap;
	}
	#industries .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 100%;
		margin-bottom: 40px;
	}
	#industries h2 {
		max-width: 235px;
		margin-bottom: 0;
	}
	#industries p {
		max-width: 355px;
	}
	#industries .content {
		max-width: 100%;
	}
	.industries ul {
		max-height: 300px;
		margin-bottom: 0;
	}
	button.more {
		display: none;
	}
	#find {
		padding-bottom: 17px;
	}
	#find .container {
		max-width: 648px;
	}
	#faq {
		padding: 80px 0;
	}
	#faq .container {
		max-width: 490px;
	}
	#faq .title {
		margin-bottom: 56px;
	}
	.faq-item {
		padding: 18px 0;
	}
	.question {
		padding-right: calc(100% - 370px);
	}
	#feedback .container {
		padding: 0;
	}
	.feedback {
		flex-wrap: wrap;
		padding: 65px 0 60px 144px;
		border-radius: 48px;
		box-shadow: 0px 24px 64px 0px rgba(0, 95, 255, 0.24);
		background: linear-gradient(180deg, #00D2FF 0%, #005FFF 100%);
	}
	.feedback .title {
		max-width: 100%;
		margin-bottom: 56px;
	}
	.feedback .form {
		max-width: 100%;
	}
	.footer {
		padding: 234px 0 45px;
	}
	.footer .container {
		max-width: 456px;
	}
	.footer .row:first-child {
		padding-top: 76px;
	}
	.footer .row {
		padding-top: 56px;
	}
	.footer .logo {
		width: 90px;
	}
	.footer .col:first-child .icon {
		display: none;
	}
	.footer-menu ul {
		flex-wrap: wrap;
	}
	.footer-menu li {
		width: 100%;
	}
	.footer-menu a {
		width: 100%;
		padding: 32px 0;
		border-bottom: 1px solid #1A1A1A;
		background: url(../images/footer-menu.svg) right center no-repeat;
	}
	.footer-menu li:last-child a {
		border: 0;
	}
	.bottom ul {
		display: inline-block;
		width: 100%;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.bottom li:nth-child(n+3) {
		text-align: right;
	}
	.stats {
		position: relative;
		left: 0;
		transform: none;
		max-width: 672px;
		margin-top: 60px;
		padding: 0 16px;
		border-radius: 0;
		border: 0;
		background: none;
		backdrop-filter: none;
	}
	.stats .item {
		flex-direction: column;
        align-items: flex-start;
		width: calc(100% / 3);
		margin-right: 32px;
		padding: 24px 0 24px 24px;
		border: 0;
		border-radius: 24px;
		background: rgba(255, 57, 133, 0.35);
		backdrop-filter: blur(64px);
	}
	.stats h3 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
		padding-bottom: 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.50);
	}
	#start {
		padding: 64px 0 60px;
	}
	#start .container {
		max-width: 672px;
	}
	#start .title {
		margin-bottom: 64px;
	}
	#start .item {
		margin-right: 20px;
		border-radius: 32px;
	}
	#why .container {
		padding: 0;
	}
	.why {
		padding: 64px;
		border-radius: 48px;
	}
	.why .title {
		flex-wrap: wrap;
		margin-bottom: 64px;
	}
	.why h2 {
		max-width: 420px;
		margin-bottom: 12px;
	}
	.why .title h5 {
		max-width: 460px;
	}
	.why .col {
		max-width: 100%;
	}
	.why .col:last-child {
		display: none;
	}
	.why .items {
		display: flex;
		flex-wrap: nowrap;
		width: calc((100vw - 100%) / 2 + 100%);
		overflow: auto hidden;
		border-radius: 0;
		border: 0;
	}
	.why .item {
		flex: 0 0 auto;
		flex-wrap: wrap;
		width: 256px;
		height: 305px;
		margin-right: 24px;
		padding: 0;
		border-radius: 24px;
		border: 1px solid var(--new-middle-gray, #C6CDDA);
		background: var(--new-white, #FFF);
	}
	.why .item:hover, 
	.why .item.active {
		background: none;
	}
	.why .item:after {
		opacity: 0;
	}
	.why .item:hover h5, 
	.why .item.active h5 {
		color: var(--new-dark-gray, #000);
	}
	.why-icon {
		display: flex;
		width: 100%;
		height: 120px;
		margin: 0;
		border-radius: 24px 24px 0 0;
	}
	[data-id="#item-1"] .why-icon {
		background: url(../images/why-item-bg-color-1.svg) center bottom no-repeat;
	}
	[data-id="#item-2"] .why-icon {
		background: url(../images/why-item-bg-color-2.svg) center bottom no-repeat;
	}
	[data-id="#item-3"] .why-icon {
		background: url(../images/why-item-bg-color-3.svg) center bottom no-repeat;
	}
	[data-id="#item-4"] .why-icon {
		background: url(../images/why-item-bg-color-4.svg) center bottom no-repeat;
	}
	[data-id="#item-5"] .why-icon {
		background: url(../images/why-item-bg-color-5.svg) center bottom no-repeat;
	}
	[data-id="#item-6"] .why-icon {
		background: url(../images/why-item-bg-color-6.svg) center bottom no-repeat;
	}
	[data-id="#item-7"] .why-icon {
		background: url(../images/why-item-bg-color-7.svg) center bottom no-repeat;
	}
	[data-id="#item-8"] .why-icon {
		background: url(../images/why-item-bg-color-8.svg) center bottom no-repeat;
	}
	[data-id="#item-9"] .why-icon {
		background: url(../images/why-item-bg-color-9.svg) center bottom no-repeat;
	}
	[data-id="#item-10"] .why-icon {
		background: url(../images/why-item-bg-color-10.svg) center bottom no-repeat;
	}
	[data-id="#item-11"] .why-icon {
		background: url(../images/why-item-bg-color-11.svg) center bottom no-repeat;
	}
	[data-id="#item-12"] .why-icon {
		background: url(../images/why-item-bg-color-12.svg) center bottom no-repeat;
	}
	.why-icon img {
		display: block;
		width: 48px;
		height: 48px;
		object-fit: contain;
		margin: auto;
		filter: brightness(3);
	}
	.why .item h5 {
		width: 100%;
		height: 115px;
		padding: 24px 36px;
        font-family: 'Cera Pro Light', sans-serif;
        font-weight: 300;
		text-align: center;
	}
	.why a {
		display: block;
		width: 100%;
		height: calc(100% - 120px - 115px);
		padding: 14px 24px 24px;
		color: var(--new-primary-blue, #005FFF);
		font-size: 1.125rem;
		text-align: center;
		line-height: 120%;
	}
	#modal-3 .popup {
		max-width: 390px;
		height: 565px;
		overflow: hidden;
		padding: 37px;
		border-radius: 64px 64px 0 0;
		background: var(--new-gradient-green-blue, linear-gradient(90deg, #1AEF95 0%, #005FFF 100%));
	}
	#modal-3 .content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 40px 36px;
		background: var(--new-white, #FFF);
	}
	#modal-3 h2 {
		margin-bottom: 8px;
		color: var(--new-dark-gray, #000);
		font-size: 1.75rem;
		line-height: 120%;
	}
	#modal-3 h5 {
		margin-bottom: 24px;
		font-family: 'Cera Pro Light', sans-serif;
		font-weight: 300;
		line-height: 140%; /* 22.4px */
	}
	#modal-3 a {
		display: flex;
		width: 160px;
		height: 48px;
	}
	#modal-3 a img {
		display: block;
		width: 70%;
		object-fit: fill;
		object-position: center;
		margin: auto;
		border-radius: 0;
	}
	#more {
		padding: 64px 0;
	}
	#more .container {
		max-width: 672px;
	}
	#more .title {
		display: none;
	}
	#more .items {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	#more .items .title {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#more .items .title, 
	#more .item	{
		width: 50%;
		max-width: calc(50% - 10px);
		height: 230px;
		margin: 0;
		margin-bottom: 20px;
	}
	#more h2, 
	#more p {
		text-align: left;
	}
	#more p {
		display: none;
	}
	#more .items p {
		display: block;
	}
	#vacancies {
		padding-bottom: 56px;
	}
	#vacancies .container {
		padding: 0;
	}
	.vacancies {
		padding: 64px;
	}
	.vacancies .tab {
		margin-bottom: 0;
	}
	#find.find-2 .container {
		max-width: 672px;
	}
	.buttons {
		flex-wrap: wrap;
	}
	.find-2 .find {
		padding: 40px;
		box-shadow: none;
		background: linear-gradient(270deg, #1AEF95 0%, #005FFF 100%);
		background-size: auto 100%;
	}
	.find-2 .btn {
		width: 210px;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.find-2 .btn:last-child {
		margin-bottom: 0;
	}
	#qr .container {
		max-width: 672px;
	}
	.qr {
		padding: 40px;
	}
	#start:has(.start) .container {
		max-width: 1192px;
		padding: 0;
	}
	.start {
		padding: 64px;
		border-radius: 48px;
	}
}
@media screen and (max-width: 700px) {
	.container {
		padding: 0 20px;
	}
	header {
		top: auto;
		bottom: 24px;
	}
	.header .col + .col {
		width: auto;
		margin-left: auto;
	}
	.header .lang, 
	.header .call {
		display: none;
	}
	.business-page .header .call {
		display: block;
	}
	.business-page .header .app {
		display: none;
	}
	.main {
		height: 100vh;
        max-height: 1024px;
        overflow: hidden;
		padding: 48px 0 0;
		background-position: -100%!important;
	}
	.main-image-mobile {
		display: block;
		position: relative;
        display: block;
        width: 100%;
        height: 90%;
		margin-top: auto;
		object-fit: cover;
		object-position: top;
        border-radius: 0 0 48px 48px;
	}
	.main .container {
        position: absolute;
		padding: 0 36px;
        padding-top: 48px!important;
	}
	#business .title h5 {
		display: none;
	}
    #business, #advantages, #main + #start {
        padding-top: 24px;
    }
	#business .content h5 {
		display: block;
		margin-top: 48px;
		text-align: left;
	}
	#clients .title {
		margin-bottom: 50px;
	}
	.clients {
		margin: 0;
	}
	.clients img {
		width: 100%;
	}
	.clients .slick-dots {
		display: flex;
		justify-content: center;
		margin-top: 45px;
	}
	.clients .slick-dots button {
		width: 8px;
		height: 8px;
		margin: 0 6px;
		padding: 0;
		border: 0;
		border-radius: 100%;
		background: var(--new-middle-gray, #C6CDDA);
		font-size: 0;
	}
	.clients .slick-active button {
		background: var(--new-primary-blue, #005FFF);
	}
	#selection .title {
		max-width: 304px;
		margin: 0 auto 80px;
	}
	.color-item {
		flex-wrap: wrap;
		margin-bottom: 32px;
		padding: 48px 48px 0 48px;
		border-radius: 24px;
	}
	#selection .color-item.color-2 {
		padding-top: 48px;
	}
    #advantages .color-item.color-2 {
		background: linear-gradient(180deg, #1AEF95 0%, #005FFF 100%), linear-gradient(0deg, #1AEF95 0%, #005FFF 100%), linear-gradient(360deg, #00D2FF 0%, #005FFF 97.28%);
    }
	.color-item.color-1 {
		background: linear-gradient(182deg, #FF3986 0%, #A007DB 100%);
	}
	.color-item.color-2 {
		background: linear-gradient(180deg, #1AEF95 0%, #005FFF 100%), linear-gradient(0deg, #1AEF95 0%, #005FFF 100%), linear-gradient(360deg, #00D2FF 0%, #005FFF 97.28%);
	}
	.color-item.color-3 {
		background: linear-gradient(180deg, #1AEF95 0%, #005FFF 100%);
	}
	.color-item.color-4 {
		background: linear-gradient(360deg, #00D2FF 0%, #005FFF 97.28%);
	}
	.color-item.color-5 {
		background: linear-gradient(180deg, #00D2FF 0%, #005FFF 97.28%), linear-gradient(0deg, #1AEF95 0%, #005FFF 100%);
	}
	.color-item .col:first-child {
		margin-bottom: 48px;
	}
	.color-item img {
		max-width: 100%;
	}
	#types {
		padding-bottom: 80px;
	}
	.types {
		padding: 56px 36px;
	}
	.types .title {
		flex-wrap: wrap;
		margin-bottom: 32px;
	}
	.types h2 {
		margin-bottom: 16px;
	}
	.types .title h6 {
		display: block;
		margin-bottom: 32px;
		text-align: left;
	}
	.title .tabs {
		display: flex;
		flex-wrap: nowrap;
		min-width: calc((100vw - 100%) / 2 + 100%);
		min-width: calc((100vw - 100%) / 2 + 100%);
		width: calc((100vw - 100%) / 2 + 100%);
		overflow: auto hidden;
	}
	.title .tabs a {
		flex: 0 0 auto;
		margin-bottom: 0;
		margin-right: 20px;
	}
	.types .content h6 {
		display: none;
	}
	#industries {
		padding: 64px 0;
	}
	#industries .title {
		flex-wrap: wrap;
		margin-bottom: 32px;
	}
	#industries h2 {
		max-width: 320px;
		margin-bottom: 16px;
	}
	.industries ul {
		justify-content: flex-start;
		max-height: 500px;
	}
	#find {
		padding-bottom: 0;
	}
	.find {
		flex-wrap: wrap;
		padding: 230px 36px 36px;
		border-radius: 32px;
		background: url(../images/find-bg-image-mobile.svg) center 48px no-repeat, linear-gradient(270deg, #1AEF95 0%, #005FFF 100%);
		background-size: auto;
	}
	.find .title {
		margin-bottom: 32px;
		text-align: center;
	}
	.btn {
		width: 100%!important;
	}
	.feedback {
		padding: 48px 36px;
	}
	.select {
		position: relative;
	}
	.select-button {
		background: url(../images/select.svg) right center no-repeat;
	}
	.select-list {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
        flex-wrap: wrap;
		width: 100%;
	}
	.select .radio {
		width: 100%;
		margin: 0;
	}
	.select .label {
		width: 100%;
		border-radius: 0;
		background: var(--new-primary-blue, #005FFF);
		color: var(--new-white, #FFF);
	}
    
    .select:not(.input) .select-list {
        top: auto;
        bottom: 100%;
    }
    .select:not(.input) .select-button {
        width: 100%;
        padding: 16px;
        background: var(--new-primary-blue, #005FFF) url(../images/select.svg) calc(100% - 16px) center no-repeat;
        color: var(--new-white, #FFF);
    }
    
	.feedback .form label:not(.radio) {
		margin-bottom: 0;
	}
	.form .btn {
		width: 100%;
	}
	.footer {
		padding: 234px 0 128px;
	}
	.footer .container {
		padding: 0 36px;
	}
	.footer .row {
		padding-top: 32px;
	}
	.footer .row:first-child {
		padding-top: 32px;
	}
	.footer .top {
		flex-wrap: wrap;
	}
	.footer .col {
		width: 100%;
		justify-content: space-between;
	}
	.footer .col + .col {
		margin-top: 48px;
	}
	.footer-menu a {
		padding: 24px 0;
	}
	.bottom li:nth-child(n+2) {
		text-align: right;
	}
	#menu {
		position: fixed;
		bottom: -100vh;
		left: 0;
		z-index: 999;
		display: block;
		width: 100%;
		padding: 36px;
		border-radius: 48px 48px 0px 0px;
		background: var(--new-white, #FFF);
		box-shadow: 8px 0px 24px 0px rgba(0, 0, 0, 0.10);
		transition: var(--transition);
	}
	#menu.active {
		bottom: 0;
	}
	#menu .row {
		margin-bottom: 24px;
	}
	#menu .logo img {
		width: 90px;
	}
	#menu .lang a {
		height: 40px;
		padding: 0 12px;
		border-radius: 14px;
		font-size: 1rem;
		line-height: 40px;
	}
	#menu .menu {
		position: relative;
		top: 0;
		display: block;
		margin-top: 12px;
		padding: 0;
		border-radius: 0;
	}
	.apps {
		border-radius: 16px;
		border: 1px solid var(--new-light-gray, #E1E6EF);
	}
	.apps a {
		display: block;
		width: 50%;
		height: 48px;
	}
	.apps a + a {
		border-left: 1px solid var(--new-light-gray, #E1E6EF);
	}
	.apps img {
		display: block;
		height: 100%;
		object-fit: scale-down;
		object-position: center;
	}
	#menu .social {
		margin-top: 8px;
	}
	.modal {
		z-index: 9;
		top: auto;
		bottom: -100%;
        transform: translateX(-50%);
		display: block;
        height: auto;
		transition: var(--transition);
	}
	.modal.active {
		bottom: 0;
	}
	.overlay {
		z-index: 9;
	}
	.popup, 
    #modal-3 .popup {
		top: auto;
		bottom: 0;
		left: 0;
		transform: none;
        max-width: 100%;
        height: auto;
        max-height: 656px;
		border-radius: 32px 32px 0 0;
	}
	.popup .form, 
	.popup .content {
		padding-bottom: 100px!important;
    }
	.popup img {
		width: 100%;
	}
	.main .apps {
		display: none!important;
	}
	.stats {
		position: absolute;
		bottom: 103px;
		flex-wrap: nowrap;
		width: calc((100vw - 100%) / 2 + 100%);
		overflow: auto hidden;
		margin-top: 0;
		padding: 0 16px;
	}
	.stats .item {
		flex: 0 0 auto;
		width: 184px;
		margin-right: 16px;
	}
    .start {
        padding: 16px 32px;
        border-radius: 0;
        background: var(--new-white, #FFF);
    }
	#more .title {
		display: block;
		padding-left: 24px;
		margin-bottom: 48px;
	}
	#more .items .title {
		display: none;
	}
	#more .item {
		width: 100%;
		max-width: 100%;
	}
	.vacancies {
		padding: 48px;
	}
	.vacancies .title {
		margin-bottom: 36px;
		flex-wrap: wrap;
	}
	.vacancies h2 {
		margin-bottom: 16px;
	}
	.vacancies h5 {
		margin-bottom: 32px;
	}
	.vacancies .title .btn {
		margin-bottom: 36px;
	}
	.find-2 .find {
		padding-bottom: 0;
	}
	.find-2 h3 {
		max-width: 100%;
		margin-bottom: 44px;
	}
	.find-2 img {
		display: block;
		object-fit: scale-down;
		object-position: center bottom;
		margin-top: 24px;
	}
	.qr {
		flex-wrap: wrap;
		padding: 0;
		border: 0;
	}
	.qr .title {
		max-width: 100%;
		margin-bottom: 64px;
	}
	.qr .col {
        width: 100%;
    }
	.qr-image {
		display: none;
	}
	#map {
		width: 100%;
		height: 50vh;
	}
	.contacts {
		left: 0;
		width: 100%;
		padding: 36px;
		padding-bottom: 120px;
		border-radius: 48px 48px 0px 0px;
	}
    .download {
        max-width: 360px;
    }
    .download img {
        width: auto;
    }
    .business-page .btn {
        display: block;
    }
    #modal-4 {
        max-width: 100%;
        padding: 0;
    }
    #modal-4 .popup {
        max-height: max-content;
        border-radius: 0;
    }
    #modal-4 img {
        width: 160px;
    }
}