:root {
	/* Colors */
	--color-paper: #fff;
	--divider: rgba(58, 53, 65, 0.12);
	--color-primary-dark: #0085EA;
	--color-primary: #00A3FF;
	--color-primary-hover: #0082CC;
	--color-primary-pressed: #33B5FF;
	--color-primary-opacity-hover: rgba(0, 163, 255, 0.08);
	--color-primary-opacity-pressed: rgba(0, 130, 204, 0.16);
	--color-primary-alt: #FF6711;
	--color-primary-alt-hover: #DB4F00;
	--color-primary-alt-pressed: #FF8642;
	--color-primary-alt-opacity-hover: rgba(255, 255, 255, 0.08);
	--color-primary-alt-opacity-pressed: rgba(255, 255, 255, 0.16);
	--color-contrast: #fff;
	--color-contrast-hover: rgba(255, 255, 255, 0.08);
	--color-contrast-pressed: rgba(255, 255, 255, 0.16);
	--color-secondary: #8A8D93;
	--color-secondary-hover: #71747A;
	--color-secondary-pressed: #A5A7AC;
	--color-secondary-opacity-hover: rgba(138, 141, 147, 0.08);
	--color-secondary-opacity-pressed: rgba(113, 116, 122, 0.16);
	--color-success: #000;
	--color-error: #000;
	--text: #232323;
	--placeholder: #79767E;
	--text-contrast: #fff;
	--tile-bg-color-light: #E6ECF7;
	--tile-bg-color-dark: #1A283D;
	--icon-color-primary: #00A3FF;
	--icon-color-secondary: #8A8D93;
	--icon-color-success: #000;
	--icon-color-error: #000;
	/* Spaces */
	--space-xxl: 96px;
	--space-xl: 64px;
	--space-l: 48px;
	--space-m: 32px;
	--space-s: 24px;
	--space-xs: 16px;
	--space-xxs: 12px;
	--space-list: 8px;
	--space-string: 4px;
	--vh: 1vh;
}

/* Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* LEGO */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.15px;
	color: var(--text);
	background: var(--color-paper);
	text-decoration: none;
}

nav, section {
	width: 100%;
}

.container {
	width: 100%;
	max-width: 1200px;
	padding: 0px var(--space-m);
	margin: 0 auto;
}

.divider {
	width: 100%;
	height: 1px;
	background: var(--divider);
}

.full-height {
	height: 100vh; /* Fallback для старых браузеров */
	height: calc(var(--vh, 1vh) * 100);
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* Typography */

h1,
h2,
h3,
h4 {
	font-weight: 400;
	letter-spacing: 0.25px;
}

h1 {
	font-size: 60px;
	line-height: 80px;
}

.h1-ru {
	font-size: 44px;
	line-height: 54px;
}

h2 {
	font-size: 44px;
	line-height: 54px;
	text-align: center;
	margin-bottom: var(--space-m);
}

h3 {
	font-size: 32px;
	line-height: 40px;
}

h4 {
	font-size: 24px;
	line-height: 32px;
}

.lead-text {
	font-size: 20px;
	line-height: 28px;
}

.caption {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.4px;
}

.medium {
	font-weight: 500;
}

.bold {
	font-weight: 600;
}

.contrast {
	color: var(--text-contrast);
}

/* Tilda 

.t-popup__container {
    max-width: 600px;
}

.t702 .t702__wrapper {
	padding: var(--space-m) !important;
}

.t702 .t-input-group {
	margin-bottom: var(--space-s) !important;
}

.t702 .t-submit {
	height: 56px !important;
	font-size: 24px;
}

.t702 .t-popup__block-close {
	background: none !important;
}

.t702 .t-popup__block-close-button {
	margin-right: var(--space-m) !important;
}

.t668__icon {
    box-sizing: content-box;
}

.t-col {
    margin-left: 32px;
    margin-right: 32px;
}

.uc-co-buying-pform .t678 .t-container div div form {
	
} */

.t396__elem.tn-elem.tn-elem__10629138211748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10632414311748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10634346861748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10634346961748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10647897361748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10647897461748426138504.zero-form-rendered,
.t396__elem.tn-elem.tn-elem__10681571961748594162505,
.t396__elem.tn-elem.tn-elem__10692945061748594162505,
.t396__elem.tn-elem.tn-elem__10692772811748594162505 {
	padding: 32px;
	background: var(--color-paper);
	border-radius: 12px;
}

.t-popup__container.t-popup__container-static {
	margin: 0 auto !important;
}

/* Controls */

.button,
.icon-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;

	transition: all 0.3s ease-in;
}

.plain-primary {
	color: var(--color-contrast);
	background: var(--color-primary);
}

.plain-primary-alt {
	color: var(--color-contrast);
	background: var(--color-primary-alt);
}

.plain-contrast {
	color: var(--text);
	background: var(--color-contrast);
}

.outline-primary {
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary);
}

.outline-primary-alt {
	color: var(--color-primary-alt);
	border: 1px solid var(--color-primary-alt);
}

.outline-contrast {
	color: var(--text-contrast);
	border: 1px solid var(--color-contrast);
}

.text-primary {
	color: var(--color-primary);
}

.text-primary-alt {
	color: var(--color-primary-alt);
}

.text-contrast {
	color: var(--color-contrast);
}

.text-secondary {
	color: var(--color-secondary);
}

.tile-button {
	cursor: pointer;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	color: var(--color-contrast);
	background: var(--color-primary-alt);

	transition: all 0.3s ease-in;
}

.plain-primary svg,
.plain-contrast svg,
.plain-primary-alt svg,
.plain-secondary svg,
.tile-button svg,
.outline-primary svg,
.outline-contrast svg,
.text-contrast svg {
	fill: currentColor;
} 

.plain-primary:hover {
	background: var(--color-primary-hover);
}

.outline-primary:hover,
.text-primary:hover {
	background: var(--color-primary-opacity-hover);
}

.plain-primary:active {
	background: var(--color-primary-pressed);
}

.outline-primary:active,
.text-primary:active {
	background: var(--color-primary-opacity-pressed);
}

.plain-primary-alt:hover,
.tile-button:hover {
	background: var(--color-primary-alt-hover);
}

.outline-primary-alt:hover,
.text-primary-alt:hover {
	background: var(--color-primary-alt-opacity-hover);
}

.plain-primary-alt:active,
.tile-button:active {
	background: var(--color-primary-alt-pressed);
}

.outline-primary-alt:active,
.text-primary-alt:active, {
	background: var(--color-primary-alt-opacity-pressed);
}

.plain-contrast:hover,
.outline-contrast:hover,
.text-contrast:hover {
	background: var(--color-contrast-hover);
}

.plain-contrast:active,
.outline-contrast:active,
.text-contrast:active {
	background: var(--color-contrast-pressed);
}

.plain-secondary:hover {
	background: var(--color-secondary-hover);
}

.outline-secondaryt:hover,
.text-secondary:hover {
	background: var(--color-secondary-opacity-hover);
}

.plain-secondary:active {
	background: var(--color-secondary-pressed);
}

.outline-secondary:active,
.text-secondary:active {
	background: var(--color-secondary-opacity-pressed);
}

.selected::after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 24px;
	width: calc(100% - 48px);
	height: 4px;
	background: var(--color-primary);
}

.large {
	padding: 8px 24px;
	min-width: 40px;
	height: 40px;
}

.xlarge {
	padding: 12px 32px;
	font-size: 24px;
	line-height: 32px;
	min-width: 56px;
	height: 56px;
}

.icon-button {
	padding-left: 0px;
	padding-right: 0px;
}

.tn-atom__form .t-input_pvis {
	padding: 8px 12px !important;
}

/* Mobile cta section */

.mobile-cta {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%) translateY(150%);
    z-index: 999;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

.mobile-cta.active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: all;
}

#main-cta {
    position: relative;
    z-index: 3;
}

.mobile-cta .container a {
	width: 100%;
}

/* Nav section */

nav {
	position: fixed;
	margin-top: 16px;
	z-index: 999;
}

nav.desktop {
	display: block;
}

nav.mobile {
	display: none;
}

.nav-logo {
	width: 169px;
    height: 34px;
    background: url(https://static.tildacdn.com/tild3763-3864-4232-b465-353334663534/logo_deal_drive-min.svg);
    background-size: cover;
}

.nav-logo-mobile {
	width: 122px;
    height: 24px;
    background: url(https://static.tildacdn.com/tild3763-3864-4232-b465-353334663534/logo_deal_drive-min.svg);
    background-size: cover;
}

.nav-container {
	padding: 12px 24px 12px 32px;	
	display: flex;
	align-items: center;
	gap: var(--space-m);
	border-radius: 12px;
	background: rgba(26, 40, 61, 0.60);
	backdrop-filter: blur(16px);
}

.nav-wrapper {
	display: flex;
	flex: 1 0 0;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}

.nav-button-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* Main banner section */

.main-banner-section {
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--color-primary-dark) url(https://optim.tildacdn.one/tild6237-6361-4532-a634-333333306530/-/format/webp/MainBannerImage.png.webp);
	background-size: cover;
	background-position: center;
}

.main-banner-section-uae {
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--color-primary-dark) url(https://optim.tildacdn.one/tild3133-6631-4130-a461-646163626233/-/format/webp/MainBannerImage-uae.png.webp);
	background-size: cover;
	background-position: center;
}

.main-banner-container {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.main-banner-logo {
	display: inline-block;
	margin: 20px 32px 0px 32px;
	height: 85px;
	width: 398px;
	background: url(https://static.tildacdn.com/tild6538-3139-4566-b461-386433643164/logo_co_buying-min.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.main-banner-wrapper {
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	gap: var(--space-l);
}

.main-banner-section-anim {
	position: absolute;
	top: 54%;
	left: 12%;
}

.main-banner-section-anim-uae {
	position: absolute;
	top: 54%;
	right: 12%;
}

.pulse-wrapper {
	position: relative;
}

.pulse-message {
	position: absolute;
	top: -50px;
	left: -50px;
	width: 410px;
}

.pulse-message-uae {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 410px;
}

.pulse {
	position: relative;
	display: block;
	border-radius: 50%;
	background: #52c408;
	width: 24px;
	height: 24px;
	z-index: 2;
}

.pulse::after,
.pulse::before {
  content: '';
  position: absolute;
  border: 2px solid #52c408;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}

.pulse::after {
  animation-delay: 1.25s;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* Outline tiles section */

.outline-tiles-section {
	padding: var(--space-xxl) 0;
	background: var(--color-primary-dark);
}

.outline-tiles-wrapper {
	width: calc(100% + 32px);
	margin: -32px 0 0 -32px;
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.outline-tile-box {
	padding: 32px 0 0 32px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}

.outline-tile {
	position: relative;
	width: 100%;
	min-height: 200px;
	padding: 24px 48px 24px 24px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-radius: 12px;
	border: 1px solid var(--color-contrast);

	transition: all 0.3s ease-in;
}

.outline-tile-uae {
	padding: 24px 24px 24px 48px;
}

.tile-image-icon {
	position: absolute;
	right: 0;
	bottom: 0;

	transition: all 0.3s ease-in;
}

.tile-image-icon-uae {
	right: auto;
	left: 0;
}

.outline-tile:hover {
	transform: scale(1.05);
}

.outline-tile:hover>.tile-image-icon {
	transform: scale(1.07);
}

/* Calculator section */

.calculator-section {
	position: relative;
}

.calculator-container {
	position: relative;
	z-index: 1;
}

.calculator-half-color {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: var(--color-primary-dark);
}

.calculator-wrapper {
	padding: var(--space-xl);
	text-align: center;
	border-radius: 32px;
	box-shadow: 0px 4px 64px 0px rgba(0, 26, 121, 0.30);
	background: var(--color-paper);

}

.calculator-wrapper a {
	margin-top: var(--space-m);
}

.calculator-title-wrapper {
	margin-bottom: var(--space-m);
}

.calculator-title-wrapper h2 {
	margin-bottom: 0;
}

.calculator-form-wrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: var(--space-l);
}

.form-left-wrapper {
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-list);
}

.form-right-wrapper {
	flex: 1 0 0;
	display: flex;
	padding: var(--space-m);
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 12px;
	background: var(--tile-bg-color-light);
}

.form-group {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.form-label {
	flex: 1 0 0;
	text-align: left;
	font-weight: 600;
}

.input-group {
	flex: 1 0 0;
    position: relative;
    width: 50%;
}

.form-input,
.form-select {
    width: 100%;
    height: 54px;
    padding: 15px 52px 15px 15px;
    border: 1px solid rgba(58, 53, 65, 0.12);
    border-radius: 6px;
    font-size: 16px;
}

.form-input:active,
.form-input:focus,
.form-input:focus-visible,
.form-select:active,
.form-select:focus,
.form-select:focus-visible {
	border: 1px solid yellow;
    box-shadow: inset 0px 0px 0px 1px yellow;
}

.input-addon {
    position: absolute;
    right: 12px;
    top: 15px;
    text-align: right;
    color: var(--color-secondary);
}

.output-string {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--space-list);
}

.output-icon {
	display: inline-block;
	padding: 3px 4px 8px 4px;
	width: 24px;
	height: 24px;
	border-radius: 99px;
	background: var(--color-paper);
}

/* Testimonials section */

.testimonials-section {
	padding: var(--space-xxl) 0;
	background: var(--color-paper);
}

.testimonials-container {
	display: flex;
	flex-direction: row;
	gap: var(--space-m);
}

.case-study-wrapper {
	flex: 3 0 0;
}

.quote-wrapper {
	flex: 2 0 0;
}

.case-study-tile {
	position: relative;
    display: flex;
    flex: 1 0 0;
    flex-direction: row;
    align-items: stretch;
    border-radius: 12px;
    background: var(--tile-bg-color-light);
}

.case-study-ava {
    padding-right: 0;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 12px 0 0 12px;
    background: url(https://optim.tildacdn.com/tild3264-3264-4162-b735-353165336663/-/format/webp/img_case_study_ava.png.webp);
    background-size: cover;
}

.case-study-ava-uae {
	border-radius: 0 12px 12px 0;
}

.case-study-quote {
	padding: var(--space-s);
	background: linear-gradient(90deg, rgba(230, 236, 247, 0.50) 0%, #E6ECF7 100%);
}

.case-study-quote-uae {
	background: linear-gradient(270deg, rgba(230, 236, 247, 0.50) 0%, #E6ECF7 100%);
}

.case-study-content {
	padding: var(--space-s);
	flex: 1 0 0;
}

.case-study-footer {
	margin-top: var(--space-s);
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

.case-study-footer-text {
	margin-bottom: var(--space-list);
}

.quote-tile {
	position: relative;
	margin-bottom: var(--space-l);
	padding: var(--space-s);
	background: var(--tile-bg-color-light);
	border-radius: 12px;
}

.quote-tile:last-child {
	margin-bottom: 0;
}

.quote-header {
	margin-bottom: var(--space-list);
	display: flex;
	flex-direction: row;
}

.quote-header>img:first-of-type {
    border-radius: 100%;
}

.quote-header-text {
	margin: 0 var(--space-list);
	flex: 2 0 0;
}

.quote-header-text a, .case-study-footer-text a {
    color: var(--color-primary) !important;
}

.triangl {
	position: absolute;
    bottom: -24px;
    border-top: 24px solid var(--tile-bg-color-light);
}

.triangl-left {
	left: 390px;
    border-left: 24px solid transparent;
    border-right: 0px solid transparent;
}

.triangl-right {
	right: 130px;
    border-left: 0px solid transparent;
    border-right: 24px solid transparent;
}

/* Checklist section */

.checklist-section {
	padding: 0 0 var(--space-xxl) 0;
}

.checklist-tiles-wrapper {
	margin-top: 80px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: var(--space-xxl);
}

.checklist-tile {
	position: relative;
	width: 208px;
	min-height: 160px;
	text-align: center;
	padding: 72px 42px 24px;
	border-radius: 12px;
	background: var(--tile-bg-color-light);
}

.checklist-tiles-wrapper svg {
	position: absolute;
	left: -12px;
	top: -12px;
	padding: 2px;
}

.checklist-tile-image-wrapper {
	width: 100%;
	text-align: center;
	position: absolute;
    left: 0px;
    top: -60px;

	transition: all 0.3s ease-in;
}

.checklist-tile:hover>.checklist-tile-image-wrapper {
	transform: translateY(-16px);
}

.checklist-button {
	margin-top: var(--space-l);
	text-align: center;
}

/* FAQ section */

.faq-section {
	padding: var(--space-xxl) 0;
	background: var(--tile-bg-color-light);
}

.faq-tile {
	width: 100%;
	margin-bottom: var(--space-m);
	border-radius: 6px;
	background: var(--color-paper);
	overflow: hidden;
}

.faq-tile:last-child {
	margin-bottom: 0;
}

.faq-title {
	cursor: pointer;
	display: flex;
	padding: var(--space-xs) var(--space-m);
	align-items: center;
	justify-content: space-between;
	gap: var(--space-list);
	align-self: stretch;
}

.expand-icon {
	height: 32px;
	padding: 6px;
	min-width: 32px;
	color: var(--icon-secondary);
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-in;
}

.faq-content-wrapper {
	width: 100%;
	display: inline-block;
	padding: var(--space-xs) var(--space-m);
	border-top: 1px solid var(--divider);
}

.expand-icon svg {
    transition: transform 0.25s ease-in;
}

.faq-tile.active .faq-content {
    max-height: auto;
}

.faq-tile.active .expand-icon svg {
    transform: rotate(180deg);
}

/* Footer */

.footer-section {
	background: var(--tile-bg-color-light);
}

.footer {
	display: flex;
	flex-direction: row;
	padding: var(--space-m);
	justify-content: space-between;
	align-items: center;
	color: var(--text-contrast);
	fill: var(--text-contrast);
	border-radius: 12px 12px 0px 0px;
	background: var(--tile-bg-color-dark);
}

.footer-wrapper {
	display: flex;
	flex-direction: row;
}

.copyright {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
}

.footer-link-left,
.footer-link-right {
	position: relative;
	display: inline-block;
	margin-left: 33px;
	text-decoration: none;
	color: var(--text-contrast);
}

.footer-link-left-uae {
	position: relative;
	display: inline-block;
	margin-right: 33px;
	text-decoration: none;
	color: var(--text-contrast);
}

.footer-link-left svg,
.footer-link-left-uae svg,
.footer-link-right svg {
	fill: currentColor;
}

.footer-link-right {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--space-list);
	margin-left: 16px;
}

.footer-link-right-uae {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--space-list);
	margin-right: 16px;
}

.footer-link-left::before {
	content: " ";
	position: absolute;
	left: -16px;
	display: block;
	width: 1px;
	height: 16px;
	background: var(--text-contrast);
}

.footer-link-left-uae::after {
	content: " ";
	position: absolute;
	top: 0;
	right: -16px;
	display: block;
	width: 1px;
	height: 16px;
	background: var(--text-contrast);
}

/* 404 page */

.section-fof {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--color-paper) url(https://static.tildacdn.com/tild3963-6662-4565-b337-373935373164/fof.svg);
	background-repeat: no-repeat;
    background-size: 50%;
    background-position: left -75px top -75px;
}

.fof-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.fof-wrapper h1 {
	font-size: 32px;
	line-height: 40px;
}

.fof-button-wrapper {
	padding-top: 16px;
}

/* Request Form Description */

.forma-description {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-list);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.4px;
	color: var(--color-secondary);
	fill: var(--color-secondary);
}

.forma-title {
	font-weight: 500;
}

.forma-text-wrapper {
	display: flex;
	flex-direction: row;
	gap: var(--space-string);
}

/* Lang selector */

.lang {
	position: relative;
	display: inline-block;
}

.lang-selector-wrapper {
    position: absolute;
    top: 40px;
    right: 0;
    width: 140px;
    padding: var(--space-list) 0;
    border-radius: 5px;
    background: var(--color-paper);
    box-shadow: 0px 5px 5px -3px rgba(58, 53, 65, 0.20), 
                0px 8px 10px 1px rgba(58, 53, 65, 0.14), 
                0px 3px 14px 2px rgba(58, 53, 65, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}

.footer-wrapper .lang-selector-wrapper {
    top: auto;
    bottom: 40px;
}

.lang-selector-wrapper.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-selector {
	padding: 6px 16px;
	display: flex;
	flex-direction: row;
	gap: var(--space-string);
	text-decoration: none;
	color: var(--text) !important;

	transition: all 0.2s ease-in;
}

.lang-selector:hover {
	background: var(--color-secondary-opacity-hover);
}

.lang-selector:active {
	background: var(--color-secondary-opacity-pressed);
}

.ae-flag {
	background: url(https://static.tildacdn.com/tild6233-6430-4432-b737-623236636435/AE_-_United_Arab_Emi.svg);
}

.us-flag {
	background: url(https://static.tildacdn.com/tild3363-3563-4961-a434-343838393336/US_-_United_States-m.svg);
}

.ru-flag {
	background: url(https://static.tildacdn.com/tild3665-3234-4834-b838-653536393238/RU_-_Russian_Federat.svg);
}

.flag-ic {
	width: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.lang-selected {
	background: var(--color-primary-opacity-hover);
}

/* Popups */

.t-form__successbox {
    background: none !important;
}

/* Case study popup */

.casestudy-popup-container {
	max-width: 600px;
	border-radius: 12px;
}

.popup-content {
	margin-bottom: var(--space-xs);
}

.casestudy-ava {
	height: 160px;
	width: 160px;
	border-radius: 80px;
	border: 1px solid var(--divider);
	background: url(https://optim.tildacdn.com/tild3264-3264-4162-b735-353165336663/-/format/webp/img_case_study_ava.png.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.casestudy-name {
	margin-top: var(--space-list);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.casestudy-popup-linkedin-ic {
	width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: var(--space-string);
}

.casestudy-popup-linkedin-ic svg {
	fill: #0A66C2;
}

/* Mobile menu section */

.mobile-menu-section {
	display: none;
    background: rgba(0,0,0,0.5);
    transition: background 0.3s ease;
}

.mobile-menu-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    padding: 28px 32px 32px 32px;
    background: var(--tile-bg-color-dark);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    overflow-y: auto;
    z-index: 1001;
}

.body.menu-open {
    position: fixed;
    width: 100%;
}

/* Для плавного появления фона */

.mobile-menu-section.active {
    background: rgba(0,0,0,0.5);
}

.mobile-menu-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.mobile-menu-actions {
	height: calc(100% - 72px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mobile-menu-actions-wrapper,
.mobile-menu-actions-wrapper-uae {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.gap-list {
	gap: var(--space-list);
}

.mobile-menu-cta {
	text-align: left;
}

.mobile-menu-header-logo {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-left: 24px;
	background: url(https://static.tildacdn.com/tild6231-3238-4062-a564-343035373038/dd-pro-compact.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.mobile-menu-header a svg {
	width: 24px;
	height: 24px;
}

.mobile-menu-actions-wrapper a svg {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: bottom;
}

.mobile-menu-actions-wrapper-uae a svg {
	width: 24px;
	height: 24px;
	margin-left: 8px;
	vertical-align: bottom;
}

/* Отключение скролла при открытом меню */

body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.uc-mobile-menu-popup .t868 .t-popup {
	padding: 0 !important;
}

.uc-mobile-menu-popup .t868 .t-popup .t-popup__container {
	max-width: 100% !important;
	border-radius: 0px !important;
	background-color: transparent !important;
	right: 0 !important;
	left: 0 !important;
}

/* Responsive */

@media (min-width: 769px) {
    .mobile-cta {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
	.t-container {
        max-width: 100% !important;
    }

	.t-col_12 {
        max-width: 100% !important;
    }

    .section-fof {
		background-size: 50%;
		background-position: center top 10%;
	}

	.fof-wrapper {
		margin-top: 20%;
	}
}

@media (max-width: 1024px) {

	nav.desktop {
		display: none;
	}

	nav.mobile {
		display: block;
	}

	.selected::after {
		content: none;
	}

	.selected::before {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 4px;
		background: var(--color-primary);
	}

    .mobile-lang .lang-selector-wrapper {
        right: auto;
        left: 0;
    }

	.main-banner-logo {
		height: 64px;
		width: 300px;
	}

	.outline-tile-box {
		flex-basis: 50%;
    	max-width: 50%;
	}

	.calculator-form-wrapper {
		flex-direction: column;
	}

	.form-right-wrapper {
		justify-content: normal;
		padding: var(--space-l);
		gap: var(--space-m);
	}

	.output-string {
    	width: auto;
	}

	.form-label {
		flex: 1 0 0;
	}

	.input-group {
		flex: 2 0 0;
	}
}

@media (max-width: 900px) {

	.main-banner-section,
	.main-banner-section-uae {
		background: var(--color-primary-dark);
	}

	.main-banner-section-anim,
	.main-banner-section-anim-uae {
		display: none;
	}

	.main-banner-logo {
		width: 234px;
		height: 50px;
		margin: 0 auto;
		background: url(https://static.tildacdn.com/tild6537-3930-4737-a562-336638373338/logo_co_buying_contr.svg);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.main-banner-container {
		text-align: center;
		flex-direction: column;
		gap: var(--space-l);
	}

	.testimonials-container {
		flex-direction: column;
	}

	.case-study-tile {
		overflow: hidden;
	}

	.quote-tile {
		margin-bottom: var(--space-m);
		overflow: hidden;
	}

	.checklist-tiles-wrapper {
		gap: var(--space-l);
	}
}

@media (max-width: 768px) {
	:root {
		/* Spaces */
		--space-xxl: 64px;
		--space-xl: 32px;
		--space-l: 24px;
		--space-m: 16px;
		--space-s: 12px;
		--space-xs: 8px;
	}

	.t1093 .t-popup {
		background: var(--color-paper) !important;
	}

	.t396__elem.tn-elem.tn-elem__10629138211748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10632414311748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10634346861748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10634346961748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10647897361748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10647897461748426138504.zero-form-rendered,
	.t396__elem.tn-elem.tn-elem__10681571961748594162505,
	.t396__elem.tn-elem.tn-elem__10692945061748594162505,
	.t396__elem.tn-elem.tn-elem__10692772811748594162505{
		left: 0 !important;
		width: 100% !important;
		padding: 16px;
	}

	.t-input-group:first-child .t-input-block .t-text div {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.t-popup__close-icon g {
		fill: var(--color-secondary) !important;
	}

	.flex-wrapper {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.row-wrapper {
		flex-direction: column;
	}

	h1 {
		font-size: 32px;
		line-height: 40px;
	}

	.h1-ru {
		font-size: 24px;
		line-height: 32px;
	}

	h2 {
		font-size: 24px;
		line-height: 32px;
	}

	h3 {
		font-size: 20px;
		line-height: 28px;
	}

	h4 {
		font-size: 16px;
		line-height: 24px;
	}

	.t-submit {
		width: 100% !important;
	}

	.button {
		width: 100%;
	}

	.tile-button {
		padding: 12px 32px;
		min-width: 56px;
		min-height: auto;
		height: 56px;
	}

	.mobile-off {
		display: none;
	}

	.main-banner-logo {
		padding: 0 24px 24px 24px;
	}

	.outline-tiles-wrapper {
		width: calc(100% + 16px);
		margin: -16px 0 0 -16px;
	}

	.outline-tile-box {
		padding: 16px 0 0 16px;
		flex-basis: 100%;
    	max-width: 100%;
	}

	.footer,
	.footer-wrapper {
		align-items: center;
		flex-direction: column;
	}

	.footer {
		padding: var(--space-xl);
		gap: var(--space-l);
	}

	.footer-wrapper {
		gap: var(--space-m);
	}

	.footer-link-left,
	.footer-link-left-uae,
	.footer-link-right,
	.footer-link-right-uae {
		margin: 0;
	}

	.footer-link-left::before,
	.footer-link-left-uae::after {
		content: none;
	}

	.form-group {
		flex-direction: column;
		gap: var(--space-list);
	}

	.form-label,
	.input-group {
		width: 100%;
		flex: auto;
	}
}

@media (max-width: 600px) {

	.checklist-tiles-wrapper {
		flex-wrap: wrap;
		align-items: center;
		gap: 80px;
	}

	.calculator-wrapper,
	.form-right-wrapper {
		padding: var(--space-m);
	}
}

@media (max-width: 480px) {

	.mobile-menu-container {
        width: 85%;
    }

	.case-study-ava {
		flex: none;
		height: 360px;
	}

	.case-study-quote {
		background: linear-gradient(180deg, rgba(230, 236, 247, 0.50) 0%, #E6ECF7 100%);
	}

	.case-study-tile {
	    flex-direction: column;
	}
}

@media (max-width: 370px) {
	
	.xlarge,
	.t-submit {
		font-size: 19px !important;
	}
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .fixed-element {
        padding-bottom: env(safe-area-inset-bottom);
    }
}