@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root {
	--general: #000000;
	--additional-color: #0A59F6;
	--additional-color-2: #031664;
	--white: #ffffff;
	--swiper-preloader-color: var(--additional-color);
	--plyr-color-main: var(--additional-color);
	--transition-prop: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

html,
body {
	position: relative;
	color: var(--general);
	font-size: 16px;
	line-height: 1.6;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: var(--white);
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
}

::selection {
	color: #fff;
	background: var(--additional-color);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

*,
*::after,
*::before {
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	margin: 0;
	opacity: 1;
	transition: var(--transition-prop);
}

body.effect {
	opacity: 0;
}

body.effect main {
	transform: scale(0.99);
}

input,
button {
	outline: none;
	box-shadow: none;
}

@media (min-width : 991px) {

	::-webkit-scrollbar {
		width: 7px;
		height: 5px;
		background-color: rgb(243, 243, 243);
	}

	::-webkit-scrollbar-thumb {
		background: var(--additional-color);
		border-radius: 10px;
		box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	}

	::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: rgb(243, 243, 243);
	}
}

input:-ms-input-placeholder {
	color: #000;
	opacity: 0.65;
}

input::-moz-placeholder {
	color: #000;
	opacity: 0.65;
}

input:-moz-placeholder {
	color: #000;
	opacity: 0.65;
}

input::-webkit-input-placeholder {
	color: #000;
	opacity: 0.65;
}

textarea::-webkit-input-placeholder {
	color: #000;
	opacity: 0.65;
}

a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	transition: var(--transition-prop);
}

a:hover {
	text-decoration: none;
}

li {
	list-style-type: none;
}

p {
	margin-top: 0;
	margin-bottom: clamp(15px, 1.4vw, 30px);
}

p a {
	color: var(--additional-color);
	font-weight: 700;
}

p strong {
	font-weight: 700;
}

p a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

small {
	font-size: 12px;
	text-transform: uppercase;
}

img {
	display: block;
}

button,
input {
	overflow: visible;
}

.pt-0 {
	padding-top: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.m-0 {
	margin: 0 !important;
}

.preloader-block.active {
	display: flex;
}

.preloader-block {
	position: fixed;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	background: var(--white);
	display: flex;
	z-index: 100;
}

.preloader-block img {
	position: relative;
	animation: preloader-pulse 0.5s cubic-bezier(0.600, 0, 0.735, 0.045) infinite alternate;
}

@keyframes preloader-pulse {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}

.parallax-img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.parallax-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.parallax-img-box .simpleParallax,
.parallax-img-box .parallaxContainer {
	height: 100%;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.form-group {
	position: relative;
	margin-bottom: 13px;
}

label {
	display: block;
	font-size: max(85%, 13px);
	margin-bottom: 10px;
}

.form-group.textarea {
	display: block;
}

.form-control {
	display: block;
	font-size: 100%;
	width: 100%;
	color: var(--general);
	padding: clamp(14px, 1.3vw, 22px) clamp(15px, 1.3vw, 30px);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background-color: var(--white);
	filter: none;
	margin: 0;
	font-weight: 400;
	line-height: 1;
	transition: var(--transition-prop);
}

textarea.form-control {
	line-height: 1.3;
	border-radius: 4px;
}

.form-control.error {
	color: #D44545;
	border-color: #D44545;
}

.form-control.error::placeholder {
	color: #D44545;
}

.form-control:disabled {
	opacity: 0.25;
}

.form-control:focus {
	border-color: var(--additional-color);
}

select.form-control,
select.border-field {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background: var(--white) right 1.4em top 50% / 1em auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.315' height='11.072' viewBox='0 0 19.315 11.072'%3E%3Cpath d='M0,0,8.95,8.95,0,17.9' transform='translate(18.607 0.707) rotate(90)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
	padding-right: max(1.5vw, 40px);
	line-height: 1.2;
}

select.border-field {
	background-position: right 1em top 50%;
}

.home-hero-content select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15.744' height='27.713' viewBox='0 0 15.744 27.713'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='15.744' height='15.782' fill='%2365e165' stroke='%2365e165' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(15.744) rotate(90)'%3E%3Cg transform='translate(11.465 15.744) rotate(-90)'%3E%3Cg transform='translate(0 0)' clip-path='url(%23a)'%3E%3Cg transform='translate(0 0)' fill='%2365e165'%3E%3Cpath d='M 7.872129917144775 13.95348644256592 C 7.177211761474609 10.93194961547852 4.777482986450195 8.554106712341309 1.743878364562988 7.891085624694824 C 4.777482986450195 7.228065013885498 7.177211761474609 4.850222110748291 7.872129917144775 1.82868480682373 C 8.567048072814941 4.850222110748291 10.96677684783936 7.228065013885498 14.00038146972656 7.891085624694824 C 10.96677684783936 8.554106712341309 8.567048072814941 10.93194961547852 7.872129917144775 13.95348644256592 Z' stroke='none'/%3E%3Cpath d='M 7.872129917144775 4.530657768249512 C 7.066470146179199 5.927933692932129 5.898556709289551 7.091232299804688 4.497499465942383 7.891085624694824 C 5.898556709289551 8.690938949584961 7.066470146179199 9.85423755645752 7.872129917144775 11.25151443481445 C 8.677789688110352 9.85423755645752 9.845703125 8.690938949584961 11.24676132202148 7.891085624694824 C 9.845703125 7.091232299804688 8.677789688110352 5.927933692932129 7.872129917144775 4.530657768249512 M 7.075349807739258 -3.814697265625e-06 L 8.668459892272949 -3.814697265625e-06 L 8.667999267578125 0.02283573150634766 C 8.667999267578125 3.918365478515625 11.82588958740234 7.076265335083008 15.72187995910645 7.076265335083008 L 15.74425983428955 7.0758056640625 L 15.74425983428955 8.705905914306641 L 15.72187995910645 8.705905914306641 C 11.82588958740234 8.705905914306641 8.667999267578125 11.86380577087402 8.667999267578125 15.7593355178833 L 8.668459892272949 15.78171539306641 L 7.075349807739258 15.78171539306641 C 7.075349807739258 15.77440547943115 7.076259613037109 15.76663589477539 7.076259613037109 15.7593355178833 C 7.076259613037109 11.86380577087402 3.917909622192383 8.705905914306641 0.02237987518310547 8.705905914306641 L 0 8.705905914306641 L 0 7.0758056640625 L 0.02237987518310547 7.076265335083008 C 3.917909622192383 7.076265335083008 7.076259613037109 3.918365478515625 7.076259613037109 0.02283573150634766 C 7.076259613037109 0.01507568359375 7.075349807739258 0.007765769958496094 7.075349807739258 -3.814697265625e-06 Z' stroke='none' fill='%2365e165'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect width='1.598' height='27.713' transform='translate(0 8.667) rotate(-90)' fill='%2365e165'/%3E%3C/g%3E%3C/svg%3E");
}

select option {
	color: var(--general);
}

.border-field.search,
.form-group.search input {
	padding-right: max(3.5vw, 40px);
	background: var(--white) right max(1.5vw, 10px) top 50% / clamp(15px, 1.35vw, 20px) auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.414' height='20.414' viewBox='0 0 20.414 20.414'%3E%3Cg transform='translate(-2 -2)'%3E%3Ccircle cx='8' cy='8' r='8' transform='translate(3 3)' fill='none' stroke='%23022361' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline x1='4.35' y1='4.35' transform='translate(16.65 16.65)' fill='none' stroke='%23022361' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.form-radio-simple-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px clamp(20px, 2.5vw, 50px);
	margin-bottom: 20px;
}

.form-radio-simple {
	margin: 15px 0;
}

.form-radio-simple input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
}

.form-radio-simple input+span {
	position: relative;
	display: block;
	font-size: max(90%, 14px);
	padding-left: 30px;
	line-height: 1.2;
	cursor: pointer;
	align-self: center;
	padding-top: 2px;
}

.form-radio-simple input+span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	transition: var(--transition-prop);
}

.form-radio-simple input:checked+span::before {
	border-color: var(--additional-color);
}

.form-radio-simple input+span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--additional-color);
	transform: scale(0);
	opacity: 0;
	transition: var(--transition-prop);
}

.form-radio-simple input:checked+span::after {
	transform: scale(1);
	opacity: 1;
}

/* form-radio-simple-right */
.form-radio-simple-right-wrap {
	display: flex;
}

.form-radio-simple.position-right input+span {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	grid-gap: clamp(15px, 1.5vw, 30px);
	position: relative;
	font-size: 100%;
	padding-left: 0;
}

.form-radio-simple.position-right input+span::after {
	content: "";
	position: relative;
	top: -2px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	transform: none;
	opacity: 1;
	background-color: transparent;
	transition: var(--transition-prop);
}

.form-radio-simple.position-right input:checked+span::after {
	border-color: var(--additional-color);
}

.form-radio-simple.position-right input+span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 5px;
	left: auto;
	right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--additional-color);
	transform: scale(0);
	opacity: 0;
	transition: var(--transition-prop);
}

.form-radio-simple.position-right input:checked+span::before {
	transform: scale(1);
	opacity: 1;
}

.sign-up-small-label {
	font-size: max(90%, 14px);
	letter-spacing: 0.055em;
}

.is-input-icon .form-control {
	padding-left: 70px;
	background: top 50% left 11px / 40px auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39.543' height='17.731' viewBox='0 0 39.543 17.731'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='17.731' height='17.773' fill='%2365e165'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-160 -1621.557)'%3E%3Cg transform='translate(160 1639.288) rotate(-90)'%3E%3Cg transform='translate(2.526 0)' fill='none' stroke='%2365e165' stroke-width='3'%3E%3Ccircle cx='6.339' cy='6.339' r='6.339' stroke='none'/%3E%3Ccircle cx='6.339' cy='6.339' r='4.839' fill='none'/%3E%3C/g%3E%3Crect width='2.002' height='14.68' transform='translate(7.865 10.609)' fill='%2365e165'/%3E%3Cg transform='translate(0 21.77)'%3E%3Cg transform='translate(0 0)' clip-path='url(%23a)'%3E%3Cpath d='M17.731,8.2V7.969h-.025A7.943,7.943,0,0,1,9.762.026V0H7.968c0,.009,0,.017,0,.026A7.944,7.944,0,0,1,.025,7.969H0V9.8H.025a7.944,7.944,0,0,1,7.944,7.943c0,.008,0,.017,0,.025H9.762v-.025A7.943,7.943,0,0,1,17.706,9.8h.025V8.2Z' transform='translate(0 0)' fill='%2365e165'/%3E%3C/g%3E%3C/g%3E%3Crect width='2.145' height='17.094' transform='translate(7.865 10.609)' fill='%2365e165'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.is-input-icon.type-of-vehicle-icon .form-control {
	background: top 50% left 20px / 22px auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.274' height='19.799' viewBox='0 0 22.274 19.799'%3E%3Cpath d='M24.2,8.75A1.849,1.849,0,0,0,22.443,7.5H8.831A1.861,1.861,0,0,0,7.074,8.75L4.5,16.162v9.9A1.241,1.241,0,0,0,5.737,27.3H6.975a1.241,1.241,0,0,0,1.237-1.237V24.824H23.062v1.237A1.241,1.241,0,0,0,24.3,27.3h1.237a1.241,1.241,0,0,0,1.237-1.237v-9.9L24.2,8.75ZM8.831,21.112a1.856,1.856,0,1,1,1.856-1.856A1.854,1.854,0,0,1,8.831,21.112Zm13.612,0A1.856,1.856,0,1,1,24.3,19.256,1.854,1.854,0,0,1,22.443,21.112ZM6.975,14.925,8.831,9.356H22.443L24.3,14.925Z' transform='translate(-4.5 -7.5)' fill='%2365e165'/%3E%3C/svg%3E"),
		right 1.4em top 50% / 1em auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.315' height='11.072' viewBox='0 0 19.315 11.072'%3E%3Cpath d='M0,0,8.95,8.95,0,17.9' transform='translate(18.607 0.707) rotate(90)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

dl,
ol,
ul {
	margin: 0;
	padding: 0;
}

button,
.btn {
	width: auto;
	display: block;
	position: relative;
	font-size: 14px;
	color: var(--additional-color);
	margin: 0;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	box-shadow: 0px 12px 38px rgba(0, 0, 0, 0.15);
	transition: var(--transition-prop);
}

.btn-inner {
	display: block;
	min-height: clamp(40px, 3.2vw, 60px);
	padding: clamp(10px, 0.8vw, 18px) clamp(20px, 1.5vw, 30px);
	border-radius: 30px;
	background: var(--white);
	overflow: hidden;
	transition: var(--transition-prop);
}

button:active,
.btn:active {
	transform: scale(0.98);
}

.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition-prop);
}

.btn:not(.is-icon) .btn-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* btn-is-icon */
.btn.is-icon .btn-inner {
	display: grid;
	grid-template-columns: max-content max-content;
	grid-gap: clamp(10px, 0.8vw, 18px);
}

.btn:hover .btn-inner {
	color: var(--white);
	background: var(--additional-color);
}

.btn.is-icon .icon circle,
.btn.is-icon .icon path {
	transition: var(--transition-prop);
}

.btn.is-icon:hover .icon {
	transform: translateX(5px);
}

.btn.is-icon:hover .icon circle {
	fill: var(--white);
}

.btn.is-icon:hover .icon path {
	fill: var(--additional-color);
}

.btn.is-icon .btn-inner>* {
	align-self: center;
}

.btn .ripple-wave {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	border-radius: 50%;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	background: var(--white) !important;
	opacity: 0.45;
	-webkit-animation: ripple 2s forwards;
	animation: ripple 2s forwards;
	pointer-events: none;
	z-index: 0;
}

@-webkit-keyframes ripple {
	to {
		-webkit-transform: scale(24);
		transform: scale(24);
		opacity: 0;
	}
}

@keyframes ripple {
	to {
		-webkit-transform: scale(24);
		transform: scale(24);
		opacity: 0;
	}
}

/* btn-page-wrap */
.btn-page-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	width: 100%;
	margin-top: clamp(20px, 2.5vw, 50px);
}

.btn-page-wrap.center {
	text-align: center;
	justify-content: center;
}

.btn-page-wrap.right {
	text-align: right;
	justify-content: flex-end;
}

.btn-double-group {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: clamp(15px, 4vw, 37px);
	margin: max(3.5vw, 20px) 0 0;
}

.btn-double-group.right {
	justify-content: flex-end;
}

.container {
	width: min(96%, 1460px);
	margin: 0 auto;
	padding: 0 15px;
}

.container.small {
	width: min(96%, 1230px);
}

.container.full {
	width: min(100%, 1920px);
	padding: 0;
	margin: 0 auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: clamp(15px, 1.2vw, 30px);
	font-weight: 800;
	text-transform: uppercase;
}

h1,
.title-page {
	font-size: 468%;
}

h2,
.title-section {
	font-size: 375%;
}

h3,
.title-block {
	font-size: 312%;
}

h4,
.subtitle-block {
	font-size: 225%;
}

.center {
	text-align: center;
}


strong {
	font-weight: bold;
}

.w-100 {
	width: 100%;
}

main {
	position: relative;
	min-height: 50vh;
	transition: var(--transition-prop);
}

.top-padding {
	padding-top: 7.5vw;
}

.container-visible {
	overflow: visible;
}

.hidden {
	display: none !important;
}

section {
	position: relative;
	overflow: hidden;
}

.color-bg {
	background-color: var(--additional-color) !important;
}

.white-bg {
	color: var(--general);
	background-color: var(--white) !important;
}

.coll-2,
.coll-3,
.coll-4,
.coll-5,
.coll-6 {
	display: grid;
	grid-template-rows: repeat(auto-fill, minmax(0, 1fr));
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(20px, 6vw, 120px);
	width: 100%;
	margin: clamp(40px, 6.7vw, 140px) 0;
}

.coll-1 {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.coll-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.coll-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coll-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.coll-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.form-group-double {
	gap: 20px;
	margin: 0;
}

/* header */
header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 12;
	transition: var(--transition-prop);
}

header.scroll {
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
	background-color: var(--additional-color);
}

header.scroll .navbar-brand img,
header.scroll .navbar-brand svg {
	width: 191px;
}

header.scroll .navbar-top {
	padding: 20px clamp(20px, 5vw, 100px);
}

header.scroll .sub-menu {
	top: 162%;
}

.navbar-top-wrap {
	transition: var(--transition-prop);
}

.navbar-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	padding: clamp(20px, 1.5vw, 30px) clamp(20px, 5vw, 100px);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

/* navbar-brand */
header .navbar-brand {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 14;
	transition: var(--transition-prop);
}

.navbar-brand:hover {
	opacity: 0.8;
}

.navbar-brand img,
.navbar-brand svg {
	display: block;
	width: 191px;
	height: auto;
	transition: var(--transition-prop);
}

.header-right-side-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(20px, 5vw, 100px);
}

.header-right-side {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.header-right-side .btn .btn-inner {
	padding: 11px clamp(20px, 1.5vw, 30px);
	min-height: 40px;
}

.header-right-side-wrap .btn::after,
.header-right-side-wrap .btn::before {
	padding: 15px 32px;
	text-transform: capitalize;
	font-family: "Manrope", sans-serif;
	letter-spacing: 0.02em;
}

.header-right-side-wrap .btn.btn-light::before {
	border-color: var(--additional-color);
}

/* navbar-collapse */
.menu-open {
	overflow: hidden;
}

.navbar-collapse-inner-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 1;
	transition: var(--transition-prop);
	z-index: 11;
}

.navbar-collapse-inner-block .navbar-brand {
	display: none;
}

.navbar-collapse-inner-block .btn-page-wrap {
	display: none;
}

.navbar-collapse.toggle {
	pointer-events: auto;
	background-color: rgba(0, 0, 0, 0.58);
}

.navbar-collapse.toggle .navbar-collapse-inner-block {
	transform: translateY(0);
}

.navbar-collapse-social {
	display: none;
}

.navbar-collapse.toggle .top-mnu {
	transition-delay: 0.8s;
}

.navbar-collapse nav {
	width: 100%;
	height: 100%;
}

.top-mnu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	color: var(--white);
	margin: 0;
	padding: 0;
	max-height: 100vh;
	transition: var(--transition-prop);
	transition-delay: 0s;
}

.top-mnu>li {
	display: inline-block;
	width: auto;
	margin: 0;
	transition: all 300ms;
}

.navbar-collapse.toggle .top-mnu li {
	opacity: 1;
	transform: translateX(0);
	transition: all 300ms 100ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(2) {
	transition: all 300ms 200ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(3) {
	transition: all 300ms 300ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(4) {
	transition: all 300ms 400ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(5) {
	transition: all 300ms 500ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(6) {
	transition: all 300ms 600ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(7) {
	transition: all 300ms 700ms;
}

.top-mnu>li {
	position: relative;
	margin: 0;
}

.top-mnu>li>a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	padding: 5px clamp(10px, 1.4vw, 25px);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.top-mnu>li.active>a,
.top-mnu>li:hover>a {
	opacity: 0.7;
}

.hamburger {
	display: none;
}

body::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	background-color: var(--general);
	transition: var(--transition-prop);
	pointer-events: none;
	transition-delay: 0.2s;
}

body.submenu-open::before {
	opacity: 0.6;
	transition-delay: 0s;
	pointer-events: all;
}

/* main-foot */
.main-foot {
	position: relative;
	overflow: hidden;
}

.navbar-foot {
	position: relative;
	width: 100%;
	color: var(--white);
	padding: 0;
	margin: 0;
}

.foot-bottom-line-wrap {
	background-color: var(--additional-color-2);
}

.foot-bottom-line {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.foot-bottom-line a:hover {
	opacity: 0.8;
}

.foot-logo-full {
	padding: 0 10px;
}

.foot-logo-full img {
	position: relative;
	width: 100%;
	top: -1px;
}

.foot-logo {
	width: 233px;
	margin: clamp(30px, 4.1vw, 82px) 0 clamp(20px, 3vw, 40px);
}

.foot-logo img {
	width: 100%;
}

.foot-bottom-line nav {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.foot-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size: 110%;
	gap: 0 clamp(20px, 6vw, 120px);
	line-height: 1.2;
	font-weight: 800;
	padding: 0;
	margin: 0;
}

.foot-menu li a {
	display: inline-block;
	position: relative;
	padding: 10px 0;
	margin: 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.foot-menu li a:hover {
	color: var(--additional-color);
}

.foot-bottom-line .foot-additional-menu-wrap {
	width: 100%;
	margin: 0 0 clamp(30px, 2.5vw, 50px);
	padding: 10px 0;
}

.foot-additional-menu {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 5px clamp(20px, 3vw, 80px);
	line-height: 1.2;
	padding: 0;
	margin: 0;
}

.social-menu-block {
	align-self: center;
}

.social-menu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: max(1.5vw, 18px);
	color: var(--white);
}

.social-menu a svg {
	display: block;
	width: auto;
}

.social-menu a:hover {
	transform: translateY(-5px);
}

.foot-join-team-wrap {
	position: relative;
	padding: clamp(40px, 5vw, 100px) 0;
}

canvas {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
}

.wave {
	position: absolute;
	height: 150%;
	width: 100%;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.foot-join-team-info {
	position: relative;
	width: min(100%, 641px);
	padding: 0 0 clamp(20px, 1.8vw, 35px);
	color: var(--general);
}

.foot-join-team-info .title-section {
	font-size: 312%;
}

.see-careers {
	color: var(--additional-color);
	margin: clamp(20px, 2.5vw, 50px) 0 12px;
}

.foot-join-team-info .title-section span {
	color: var(--general);
	text-decoration: underline;
}

/* s-home-hero */
.s-home-hero {
	background-color: var(--additional-color);
}

.home-hero-content {
	position: relative;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
	gap: 10px;
	color: var(--white);
	margin: 90px auto 0;
}

.home-hero-content-info {
	width: 100%;
	align-self: center;
}

.home-hero-content .title-page {
	margin-bottom: clamp(15px, 2vw, 40px);
	letter-spacing: 0.1em;
}

.home-hero-content .title-page span {
	font-size: 125%;
	letter-spacing: 0.26em;
}

.home-hero-content .subtitle-page {
	font-size: 231%;
	font-weight: 500;
}

.home-hero-content-media img {
	width: 100%;
}

.scroll-indicator-wrap {
	position: relative;
	display: block;
}

.scroll-indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 97px;
	height: 97px;
	border-radius: 50%;
	margin-top: clamp(20px, 3.5vw, 71px);
	transform: translateX(-6.5vw);
	transition: var(--transition-prop);
}

.scroll-indicator span {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.scroll-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: rotateAnimation 4s infinite linear;
}

.scroll-circle svg {
	width: 100%;
	height: auto;
}

@keyframes rotateAnimation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* s-video */
.video-content {
	overflow: hidden;
}

.video-content video {
	display: block;
	width: 100%;
}

/* s-latest-news */
.latest-news-content {
	position: relative;
	margin: clamp(40px, 6vw, 120px) 0;
}

.latest-news-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.latest-news-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dark-bg {
	color: var(--white);
	background-color: var(--additional-color-2);
}

.news-grid {
	gap: clamp(15px, 1.5vw, 28px);
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr);
	margin: clamp(30px, 3vw, 61px) 0;
}

.news-item {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: clamp(15px, 1.5vw, 28px);
	border-bottom: 1px solid #363F66;
}

.news-item-img {
	width: 100%;
	height: 154px;
	min-height: 100%;
	overflow: hidden;
}

.news-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition-prop);
}

.news-item:hover .news-item-img img {
	transform: scale(1.05);
}

.news-item-title {
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	transition: var(--transition-prop);
}

.news-item-caption {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 5px clamp(15px, 1.5vw, 28px) clamp(10px, 1vw, 18px) 0;
}

.news-item-caption p {
	font-size: 14px;
	margin-bottom: 0;
}

.icon-arrow {
	display: flex;
	margin-left: auto;
	margin-top: 10px;
	transition: var(--transition-prop);
}

.news-item:hover .news-item-title {
	color: var(--additional-color);
}

.news-item:hover .icon-arrow {
	transform: translateX(5px);
}

.news-grid article:first-of-type {
	grid-column: 1;
	grid-row: span 3;
}

.news-grid article:first-of-type .news-item {
	display: block;
	height: 100%;
	border-bottom: none;
}

.news-grid article:first-of-type .news-item .news-item-img {
	height: 100%;
	width: 100%;
}

.news-grid article:first-of-type .news-item .news-item-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: min(100%, 400px);
	padding: clamp(15px, 1.5vw, 30px);
	background-color: var(--general);
	z-index: 1;
}

.news-grid article:first-of-type .news-item .news-item-caption .news-item-title {
	font-size: 137%;
	margin-bottom: clamp(15px, 1.2vw, 20px);
}

.title-icon::before {
	content: "";
	display: block;
	position: relative;
	width: 62px;
	height: 23px;
	margin: 0 auto 20px;
	background: top center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='22.5' viewBox='0 0 62 22.5'%3E%3Cg transform='translate(-929 -6363.5)'%3E%3Crect width='22' height='1' transform='translate(929 6385)' fill='%230a59f6'/%3E%3Crect width='22' height='1' transform='translate(969 6385)' fill='%230a59f6'/%3E%3Crect width='1' height='22' transform='translate(958.5 6363.5)' fill='%230a59f6'/%3E%3C/g%3E%3C/svg%3E");
}

.title-icon-left::before {
	content: "";
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	transform: translateX(-100%) translateY(10%);
	background: top center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.5' height='40.49' viewBox='0 0 40.5 40.49'%3E%3Cg transform='translate(-496 -5336.5)'%3E%3Crect width='30.01' height='0.99' transform='translate(496 5376)' fill='%230a59f6'/%3E%3Crect width='0.99' height='30.01' transform='translate(535.51 5336.5)' fill='%230a59f6'/%3E%3C/g%3E%3C/svg%3E");
}

.title-icon-left.icon-white::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.5' height='40.49' viewBox='0 0 40.5 40.49'%3E%3Cg transform='translate(-205 -7385.5)'%3E%3Crect width='30.01' height='0.99' transform='translate(205 7425)' fill='%23fff'/%3E%3Crect width='0.99' height='30.01' transform='translate(244.51 7385.5)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

/* s-recognitions */
.recognitions-content {
	position: relative;
	margin: clamp(40px, 6vw, 120px) 0 0;
}

.brands-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: min(100%, 1300px);
	margin: clamp(30px, 2.5vw, 50px) auto;
}

.recognitions-text-block {
	width: min(100%, 822px);
	margin: auto;
	text-align: center;
}

/* s-success-stories */
.success-stories-content {
	margin: clamp(40px, 3.5vw, 70px) 0 0;
	padding: 0;
}

.is-subtitle span {
	display: block;
	font-size: 60%;
}

.is-logo-title::before {
	content: "";
	position: relative;
	display: block;
	margin: auto;
	width: 141px;
	height: 85px;
	margin-bottom: clamp(20px, 1.7vw, 32px);
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.002' height='25.992' viewBox='0 0 44.002 25.992'%3E%3Cpath d='M944.3,4033v4.8a1.679,1.679,0,0,1-.259.879,1.749,1.749,0,0,1-.693.621,11,11,0,0,0-2.421,1.643,10.238,10.238,0,0,0-2.91,4.49v-2.5A11.114,11.114,0,0,1,944.3,4033Zm14.426,0v15.886a9.19,9.19,0,0,1-.759,3.88,10,10,0,0,1-2.2,3.205,10.657,10.657,0,0,1-3.267,2.172,10.545,10.545,0,0,1-4.005.849h-.112a10.544,10.544,0,0,1-2.848-.378,10.078,10.078,0,0,1-1.095-.362,10.172,10.172,0,0,1-5.593-5.34,9.807,9.807,0,0,1-.843-3.846,9.375,9.375,0,0,1,3.127-6.953,9.99,9.99,0,0,1,2.232-1.513l.93-.461v8.89a3.751,3.751,0,0,0,1.228,2.772,4.169,4.169,0,0,0,2.823,1.112,4.01,4.01,0,0,0,1.637-.317,4.471,4.471,0,0,0,1.3-.866,3.737,3.737,0,0,0,.857-1.261,3.788,3.788,0,0,0,.255-.975,3.9,3.9,0,0,0,.042-.569v-5.988A11.107,11.107,0,0,1,958.722,4033Zm3.173.051a11.128,11.128,0,0,1,6.286,9.936v6.881a3.1,3.1,0,0,0,3.148,3.045H972.8a6.18,6.18,0,0,1,6.286,6.073H968.227a6.226,6.226,0,0,1-6.332-6.117Zm13.933,19.856a6.08,6.08,0,0,1,6.178,5.974v.1h-1.476A7.363,7.363,0,0,0,975.828,4052.9Z' transform='translate(-938.003 -4032.997)' fill='%230a59f6'/%3E%3C/svg%3E");
}

.is-logo-title.small::before {
	width: 44px;
	height: 26px;
	margin-bottom: 20px;
}

.stories-carousel-wrap {
	position: relative;
	width: min(100%, 1430px);
	margin: clamp(30px, 2.5vw, 50px) auto 0;
}

.swiper-pagination {
	position: relative;
	bottom: 0 !important;
	margin-bottom: clamp(20px, 2.5vw, 50px);
}

.swiper-pagination-bullet {
	position: relative;
	width: 13px;
	height: 13px;
	opacity: 1;
	margin: 0 clamp(8px, 1.2vw, 30px) !important;
	background: var(--white);
}

.swiper-pagination-bullet-active {
	background: var(--additional-color);
}

.tab-content {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.tab-content-inner-wrap {
	position: relative;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
	padding: clamp(20px, 2.5vw, 50px);
	margin: 0;
	gap: 20px;
}

.tab-content-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-content-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-content-inner {
	padding: clamp(20px, 2.7vw, 55px) clamp(15px, 2.7vw, 55px);
	background-color: var(--general);
	border-radius: 20px;
	overflow: hidden;
}

.tab-content-inner-logo {
	display: block;
	width: 254px;
	height: 116px;
	margin-left: auto;
	background-color: var(--white);
	border-radius: 20px;
	overflow: hidden;
}

.tab-content-inner-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.tab-content-inner .title-block {
	font-size: 162%;
}

.tab-content-inner .title-icon-left::before {
	width: 20px;
	height: 20px;
}

.tab-content-inner-icons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	gap: 20px;
	margin-bottom: 10px;
}

.tab-content-inner-icons .item {
	text-align: center;
}

.tab-content-inner-icons .item span {
	display: block;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 15px;
}

.blob {
	position: absolute;
	top: 0;
	left: 0;
	fill: #0a58f5;
	width: 25vmax;
	-webkit-animation: move 20s linear infinite;
	animation: move 20s linear infinite;
	transform-origin: 50% 50%;
	-webkit-filter: blur(max(250px, 10vw));
	filter: blur(max(250px, 10vw));
}

.blob.white {
	fill: var(--white);
	-webkit-filter: blur(max(200px, 8vw));
	filter: blur(max(200px, 8vw));
}

.blob.dark {
	width: 35vmax;
	fill: #082061;
	-webkit-filter: blur(max(200px, 11vw));
	filter: blur(max(200px, 15vw));
}

.s-latest-news .blob {
	top: 20%;
}

@-webkit-keyframes move {
	0% {
		transform: scale(1) translate(10px, -30px);
	}

	28% {
		transform: scaleX(0.8) translate(100vw, 30vh) rotate(160deg);
	}

	30% {
		transform: scaleX(0.8) translate(100vw, 30vh) rotate(160deg);
	}

	58% {
		transform: scale(1.3) translateY(50vh) rotate(-20deg);
	}

	60% {
		transform: scale(1.3) translateY(50vh) rotate(-20deg);
	}

	80% {
		transform: scale(1) translate(40vw, -30px);
	}
}

@keyframes move {
	0% {
		transform: scale(1) translate(10px, -30px);
	}

	28% {
		transform: scaleX(0.8) translate(100vw, 30vh) rotate(160deg);
	}

	30% {
		transform: scaleX(0.8) translate(100vw, 30vh) rotate(160deg);
	}

	58% {
		transform: scale(1.3) translateY(50vh) rotate(-20deg);
	}

	60% {
		transform: scale(1.3) translateY(50vh) rotate(-20deg);
	}

	80% {
		transform: scale(1) translate(40vw, -30px);
	}
}

.logo-bg {
	position: relative;
	width: 100%;
	padding: 0 clamp(15px, 5vw, 100px);
	margin-top: clamp(55px, 9vw, 180px);
	overflow: hidden;
}

.logo-bg img {
	width: 100%;
}

.logo-bg::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 62px;
	background: bottom center / contain no-repeat url("/img/home/overlay.png");
}

/* s-mission */
.content-default {
	position: relative;
	margin: clamp(40px, 7vw, 143px) 0;
}

.content-with-logo-block {
	position: relative;
	width: min(100%, 850px);
	margin: 0 auto;
	text-align: center;
	z-index: 2;
}

.content-with-logo-block .title-section {
	color: var(--additional-color);
}

.bg-gradient::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: top left / cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='1005' viewBox='0 0 1920 1005'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='0.671' stop-color='%23e8e8e8'/%3E%3Cstop offset='0.717' stop-color='%23e3e3e3'/%3E%3Cstop offset='0.717' stop-color='%23e0dfdf'/%3E%3Cstop offset='0.726' stop-color='%23eae7e7'/%3E%3Cstop offset='0.881' stop-color='%23fbfbfb'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1920' height='1005' fill='url(%23a)'/%3E%3C/svg%3E");
}

.our-focus-thumbs-carousel-wrap {
	width: min(100%, 506px);
	margin: clamp(25px, 3.7vw, 75px) auto 0;
}

.our-focus-thumbs-item {
	font-size: 14px;
	color: var(--additional-color);
	padding: 10px 0;
	margin-top: 0;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	transition: var(--transition-prop);
}

.swiper-slide-active .our-focus-thumbs-item {
	font-weight: 800;
	margin-top: -10px;
}

.our-focus-item-img {
	position: relative;
}

.our-focus-carousel-block {
	position: relative;
	margin-top: -50px;
}

.our-focus-item-img img {
	width: min(100%, 1100px);
	margin: 0 auto;
}

.our-focus-thumbs-carousel {
	background: top center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='31' viewBox='0 0 506 31'%3E%3Cg transform='translate(-797.5 -2917.602)'%3E%3Cpath d='M761.374,3924.939H898.486L947.468,3895H1216.31' transform='translate(61.197 -976.896)' fill='none' stroke='%23011763' stroke-width='1'/%3E%3Cline x2='12' transform='translate(1282.5 2918.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='12' transform='translate(806.311 2948.043)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='5' transform='translate(1298.5 2918.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='5' transform='translate(797.5 2948.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}

.our-focus-item h3 {
	position: absolute;
	top: 55%;
	font-size: 437%;
	color: var(--additional-color);
	z-index: 1;
}

.mission-bg {
	position: absolute;
	top: -10%;
	left: 0;
	width: 100%;
	height: 100%;
	background: top center / cover no-repeat;
}

.mission-content-imgs {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: clamp(20px, 4vw, 81vw);
}

.mission-content-imgs>div:nth-of-type(2) img {
	position: relative;
	transform: translateY(35px);
}


@media (max-width : 1440px) {

	html,
	body {
		font-size: 16px;
	}

	h1,
	.title-page {
		font-size: 400%;
	}

	h2,
	.title-section {
		font-size: 282%;
	}

	h3,
	.title-block {
		font-size: 250%;
	}

	h4,
	.subtitle-block {
		font-size: 190%;
	}

	button,
	.btn {
		font-size: 13px;
	}

	.top-padding {
		padding-top: 8vw;
	}

	.navbar-top {
		padding: clamp(20px, 2.5vw, 50px) clamp(20px, 2vw, 100px);
	}

	header.scroll .navbar-top {
		padding: 20px clamp(20px, 2vw, 100px);
	}

	.navbar-brand img,
	.navbar-brand svg {
		width: 152px;
	}

	header.scroll .navbar-brand img,
	header.scroll .navbar-brand svg {
		width: 120px;
	}

	.foot-join-team-info .title-section {
		font-size: 280%;
	}

	.header-right-side-wrap {
		gap: clamp(20px, 3vw, 60px);
	}

	.scroll-indicator {
		transform: none;
	}

	.our-focus-item h3 {
		font-size: 387%;
	}

	.bg-gradient::before {
		height: 80%;
	}

}

@media (max-width : 1280px) {

	html,
	body {
		font-size: 16px;
	}

	h1,
	.title-page {
		font-size: 300%;
	}

	.btn-double-group {
		gap: clamp(15px, 2vw, 37px);
	}

	.home-hero-content .subtitle-page {
		font-size: 170%;
	}

}


@media (max-width : 1024px) {

	html,
	body {
		font-size: 15px;
	}

	h1,
	.title-page {
		font-size: 350%;
	}

	h2,
	.title-section {
		font-size: 242%;
	}

	h3,
	.title-block {
		font-size: 200%;
	}

	h4,
	.subtitle-block {
		font-size: 170%;
	}

	.our-focus-item h3 {
		font-size: 320%;
	}

	.mission-content-imgs img {
		width: 100%;
	}

}

@media (max-width : 991px) {

	.parallax3DScene {
		height: 20rem !important; 
	}

	/* Revert */
	.removeImage {
		display: auto !important;
	}

	html,
	body {
		font-size: 15px;
	}

	.preloader-content-wrap {
		width: 100px;
		height: 100px;
	}

	.coll-2,
	.coll-3,
	.coll-4,
	.coll-5,
	.coll-6 {
		display: block;
	}

	h1,
	.title-page {
		font-size: 230%;
	}

	h2,
	.title-section {
		font-size: 200%;
	}

	h3,
	.title-block {
		font-size: 190%;
	}

	h4,
	.subtitle-block {
		font-size: 180%;
	}

	.top-padding {
		padding-top: 60px;
	}

	.navbar-brand img,
	.navbar-brand svg {
		width: 185px;
		margin-left: 0;
	}

	.navbar-collapse-inner-block .navbar-brand {
		display: block;
	}

	header {
		-webkit-box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 20%);
		box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 20%);
		background-color: var(--additional-color);
	}

	header .navbar-brand {
		z-index: 15;
	}

	.header-right-side .btn-page-wrap {
		display: none;
	}

	.navbar-top {
		padding: 10px 15px;
	}

	.hamburger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 40px;
		height: 40px;
		margin-left: 5px;
		cursor: pointer;
		box-sizing: border-box;
		transition: var(--transition-prop);
		z-index: 14;
	}

	.hamburger span {
		width: 34px;
		height: 2px;
		background-color: var(--white);
		display: block;
		margin: 5px auto;
		transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	}

	.hamburger span:first-child {
		transform-origin: 0% 0%;
	}

	.hamburger span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	.hamburger.active span:nth-child(1) {
		transform: translateY(0px) translateX(6px) rotate(45deg);
	}

	.hamburger.active span:nth-child(2) {
		transform: translateX(2px) rotate(90deg);
		opacity: 0;
	}

	.hamburger.active span:nth-child(3) {
		transform: translateY(-12px) rotate(-45deg);
	}

	.menu-open {
		overflow: hidden;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		overflow: hidden;
		transition: var(--transition-prop);
		z-index: 14;
	}

	.navbar-collapse-inner-block {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 10px 15px 20px;
		background: var(--additional-color) center / cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74.806' height='45.179' viewBox='0 0 74.806 45.179'%3E%3Cpath d='M162.175,49.992V58.33a2.94,2.94,0,0,1-1.618,2.608,18.746,18.746,0,0,0-4.115,2.858,17.835,17.835,0,0,0-4.948,7.8V67.261A19.36,19.36,0,0,1,162.175,49.992Zm24.525,0V77.6a16.291,16.291,0,0,1-1.29,6.745,17.4,17.4,0,0,1-3.735,5.57,18.1,18.1,0,0,1-5.554,3.775,17.647,17.647,0,0,1-6.809,1.476h-.19a17.592,17.592,0,0,1-4.841-.658,17.08,17.08,0,0,1-1.861-.628,17.623,17.623,0,0,1-5.62-3.651A17.907,17.907,0,0,1,152.91,84.6a17.365,17.365,0,0,1-1.433-6.685,16.452,16.452,0,0,1,5.316-12.084,16.942,16.942,0,0,1,3.794-2.632l1.582-.8V77.853a6.585,6.585,0,0,0,2.087,4.818,7,7,0,0,0,4.8,1.932,6.683,6.683,0,0,0,2.783-.551,7.562,7.562,0,0,0,2.218-1.506,6.5,6.5,0,0,0,1.457-2.193,6.706,6.706,0,0,0,.434-1.695,6.932,6.932,0,0,0,.071-.99V67.261A19.35,19.35,0,0,1,186.7,49.992Zm5.394.089A19.382,19.382,0,0,1,202.78,67.351v11.96a5.323,5.323,0,0,0,5.352,5.292h2.492a10.618,10.618,0,0,1,10.686,10.556H202.857a10.7,10.7,0,0,1-10.764-10.633ZM215.78,84.591a10.447,10.447,0,0,1,10.5,10.383v.178h-2.51A12.758,12.758,0,0,0,215.78,84.591Z' transform='translate(-151.476 -49.992)' fill='%23fff' opacity='0.199'/%3E%3C/svg%3E");
		background-size: 300px auto;
		overflow: auto;
		opacity: 0;
		transition: var(--transition-prop);
		z-index: 11;
	}

	.navbar-collapse-social {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 20px;
	}

	.navbar-collapse-social nav {
		width: auto;
	}

	.navbar-collapse-inner-block::before {
		display: block;
		background-size: 90% auto;
	}

	.navbar-collapse.toggle {
		pointer-events: auto;
	}

	.navbar-collapse.toggle .navbar-collapse-inner-block {
		opacity: 1;
	}

	.navbar-collapse.toggle .top-mnu {
		transition-delay: 0.8s;
	}

	.top-mnu {
		height: 100%;
		flex-direction: column;
		padding: 100px 0 50px;
	}

	.top-mnu>li {
		width: 100%;
		opacity: 0;
		transform: translateY(15px);
	}

	.top-mnu>li>a {
		width: 100%;
		font-size: 130%;
		padding: 10px 0;
		text-align: center;
	}

	.navbar-collapse.toggle .btn-page-wrap {
		opacity: 1;
		transform: scale(1);
		transition: all 300ms 500ms;
	}

	.navbar-collapse .btn-page-wrap {
		display: flex;
		opacity: 0;
		transform: scale(0);
	}

	.navbar-collapse-social {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 20px;
		z-index: 1;
	}

	.navbar-foot-inner {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: max(5vw, 35px);
	}

	header .social-menu {
		justify-content: center;
		gap: max(8.5vw, 18px);
	}

	.foot-menu-wrap {
		display: grid;
	}

	.foot-bottom-line {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.foot-additional-menu {
		flex-direction: column;
		justify-content: center;
	}

	.form-group-items {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 0;
	}

	.hero-image-block {
		height: 350px;
		min-height: auto;
	}

	.hero-content-info {
		min-height: auto;
	}

	.foot-menu-wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.foot-menu-wrap>div:first-of-type {
		grid-column: span 2;
	}

	.foot-social .social-menu {
		flex-direction: row;
		justify-content: flex-start;
	}

	.main-foot {
		background-position: top 200px left -50px;
	}

	.foot-menu-wrap>div:last-of-type {
		grid-column: span 2;
	}

	.foot-join-team-info {
		padding: 0 0 30px;
	}

	.news-grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.brands-block {
		justify-content: center;
		flex-wrap: wrap;
	}

	.sustainability-report-img img {
		width: 100%;
		transform: none;
		margin-top: 0;
	}

	.foot-logo {
		width: 160px;
	}

	.tab-content-inner-wrap {
		display: flex;
		flex-direction: column-reverse;
		padding: 20px 15px;
	}

	.tabs-panel {
		flex-wrap: wrap;
	}

	.tab-content-inner-icons {
		flex-direction: column;
	}

	.tab-content-inner-logo {
		width: 154px;
		height: 76px;
		border-radius: 10px;
	}

	.tab-content,
	.tab-content-inner {
		border-radius: 11px;
	}

	.home-hero-content .subtitle-page {
		font-size: 142%;
		line-height: 1.3;
	}

	.tab-content-inner .title-block {
		font-size: 140%;
	}

	.home-hero-content {
		display: flex;
		flex-direction: column-reverse;
		gap: 30px;
		margin-top: 30px;
	}

	.our-focus-item h3 {
		font-size: 220%;
	}

	.is-logo-title::before {
		width: 101px;
		height: 45px;
	}

}

@media (max-width : 767px) {

	html,
	body {
		font-size: 14px;
	}

	.container {
		width: 100% !important;
	}

	.foot-join-team-info .title-section {
		font-size: 230%;
	}

	.news-grid article:first-of-type .news-item {
		min-height: 400px;
	}

	.foot-menu li a {
		padding: 5px 0;
	}

	.foot-menu {
		margin-bottom: 15px;
	}

	.home-hero-content .title-page span {
		letter-spacing: 0.2em;
	}
}

@media (max-width : 480px) {

	html,
	body {
		font-size: 14px;
	}

	button,
	.btn {
		font-size: 13px;
	}

	.foot-menu {
		justify-content: center;
	}

	.foot-logo {
		width: 130px;
	}

	.our-focus-thumbs-item {
		font-size: 12px;
		padding: 5px 0;
	}

	.our-focus-carousel-block {
		margin-top: 10px;
	}

	.bg-gradient::before {
		height: 100%;
	}

	.our-focus-item h3 {
		font-size: 180%;
	}

	.our-focus-thumbs-carousel {
		background-position: top left -15px;
	}
}

@media (max-width : 360px) {

	html,
	body {
		font-size: 13px;
	}

	.our-focus-thumbs-item {
		font-size: 10px;
	}

}

/* 3D */
.webgl {
    position: fixed;
    outline: none;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    z-index: 10;
	/* z-index: 0; */
    pointer-events: none;
}

.sliderSlide {
	margin-top: 10rem;
	height: 60vh !important;
}

.parallax3DScene {
	width: 100%;
	height: 28rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding-top: 10rem;
	color: #0A59F6;
}

.sceneHeadersDiv {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.5rem !important;
}

.sceneHeader {
	position: absolute;
	top: 0;
}

.sceneLinksDiv {
	width: 100%;
	font-size: 1rem;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	background: center center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='31' viewBox='0 0 506 31'%3E%3Cg transform='translate(-797.5 -2917.602)'%3E%3Cpath d='M761.374,3924.939H898.486L947.468,3895H1216.31' transform='translate(61.197 -976.896)' fill='none' stroke='%23011763' stroke-width='1'/%3E%3Cline x2='12' transform='translate(1282.5 2918.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='12' transform='translate(806.311 2948.043)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='5' transform='translate(1298.5 2918.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3Cline x2='5' transform='translate(797.5 2948.102)' fill='none' stroke='%2306175f' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}

.sceneLinkGroup {
	width: min(20vw);
	height: 5rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline: 2rem;
}

.sceneLink {
	position: absolute;
}

.activeSceneLink {
	cursor: pointer;
}

.staticSceneLink {
	cursor: default;
	font-weight: 700;
}

.sceneLinkLoadingBarDiv {
	position: absolute;
	width: 100%;
	height: 0.8rem;
	border: 2px solid #031664;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.sceneLinkLoadingBar {
	width: 100%;
	height: 100%;
	background-color: #031664;
}

@media screen and (max-width: 600px) {
	.sceneLinksDiv {
		font-size: 0.5rem !important;
	}
}

/* Mission 3D Div */

.mission3DDiv {
	width: 100%;
	height: 10rem;
}

/* Temp Loading Page */
.loadingPage {
	display: flex;
	justify-content: center;
	align-items: center;
}

.loadingDotsDiv {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}

.loadingDot {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #0A59F6;
}

.tempLoadingBarDiv {
	position: absolute;
	width: 100vw;
	height: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform-origin: left center;
	transform: scaleX(0);
}

.tempLoadingBar {
	width: 100%;
	height: 100%;
	background-color: #0A59F6;
}

.heroImage {
	opacity: 0 !important;
	pointer-events: none !important;
}