@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dela%20Gothic%20One:wght@400&display=swap");

* {
	border: 0;
	margin: 0;
	padding: 0
}

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

:after,
:before {
	display: inline-block
}

body,
html {
	height: 100%
}

body {
	line-height: 1;
	scrollbar-gutter: stable;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

input,
textarea {
	width: 100%
}

label {
	display: inline-block
}

button,
option,
select {
	cursor: pointer
}

a {
	color: inherit;
	display: inline-block;
	text-decoration: none
}

ul li {
	list-style: none
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

address {
	font-style: normal
}

@font-face {
	font-display: swap;
	font-family: iconfont;
	src: url(../assets/fonts/iconfont.woff2?c7c30f2aca54d3a404b96e50c5d8c246) format("woff2")
}

[class*="--icon-"]:before {
	font-family: iconfont
}

[class*="--icon-arrow"]:before {
	content: "\f101"
}

body {
	background-color: #f1f1f1;
	color: #333;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	min-width: 20rem
}

[data-fls-scrolllock] body {
	overflow: hidden;
	overscroll-behavior: none;
	touch-action: none
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	overflow: clip
}

.wrapper>main {
	flex: 1 1 auto
}

.wrapper>* {
	min-width: 0
}

[class*=__container] {
	margin: 0 auto;
	max-width: 79.375rem;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.link {
	align-items: center;
	color: #c69b0d;
	column-gap: .6875rem;
	display: inline-flex;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color .3s
}

.link:before {
	aspect-ratio: 1;
	background: url(../assets/img/icons/phone.svg) 0 0 no-repeat;
	content: "";
	flex-shrink: 0;
	object-fit: contain;
	width: 1.125rem
}

.button {
	background-color: #c69b0d;
	border-radius: 1rem;
	color: #fff;
	font-weight: 600;
	padding: .8125rem 1.5rem;
	text-align: center;
	transition: background-color .3s
}

.title {
	color: #d6a400;
	font-family: Dela Gothic One, sans-serif;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase
}

.title--left {
	text-align: left
}

.title--c-dark {
	color: #161616
}

.index__find {
	margin-top: -19.4444444444%;
	position: relative;
	z-index: 20
}

.promo {
	overflow: hidden;
	position: relative
}

.promo__container {
	position: relative;
	z-index: 10
}

.promo__title {
	margin-bottom: .3846153846em;
	opacity: 0;
	translate: 0 1.125rem
}

.--watcher-view .promo__title {
	opacity: 1;
	transition: translate .3s, opacity .3s;
	translate: 0 0
}

.promo__place {
	margin-bottom: .9375em;
	opacity: 0;
	translate: 0 1.125rem
}

.--watcher-view .promo__place {
	opacity: 1;
	transition: translate .3s .15s, opacity .3s .15s;
	translate: 0 0
}

.promo__advantages {
	opacity: 0;
	translate: 0 1.125rem
}

.--watcher-view .promo__advantages {
	opacity: 1;
	transition: translate .3s .3s, opacity .3s .3s;
	translate: 0 0
}

.promo__picture {
	opacity: 0;
	position: relative
}

.--watcher-view .promo__picture {
	opacity: 1;
	transition: opacity .9s, .8s
}

.promo__img {
	aspect-ratio: 642/461;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
	position: relative;
	width: 100%;
	z-index: 1
}

.promo__decor {
	display: none
}

.promo__detail {
	max-width: 15.375rem;
	opacity: 0;
	position: absolute;
	scale: .5;
	top: 1.7204301075%;
	will-change: scale
}

.--watcher-view .promo__detail {
	opacity: 1;
	scale: 1;
	transform-origin: bottom right;
	transition: opacity .4s .55s, scale .4s .5s
}

.promo__bg {
	bottom: 0;
	height: 100%
}

.bg-promo__layer,
.promo__bg {
	left: 0;
	position: absolute;
	width: 100%
}

.bg-promo__layer--1 {
	bottom: 0;
	bottom: 1.25rem;
	z-index: 3
}

.bg-promo__layer--2 {
	bottom: 16.967126193%;
	bottom: 19.0880169671%;
	z-index: 2
}

.bg-promo__layer--3 {
	display: none
}

.bg-promo__layer--4 {
	bottom: 16.967126193%;
	bottom: 19.0880169671%;
	display: block;
	left: 26.0416666667%;
	width: 49.3548387097%
}

.advantages {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(min(13.875rem, 100%), 1fr))
}

.advantages__item {
	align-items: center;
	display: flex;
	gap: 1rem
}

.advantages__icon {
	align-items: center;
	aspect-ratio: 1;
	background-color: #d6a400;
	border-radius: .5rem;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	width: 2.875rem
}

.advantages__icon img {
	width: 60.8695652174%
}

.advantages__label {
	color: #161616;
	font-family: Dela Gothic One, sans-serif;
	line-height: 1.1;
	text-transform: uppercase
}

.detail {
	background-color: #d9d9d9;
	border-radius: 1.5rem 1.5rem 0 1.5rem;
	column-gap: .5rem;
	padding: 1rem
}

.detail,
.detail__icon {
	align-items: center;
	display: flex
}

.detail__icon {
	aspect-ratio: 1;
	background-color: #d6a400;
	border-radius: 50%;
	flex-shrink: 0;
	justify-content: center;
	width: 2.875rem
}

.detail__icon img {
	width: 60.8695652174%
}

.detail__descr {
	color: #161616;
	font-weight: 600;
	line-height: 1.3
}

.find__body {
	opacity: 0;
	position: relative;
	translate: 0 1.5625rem
}

.--watcher-view .find__body {
	opacity: 1;
	transition: opacity .5s .55s, translate .5s .55s;
	translate: 0 0
}

.find__bg {
	border-radius: 1.5rem;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.form-find {
	border-radius: 1.5rem;
	box-shadow: 0 .5rem 1.25rem 0 rgba(0, 0, 0, .1);
	color: #fff;
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem;
	position: relative;
	z-index: 1;

	input {
		background-color: #fff;
		border: .0625rem solid #d9d9d9;
		border-radius: 1rem;
		color: #000;
		font-weight: 500;
		width: 100%;
		align-items: center;
		display: flex;
		gap: .625rem;
		height: 3.1875rem;
		min-width: 0;
		padding-inline: 1rem;
		outline: none;
	}
}

.form-find__column>* {
	margin-bottom: .25rem
}

.form-find__column>:last-child {
	margin-bottom: 0
}

.form-find__label {
	font-weight: 500;
	margin-bottom: .5rem
}

.form-find__price {
	color: #f1f1f1;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase
}

.form-find__text {
	font-weight: 500
}

.form-find__button {
	background-color: #333;
	border-radius: 1rem;
	color: #f1f1f1;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.5rem;
	line-height: 1.1;
	padding: 1.625rem 1.5rem;
	text-transform: uppercase;
	transition: background-color .3s
}

.about {
	background-color: #f1f1f1;
	overflow: hidden;
	position: relative;
	z-index: 10
}

.top-about__title {
	margin-inline: auto;
	max-width: 64.375rem;
	opacity: 0;
	position: relative;
	translate: 0 2.8125rem;
	z-index: 1
}

.--watcher-view .top-about__title {
	opacity: 1;
	transition: opacity .4s, translate .4s;
	translate: 0 0
}

.top-about__title span {
	color: #161616;
	display: block
}

.bottom-about {
	padding-block: 10.625rem 7.1875rem;
	position: relative
}

.bottom-about:after,
.bottom-about:before {
	content: "";
	left: -20px;
	min-width: calc(93.75rem + 40px);
	position: absolute;
	transform: translateX(var(--line-shift, 0px));
	will-change: transform;
	width: calc(100% + 40px)
}

.bottom-about:before {
	background: url(../assets/img/decors/decor-light.svg) 0 100%/cover no-repeat;
	height: 10rem;
	top: 0
}

.bottom-about:after {
	background: url(../assets/img/decors/decor-dark.svg) 0 0/cover no-repeat;
	bottom: 0;
	height: 10.625rem
}

.bottom-about__container {
	align-items: center;
	display: flex;
	gap: 2.5rem 1.875rem;
	justify-content: space-between
}

.bottom-about__content {
	opacity: 0;
	position: relative;
	translate: 0 1.5625rem;
	z-index: 1
}

.--watcher-view .bottom-about__content {
	opacity: 1;
	transition: opacity .6s, translate .6s;
	translate: 0 0
}

.bottom-about__wrapper {
	background-color: #161616;
	border-radius: 1rem;
	color: #f1f1f1;
	padding: 2rem 1.5rem
}

.bottom-about__wrapper:not(:last-child) {
	margin-bottom: 1rem
}

.bottom-about__info {
	color: #e9bb21;
	font-family: Dela Gothic One, sans-serif;
	line-height: 1.3;
	text-transform: uppercase
}

.bottom-about__info:not(:last-child) {
	margin-bottom: 1.625rem
}

.bottom-about__text {
	line-height: 1.3
}

.bottom-about__text p:not(:last-child) {
	margin-bottom: 1.625rem
}

.bottom-about__button {
	width: 100%
}

.bottom-about__bg {
	z-index: -1
}

.bottom-about__bg,
.bottom-about__bg:before {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.bottom-about__bg:before {
	background-color: hsla(0, 0%, 6%, .6);
	content: ""
}

.bottom-about__bg img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

.befits {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, minmax(auto, 15rem))
}

.befits__item {
	color: #f1f1f1;
	opacity: 0;
	text-align: center
}

.--watcher-view .befits__item:first-child {
	transition-delay: .3s
}

.--watcher-view .befits__item:nth-child(2) {
	transition-delay: .4s
}

.--watcher-view .befits__item:nth-child(3) {
	transition-delay: .5s
}

.--watcher-view .befits__item:nth-child(4) {
	transition-delay: .6s
}

.--watcher-view .befits__item {
	opacity: 1;
	transition: opacity .8s
}

.befits__icon {
	align-items: center;
	aspect-ratio: 1;
	background-color: #f1f1f1;
	border-radius: 1.5rem;
	display: inline-flex;
	justify-content: center;
	margin-bottom: 1rem;
	width: 4.75rem
}

.befits__icon img {
	width: 52.6315789474%
}

.befits__label {
	font-family: Dela Gothic One, sans-serif;
	line-height: 1.1;
	text-transform: uppercase
}

@keyframes smooth-increase {
	0% {
		scale: 1
	}

	50% {
		scale: 1.12
	}

	to {
		scale: 1
	}
}

.driving {
	overflow: hidden;
	position: relative
}

.driving__title {
	margin-bottom: 1.4375em;
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .driving__title {
	opacity: 1;
	transition: opacity .4s, translate .4s;
	translate: 0 0
}

.driving__item {
	opacity: 0;
	position: relative
}

.driving__item.--watcher-view {
	opacity: 1;
	transition: opacity .7s;
	will-change: scale
}

.driving__item.--watcher-view:first-child {
	transition-delay: .25s
}

.driving__item.--watcher-view:first-child .item-driving__icon {
	animation: smooth-increase .6s ease .25s forwards
}

.driving__item.--watcher-view:first-child:after {
	transition: width .4s linear .25s;
	width: 12rem
}

.driving__item.--watcher-view:nth-child(2) {
	transition-delay: .4s
}

.driving__item.--watcher-view:nth-child(2) .item-driving__icon {
	animation: smooth-increase .6s ease .72s forwards
}

.driving__item.--watcher-view:nth-child(2):after {
	transition: width .4s linear .75s;
	width: 12rem
}

.driving__item.--watcher-view:nth-child(3) {
	transition-delay: .55s
}

.driving__item.--watcher-view:nth-child(3) .item-driving__icon {
	animation: smooth-increase .6s ease 1.19s forwards
}

.driving__item.--watcher-view:nth-child(3):after {
	transition: width .4s linear 1.25s;
	width: 12rem
}

.driving__item.--watcher-view:nth-child(4) {
	transition-delay: .7s
}

.driving__item.--watcher-view:nth-child(4) .item-driving__icon {
	animation: smooth-increase .6s ease 1.66s forwards
}

.driving__item.--watcher-view:nth-child(4):after {
	transition: width .4s linear 1.75s;
	width: 12rem
}

.driving__item.--watcher-view:nth-child(5) {
	transition-delay: .85s
}

.driving__item.--watcher-view:nth-child(5) .item-driving__icon {
	animation: smooth-increase .6s ease 2.13s forwards
}

.driving__item.--watcher-view:nth-child(5):after {
	transition: width .4s linear 2.25s;
	width: 12rem
}

.driving__item.--watcher-view:first-child {
	animation-play-state: paused
}

.driving__item:after {
	border-top: .25rem dashed #d6a400;
	transition: width .3s;
	width: 0;
	z-index: 1
}

.driving__item:after,
.driving__item:before {
	content: "";
	left: calc(50% + 1.8125rem);
	position: absolute;
	top: 1.25rem
}

.driving__item:before {
	border-top: .25rem dashed #bcbcbc;
	width: 12rem
}

.driving__item:first-child:after {
	border-color: #d6a400
}

.driving__item:last-child:after,
.driving__item:last-child:before {
	display: none
}

.driving__decor {
	left: 0;
	min-width: max(96.6875rem, 100%);
	position: absolute;
	top: -2%;
	z-index: -1
}

.item-driving {
	text-align: center
}

.item-driving__icon {
	align-items: center;
	aspect-ratio: 1;
	background-color: #d6a400;
	border-radius: .5rem;
	display: inline-flex;
	justify-content: center;
	position: relative;
	width: 2.875rem;
	z-index: 1
}

.item-driving__icon img {
	width: 65.2173913043%
}

.item-driving__title {
	color: #d6a400;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.5rem;
	line-height: 1.3;
	text-transform: uppercase
}

.item-driving__text {
	font-weight: 500;
	line-height: 1.3
}

.routes {
	background-color: #161616;
	padding-block: 0.2288rem 4.375rem;
	position: relative
}

.routes__block,
.routes__content,
.routes__top {
	position: relative;
	z-index: 1
}

.routes__content {
	display: grid;
	grid-template-columns: .9375rem 1fr minmax(auto, 77.5rem) 1fr .9375rem;
	min-width: 0
}

.routes__content>* {
	grid-column: 3/5;
	min-width: 0
}

.routes__title:not(:last-child) {
	margin-bottom: 1rem
}

.routes__top {
	opacity: 0;
	padding-bottom: 2.8125rem;
	translate: 0 2.1875rem
}

.--watcher-view .routes__top {
	opacity: 1;
	transition: translate .4s, opacity .4s;
	translate: 0 0
}

.routes__subtitle {
	color: #f1f1f1;
	font-family: Dela Gothic One, sans-serif;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase
}

.routes__slider {
	opacity: 0;
	translate: 0 3.4375rem
}

.--watcher-view .routes__slider {
	opacity: 1;
	transition: opacity .7s .25s, translate .7s .25s;
	translate: 0 0
}

.routes__block {
	display: grid;
	grid-template-columns: .9375rem 1fr minmax(auto, 77.5rem) 1fr .9375rem;
	min-width: 0;
	padding-top: 1.5625rem
}

.routes__block>* {
	grid-column: 3/4;
	min-width: 0
}

.routes__actions {
	align-items: center;
	column-gap: 2.6875rem;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	row-gap: 1.25rem
}

.--watcher-view .routes__actions {
	opacity: 1;
	transition: opacity .3s .8s
}

.routes__actions .swiper-scrollbar {
	background-color: #bcbcbc;
	height: .375rem;
	min-width: 0;
	overflow: hidden
}

.routes__actions .swiper-scrollbar-drag {
	background-color: #d6a400;
	height: 100%
}

.routes__buttons {
	column-gap: 1.25rem;
	display: flex;
	flex-shrink: 0
}

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

.card-route {
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%
}

.card-route>* {
	margin-bottom: .5rem
}

.card-route__detail,
.card-route__label,
.card-route__title {
	font-family: Dela Gothic One, sans-serif;
	text-transform: uppercase
}

.card-route__label {
	color: #f1f1f1;
	line-height: 1.1;
	margin-bottom: .5rem;
	text-transform: uppercase
}

.card-route__title {
	text-align: left
}

.card-route__title:has(+.card-route__text) {
	margin-bottom: 1.5rem
}

.card-route__detail {
	color: #d6a400;
	line-height: 1.1;
	margin-bottom: 1.5rem
}

.card-route__text {
	flex-grow: 1;
	line-height: 1.3;
	margin-bottom: 1.375rem
}

.card-route__text p:not(:last-child) {
	margin-bottom: .5rem
}

.card-route__img {
	aspect-ratio: 400/196;
	border-radius: .75rem .75rem 0 0;
	display: block;
	overflow: hidden
}

.card-route__img img {
	height: 100%;
	object-fit: cover;
	transition: scale .6s;
	width: 100%
}

.card-route__body {
	background-color: #333;
	border-radius: 0 0 .75rem .75rem;
	padding: 1rem
}

.card-route>:last-child {
	margin-bottom: 0
}

.list-route__item {
	align-items: center;
	column-gap: 1.1875rem;
	display: flex;
	font-weight: 600;
	line-height: 1.3
}

.list-route__item:not(:last-child) {
	margin-bottom: .625rem
}

.list-route__icon {
	aspect-ratio: 1;
	flex-shrink: 0;
	object-fit: contain;
	width: 1.625rem
}

.list-route__label {
	flex-grow: 1
}

.list-route__value {
	text-align: right
}

.reviews {
	padding-bottom: 3.125rem
}

.reviews__title {
	margin-bottom: 1em;
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .reviews__title {
	opacity: 1;
	transition: opacity .4s, translate .4s;
	translate: 0 0
}

.reviews__items {
	display: grid;
	gap: .5rem;
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .reviews__items {
	opacity: 1;
	transition: opacity .7s .3s, translate .7s .3s;
	translate: 0 0
}

.item-review {
	display: flex
}

.item-review__img img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

.item-review__body {
	background-color: #e8e8e8;
	padding: 2rem 1.5rem
}

.item-review__title {
	color: #d6a400;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.25rem;
	line-height: 1.1;
	text-transform: uppercase
}

.item-review__title:not(:last-child) {
	margin-bottom: 1rem
}

.item-review__text {
	font-weight: 500;
	line-height: 1.3
}

.item-review__text p:not(:last-child) {
	margin-bottom: .5rem
}

.join {
	padding-block: 246px 5rem;
	position: relative
}

.join:before {
	background: url(../assets/img/decors/decor-light.svg) 0 100%/cover no-repeat;
	content: "";
	height: 10rem;
	left: -20px;
	min-width: calc(93.75rem + 40px);
	position: absolute;
	top: 0;
	transform: translateX(var(--line-shift, 0px));
	will-change: transform;
	width: calc(100% + 40px);
	z-index: 2
}

.join:after {
	background-color: hsla(0, 0%, 6%, .6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.join__container {
	position: relative;
	z-index: 5
}

.join__content {
	color: #f1f1f1
}

.join__content>* {
	margin-bottom: 2rem
}

.join__content>:last-child {
	margin-bottom: 0
}

.join__content {
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .join__content {
	opacity: 1;
	transition: opacity .5s, translate .5s;
	translate: 0 0
}

.join__body {
	background-color: #161616;
	border-radius: 1rem;
	color: #f1f1f1;
	opacity: 0;
	padding: 2rem 1.5rem;
	translate: 0 2.1875rem
}

.--watcher-view .join__body {
	opacity: 1;
	transition: opacity .5s .25s, translate .5s .25s;
	translate: 0 0
}

.join__body>:not(:last-child) {
	margin-bottom: 1.625rem
}

.join__title {
	margin-bottom: 1rem
}

.join__text {
	font-weight: 500;
	line-height: 1.3
}

.join__label {
	color: #d6a400;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.25rem;
	line-height: 1.1;
	margin-bottom: 1.625rem;
	text-transform: uppercase
}

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

.contacts {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.25rem
}

.contacts__link {
	align-items: center;
	column-gap: .4375rem;
	display: flex;
	line-height: 1.3;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color .3s
}

.contacts__icon {
	aspect-ratio: 1;
	flex-shrink: 0;
	object-fit: contain;
	width: 1.125rem
}

.questions {
	overflow: hidden;
	position: relative
}

.questions__title {
	margin-bottom: 1em;
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .questions__title {
	opacity: 1;
	transition: opacity .4s, translate .4s;
	translate: 0 0
}

.questions__decor {
	bottom: -30%;
	left: 0;
	min-width: max(96.6875rem, 100%);
	position: absolute;
	z-index: -1
}

.more {
	background-color: #e8e8e8;
	padding-block: 2.875rem
}

.more__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: .6666666667em
}

.more__text,
.more__title {
	line-height: 1.3
}

.more__text p:not(:last-child) {
	margin-bottom: 1rem
}

.select {
	color: #000;
	min-width: 0
}

.select,
.select__body {
	position: relative
}

.select__title {
	background-color: #fff;
	border: .0625rem solid #d9d9d9;
	border-radius: 1rem;
	color: inherit;
	cursor: pointer;
	text-align: left;
	width: 100%
}

.select__value {
	align-items: center;
	display: flex;
	gap: .625rem;
	height: 3.1875rem;
	min-width: 0;
	padding-inline: 1rem
}

.select__value>* {
	flex: 1 1 auto
}

.select__value:after {
	align-items: center;
	align-self: stretch;
	align-self: center;
	background: url(../assets/img/icons/arrow-select.svg) 50%/contain no-repeat;
	content: "";
	display: flex;
	flex: 0 0 0.6875rem;
	height: .375rem;
	justify-content: center;
	transition: all .3s ease 0s
}

.--select-open .select__value:after {
	transform: rotate(-180deg)
}

.select__value.--select-pseudo-label:before {
	content: attr(data-pseudo-label);
	opacity: .5
}

.select__content {
	font-weight: 500
}

.select__content,
.select__text {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select__input {
	background-color: transparent;
	height: 100%;
	padding: 0 .625rem;
	width: 100%
}

.--select-active .select__input::placeholder {
	color: #000
}

.--select-focus .select__input::placeholder {
	opacity: .5
}

.select__options {
	background-color: #fff;
	border: .0625rem solid #d9d9d9;
	border-radius: 1rem;
	border-top: 0;
	color: #000;
	left: 0;
	min-width: 100%;
	padding: .625rem 0;
	position: absolute;
	top: calc(100% + .375rem)
}

.select__scroll {
	max-height: 12.5rem;
	overflow-x: hidden;
	overflow-y: auto
}

.select__option {
	color: inherit;
	cursor: pointer;
	padding: .625rem 1rem;
	text-align: left;
	transition: background-color .2s;
	width: 100%
}

.select__option.--select-selected {
	background-color: #eee
}

.select__row {
	align-items: center;
	display: inline-flex
}

.select--show-top .select__options {
	bottom: calc(100% + .375rem);
	top: auto
}

.--select-tag {
	cursor: pointer
}

.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6875rem
}

.socials--small {
	gap: 1.125rem
}

.socials__item {
	flex-shrink: 0
}

.socials__link {
	aspect-ratio: 1;
	transition: rotate .4s;
	width: 2.375rem;
	will-change: rotate
}

.socials--small .socials__link {
	width: 1.625rem
}

.socials__img {
	height: 100%;
	object-fit: contain;
	width: 100%
}

[data-fls-spollers] summary {
	list-style: none
}

[data-fls-spollers] summary::-webkit-details-marker,
[data-fls-spollers] summary::marker {
	display: none
}

.spollers {
	display: grid;
	gap: 2rem
}

.spollers__item {
	font-size: 1.25rem;
	opacity: 0;
	translate: 0 2.1875rem
}

.--watcher-view .spollers__item {
	opacity: 1;
	transition: opacity .4s, translate .4s;
	translate: 0 0
}

.--watcher-view .spollers__item:first-child {
	transition-delay: .3s
}

.--watcher-view .spollers__item:nth-child(2) {
	transition-delay: .45s
}

.--watcher-view .spollers__item:nth-child(3) {
	transition-delay: .6s
}

.--watcher-view .spollers__item:nth-child(4) {
	transition-delay: .75s
}

.--watcher-view .spollers__item:nth-child(5) {
	transition-delay: .9s
}

.spollers__title {
	align-items: center;
	border: .0625rem solid;
	border-color: #eee #eee #bcbcbc;
	border-radius: .3125rem;
	column-gap: .9375rem;
	cursor: default;
	display: flex;
	font-family: Dela Gothic One, sans-serif;
	font-size: 1.25rem;
	justify-content: space-between;
	line-height: 1.3;
	list-style: none;
	padding-bottom: 1rem;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	transition: color .3s;
	width: 100%
}

.spollers__title::-webkit-details-marker,
.spollers__title::marker {
	display: none
}

.--spoller-init .spollers__title {
	cursor: pointer
}

.--spoller-init .spollers__title:after {
	color: #000;
	content: "\f101";
	flex-shrink: 0;
	font-family: iconfont;
	font-size: 1rem;
	transition: rotate .3s;
	will-change: rotate
}

.--spoller-init .spollers__title.--spoller-active:after {
	rotate: -180deg
}

.spollers__text {
	font-weight: 500;
	line-height: 1.3;
	padding-top: 1.5rem
}

.spollers__text>:not(:last-child) {
	margin-bottom: .5rem
}

.list-spollers__item {
	align-items: center;
	column-gap: .5rem;
	display: flex
}

.list-spollers__item:not(:last-child) {
	margin-bottom: .3125rem
}

.list-spollers__item:before {
	background-color: #161616;
	border-radius: 50%;
	content: "";
	height: .3125rem;
	width: .3125rem
}

.swiper-initialized {
	touch-action: pan-y
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	width: 100%
}

.swiper-vertical .swiper-wrapper {
	flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start
}

.swiper-initialized .swiper-slide {
	flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
	transform: translateZ(0)
}

.swiper-button-lock {
	display: none !important
}

.swiper-button {
	aspect-ratio: 1;
	color: #d6a400;
	font-size: 1rem;
	transition: scale .3s, color .3s;
	width: 1rem;
	will-change: scale
}

.swiper-button:before {
	rotate: -90deg
}

.swiper-button-prev:before {
	rotate: 90deg
}

.swiper-button:disabled {
	color: #bcbcbc;
	cursor: default
}

.menu__link {
	color: #161616;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color .3s
}

.header {
	left: 0;
	padding-block: 1.5rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50
}

.header__container {
	align-items: center;
	column-gap: .9375rem;
	display: flex
}

.header__logo {
	width: 8.375rem
}

.header__actions,
.header__logo {
	flex-shrink: 0;
	position: relative;
	z-index: 1
}

.header__actions {
	align-items: center;
	column-gap: 1.5rem;
	display: flex
}

.icon-menu {
	display: none;
	margin-right: 5px;
}

[data-fls-header-scroll] {
	transition: background-color .3s, padding-block .3s
}

[data-fls-header-scroll].--header-scroll {
	background-color: #f1f1f1;
	padding-block: .9375rem
}

.footer {
	background-color: #161616;
	padding-block: 2rem 3.5rem
}

.footer__container {
	align-items: center;
	display: flex
}

.footer__logo {
	flex-shrink: 0;
	width: 8.375rem
}

.footer__menu {
	display: grid;
	gap: .5rem;
	grid-template-columns: repeat(3, minmax(auto, 13.125rem))
}

.footer__title {
	color: #d6a400;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: .5rem
}

.footer__text {
	color: #f1f1f1;
	line-height: 1.3;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color .3s
}

.footer__agency {
	color: #d9d9d9;
	line-height: 1.3;
	text-align: right
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.input {
	border-bottom: .0625rem solid #eee;
	caret-color: inherit;
	color: #f1f1f1;
	display: block;
	font-family: Dela Gothic One, sans-serif;
	height: 1.8125rem;
	outline: none;
	text-transform: uppercase;
	transition: border-color .3s;
	width: 100%
}

.input::placeholder {
	color: #f1f1f1
}

.input.--form-focus {
	border-color: #d6a400
}

.input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
	transition: opacity .3s
}

.input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
	opacity: 0
}

textarea.input {
	padding: 0;
	resize: vertical
}

.form {
	display: grid;
	gap: 2rem 1.25rem
}

.form__input:not(:last-child) {
	margin-bottom: .625rem
}

.form__button {
	width: 100%
}

.form [data-fls-form-error] {
	color: red;
	font-weight: 500
}

body:after {
	background-color: rgba(0, 0, 0, .5);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: opacity .8s ease 0s;
	width: 100%;
	z-index: 149
}

[data-fls-popup-open] body:after {
	opacity: 1
}

[data-fls-popup] {
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: visibility .8s ease 0s;
	visibility: hidden
}

[data-fls-popup][data-fls-popup-active] {
	overflow: auto;
	pointer-events: auto;
	visibility: visible;
	z-index: 150
}

#about-modal,
#route-modal {
	padding: 0;
	width: 100%;
	max-width: 1240px;
	background-color: #F1F1F1;
	overflow: hidden;

	.routes__actions {
		opacity: 1;
	}

	.f-button.is-close-button {
		width: 24px;
		height: 24px;
		top: 24px;
		right: 24px;
	}
}

#about-modal {
	.f-button.is-close-button {
		color: #000;
	}
}

#route-modal {
	.routes {

		padding-top: 76px;
		padding-bottom: 24px;
	}
}

[data-fls-popup-active] [data-fls-popup-body] {
	transform: translateY(0) scale(1);
	visibility: visible;
	transition: transform .35s cubic-bezier(.16, 1, .3, 1) 0s, visibility 0s linear 0s
}

[data-fls-popup-wrapper] {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	width: 100%
}

[data-fls-popup-body] {
	background-color: #F1F1F1;
	flex-grow: 1;
	height: 100%;
	padding: 1.25rem;
	transform: translateY(20px) scale(.98);
	transition: transform .35s cubic-bezier(.4, 0, .2, 1) 0s, visibility 0s linear .15s;
	visibility: hidden;
	width: 100%;
}

[data-fls-popup="route-modal"] {

	.popup__body {
		padding: 0;
		overflow: hidden;
		flex-grow: inherit;
		margin: auto;
	}

	.routes__actions {
		opacity: 1;
	}

	.routes {
		padding: 76px 24px 24px;
	}

	[data-fls-popup-close]:after,
	[data-fls-popup-close]:before {
		background-color: #fff;
	}

}

.popup__body--about {
	min-height: 35rem;
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 1.5rem;
	position: relative;


}

[data-fls-popup-youtube-place] iframe {
	aspect-ratio: 16/9;
	width: 100%
}

[data-fls-popup-close] {
	aspect-ratio: 1;
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	width: 1.25rem;
	z-index: 5;
}

[data-fls-popup-close]:after,
[data-fls-popup-close]:before {
	background-color: #000;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	translate: -50% -50%;
	width: 100%
}

[data-fls-popup-close]:before {
	rotate: 45deg
}

[data-fls-popup-close]:after {
	rotate: -45deg
}

.popup-decor {
	aspect-ratio: 670/467;
	width: 670px;
	position: relative;
	margin-left: -65px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.popup__wrapper {
	padding: 16px;
}

.popup-decor__kvadro {
	position: relative;
	z-index: 3;
	max-width: 75%;

	&::before {
		content: '';
		scale: 1.2;
		mask: url('../assets/img/mask-decor.svg') center/contain no-repeat;
		-webkit-mask: url('../assets/img/mask-decor.svg') center/contain no-repeat;
		position: absolute;
		z-index: -1;
		background-color: #F1F1F1;
		inset: 0;
		transform: rotate(-11.45deg);

	}
}

.popup-decor__img-1 {
	position: absolute;
	rotate: -5.69deg;
	left: 0;
	top: 50%;
	aspect-ratio: 304/395;
	translate: 0 -50%;
	z-index: 1;
	max-width: 45%;
}

.popup-decor__img-2 {
	position: absolute;
	rotate: 4.61deg;
	top: 0;
	right: 13%;
	aspect-ratio: 272/209;
	max-width: 45%;
}


.popup-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	position: relative;
	z-index: 5;
}

.popup-title {
	font-family: 'Dela Gothic One';

	font-size: 32px;
	line-height: 120%;
	text-transform: uppercase;
	color: #000000;
	max-width: 505px;

	span {
		color: #D6A400;
	}
}

.popup-list {
	list-style: disc;
	font-family: 'Inter';
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	padding-left: 20px;
	color: #333333;
	display: flex;
	flex-direction: column;
	gap: 12px;

	li {

		list-style: disc;
	}
}

@media (max-width:71.25em) {
	.footer__container {
		flex-wrap: wrap;
		justify-content: space-between;
		row-gap: 2rem
	}

	.footer__agency {
		flex-basis: 100%;
		text-align: center
	}
}

@media (width <=62.5em) {
	.footer__container {
		column-gap: 1.875rem
	}
}

@media (width <=62em) {
	.menu__list {
		column-gap: .9375rem
	}
}

@media (max-width:61.99875em) and (any-hover:none) {
	.icon-menu {
		cursor: default
	}
}

@media (max-width:61.99875em) {
	.form-find__button {
		font-size: 1rem;
		padding-block: 1.5rem
	}

	.bottom-about__container {
		flex-direction: column
	}

	.driving__decor {
		min-width: 62.5rem
	}

	.item-driving__title {
		font-size: 1.375rem
	}

	.reviews__item:not(:has(.item-review__body)) {
		display: none
	}

	.item-review__img {
		flex-basis: 12.5rem
	}

	.item-review__body {
		flex-shrink: 1
	}

	.item-review__title:not(:last-child) {
		margin-bottom: .625rem
	}

	.questions__decor {
		bottom: -20%;
		min-width: 62.5rem
	}

	.menu {
		height: 100svh;
		opacity: 0;
		overflow: auto;
		padding: 5.3125rem .9375rem 1.875rem;
		transition: left .3s, opacity .3s
	}

	.menu,
	.menu:before {
		background-color: #f1f1f1;
		left: -100%;
		position: fixed;
		top: 0;
		width: 18.75rem
	}

	.menu:before {
		content: "";
		height: 4.375rem;
		transition: left .3s;
		z-index: 2
	}

	[data-fls-menu-open] .menu {
		left: 0;
		opacity: 1
	}

	[data-fls-menu-open] .menu:before {
		left: 0
	}

	.menu__body>:not(:last-child) {
		margin-bottom: 1.875rem
	}

	.menu__item:not(:last-child) {
		margin-bottom: 1.5625rem
	}

	.menu__link {
		font-size: 1.375rem;
		font-weight: 500
	}

	.header {
		padding-block: .9375rem
	}

	.header__actions {
		column-gap: .9375rem;
		flex-grow: 1;
		justify-content: flex-end
	}

	.icon-menu {
		display: block;
		height: 1.125rem;
		position: relative;
		width: 1.5rem;
		z-index: 5
	}

	.icon-menu span,
	.icon-menu:after,
	.icon-menu:before {
		background-color: #000;
		border-radius: .3125rem;
		content: "";
		height: .125rem;
		position: absolute;
		right: 0;
		transition: all .3s ease 0s;
		width: 100%;
		will-change: transform
	}

	.icon-menu:before {
		top: 0
	}

	.icon-menu:after {
		bottom: 0
	}

	.icon-menu span {
		left: 0;
		top: calc(50% - .0625rem)
	}

	[data-fls-menu-open] .icon-menu span {
		left: 50%;
		width: 0
	}

	[data-fls-menu-open] .icon-menu:before {
		top: calc(50% - .0625rem);
		transform: rotate(-45deg)
	}

	[data-fls-menu-open] .icon-menu:after {
		bottom: calc(50% - .0625rem);
		transform: rotate(45deg)
	}

	.footer {
		padding-block: 2rem
	}
}

@media (max-width:53.125em) {
	.footer__container {
		flex-direction: column
	}
}

@media (width <=48em) {
	.join__container {
		column-gap: 1.875rem
	}
}

@media (max-width:47.99875em) {
	.promo__container {
		padding-bottom: 2.5rem
	}

	.promo__content {
		margin-bottom: 3rem;
		padding-top: 5.625rem
	}

	.promo__picture {
		min-width: 28.6875rem;
		padding-top: 4.375rem
	}

	.bg-promo__layer--1 {
		bottom: 10.6044538706%
	}

	.bg-promo__layer--4 {
		left: 0;
		left: -13.1944444444%;
		scale: -1 1;
		z-index: 2
	}

	.advantages {
		gap: .75rem;
		grid-template-columns: repeat(auto-fill, minmax(min(11.25rem, 100%), 1fr))
	}

	.advantages__icon {
		width: 2rem
	}

	.advantages__label {
		font-size: .875rem;
		line-height: 1.4
	}

	.form-find {
		gap: 1rem
	}

	.bottom-about {
		padding-top: 11.875rem
	}

	.befits__label {
		line-height: 1.4
	}

	.driving__decor {
		top: -5%
	}

	.routes__top {
		padding-bottom: 2rem
	}

	.item-review__body {
		padding: 1.5rem .9375rem
	}

	.item-review__title:not(:last-child) {
		margin-bottom: .5rem
	}

	.item-review__title {
		font-size: 1rem
	}

	.join__content:not(:last-child),
	.join__content>* {
		margin-bottom: 1.5rem
	}

	.questions__decor {
		bottom: -14%
	}

	.more__title {
		font-size: 1.25rem
	}

	.spollers__title {
		font-size: 1rem
	}

	.spollers__text {
		font-size: .875rem;
		padding-top: 1rem
	}

	.menu {
		padding-top: 6.875rem
	}

	.menu,
	.menu:before {
		width: 100%
	}

	.header__logo {
		width: 6.625rem
	}

	.footer__menu {
		grid-template-columns: auto;
		text-align: center
	}

	.footer__socials {
		justify-content: center
	}

	.form {
		row-gap: 1.5rem
	}
}

@media (max-width:35.9375em) {
	.promo__content {
		margin-bottom: 1.25rem
	}

	.driving__item:not(:last-child) {
		margin-bottom: 2rem
	}

	.driving__item:after {
		border-left: .25rem dashed #bcbcbc;
		border-top: none;
		height: 100%;
		left: 1.375rem;
		top: 2.875rem;
		width: auto
	}

	.driving__decor {
		top: -10%
	}

	.item-driving {
		align-items: start;
		column-gap: 1rem;
		display: grid;
		grid-template-columns: 2.875rem 1fr;
		row-gap: .125rem;
		text-align: left
	}

	.item-driving__icon {
		grid-row: span 2
	}

	.item-driving__title {
		font-size: 1rem
	}
}

@media (max-width:31.24875em) {
	.item-review__body {
		padding: .9375rem 1.25rem
	}
}

@media (max-width:29.99875em) {
	.promo__picture {
		padding-top: 2.8125rem
	}

	.advantages__item {
		gap: .4375rem
	}

	.detail {
		padding: .5rem
	}

	.detail__icon {
		width: 2rem
	}

	.bottom-about__info,
	.detail__descr {
		font-size: .75rem
	}

	.bottom-about__text {
		font-size: .875rem
	}

	.befits {
		gap: .75rem
	}

	.befits__label {
		font-size: .75rem
	}

	.routes__subtitle {
		font-size: .875rem;
		line-height: 1.4
	}

	.routes__actions {
		flex-direction: column-reverse
	}

	.routes__actions .swiper-scrollbar {
		width: 100%
	}

	.routes__buttons {
		justify-content: space-between;
		width: 100%
	}

	.list-route__item {
		font-size: .875rem
	}

	.item-review__img {
		flex: 0 0 10.3125rem
	}

	.item-review__text {
		font-size: .875rem
	}

	.join__body>:not(:last-child) {
		margin-bottom: 1.25rem
	}

	.join__label {
		font-size: 1rem;
		margin-bottom: 1rem
	}
}

@media (max-width:25em) {
	.promo__content {
		padding-top: 4.6875rem
	}
}

@media (max-width:23.43625em) {
	.item-review__img {
		flex: 0 0 7.8125rem
	}
}

@media (width <=20em) {
	.title {
		font-size: 1.25rem
	}

	.title--big {
		font-size: 1.625rem
	}

	.about,
	.driving {
		padding-top: 3.75rem
	}

	.driving {
		padding-bottom: 1.875rem
	}

	.reviews {
		padding-top: 1.875rem
	}

	.questions {
		padding-block: 3.75rem
	}
}

@media (width > 20em) and (width <=79.375em) {
	.title {
		font-size: clamp(1.25rem, .99736842105rem + 1.2631578947vw, 2rem)
	}

	.about {
		padding-top: clamp(3.75rem, 2.17105263158125rem + 7.8947368421vw, 8.4375rem)
	}

	.driving {
		padding-bottom: clamp(1.875rem, 1.03289473684375rem + 4.2105263158vw, 4.375rem);
		padding-top: clamp(3.75rem, 2.06578947368125rem + 8.4210526316vw, 8.75rem)
	}

	.reviews {
		padding-top: clamp(1.875rem, 1.03289473684375rem + 4.2105263158vw, 4.375rem)
	}

	.questions {
		padding-block: clamp(3.75rem, 2.06578947368125rem + 8.4210526316vw, 8.75rem)
	}
}

@media (width > 20em) and (width <=48em) {
	.title--big {
		font-size: clamp(1.625rem, 1.35714285714375rem + 1.3392857143vw, 2rem)
	}
}

@media (min-width:29.99875em) {
	.routes__actions .swiper-scrollbar {
		flex: 0 1 71.5625rem
	}

	.form {
		grid-template-columns: repeat(2, 1fr)
	}

	.form__button {
		grid-column: span 2
	}
}

@media (min-width:31.25em) {
	.item-review__img {
		flex: 0 1 18.4375rem
	}

	.item-review__body {
		flex: 1 0 18.4375rem
	}
}

@media (min-width:36em) {
	.driving__items {
		display: flex;
		/* flex-wrap: wrap; */
		gap: 1.375rem;
		justify-content: center
	}

	.driving__item {
		flex-basis: 14.375rem
	}

	.item-driving>* {
		margin-bottom: .5rem
	}

	.item-driving>:last-child {
		margin-bottom: 0
	}

	.item-driving__icon {
		margin-bottom: 1rem
	}
}

@media (min-width:47.99875em) and (max-width:75em) {
	.form-find {
		grid-template-columns: repeat(3, minmax(auto, 1fr))
	}

	.form-find__button {
		grid-column: span 3
	}
}

@media (min-width:47.99875em) {
	.promo__container {
		display: flex;
		padding-bottom: max(19.4444444444%, 17.5rem);
		padding-top: max(8.8888888889%, 5rem)
	}

	.promo__content {
		flex-basis: 35rem;
		padding-top: 8.7903225806%
	}

	.promo__picture {
		flex-basis: 40.5rem;
		min-width: 32.5rem
	}

	.promo__decor {
		bottom: -.4375rem;
		display: block;
		left: 1.5432098765%;
		min-width: 219.5987654321%;
		position: absolute
	}

	.promo__detail {
		left: -13.8888888889%
	}

	.bg-promo__layer--3 {
		bottom: 38.1760339343%;
		bottom: 40.2969247084%;
		display: block;
		left: 0;
		width: 13.4677419355%
	}

	.join__container {
		align-items: center;
		display: flex
	}

	.join__content {
		flex-basis: 38.125rem;
		min-width: 26.125rem
	}

	.join__body {
		flex-basis: 34.5625rem
	}
}

@media (width > 48em) and (width <=79.375em) {
	.title--big {
		font-size: clamp(1.875rem, -.22858565736875rem + 4.3824701195vw, 3.25rem)
	}

	.join__container {
		column-gap: clamp(1.875rem, -2.61902390438125rem + 9.3625498008vw, 4.8125rem)
	}
}

@media (min-width:53.1875em) {
	.footer__menu {
		flex-basis: 40.375rem
	}

	.footer__agency {
		flex-grow: 1
	}
}

@media (min-width:61.99875em) {
	.top-about {
		padding-bottom: 3.125rem
	}

	.bottom-about__content {
		flex-basis: 34.5625rem
	}

	.reviews__items {
		grid-template-columns: .79fr repeat(2, .21fr) .79fr
	}

	.reviews__item:first-child,
	.reviews__item:nth-child(2),
	.reviews__item:nth-child(4) {
		grid-column: span 2
	}

	.reviews__item:nth-child(4) .item-review__img {
		flex-grow: 1
	}

	.reviews__item:first-child,
	.reviews__item:nth-child(5) {
		flex-direction: row-reverse
	}

	.item-review {
		column-gap: .5rem
	}

	.item-review__img {
		max-height: 19.5rem
	}

	.menu__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: .5rem
	}

	.header__menu {
		flex-grow: 1
	}
}

@media (width > 62em) and (width <=79.375em) {
	.menu__list {
		column-gap: clamp(.9375rem, -2.853866906475rem + 6.1151079137vw, 2rem)
	}
}

@media (width > 62.5em) and (width <=79.375em) {
	.footer__container {
		column-gap: clamp(1.875rem, -4.14351851851875rem + 9.6296296296vw, 3.5rem)
	}
}

@media (min-width:75.0625em) {
	.form-find {
		grid-template-columns: repeat(3, minmax(auto, 1fr)) minmax(auto, 25rem)
	}
}

@media (width > 79.375em) {
	.title {
		font-size: 2rem
	}

	.title--big {
		font-size: 3.25rem
	}

	.about {
		padding-top: 160px;
		/* padding-top: 8.4375rem */
	}

	.driving {
		padding-bottom: 4.375rem;
		padding-top: 8.75rem
	}

	.reviews {
		padding-top: 4.375rem
	}

	.join__container {
		column-gap: 4.8125rem
	}

	.questions {
		padding-block: 8.75rem
	}

	.menu__list {
		column-gap: 2rem
	}

	.footer__container {
		column-gap: 3.5rem
	}
}

@media (any-hover:hover),
(pointer:fine) {
	html:not([data-fls-touch]) .link:hover {
		text-decoration-color: #c69b0d
	}

	html:not([data-fls-touch]) .button:hover {
		background-color: #ac870d
	}

	html:not([data-fls-touch]) .form-find__button:hover {
		background-color: #1e1e1e
	}

	html:not([data-fls-touch]) .card-route__img:hover img {
		scale: 1.03
	}

	html:not([data-fls-touch]) .contacts__link:hover:is(a) {
		text-decoration-color: #f1f1f1
	}

	html:not([data-fls-touch]) .select__option:hover {
		background-color: #d9d9d9
	}

	html:not([data-fls-touch]) .socials__link:hover {
		rotate: 12deg
	}

	html:not([data-fls-touch]) .spollers__title:hover {
		color: #d6a400
	}

	html:not([data-fls-touch]) .swiper-button:hover:not(:disabled) {
		scale: 1.2
	}

	html:not([data-fls-touch]) .menu__link:hover {
		text-decoration-color: #161616
	}

	html:not([data-fls-touch]) .footer__text:hover:is(a) {
		text-decoration-color: #f1f1f1
	}
}

@media(max-width:1023.98px) {
	.popup-title {
		font-size: 26px;
	}

	.driving__items {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}

	.item-driving__title {
		font-size: 14px;
	}

	.driving__item:after,
	.driving__item:before {
		width: calc(50% - 1.8125rem);
	}
}

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

@media(max-width:767.98px) {
	.desktop {
		display: none !important;
	}

	[data-fls-popup="about-modal"] {
		.popup__wrapper {
			padding: 0;
		}
	}

	.popup__body--about {
		flex-direction: column-reverse;
		padding: 88px 16px 16px;
	}

	.popup-title {
		font-size: 20px;
	}

	.popup-decor {
		aspect-ratio: 411/396;
		width: 411px;
		margin-left: -68px;
	}

	.popup-decor__img-1 {
		max-width: 228px;
		left: 15px;
		top: 47%;
	}

	.popup-decor__img-2 {
		max-width: 205px;
		top: 20px;
		right: 6px;
	}

	.popup-list {
		gap: 8px;
	}

	.popup-decor__kvadro {
		max-width: 80%;

		&::before {
			translate: 0 -15%;
		}
	}

	.header {
		padding-block: 1.5rem;
	}

	.promo__content {
		padding-top: 6.5625rem;
		margin-bottom: 2.625rem;
	}

	.promo__title {
		font-size: 1.875rem;
		margin-bottom: 0.5em;
	}

	.promo__detail {
		width: 191px;
	}

	.promo__picture {
		aspect-ratio: 459/333;

		.promo__img {
			translate: -24px 0;

		}

	}

	.promo {
		.advantages__label {
			font-size: 0.75rem;
		}

		.advantages {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.promo__place {
		margin-bottom: 1.5rem;
	}

	.index__find {
		margin-top: -12%;
	}

	.form-find__label {
		margin-bottom: 0.5625rem;
	}

	.form-find__price {
		margin-bottom: 0.4375rem;
	}

	.form-find__button {
		margin-top: 0.625rem;
	}

	.about {
		padding: 5.25rem 0 0;
	}

	.top-about__title {
		line-height: 1.15;
	}

	.top-about__container {
		padding-inline: 0.8125rem;
	}

	.bottom-about:before {
		height: 11.875rem;
	}

	.bottom-about__container {
		gap: 2.875rem;
	}

	.bottom-about__wrapper {
		padding: 3rem 1.5rem 2rem;
	}

	.befits {
		gap: 1.125rem;
	}

	.bottom-about {
		padding-bottom: 12.875rem;
	}

	.routes {
		padding-top: 6.625rem;
		padding-bottom: 3.75rem;
	}

	.card-route__label,
	.routes__subtitle {
		font-size: 12px;
	}

	.card-route__label {
		margin-bottom: 1em;
	}

	.card-route__text {
		font-size: 0.875rem;
	}

	.card-route__img {
		height: 12.25rem;
		width: 100%;
		aspect-ratio: auto;
	}

	.driving {
		padding-top: 80px;
	}

	.item-driving__text {
		font-size: 14px;
	}

	.driving__item:after,
	.driving__item:before {
		display: none;
	}

	.driving__item {
		row-gap: 0.625rem;
	}

	.reviews {
		padding-top: 3.125rem;
	}

	.item-review {
		gap: 0.5rem;
	}

	.item-review__body {
		padding: 1rem;
		min-height: 16.75rem;
	}

	.join {
		padding-top: 11.6875rem;
		padding-bottom: 3.75rem;
	}

	.join__title {
		margin-bottom: 0.9375rem;
	}

	.join__text {
		font-size: 0.875rem;
	}

	.join__body {
		padding-bottom: 2.5rem;
	}

	.questions {
		padding-block: 5rem;

		.questions__container {
			padding-bottom: 2rem;
		}

		.questions__decor {
			bottom: 0;
		}
	}

	.questions__title {
		margin-bottom: 1.875rem;
	}

	.spollers__text {
		padding-top: 24px;
	}

	.more__title {
		margin-bottom: 16px;
	}

	.more__text {
		font-size: 0.875rem;
	}

	.footer__agency,
	.footer__text,
	.footer__title {
		font-size: 0.875rem;
	}

	.footer__container {
		gap: 2rem;
	}

	.popup__wrapper {
		padding: 0;
	}

	.fancybox__slide.has-html {
		padding: 0;
	}

	#about-modal,
	#route-modal {
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.fancybox__container {
	max-width: 100%;
	padding: 0;
}