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

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

:focus,
active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-edjust: 100%;
    -moz-text-size-edjust: 100%;
    -webkit-text-size-edjust: 100%;
    line-height: 1;
    font-size: 14px;
    font-family: 'Montserrat';
    background: #121212;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

nav li {
    list-style: none;
}

img {
    vertical-align: top;
}

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


/* Шрифты */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://ug-transfer.online/wp-content/themes/ug-transfer/fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/*  */

.wrapper {
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.container {
    max-width: 90vw;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.footer .container {
    max-width: 90vw;
}

.header__container {
    box-sizing: border-box;
    background-color: transparent;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
    align-items: center;
    padding: 1vw;
    border-radius: 3.125vw;
    background: #121212;
}

.header__left {
    color: white;
    display: flex;
    gap: 1.5vw;
}

.header__burger {
    display: none;
}

.header__right {
    display: flex;
    gap: 1.3vw;
    align-items: center;
}

.header__right_contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.header__right .page__button {
    font-size: 0.8vw;
    padding: 1vw 1vw;
    font-weight: 500;
}

.header__tel_grid {
    display: flex;
    flex-direction: column;
    gap: 0.3vw;
}

.header__tel_row {
    display: flex;
    align-items: center;
    gap: 0.625vw;
    justify-content: end;
}

.header__tel {
    color: white;
    font-size: 1.125vw;
    font-weight: 400;
    white-space: nowrap;
    transition: all 0.3s ease;
}



.header__svg svg {
    width: 1.25vw;
    height: 1.25vw;
    min-height: 1.25vw;
    transition: all 0.3s ease;
}

.header__nav {
    display: flex;
    align-items: center;
    justify-content: center;    padding-right: 50px;
}

.header__nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
}


.header__nav ul li a {
    color: rgba(255, 255, 255, 1);
    font-size: 1vw;
    line-height: 140%;
    font-weight: 400;
    font-family: 'Montserrat';
    transition: all 0.25s ease;
}


.header__logo a {
    font-size: 1.875vw;
    line-height: 20px;
    color: white;
    user-select: none;
    white-space: nowrap;
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
}

.header__logo a img {
    width: 229px;
    transition: all 0.3s ease;
    height: auto;
    object-fit: contain;
    margin-left: 29px;
}


.page__button {
    background-color: #FAF356;
    border-radius: 3.125vw;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vw 1.25vw;
    font-size: 1.25vw;
    font-weight: 600;
    transition: all 0.3s ease;
}



.block1__bg {
    position: absolute;
    top: -8vw;
    display: inline-block;
    width: 100%;
}

.block1__bg img {
    display: block;
    width: 100%;
    height: 54vw;
}

.block1__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.block1 {
    position: relative;
    padding-top: 15vw;
    padding-bottom: 10vw;
}

.block1__contant {
    position: relative;
    z-index: 3;
}

.block1__contant h1 {
    font-weight: 700;
}

.block1__container {
    display: flex;
    flex-direction: column;
    gap: 3vw;
}

.block1__contant h1 span {
    color: #FAF356;
}

.tab-container {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}

.tabs {
    display: flex;
    border: 2px solid rgba(204, 204, 204, 0.89);
    border-radius: 30px;
    justify-content: space-between;
}

.tab {
    background-color: transparent;
    color: #fff;
    padding: 1vw 1.25vw;
    font-size: 1.5vw;
    font-weight: 500;
    line-height: normal;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    border-radius: 30px;
    user-select: none;
}



.tab.active {
    background-color: #FAF356;
    color: #000;
    border-radius: 30px;
    margin: -2px;
}

.tab-content {
    background-color: rgba(46, 46, 46, 0.82);
    color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.4vw 1.5vw;
}

.tab-content.active p {
    font-size: 1.25vw;
    line-height: normal;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1vw;
}

.tab-content.active p strong {
    font-size: 1.5vw;
}

.block2 {
    position: relative;
    padding-top: 5.5vw;
    padding-bottom: 7vw;
}

.block2__contant {
    display: flex;
    flex-direction: column;
    background-color: #2E2E2E;
    border-radius: 30px;
    padding: 2vw;
    gap: 2.5vw;
    position: relative;
}

.block2__img {
    position: absolute;
    width: 26vw;
    right: 0;
    bottom: 0;
}

.page__title {
    font-size: 3.125vw;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    font-family: 'TTTravels';
    font-weight: 600;
    margin-bottom: 2vw;
}

.block2__tels {
    display: flex;
    gap: 3.5vw;
}

.block2__tel {
    display: flex;
    gap: 0.5vw;
    font-size: 1.25vw;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
}


.block2__buttons {
    display: flex;
    gap: 1vw;
}

.block2__buttons svg {
    width: 3.125vw;
    height: 3.125vw;
    transition: all 0.3s ease;
}

.block3 {
    position: relative;
    padding-bottom: 5vw;
}

.block3 .page__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vw;
}

.block3__contant {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5vw;
    padding-bottom: 3vw;
}

.block3__contant a {
    position: relative;
    border-radius: 30px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.block3__contant a img {
    width: 100%;
    object-fit: cover;
}

.block3__contant__item {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vw 1vw;
}

.block3__contant__item p {
    font-size: 1.5625vw;
    line-height: normal;
    font-weight: 600;
    color: white;
}

.block3__contant__item svg {
    width: 2.5vw;
    height: 2.5vw;
    transition: all 1s ease;
    border-radius: 50%;
    background-color: transparent;
    z-index: 2;
}

.block3__contant__item svg path {
    transition: all 0.3s ease;
}

.block3__svg {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    min-width: 2.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block3__svg span {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(143deg, #FAF356 0%, #FAF356 55.73%, #FAF356 100%);
    transition: 0.25s ease;
    transform: scale(0);
    opacity: 1;
}

.block3 .page__button {
    margin: 0 auto;
    width: 15.3125vw;
}

.block4 {
    position: relative;
    padding-top: 5vw;
    background-color: #1e1e1e;
    padding-bottom: 7vw;
}

.reviews {
    display: flex;
    position: relative;
    flex-direction: column;
}

.reviews .page__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vw;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    font-size: 1vw;
    line-height: normal;
    color: white;
    background-color: #2E2E2E;
    border-radius: 30px;
    padding: 2vw 1.5vw;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
}

.rewiews__title {
    font-weight: 700;
}

.swiper-button-next {
    position: absolute;
    position: absolute;
    right: -4vw;
    color: #FAF356;
    top: 13.5vw;

}

.swiper-button-prev {
    position: absolute;
    position: absolute;
    left: -4vw;
    color: #FAF356;
    top: 13.5vw;
    transform: rotate(180deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.block5 {
    position: relative;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.block5 .page__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vw;
}

.block5__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.25vw;
    margin: 0vw 2vw;
}

.block5__grid__item {
    border-radius: 30px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.block5__grid__item img {
    border-radius: 30px;
    width: 100%;
    object-fit: cover;
    user-select: none;
}

.block6 {
    position: relative;
    padding-top: 15vw;
    padding-bottom: 6vw;
}

.block6 img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    height: 25vw;
    border-radius: 30px;
    z-index: 1;
}

.block6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Полупрозрачный черный цвет для затемнения */
    border-radius: 30px;
    /* Радиус скругления, совпадающий с изображением */
    z-index: 2;
    /* Псевдоэлемент будет поверх изображения */
}

.block6__contant {
    position: relative;
    z-index: 3;
    padding-right: 4vw;
    background-color: #F1F1F1;
    border-radius: 30px;
    box-shadow: inset 0 0 10px rgba(100, 100, 100, 0.4);
    padding: 3vw 2vw 6vw 2vw;
}

.block6__contant .page__title {
    color: #000;
    margin-bottom: 3vw;
    font-weight: 700;
}

.block6__text {
    font-size: 1.125vw;
    line-height: normal;
    font-weight: 400;
}

.block6__text p {
    margin-bottom: 1.125vw;
}

.menu_block {
    display: none;
}

.block6__text ol {
    padding-left: 0;
    /* Убираем стандартный отступ списка */
    list-style-type: none;
    /* Убираем маркеры списка */
    counter-reset: item;
}

.block6__text li {
    margin-bottom: 1.125vw;
}

.block6__text li:before {
    content: counter(item) ".";
    counter-increment: item;
    display: block;
    margin-bottom: 0.5em;
}

.footer {
    padding-bottom: 4.6875vw;
    padding-top: 4.6875vw;
}

.footer__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 33vw;
    width: 100%;
}

.footer__logo {
    width: 10vw;
}

.footer__logo img {
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.footer__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3vw;
}

.footer__right_reit {
    max-width: 14vw;
    margin-right: 1.875vw;
}

.footer__buttons {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.policy {
    color: white;
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: all 0.3s ease;
    font-size: 1vw;
    line-height: normal;
}

.footer__buttons .page__button {
    font-size: 1vw;
}

.footer__right_reit img {
    width: 100%;
    object-fit: cover;
}

.footer__right_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7vw;
}

.footer__right_tel {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.5vw;
}

.rewiews__text {
    overflow: auto;
    overflow-y: hidden;
    height: 10vw;
    text-overflow: ellipsis;
    position: relative;
    transition: all 0.3s ease;
    scrollbar-gutter: stable;
}

.rewiews__text::-webkit-scrollbar {
    width: 0.5vw;
    padding-left: 1vw;

}

.rewiews__text::-webkit-scrollbar-thumb {
    background-color: rgb(34, 33, 33);
    border-radius: 50px;

}

.rewiews__text::-webkit-scrollbar-track {
    background: transparent;
    transition: all 0.3s ease;
}

.footer__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3vw;
}

.footer__right_number {
    font-size: 1vw;
    line-height: normal;
    font-weight: 400;
    color: white;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5vw;
}

.footer__right_number svg {
    width: 1.2vw;
    height: 1.2vw;
    transition: all 0.3s ease;
}

.footer__right_mail a {
    display: flex;
    gap: 0.5vw;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1vw;
    transition: all 0.3s ease;
}

.footer__right_mail svg {
    width: 1.2vw;
    height: 1.2vw;
    transition: all 0.3s ease;
}


.block2__buttons__media {
    display: flex;
    gap: 1vw;
}

/* Карта заявки */
.header {
    position: fixed;
    width: 100%;
    z-index: 10;
    padding: 1.25vw;
}

.calc {
    width: 100vw;
    height: 100vh;
    padding: 1.25vw;
    padding-top: 7.5vw;
    overflow: hidden;
}

.calc__map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.calc__map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.calc__sidebar {
    z-index: 10;
    position: relative;
    width: 22vw;
}

.calc__form {
    display: flex;
    flex-direction: column;
    gap: 0.3vw;
    overflow-x: auto;
    height: 87vh;
    position: relative;
    padding-bottom: 8vw;
    border-radius: 3.125vw 3.125vw 0px 0px;
}

.calc__form__block {
    background: #121212;
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
    padding: 1.25vw;
    border-radius: 3.125vw;
}

.calc__form__input {
    display: flex;
    flex-direction: column;
    background: #2E2E2E;
    padding: 0.625vw 1.5vw;
    border-radius: 3.125vw;
    justify-content: center;
    height: 3.3vw;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
}

.calc__form__input span {
    color: white;
    font-size: 0.8vw;
    font-weight: 500;
    line-height: 140%;
    opacity: 0.6;
    transition: 0.25s ease;
}

.calc__form__input input {
    font-size: 0.8vw;
    background: transparent;
    color: white;
    display: none;
    opacity: 0;
    transition: 0.25s ease;
    font-weight: 600;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.calc__form__input.center span,
.calc__form__input.center input {
    text-align: center;
}

.calc__form__input.active input {
    display: block;
    opacity: 1;
}

.calc__form__input.active span {
    font-size: 0.625vw;
}


.calc__form__tarif__item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.calc__form__tarif__item__image {
    width: 3.5vw;
    height: 1.25vw;
    margin-bottom: 0.2vw;
}

.calc__form__tarif__item__title {
    font-size: 0.75vw;
    line-height: 140%;
    color: white;
    opacity: 0.8;
    font-weight: 400;
}

.calc__form__tarif__item__price {
    font-size: 0.8vw;
    line-height: 140%;
    color: white;
    font-weight: 600;
}

.calc__form__tarif {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.4vw;
}

.calc__form__tarif__item {
    padding: 0.4vw 0.75vw;
    border-radius: 1.25vw;
    transition: 0.25s ease;
    cursor: pointer;
}

.calc__form__tarif__item.active {
    background: #2e2e2e;
}

.calc__form__time {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625vw;
}

.calc__form__checkbox {
    display: flex;
    justify-content: space-between;
    padding: 0.9vw;
    align-items: center;
    border-bottom: 1px solid #2E2E2E;
}

.calc__form__checkbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.calc__form__checkbox__title {
    font-size: 1vw;
    font-weight: 400;
    line-height: 140%;
    color: white;
}

.calc__form__checkbox__selector {
    width: 4.3vw;
    height: 2.2vw;
    background-color: #2E2E2E;
    padding: 0.25vw;
    border-radius: 50px;
    cursor: pointer;
}

.calc__form__checkbox__selector i {
    display: block;
    width: 1.7vw;
    height: 1.7vw;
    border-radius: 50%;
    background-color: #696969;
    transition: 0.25s ease;
    position: relative;
    left: 0;
}

.calc__form__scroll {
    display: flex;
    flex-direction: column;
    gap: 0.3vw;
}

.calc__form .calc__form__block:first-child {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
}

.calc__form__textarea {
    background-color: #2E2E2E;
    border-radius: 1.9vw;
    min-height: 10vw;
    width: 100%;
    padding: 1vw 1.5vw;
    max-width: 100%;
    color: white;
    font-size: 0.8vw;
}

.calc__form__dop {
    margin-bottom: 1vw;
}

.calc__form__dop_inputs {
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
}

.calc__form__button {
    width: 100%;
    background: red;
    background: #121212;
    padding: 1.25vw;
    border-radius: 3.125vw;
    position: fixed;
    left: 1.25vw;
    width: 22vw;
    bottom: 0;
    box-shadow: 0px 0px 15px #ffffff33;
}

.calc__form__button button {
    width: 100%;
}


.calc__form__checkbox__selector.active i {
    background: #f5ee56;
    left: 2vw;
    position: relative;
}

.calc__form {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.calc__form::-webkit-scrollbar {
    display: none;
}

#map {
    width: 100%;
    height: 100%;
}

.tarif__select {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.burger,
.thanks,
.calc__form__more,
.calc__form__payment,
.calc__form__block_dop_header {
    display: none;
}

.phoneblock {
    position: fixed;
    bottom: 1.25vw;
    right: 1.25vw;
    z-index: 10;
    background: #2E2E2E;
    padding: 1.25vw;
    box-sizing: border-box;
    border-radius: 2.5vw;
    overflow: hidden;
    padding-left: 1.5vw;
    width: 23vw;
}

.phoneblock__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5vw;
    align-items: center;
}

.phoneblock__phone a {
    color: white;
    font-size: 1.6vw;
    font-weight: 600;
}

.phoneblock__media img {
    width: 2vw;
    height: 2vw;
    object-fit: contain;
    object-position: center;
}

.phoneblock__media {
    display: flex;
    gap: 0.625vw;
}

.phoneblock__text {
    color: white;
    opacity: 0.8;
    line-height: 130%;
    font-size: 1vw;
}

#suggestions {
    background: #2e2e2e !important;
    border: none;
    padding: 5px;
    margin: 0px;
    max-width: 400px;
    z-index: 1000;
    color: white !important;
    border-radius: 2vw !important;
    line-height: 120% !important;
    font-size: 0.8vw;
    padding: 1vw !important;
    border: 1px solid #ffffff1f !important;
}

.directories {
    padding-top: 10vw;
}

#modal__app {
    display: none;
}

.header__medias {
    display: none;
}

/* Скрыть иконку у Chrome, Edge, Opera */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* Safari (частично работает) */
input[type="date"],
input[type="time"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Firefox – можно скрыть стилизацией */
input[type="date"]::-moz-focus-inner,
input[type="time"]::-moz-focus-inner {
    border: 0;
}

/* Убираем padding, если нужно выровнять текст */
input[type="date"],
input[type="time"] {
    padding-right: 0;
}

.error_empty span {
    /* border: 1px solid red; */
    /* color: #ff0000b8; */
    /* opacity: 1; */
}

.calc__form__block.calc__form__block_main {}

.error_empty {
    /* border: 1px solid #ff000078; */
    box-shadow: 0px 0px 5px #ff0000;
}

/* Анимация */
@media screen and (min-width: 767px) {

    .calc__form__tarif__item:hover {
        background: #2e2e2e;
    }

    .tab:not(.active):hover {
        background-color: rgba(222, 222, 222, 0.3);
    }

    .block2__tel:hover {
        color: #FAF356;
    }


    .page__button:hover {
        background-color: #fbf8b2;
    }

    .block3__contant a:hover .block3__contant__item .block3__svg span {
        background-color: #FAF356;
        transform: scale(1);
    }

    .block3__contant a:hover .block3__contant__item svg path {
        fill: #000;
    }

    .header__tel:hover {
        color: #FAF356;
    }

    .header__logo:hover a img {
        opacity: 0.7;
    }

    .header__svg svg:hover {
        animation: swing 1s ease-in-out;
    }

    .block2__buttons svg:hover {
        width: 3.3vw;
        height: 3.3vw;
    }

    .policy:hover {
        text-decoration: underline;
        color: #FAF356;
    }

    .footer__right_number:hover svg {
        animation: swing 1s ease-in-out;
    }

    .footer__right_mail:hover svg {
        animation: swing 1s ease-in-out;
    }

    .footer__right_mail:hover a {
        color: #FAF356;
    }

    .footer__logo:hover img {
        opacity: 0.7;
    }

    .footer__right_number:hover {
        color: #FAF356;
    }

    .block5__grid__item:hover {
        opacity: 0.7;
    }

    .header__nav ul li:hover a {
        color: #FAF356;
    }

    .rewiews__text:hover {
        overflow-y: overlay;
    }

    .rewiews__text:hover::-webkit-scrollbar-thumb {
        opacity: 1;
    }


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

        25% {
            transform: rotate(20deg);
        }

        50% {
            transform: rotate(-20deg);
        }

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


/* Мобилка */
@media screen and (max-width: 767px) {
    .container {
        max-width: 90vw;
    }

    .header__logo a img {
        width: 30vw;
    }

    .header__container {
        padding-top: 5.5vw;
    }

    .header__tel {
        font-size: 3.8vw;
    }

    .header__svg svg {
        width: 5.5vw;
        height: 5.5vw;
    }

    .header__right {
        flex-direction: column;
    }

    .header__tel_row {
        gap: 2.5vw;
    }

    .header__tel_grid {
        gap: 1.5vw;
    }

    .header__right .page__button {
        display: none;
    }

    .page__button {
        font-size: 3.8vw;
        padding: 3vw 5vw;
    }

    .page__title {
        font-size: 7vw;
        line-height: 120%;
    }

    .block1__container {
        gap: 10vw;
    }

    .tab-content {
        padding: 5vw;
        display: flex;
        flex-wrap: wrap;
        gap: 4vw;
    }

    .tab-content.active p {
        font-size: 4vw;
        gap: 3vw;
    }

    .tab-content.active p strong {
        font-size: 4vw;
    }

    .tab-content .page__button {
        width: 100%;
    }

    .tabs {
        flex-wrap: wrap;
        gap: 3vw;
        align-items: center;
        justify-content: center;
        padding: 3vw 0vw;
    }

    .tab {
        padding: 3vw 2vw;
        font-size: 4vw;
        width: 30%;
    }

    .tab-container {
        gap: 5vw;
    }

    .block1__bg {
        top: -26vw;
    }

    .block1__bg img {
        object-fit: cover;
        height: 166vw;
    }

    .block1 {
        padding-bottom: 15vw;
    }

    .block2 {
        padding-top: 15vw;
        padding-bottom: 15vw;
    }

    .block2__img {
        position: absolute;
        width: 38vw;
        right: 0vw;
        bottom: 20.3vw;
    }

    .block2__contant {
        padding: 5vw;
        gap: 5vw;
    }

    .block2__tel {
        gap: 3vw;
        font-size: 4vw;
    }

    .block2__tels {
        flex-direction: column;
        align-items: baseline;
    }

    .block2__buttons {
        flex-direction: column-reverse;
        gap: 4vw;
    }

    .block2__buttons__media {
        gap: 4vw;
    }

    .block2__buttons svg {
        width: 9vw;
        height: 9vw;
    }

    .block3 .page__button {
        margin: 0;
        width: 100%;
    }

    .block3__contant {
        grid-template-columns: 1fr;
        gap: 4.5vw;
        padding-bottom: 7vw;
    }

    .block3__contant__item {
        padding: 5vw 7vw;
        border-radius: 0px 0px 20px 20px;
    }

    .block3__contant__item p {
        font-size: 3.8vw;
        line-height: 120%;
    }

    .block3__svg {
        width: 8vw;
        height: 0vw;
    }

    .block3__contant__item svg {
        width: 8vw;
        height: 8vw;
    }

    .block3 .page__title {
        margin-bottom: 5vw;
    }

    .block3 {
        padding-bottom: 15vw;
    }

    .block4 {
        padding-bottom: 15vw;
        padding-top: 15vw;
    }

    .reviews .page__title {
        margin-bottom: 5vw;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

    .swiper-slide {

        gap: 3vw;
        font-size: 3.8vw;
        padding: 7vw 4vw;
        line-height: 120%;
    }

    .swiper {
        margin: 0vw -5vw 0vw -5vw;
        width: auto;
        padding: 0vw 5vw;
    }

    .block5 {
        padding-top: 15vw;
        padding-bottom: 15vw;
    }

    .block5 .page__title {
        margin-bottom: 5vw;
    }

    .block5__grid {
        grid-template-columns: 1fr 1fr;
        margin: 0 5vw;
        gap: 3vw;
    }

    .block6 {
        padding-bottom: 15vw;
        padding-top: 30vw;
    }

    .block6__contant {
        padding: 6vw 5vw 10vw 5vw;
    }

    .block6__text p {
        margin-bottom: 3vw;
    }

    .block6__text li {
        margin-bottom: 3vw;
    }

    .block6__text {
        font-size: 3.8vw;
        line-height: 120%;

    }

    .block6__contant .page__title {
        margin-bottom: 6vw;
    }

    .footer__content {
        justify-content: center;
        gap: 15vw;
        flex-direction: column;
    }

    .footer {
        padding-top: 15vw;
        padding-bottom: 30vw;
    }

    .footer__left {
        justify-content: center;
        flex-direction: column;
        gap: 5vw;
        max-width: 100%;
    }

    .footer__right {
        flex-direction: column;
        gap: 8vw;
    }

    .footer__logo {
        width: 40vw;
    }

    .footer__buttons .page__button {
        font-size: 3.8vw;
        width: 100%;
    }

    .footer__buttons {
        gap: 5vw;
    }

    .policy {
        font-size: 3.8vw;
        line-height: 120%;
        text-underline-offset: 8px;
    }

    .footer__right_reit {
        max-width: 64vw;
        margin-right: 0;
    }

    .footer__right_number {
        font-size: 3.8vw;
        line-height: 120%;
        gap: 1vw;
    }

    .footer__right_number svg {
        width: 4vw;
        height: 4vw;
    }

    .footer__right_tel {
        gap: 3vw;
    }

    .footer__right_contact {
        gap: 5vw;
    }

    .footer__right_mail a {
        gap: 2vw;
        font-size: 3.8vw;
        line-height: 120%;
    }

    .footer__right_mail svg {
        width: 5vw;
        height: 5vw;
    }

    .header__burger {
        width: 11.5vw;
        height: 11.5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        z-index: 20;
        position: fixed;
        top: 3.5vw;
        background: #121212;
        right: 3.5vw;
        border-radius: 50%;
        align-items: center;
        gap: 1vw;
        transition: 0.3s ease;
    }

    .header__burger span {
        width: 6vw;
        height: 3px;
        border-radius: 10px;
        background-color: white;
        transition: 0.3s ease;
        position: relative;
    }

    .header__burger.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 1.65vw;
    }

    .header__burger.active span:nth-child(2) {
        opacity: 0;
    }

    .header__burger.active span:nth-child(3) {
        transform: rotate(-45deg);
        top: -1.65vw;
    }

    .header__burger.hidden {
        opacity: 0 !important;
        visibility: hidden;
    }

    .header__left {
        flex-direction: column;
        gap: 0vw;
    }

    .block5__grid__item img {
        border-radius: 10px;
    }

    .block5__grid__item {
        border-radius: 10px;
    }

    .menu_block {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 999;
        background: #000000d9;
        transform: translateY(-100%);
        transition: transform 0.5s ease;
        pointer-events: none;
    }

    /* Когда меню открыто */
    .menu_block.active {
        transform: translateY(0);
        pointer-events: auto;
    }

    .menu__header {
        display: flex;
        justify-content: end;
        padding: 80px 20px;
        box-sizing: border-box;
    }

    .menu__close {
        width: 13vw;
        height: 13vw;
        position: relative;
        cursor: pointer;
    }

    .menu__close::before,
    .menu__close::after {
        content: '';
        width: 100%;
        height: 1.3vw;
        border-radius: 10px;
        background: white;
        position: absolute;
        left: 0;
        top: 5.86vw;
    }

    .menu__content {
        display: flex;
        flex-direction: column;
        gap: 7vw;
    }

    .menu__close::before {
        transform: rotate(45deg);
    }

    .menu__close::after {
        transform: rotate(-45deg);
    }

    .menu__content li a {
        display: block;
        padding-left: 5vw;
        width: 100%;
        height: 100%;
        color: white;
        font-weight: 700;
        font-size: 7vw;
        line-height: 111%;
        transition: 0.5s ease;
        text-transform: uppercase;
    }

    body.noscroll {
        overflow: hidden;
    }

    .block6 img {
        height: 45vw;
    }

    .header__nav {
        display: none;
    }

    .rewiews__text {
        height: 60vw;
    }

    .rewiews__text {
        overflow-y: auto;
    }

    .rewiews__text::-webkit-scrollbar {
        width: 2vw;
    }


    /* Карта заявки */


    /* Карта заявки */
    .header {
        position: fixed;
        width: 100%;
        z-index: 10;
        padding: 1.25vw;
    }

    .calc {
        width: 100%;
        height: 100%;
        padding: 0;
        padding-top: 0;
        overflow: hidden;
        bottom: 0;
        left: 0;
        position: absolute;
    }

    .calc__map {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100vw;
        height: 100vh;
        overflow: hidden;
    }

    .calc__map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .calc__sidebar {
        z-index: 10;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        padding-bottom: 0;
        bottom: 0;
    }

    .calc__form {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        height: 100%;
        position: relative;
        padding-bottom: 8vw;
        border-radius: 8vw 8vw 0px 0px;
        justify-content: end;
        background: #121212;
        padding: 4vw;
        box-sizing: border-box;
        padding-top: 5vw;
        padding-bottom: 0vw;
        bottom: 0;
    }

    .calc__form__block {
        background: #121212;
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        padding: 0;
        border-radius: 0;
    }

    .calc__form__input {
        display: flex;
        flex-direction: column;
        background: #2E2E2E;
        padding: 2vw 4vw;
        border-radius: 12.5vw;
        justify-content: center;
        height: 12vw;
        cursor: pointer;
        width: 100%;
        max-width: 100%;
    }

    .calc__form__input span {
        color: white;
        font-size: 13px;
        font-weight: 500;
        line-height: 140%;
        opacity: 0.6;
        transition: 0.25s ease;
    }

    .calc__form__input input {
        font-size: 16px;
        background: transparent;
        color: white;
        display: none;
        opacity: 0;
        transition: 0.25s ease;
        font-weight: 500;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .calc__form__input.center span,
    .calc__form__input.center input {
        text-align: center;
    }

    .calc__form__input.active input {
        display: block;
        opacity: 1;
    }

    .calc__form__input.active span {
        font-size: 12px;
    }


    .calc__form__tarif__item__image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .calc__form__tarif__item__image {
        width: 14vw;
        height: 5vw;
        margin-bottom: 0.2vw;
    }

    .calc__form__tarif__item__title {
        font-size: 3vw;
        line-height: 140%;
        color: white;
        opacity: 0.8;
        font-weight: 400;
    }

    .calc__form__tarif__item__price {
        font-size: 3.5vw;
        line-height: 140%;
        color: white;
        font-weight: 600;
    }

    .calc__form__tarif {
        display: flex;
        gap: 2vw;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 -4vw;
        padding: 0 5vw;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .calc__form__tarif__item {
        padding: 1.5vw 3vw;
        border-radius: 5vw;
        transition: 0.25s ease;
        cursor: pointer;
        width: 29vw;
        min-width: 25vw;
    }

    .calc__form__tarif__item.active {
        background: #2e2e2e;
    }

    .calc__form__time {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5vw;
        /* display: none; */
    }

    .calc__form__checkbox {
        display: flex;
        justify-content: space-between;
        padding: 3.5vw;
        align-items: center;
        border-bottom: 1px solid #2E2E2E;
    }

    .calc__form__checkbox input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .calc__form__checkbox__title {
        font-size: 4vw;
        font-weight: 400;
        line-height: 140%;
        color: white;
    }

    .calc__form__checkbox__selector {
        width: 16vw;
        height: 8.75vw;
        background-color: #2E2E2E;
        padding: 1vw;
        border-radius: 50px;
        cursor: pointer;
    }

    .calc__form__checkbox__selector i {
        display: block;
        width: 6.5vw;
        height: 6.5vw;
        border-radius: 50%;
        background-color: #696969;
        transition: 0.25s ease;
        position: relative;
        left: 0;
    }

    .calc__form__scroll {
        display: flex;
        flex-direction: column;
        gap: 0.3vw;
    }

    .calc__form .calc__form__block:first-child {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 4;
    }

    .calc__form__textarea {
        background-color: #2E2E2E;
        border-radius: 7.5vw;
        min-height: 40vw;
        width: 100%;
        padding: 4vw;
        max-width: 100%;
        color: white;
        font-size: 16px;
    }

    .calc__form__dop {
        margin-bottom: 1vw;
    }

    .calc__form__dop_inputs {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        padding: 3vw 0;
    }

    .calc__form__button {
        width: 100%;
        background: red;
        background: #121212;
        padding: 4.5vw;
        border-radius: 0;
        position: relative;
        left: 0;
        width: 100%;
        bottom: 0;
        box-shadow: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 6vw;
        order: 10;
    }

    .calc__form__button button {
        width: 100%;
    }


    .calc__form__checkbox__selector.active i {
        background: #f5ee56;
        left: 7.5vw;
        position: relative;
    }

    .calc__form {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .calc__form::-webkit-scrollbar {
        display: none;
    }

    #map {
        width: 100%;
        height: 100%;
    }

    .tarif__select {
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }

    .header {
        display: none;
    }

    .page__button {
        font-size: 4vw;
        padding: 5vw 3vw;
        border-radius: 12.5vw;
        width: 100%;
        cursor: pointer;
    }

    .calc__form__tarif::-webkit-scrollbar {
        display: none;
        /* Для Chrome, Safari, Opera */
    }

    .calc__form .calc__form__block:nth-child(2) {
        display: grid;
 
        text-align: center;
    }


    .calc__form .calc__form__block:nth-child(5) {
        display: none;
    }

    .calc__form .calc__form__block:nth-child(3) {
        order: 1;
    }

    .calc__form .calc__form__block:nth-child(2) input {
        text-align: center;
    }

    .calc__form__payment {
        width: 6vw;
        height: 6vw;
        display: block;
    }

    .calc__form__more {
        display: block;
        width: 6vw;
        height: 6vw;
        min-width: 6vw;
    }

    .calc__form__more img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .button__prev {
        display: flex;
        gap: 3vw;
        align-items: center;
    }

    .button__prev img {
        height: 6vw;
        width: 6vw;
        object-fit: contain;
        object-position: center;
    }

    .button__prev span {
        font-size: 3.5vw;
        font-weight: 500;
        line-height: 120%;
        color: white;
    }

    .calc__form__block_dop_header {
        display: block;
        padding: 2vw 4vw;
        padding-bottom: 10vw;
    }

    .burger {
        position: fixed;
        top: 0;
        right: -100vw;
        width: 88vw;
        background: #121212;
        z-index: 10;
        height: 100%;
        border-radius: 10vw 0 0 10vw;
        transition: 0.2s linear;
        overflow: hidden;
    }

    .burger.active {
        right: 0;
    }

    .burger__logo {
        width: 42vw;
        height: 16.5vw;
        margin: 0 auto;
        margin-bottom: 10vw;
    }

    .burger__bottom {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }

    .burger__continer {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        box-sizing: border-box;
        padding: 4vw;
        transition: 0.3s ease;
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }

    .burger__continer.active {
        opacity: 1;
        position: relative;
        visibility: visible;
    }

    .burger__logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .burger__menu a {
        color: white;
        padding-bottom: 5.5vw;
        display: block;
        border-bottom: 1px solid #2E2E2E;
        text-align: right;
        font-size: 4vw;
        font-weight: 500;
        margin-bottom: 5vw;
    }


    .burger__bottom .page__button {
        width: 100%;
    }

    .modal__title {
        font-size: 6vw;
        color: white;
        font-weight: 600;
        text-align: center;
        margin-bottom: 4vw;
    }

    .modal__text {
        font-size: 3.5vw;
        color: white;
        opacity: 0.6;
        margin-bottom: 4vw;
        text-align: center;
        line-height: 140%;
    }

    .burger__request__labels {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }

    .burger__request {
        padding: 7vw 2vw;
        padding-top: 4vw;
    }


    .thanks {
        display: none;
        background: #121212;
        padding: 4vw;
        box-sizing: border-box;
        padding-top: 5vw;
        border-radius: 8vw 8vw 0px 0px;
    }

    .thanks__body {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .thanks__prev {
        width: 100%;
        padding-bottom: 5vw;
        padding-left: 3vw;
    }

    .thanks__icon {
        width: 16vw;
        height: 16vw;
        margin-bottom: 7vw;
    }

    .thanks__icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .thanks .modal__text {
        margin-bottom: 11vw;
    }

    .calc .phoneblock {
        display: none;
    }

    .burger {
        display: block;
    }


    .phoneblock {
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 10;
        background: #2E2E2E;
        padding: 5vw;
        box-sizing: border-box;
        border-radius: 10vw;
        overflow: hidden;
        width: 100%;
        padding-left: 6vw;
    }

    .phoneblock__top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.5vw;
        align-items: center;
    }

    .phoneblock__phone a {
        color: white;
        font-size: 5.5vw;
        font-weight: 600;
    }

    .phoneblock__media img {
        width: 7vw;
        height: 7vw;
        object-fit: contain;
        object-position: center;
    }

    .phoneblock__media {
        display: flex;
        gap: 2vw;
    }

    .phoneblock__text {
        color: white;
        opacity: 0.8;
        line-height: 130%;
        font-size: 3.25vw;
    }

    #suggestions {
        background: #2e2e2e !important;
        border: none;
        padding: 5px;
        margin: 0px;
        max-width: 400px;
        z-index: 1000;
        color: white !important;
        border-radius: 8vw !important;
        line-height: 120% !important;
        font-size: 3.5vw;
        padding: 4vw !important;
        border: 1px solid #ffffff1f !important;
    }

    .directories {
        padding-top: 17vw;
    }

    .mobilebanner {
        display: none;
    }

    .header__medias {
        display: flex;
        justify-content: space-between;
    }

    .header__medias__svgs {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        position: fixed;
        z-index: 1;
        top: 3.5vw;
        left: 3.5vw;
    }

    .header__medias__svg.yellowSvg {
        background-color: black;
    }

    .header__medias__svg.greenSvg {
        background-color: #29A71A;
    }

    .header__medias__svg.blueSvg {
        background-color: #039BE5;
    }

    .header__medias__svg svg {
        height: 6vw;
        width: 6vw;
    }

    .header__meadias__svg__tel {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1vw;
        position: relative;
    }

    .header__meadias__svg__tel span {
        color: #FAF356;
        font-size: 4vw;
        font-weight: 700;
        background: #00000080;
        padding: 2.5vw;
        border-radius: 20px;
    }

    .header__medias__svg {
        width: 11vw;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 11vw;
    }

    /* .delayed {
        display: none;
    } */

    @keyframes slideOutLeft {
        from {
            opacity: 1;
            transform: translateX(0);
        }

        50% {
            opacity: 1;
            transform: translateX(-50%);
        }

        to {
            opacity: 0;
            transform: translateX(-100%);
        }
    }

    .span-exit {
        animation: slideOutLeft 0.2s ease-in forwards;
    }
}
.header__logo {
    padding: 5px 0 0px 10px;
    margin-left: 40px;
}
.header__logo span {
    font-size: 10px;
}
.burger__logo a {
    color: #ffff;
}
.burger__logo p {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}
.burger__logo span {
    font-size: 12px;
}
.services__title span {
    font-size: 25px;
}