/* фикс слои */

.uc-hero {
     position: relative;
    z-index: 1 !important;
    
}


.uc-about {
    position: relative;
    z-index: 3 !important; 
}

.uc-advantages {
    position: relative;
    z-index: 3 !important; 
}

.uc-slider {
    position: relative;
    z-index: 3 !important; 
}

.uc-card {
    position: relative;
    z-index: 3 !important; 
}

.uc-app {
    position: relative;
    z-index: 3 !important; 
}

.uc-visitform {
    position: relative;
    z-index: 3 !important; 
}

.uc-header {
    position: relative;
    z-index: 4 !important; 
}

.uc-sub1 {
    position: relative;
    z-index: 4 !important; 
}

.uc-sub2 {
    position: relative;
    z-index: 4 !important; 
}

uc-sticky-footer {
    position: relative;
    z-index: 2 !important; 
}

.uc-calendar {
     position: relative;
    z-index: 1 !important;
    
}

/* Скрываем на десктопе, показываем на мобильных устройствах */
.vm {
  display: none;
}

/* Скрываем на мобильных устройствах, показываем на десктопе */
.vd {
  display: block;
}

@media (max-width: 960px) {
  .vm {
    display: block;
  }
  .vd {
    display: none;
  }
}



/* фикс шапки */
.uc-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}


/* Прозрачный фон с эффектом блюра */
.t450 {
    background-color: rgba(3, 3, 3, 0) !important; /* Цвет фона */
    backdrop-filter: blur(20px) !important; /* Эффект блюра */
    -webkit-backdrop-filter: blur(20px) !important; /* Для Safari */
    width: 100vw !important; /* Меню на всю ширину экрана */
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 9999; /* Поверх всех элементов */
    max-width: 100% !important;
    padding-top: 10px !important; /* Отступ слева для подменю */
    
}

/* Изменение шрифтов */
.uc-burger-menu .t-menu__link-item {
    font-size: 20px !important; /* Увеличил размер основного шрифта */
    color: #fff !important;
    padding-left: 20px !important; /* Отступ слева для подменю */
}

/* Установим цвет для активных пунктов меню */
.uc-burger-menu .t-menu__link-item:hover,
.uc-burger-menu .t-menu__link-item:focus {
    color: #fff !important;
    border: none !important;
}

/* Кнопка закрытия меню */
.uc-burger-menu .t450__close-button {
    background-color: transparent !important;
    color: #fff !important;
    border: none;
    position: absolute;
    top: 14px !important; /* Опустил крестик чуть ниже */
    right: 14px !important;
    font-size: 24px !important;
}

/* Стиль для подменю */
.uc-burger-menu .t-menusub__list-item {
    font-size: 17px !important; /* Сделал подменю чуть больше */
    color: #fff !important;
    
    padding-left: 50px !important; /* Отступ слева для подменю */
}

.t-menusub__menu, 
.t-menusub__list-item {
    border-bottom: none !important;
    box-shadow: none !important;
}

.t-menusub__menu:after, 
.t-menusub__list-item:after {
    display: none !important;
}



/* Эффект размытия фона с улучшениями */
.uc-bluer .tn-atom {
    background-color: rgba(3, 3, 3, 0.27); /* Цвет фона */
    backdrop-filter: blur(11px); /* Эффект размытия фона */
    -webkit-backdrop-filter: blur(11px); /* Для Safari */
    border-radius: 20px !important; /* Скругление углов */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Легкая граница */
    overflow: hidden; /* Скрывает содержимое за границами */
    position: relative; /* Относительное позиционирование для более точного контроля */
    z-index: 1; /* При необходимости устанавливаем уровень слоя */
}

/* Шрифт подсказок */
input::placeholder, textarea::placeholder {
    color: #a9a9a9; /* Замените на нужный цвет */
    font-size: 14px; /* Размер шрифта для подсказки */
    font-family: Raleway, sans-serif; /* Шрифт для подсказки */
    font-weight: 600; 
}


/* Цвет фона в правой части формы */
.uc-visitform td.t823__col.t823__col_form.t823__col_form_mobile {
    background-color: #fff;
}


/* Стили для заголовка (шапки) формы */
.uc-visitform .t-title {
    font-size: 36px; 
    text-align: left; 
    color: #000; 
    margin-bottom: 10px; 
    line-height: 1;
    letter-spacing: 0em; 
}

/* Стили для подзаголовка формы */
.uc-visitform .t-descr {
    font-size: 19px; 
    font-weight: 400; 
    text-align: left; 
    color: #000; 
    margin-bottom: 30px; 
     line-height: 1;
}


/* Стили для полей ввода */
.uc-visitform .t-form__inputsbox input,
.t-form__inputsbox textarea {
    border: 1px solid #C4C4C4; /* Цвет обводки */
    border-radius: 6px; /* Более плавное скругление углов */
    padding: 12px 14px; /* Увеличиваем внутренние отступы для удобства */
    width: 100%; /* Растягиваем на 100% родительского контейнера */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    font-size: 14px; /* Улучшаем читаемость текста */
    outline: none; /* Убираем стандартное выделение */
    transition: all 0.3s ease; /* Плавный переход всех свойств */
    background-color: #f9f9f9; /* Добавляем легкий серый фон */
}

/* Изменение цвета обводки и фона при фокусе */
.uc-visitform .t-form__inputsbox input:focus,
.uc-visitform .t-form__inputsbox textarea:focus {
    border-color: #2196F3; /* Цвет обводки при фокусе */
    background-color: #fff; /* Белый фон при фокусе */
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); /* Легкое свечение */
}

/* Стили для кнопки отправки */
.uc-visitform .t-form__submit {
    justify-content: center; /* Центрируем текст по горизонтали */
    align-items: center; /* Центрируем текст по вертикали */
    padding: 1px; /* Внутренние отступы */
    background-color: #000; /* Черный фон */
    color: #fff; /* Белый текст */
    border: none; /* Убираем рамки */
    border-radius: 6px; /* Скругленные углы */
    cursor: pointer; /* Курсор при наведении */
    text-align: center; /* Центрирование текста */
    font-size: 16px; /* Размер текста */
    font-weight: 400; /* Полужирный шрифт */
    box-sizing: border-box; /* Учитываем отступы и границы */
    transition: all 0.3s ease; /* Плавный переход эффектов */
  
}

/* Эффект при наведении на кнопку */
.uc-visitform .t-form__submit:hover {
    background-color: #444; /* Темнее при наведении */
    transform: translateY(-2px); /* Легкий подъем кнопки */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Добавляем тень */
}

/* Эффект при клике на кнопку */
.uc-visitform .t-form__submit:active {
    transform: translateY(0); /* Убираем подъем */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Уменьшаем тень */
    background-color: #333; /* Еще темнее при нажатии */
}


/* Улучшенные стили для текста ошибок (если есть) */
.uc-visitform .t-form__error {
    color: #f44336; /* Красный цвет текста */
    font-size: 12px; /* Меньший размер текста */
    margin-top: -8px; /* Сокращаем расстояние */
    margin-bottom: 8px; /* Оставляем место перед следующим элементом */
}

form .custom-select option:first-child {
    color: #ff0000 !important;  /* Цвет текста */
    background-color: #f0f0f0 !important;  /* Цвет фона */
}


/* Стили для выпадающего списка */
.uc-visitform select {
    border: 1px solid #C4C4C4; /* Цвет обводки */
    border-radius: 6px; /* Скругленные углы */
    padding: 12px 14px; /* Внутренние отступы */
    width: 100%; /* Полная ширина */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    font-size: 14px; /* Размер текста */
    background-color: #f9f9f9; /* Легкий серый фон */
    color: #000; /* Замените на нужный цвет */
    font-size: 14px; /* Размер шрифта для подсказки */
    font-family: Raleway, sans-serif; /* Шрифт для подсказки */
    font-weight: 600; 
    appearance: none; /* Убираем стандартный стиль браузера */
    outline: none; /* Убираем стандартное выделение */
    transition: all 0.3s ease; /* Плавные переходы */
    cursor: pointer; /* Курсор указателя */
}

/* Эффект при фокусе на выпадающем списке */
.uc-visitform select:focus {
    border-color: #2196F3; /* Синий цвет обводки при фокусе */
    background-color: #fff; /* Белый фон при фокусе */
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); /* Легкое свечение */
}

/* Стили для стрелки выпадающего списка */
.uc-visitform select::after {
    content: ''; /* Пустое содержимое */
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-top-color: #4CAF50; /* Цвет стрелки */
    pointer-events: none; /* Отключение кликов */
}

/* Стили для чекбокса политики конфиденциальности */
.uc-visitform .t-checkbox {
    display: flex;
    align-items: center; /* Выравнивание по центру */
    gap: 8px; /* Промежуток между чекбоксом и текстом */
    font-size: 14px; /* Размер текста */
    color: #000; /* Черный текст */
    cursor: pointer; /* Указатель */
}

/* Стили для самого чекбокса */
.uc-visitform .t-checkbox input[type="checkbox"] {
    width: 18px; /* Размер чекбокса */
    height: 18px; /* Размер чекбокса */
    border: 2px solid #4CAF50; /* Цвет обводки */
    border-radius: 4px; /* Легкое скругление */
    background-color: #f9f9f9; /* Фон */
    cursor: pointer; /* Указатель */
    appearance: none; /* Убираем стандартный стиль браузера */
    transition: all 0.3s ease; /* Плавные переходы */
}

/* Эффект при активном состоянии чекбокса */
.uc-visitform .t-checkbox input[type="checkbox"]:checked {
    background-color: #4CAF50; /* Заливка зеленым цветом */
    border-color: #4CAF50; /* Цвет обводки */
    position: relative;
}

.uc-visitform .t-checkbox input[type="checkbox"]:checked::after {
    content: ''; /* Иконка галочки */
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.uc-visitform .t-input-group_ws {
    height:0px !important;
}



@media (max-width: 639px) {
    
    /* Шрифт подсказок */
input::placeholder, textarea::placeholder {
    color: #a9a9a9; /* Замените на нужный цвет */
    font-size: 12px; /* Уменьшаем размер шрифта для подсказки */
    font-family: Raleway, sans-serif; /* Шрифт для подсказки */
    font-weight: 600; 
}

/* Цвет фона в правой части формы */
.uc-visitform td.t823__col.t823__col_form.t823__col_form_mobile {
    background-color: #fff;
}

/* Стили для заголовка (шапки) формы */
.uc-visitform .t-title {
    font-size: 30px; /* Уменьшаем размер шрифта */
    text-align: left; 
    color: #000; 
    margin-bottom: 8px; /* Уменьшаем отступ */
    line-height: 1; /* Увеличиваем межстрочный интервал */
}

/* Стили для подзаголовка формы */
.uc-visitform .t-descr {
    font-size: 16px; /* Уменьшаем размер шрифта */
    font-weight: 400; 
    text-align: left; 
    color: #000; 
    margin-bottom: 20px; /* Уменьшаем отступ */
    line-height: 1.2; /* Увеличиваем межстрочный интервал */
}

/* Стили для полей ввода */
.uc-visitform .t-form__inputsbox input,
.t-form__inputsbox textarea {
    border: 1px solid #C4C4C4; /* Цвет обводки */
    border-radius: 6px; /* Более плавное скругление углов */
    padding: 10px 10px; /* Уменьшаем внутренние отступы */
    width: 100%; /* Растягиваем на 100% родительского контейнера */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    font-size: 12px; /* Уменьшаем размер шрифта */
    outline: none; /* Убираем стандартное выделение */
    transition: all 0.3s ease; /* Плавный переход всех свойств */
    background-color: #f9f9f9; /* Добавляем легкий серый фон */
}

/* Изменение цвета обводки и фона при фокусе */
.uc-visitform .t-form__inputsbox input:focus,
.uc-visitform .t-form__inputsbox textarea:focus {
    border-color: #2196F3; /* Цвет обводки при фокусе */
    background-color: #fff; /* Белый фон при фокусе */
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); /* Легкое свечение */
}

/* Стили для кнопки отправки */
.uc-visitform .t-form__submit {
    justify-content: center; /* Центрируем текст по горизонтали */
    align-items: center; /* Центрируем текст по вертикали */
    padding: 0px; /* Уменьшаем внутренние отступы */
    background-color: #000; /* Черный фон */
    color: #fff; /* Белый текст */
    border: none; /* Убираем рамки */
    border-radius: 6px; /* Скругленные углы */
    cursor: pointer; /* Курсор при наведении */
    text-align: center; /* Центрирование текста */
    font-size: 14px; /* Уменьшаем размер текста */
    font-weight: 400; /* Полужирный шрифт */
    box-sizing: border-box; /* Учитываем отступы и границы */
    transition: all 0.3s ease; /* Плавный переход эффектов */
}

/* Эффект при наведении на кнопку */
.uc-visitform .t-form__submit:hover {
    background-color: #444; /* Темнее при наведении */
    transform: translateY(-2px); /* Легкий подъем кнопки */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Добавляем тень */
}

/* Эффект при клике на кнопку */
.uc-visitform .t-form__submit:active {
    transform: translateY(0); /* Убираем подъем */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Уменьшаем тень */
    background-color: #333; /* Еще темнее при нажатии */
}

/* Улучшенные стили для текста ошибок (если есть) */
.uc-visitform .t-form__error {
    color: #f44336; /* Красный цвет текста */
    font-size: 10px; /* Уменьшаем размер текста */
    margin-top: -6px; /* Сокращаем расстояние */
    margin-bottom: 6px; /* Оставляем место перед следующим элементом */
}

/* Стили для выпадающего списка */
.uc-visitform select {
    border: 1px solid #C4C4C4; /* Цвет обводки */
    border-radius: 6px; /* Скругленные углы */
    padding: 10px 12px; /* Уменьшаем внутренние отступы */
    width: 100%; /* Полная ширина */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    font-size: 12px; /* Уменьшаем размер текста */
    background-color: #f9f9f9; /* Легкий серый фон */
    color: #000; /* Замените на нужный цвет */
    font-family: Raleway, sans-serif; /* Шрифт для подсказки */
    font-weight: 600; 
    appearance: none; /* Убираем стандартный стиль браузера */
    outline: none; /* Убираем стандартное выделение */
    transition: all 0.3s ease; /* Плавные переходы */
    cursor: pointer; /* Курсор указателя */
}

/* Эффект при фокусе на выпадающем списке */
.uc-visitform select:focus {
    border-color: #2196F3; /* Синий цвет обводки при фокусе */
    background-color: #fff; /* Белый фон при фокусе */
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); /* Легкое свечение */
}

/* Стили для чекбокса политики конфиденциальности */
.uc-visitform .t-checkbox {
    padding-top: 10px; /* Сокращаем расстояние */
    display: flex;
    align-items: center; /* Выравнивание по центру */
    gap: 6px; /* Уменьшаем промежуток между чекбоксом и текстом */
    font-size: 12px; /* Уменьшаем размер текста */
    color: #000; /* Черный текст */
    cursor: pointer; /* Указатель */
}

/* Стили для самого чекбокса */
.uc-visitform .t-checkbox input[type="checkbox"] {
    width: 16px; /* Уменьшаем размер чекбокса */
    height: 16px; /* Уменьшаем размер чекбокса */
    border: 2px solid #4CAF50; /* Цвет обводки */
    border-radius: 4px; /* Легкое скругление */
    background-color: #f9f9f9; /* Фон */
    cursor: pointer; /* Указатель */
    appearance: none; /* Убираем стандартный стиль браузера */
    transition: all 0.3s ease; /* Плавные переходы */
}

/* Эффект при активном состоянии чекбокса */
.uc-visitform .t-checkbox input[type="checkbox"]:checked {
    background-color: #4CAF50; /* Заливка зеленым цветом */
    border-color: #4CAF50; /* Цвет обводки */
    position: relative;
}

.uc-visitform .t-checkbox input[type="checkbox"]:checked::after {
    content: ''; /* Иконка галочки */
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.uc-visitform .t-input-group_ws {
    height:0px !important;
}

.uc-visitform .t823__col_img_mobile {
    height:400px !important;
}
}

/* Общий стиль для формы с классом zero-form1 (тёмная тема, фон #0F0F14) */
.zero-form1 {
    background-color: #0F0F14 !important; /* Тёмный фон блока */
    padding: 0 !important; /* Убрали паддинг вокруг формы */
    border-radius: 10px !important;
}

/* Стили для полей ввода и textarea */
.zero-form1 input,
.zero-form1 textarea {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Сделали обводку более слабой */
    border-radius: 6px !important;
    padding: 8px 10px !important; /* Сделали паддинги меньше */
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important; /* Уменьшили шрифт */
    outline: none !important;
    background-color: #1A1A1F !important; /* Тёмно-серый фон для инпутов */
    color: #fff !important; /* Белый текст */
    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Стили для фокуса */
.zero-form1 input:focus,
.zero-form1 textarea:focus {
    border-color: rgba(33, 150, 243, 0.6) !important; /* Прозрачный синий при фокусе */
    background-color: #2A2A30 !important; /* Чуть светлее фон при фокусе */
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.6) !important; /* Легкое свечение тем же синим цветом */
}

/* Стили для поля с ошибкой (убираем синее свечение и добавляем красное при фокусе) */
.zero-form1 input.t-form__input_error:focus,
.zero-form1 textarea.t-form__input_error:focus {
    border-color: #ff5252 !important; /* Красная обводка при ошибке */
    background-color: #2A2A30 !important; /* Чуть светлее фон при ошибке */
    box-shadow: 0 0 8px rgba(255, 82, 82, 0.6) !important; /* Красное свечение при ошибке */
}

/* Стили текста в label */
.zero-form1 label {
    color: #aaa !important; /* Светло-серый цвет текста */
    font-size: 12px !important; /* Уменьшили шрифт */
    margin-bottom: 6px !important; /* Уменьшили отступы */
    display: block !important;
}

/* Стиль кнопки */
.zero-form1 button {
    background-color: #fff !important; /* Белый фон */
    color: #0F0F14 !important; /* Чёрный текст */
    padding: 8px 10px !important; /* Уменьшили паддинги */
    width: 100% !important; /* Кнопка такой же ширины, как форма ввода */
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important; /* Уменьшили размер шрифта */
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Ховер и клик эффекты для кнопки */
.zero-form1 button:hover {
    background-color: #e6e6e6 !important; /* Светло-серый фон */
    color: #000 !important; /* Чёрный текст */
}

.zero-form1 button:active {
    background-color: #ccc !important; /* Ещё более тёмный серый */
}

/* Дополнительные стили ошибок */
.zero-form1 .t-form__errorbox-middle {
    color: #ff5252 !important; /* Красный цвет для текста ошибок */
    font-size: 12px !important; /* Уменьшили размер шрифта */
    margin-top: 6px !important; /* Уменьшили отступы */
}

/* Цвет для placeholder в полях ввода */
.zero-form1 input::placeholder,
.zero-form1 textarea::placeholder {
    color: #888 !important; /* Серый цвет для placeholder */
}

/* Медиазапрос для мобильных устройств */
@media screen and (max-width: 768px) {
    /* Уменьшаем размеры шрифта и паддингов */
    .zero-form1 input,
    .zero-form1 textarea {
        font-size: 11px !important; /* Ещё меньше размер шрифта */
        padding: 6px 8px !important; /* Еще меньше паддингов */
    }

    .zero-form1 label {
        font-size: 11px !important; /* Меньший размер шрифта для label */
        margin-bottom: 4px !important; /* Уменьшаем отступы */
    }

    .zero-form1 button {
        font-size: 12px !important; /* Уменьшили размер шрифта на кнопке */
        padding: 7px 9px !important; /* Меньше паддингов */
    }
}

@media screen and (max-width: 480px) {
    /* Для очень маленьких экранов, например, телефонов */
    .zero-form1 input,
    .zero-form1 textarea {
        font-size: 10px !important; /* Еще меньше размер шрифта */
        padding: 5px 7px !important; /* Еще меньше паддингов, чтобы уменьшить высоту */
    }

    .zero-form1 label {
        font-size: 10px !important; /* Меньший размер шрифта для label */
        margin-bottom: 3px !important; /* Уменьшаем отступы */
    }

    .zero-form1 button {
        font-size: 12px !important; /* Меньший размер шрифта для кнопки */
        padding: 6px 8px !important; /* Меньше паддингов */
    }
}


/* Услуги таблица с прреимуществами по фото */
@media (min-width: 1200px) {

    /* Контейнер .t-container внутри .uc-benefit, максимальная ширина */
    .uc-benefit .t-container {
        max-width: 1160px; /* Ограничение максимальной ширины контейнера */
    }

    /* Стиль для блока с классом .t1033 (блок, который включает несколько колонок) */
    .uc-benefit .t1033 {
        display: flex; /* Используется Flexbox для управления расположением элементов */
        justify-content: center; /* Центрирует элементы по горизонтали */
        align-items: center; /* Центрирует элементы по вертикали */
        width: 100%; /* Ширина на 100% */
        flex-wrap: wrap; /* Разрешает перенос элементов на новую строку */
    }

    /* Стиль для колонок внутри блока .t1033 */
    .uc-benefit .t1033__col {
        padding: 20px; /* Внешние отступы для колонок */
        width: 50%; /* Каждая колонка будет занимать 50% ширины */
        box-sizing: border-box; /* Учитываются отступы и границы при расчете ширины */
        flex-shrink: 0; /* Не уменьшать размер колонок */
    }

    /* Стиль для первой колонки */
    .uc-benefit .t1033__col:nth-child(1) {
        border-top-left-radius: 10px; /* Закругление верхнего левого угла */
        margin-right: 0; /* Убираем правый внешний отступ */
        border-top: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия сверху */
        border-left: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия слева */
        border-right: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия справа */
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия снизу */
    }

    /* Стиль для второй колонки */
    .uc-benefit .t1033__col:nth-child(2) {
        border-top-right-radius: 10px; /* Закругление верхнего правого угла */
        margin-left: 0; /* Убираем левый внешний отступ */
        border-top: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия сверху */
        border-right: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия справа */
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия снизу */
    }

    /* Стиль для третьей колонки */
    .uc-benefit .t1033__col:nth-child(3) {
        border-bottom-left-radius: 10px; /* Закругление нижнего левого угла */
        margin-right: 0; /* Убираем правый внешний отступ */
        margin-top: 0; /* Убираем верхний внешний отступ */
        border-left: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия слева */
        border-right: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия справа */
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия снизу */
    }

    /* Стиль для последней колонки */
    .uc-benefit .t1033__col:nth-child(4) {
        border-bottom-right-radius: 10px; /* Закругление нижнего правого угла */
        margin-left: 0; /* Убираем левый внешний отступ */
        margin-top: 0; /* Убираем верхний внешний отступ */
        border-right: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия справа */
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); /* Тонкая белая линия снизу */
    }
}

/* Адаптация для экранов шириной меньше 1200px */
@media (max-width: 1200px) {

    /* Контейнер .t-container, максимальная ширина */
    .uc-benefit .t-container {
        max-width: 960px; /* Уменьшаем максимальную ширину контейнера */
    }

    /* Блок .t1033 (колонки) */
    .uc-benefit .t1033 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

    /* Стиль для колонок */
    .uc-benefit .t1033__col {
        padding: 20px; /* Внешние отступы */
        width: 100%; /* Каждая колонка занимает 100% ширины */
        box-sizing: border-box;
        flex-shrink: 0;
    }

    /* Стиль для первой колонки */
    .uc-benefit .t1033__col:nth-child(1) {
        border-radius: 10px !important; /* Применение закругления углов */
        border: 1px solid rgba(255, 255, 255, 0.25); /* Белая граница */
    }

    /* Стиль для второй колонки */
    .uc-benefit .t1033__col:nth-child(2) {
        border-radius: 10px !important; /* Применение закругления углов */
        margin-top: 0 !important; /* Убираем верхний внешний отступ */
        border: 1px solid rgba(255, 255, 255, 0.25); /* Белая граница */
    }

    /* Стиль для третьей колонки */
    .uc-benefit .t1033__col:nth-child(3) {
        border-radius: 10px !important; /* Применение закругления углов */
        border: 1px solid rgba(255, 255, 255, 0.25); /* Белая граница */
    }

    /* Стиль для последней колонки */
    .uc-benefit .t1033__col:nth-child(4) {
        border-radius: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.25); /* Белая граница */
    }
}

/* Адаптация для экранов шириной меньше 960px */
@media (max-width: 960px) {

    /* Контейнер .uc-benefit, добавление отступов */
    .uc-benefit {
        padding: 10px; /* Внешние отступы */
    }
}

/* Адаптация для устройств iPhone (ширина экрана до 768px) */
@media (max-width: 768px) {

    /* Заголовок .t1033__title на маленьких экранах */
    .t1033__title {
        font-size: 50px !important; /* Уменьшаем размер шрифта */
        line-height: 8px !important; /* Уменьшаем высоту строки */
        font-weight: 600 !important; /* Устанавливаем жирное начертание */
    }

    /* Колонки .uc-benefit с дополнительными отступами */
    .uc-benefit .t1033__col {
        padding-top: 30px; /* Добавление верхнего отступа */
    }
}



/* Основные стили для заголовка в услугах */
.uc-services-title .t489__title {
    font-size: 50px !important; /* Устанавливаем размер шрифта для заголовка на 50px */
    font-weight: bold; /* Устанавливаем жирный шрифт */
    text-align: left; /* Выравнивание текста по левому краю */
}

/* Основные стили для описания */
.uc-services-title .t-descr_md {
    font-size: 16px !important; /* Устанавливаем размер шрифта для описания на 16px */
    line-height: 22px !important; /* Устанавливаем высоту строки на 22px, чтобы текст был более читаемым */
}

/* Адаптация для мобильных устройств с шириной экрана до 768px */
@media (max-width: 768px) {
    
    /* Стили для заголовка на мобильных устройствах */
    .uc-services-title .t-title_md {
        font-size: 36px !important; /* Устанавливаем размер шрифта для заголовка на мобильных устройствах на 40px */
        font-weight: bold; /* Сохраняем жирный шрифт для мобильных */
        line-height: 40px !important; /* Устанавливаем высоту строки для заголовка на мобильных устройствах на 40px */
        
    }

}


/* Основные стили для изображения */
.uc-services-img .t-width_12 {
    max-width: 1120px; /* Ограничиваем максимальную ширину изображения */
    border-radius: 10px; /* Скругляем углы на 10px */
}

/* Адаптация для экранов шириной до 1200px */
@media (max-width: 1200px) {
    
    .uc-services-img .t-width {
        max-width: 100%; /* Делаем изображение на всю ширину контейнера */
        height: 100%; /* Задаем высоту 100%, чтобы оно полностью заполнило контейнер */
        object-fit: cover; /* Обрезаем изображение, чтобы оно заполняло контейнер без искажений */
        border-radius: 0px; /* Убираем скругления углов */
    }

    /* Убираем скругление углов для конкретных классов изображений */
    .uc-services-img img.t-img.t-width.t107__width.t-width_12 {
        border-radius: 0 !important; /* Принудительно убираем скругление, даже если есть другие стили */
    }
}

/* Адаптация для экранов шириной до 768px (мобильные устройства) */
@media (max-width: 768px) {
    
    .uc-services-img .t-width_12 {
        object-fit: cover; /* Обрезаем изображение, чтобы оно заполнило контейнер */
        height: 350px; /* Устанавливаем фиксированную высоту 350px для мобильных устройств */
        width: 100%; /* Растягиваем изображение по ширине контейнера */
    }
}


/* Стили для заголовка галереи */
.uc-services-gallery .t760__title {
    font-size: 40px !important; /* Устанавливаем размер шрифта 40px */
    font-weight: bold; /* Делаем текст жирным */
    line-height: 40px !important; /* Задаем высоту строки 40px */
}

/* Стили для изображений в галерее */
.uc-services-gallery .t760__img {
    margin-bottom: 10px; /* Добавляем отступ снизу в 10px */
}

/* Стили для описания галереи */
.uc-services-gallery .t760__descr {
    padding-bottom: 25px; /* Добавляем отступ снизу в 25px */
}





/* Адаптация для мобильных устройств (ширина экрана до 768px) */
@media (max-width: 768px) {
    
    /* Изменяем стили заголовка на мобильных устройствах */
    .uc-services-gallery .t760__title {
        font-size: 30px !important; /* Уменьшаем размер шрифта до 30px */
        font-weight: bold; /* Сохраняем жирный шрифт */
        line-height: 30px !important; /* Уменьшаем высоту строки до 30px */
    }
}

/* Адаптация для мобильных устройств (ширина экрана до 768px) */
@media (max-width: 480px) {
    
    /* Стили для описания галереи */
    .uc-services-gallery .t-descr_xxs {
font-size: 20px;
}
}




/* Стили для заголовка секции */
.uc-services-features .t-section__title {
 
    font-size: 40px !important; /* Устанавливаем размер шрифта 40px */
    font-weight: bold; /* Делаем текст жирным */
    line-height: 40px !important; /* Устанавливаем высоту строки 40px */
}

/* Стили для блока контента */
.uc-services-features .t503__content {
    padding: 20px; /* Добавляем внутренний отступ 20px */
}

/* Стили для описания карточек */
.uc-services-features .t-card__descr {
    font-size: 16px !important; /* Устанавливаем размер шрифта 16px */
    line-height: !important; /* Ошибка: отсутствует значение (следует указать, например, 24px) */
}

/* Адаптация для мобильных устройств (ширина экрана до 768px) */
@media (max-width: 768px) {

    /* Изменяем стили заголовка для мобильных устройств */
    .uc-services-features .t-section__title {
        margin-bottom: 100px; /* Увеличиваем отступ снизу до 100px */
        font-size: 30px !important; /* Уменьшаем размер шрифта до 30px */
        font-weight: bold; /* Сохраняем жирный шрифт */
        line-height: 30px !important; /* Уменьшаем высоту строки до 30px */
    }

    /* Добавляем отступ сверху для карточек в разных макетах (2, 3 и 4 в ряд) */
    .uc-services-features .t503 .t-card__col, 
    .t503 .t-card__container_inrow2 .t-card__col:nth-child(-n+2), 
    .t503 .t-card__container_inrow3 .t-card__col:nth-child(-n+3), 
    .t503 .t-card__container_inrow4 .t-card__col:nth-child(-n+4) {
        margin-top: 10px !important; /* Добавляем верхний отступ 10px */
    }

}

/* Стили для кнопки отправки */
.uc-services-button .t142 .t142__submit_size_smd {
    width: 300px !important; /* Устанавливаем ширину кнопки в 300px */
    justify-content: center !important; /* Центрируем текст по горизонтали */
    align-items: center !important; /* Центрируем текст по вертикали */
    padding: 1px !important; /* Внутренние отступы */
    background-color: #fff !important; /* Белый фон */
    color: #000 !important; /* Черный текст */
    border: none !important; /* Убираем рамки */
    border-radius: 6px !important; /* Скругленные углы */
    cursor: pointer !important; /* Курсор при наведении */
    text-align: center !important; /* Центрирование текста */
    font-size: 16px !important; /* Размер текста */
    font-weight: normal !important; /* Убираем жирный шрифт */
    text-transform: none !important; /* Убираем капслок */
    box-sizing: border-box !important; /* Учитываем отступы и границы */
    transition: all 0.3s ease !important; /* Плавный переход эффектов */
}

/* Эффект при наведении на кнопку */
.uc-services-button .t142 .t142__submit_size_smd:hover {
    background-color: #ccc !important; /* Светлее при наведении */
    transform: translateY(-2px) !important; /* Легкий подъем кнопки */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important; /* Добавляем тень */
}

/* Эффект при клике на кнопку */
.uc-services-button .t142 .t142__submit_size_smd:active {
    transform: translateY(0) !important; /* Убираем подъем */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; /* Уменьшаем тень */
    background-color: #ddd !important; /* Еще светлее при нажатии */
}



/* Убираем обрезание содержимого на всех родительских контейнерах */
.t1148__gallery,
.t1148__item,
.t1148__img-wrapper {
    overflow: visible; /* Разрешаем выходить за пределы контейнеров */
}

/* Изначально уменьшаем изображения на 10% */
.t1148__img-wrapper img {
    transform: scale(0.9); /* Уменьшаем размер до 90% */
    transition: transform 0.3s ease-in-out; /* Плавный переход */
}

/* Возвращаем к исходному размеру при наведении */
.t1148__img-wrapper img:hover {
    transform: scale(1); /* Возвращаем размер 100% */
}




/* Контейнер меню */
/* Оформление второго уровня меню */




.uc-sub2 .t794__content {
    background-color: rgba(3, 3, 3, 0.13) !important;
    border-radius: 20px;
    width: 270px !important;
    min-width: 270px !important;
    z-index: 9999 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);

}

.uc-sub1 .t794__content {
    background-color: rgba(3, 3, 3, 0.13) !important;
    border-radius: 20px;
    width: 150px !important;
    min-width: 150px !important;
    z-index: 9999 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.t794__tooltip-menu {
    background-color: rgba(3, 3, 3, 0.13) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 20px;
    z-index: 9999 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0) !important; /* Лёгкая тень */
}

/* Пункты меню */

.uc-sub2 .t794__list_item {
    margin: 0; /* Убираем отступы между пунктами меню */
    padding: 0px 5px; /* Добавляем отступы вокруг пунктов меню (вверху/внизу 8px, слева/справа 16px) */
    list-style: none; /* Убираем стандартные маркеры списка */
}

.uc-sub1 .t794__list_item {
    margin: 0; /* Убираем отступы между пунктами меню */
    padding: 0px 0px; /* Добавляем отступы вокруг пунктов меню (вверху/внизу 8px, слева/справа 16px) */
    list-style: none; /* Убираем стандартные маркеры списка */
}

/* Стилизация ссылок внутри пунктов меню */
.t794__list_item a {
    display: block; /* Делаем ссылку блочным элементом, чтобы она занимала всю ширину пункта */
    padding: 10px 20px; /* Добавляем отступы внутри каждой ссылки (вверху/внизу 10px, слева/справа 20px) */
    margin: 0; /* Убираем внешние отступы */
    border-radius: 10px; /* Сглаживаем углы ссылок */
    text-decoration: none; /* Убираем подчеркивание текста */
    text-align: center; /* Выравниваем текст по центру */
    box-sizing: border-box; /* Учитываем padding и border в общую ширину/высоту */
    color: #fff; /* Цвет текста по умолчанию (белый) */
    transition: all 0.2s ease; /* Плавные переходы для всех свойств, например, для эффекта зума */
    font-family: inherit; /* Наследуем шрифт от родителя */
    font-size: 14px; /* Размер шрифта */
    line-height: 1.4; /* Межстрочный интервал */
}

/* Эффект при наведении — маленький зум */
.t794__list_item a:hover {
    background-color: rgba(255, 255, 255, 1); /* Цвет фона при наведении (светлый оттенок) */
    color: #000; /* Цвет текста при наведении (черный) */
    transform: scale(1.1); /* Эффект зума: увеличение элемента на 10% */
}


/* Скрыть стрелку под меню */
.t794__tooltip-menu-corner {
  display: none; /* Полностью скрыть стрелку */
}


/* Эффект при наведении на активный пункт */
.t794__list_item a.t-active:hover,
.t794__list_item a.t-menu__link_active:hover,
.t794__list_item a.active:hover {
    color: #000 !important; /* Цвет остается черным */
}






/*Настройки карточек*/
    :root {
        --CardsBorderColor: #2A87C5, #8716c1, #FD79C0; /*цвет обводки карточки*/
        --CardsBorderOpacity: 0.3; /*цвет обводки карточки*/
        --CardsOpacity:1; /*цвет обводки карточки, чем меньше прозрачность, тем более заметно*/
        --CardsBorderRadius: 10px; /*радиус скругления углов*/
    }
    
    
.card {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: var(--CardsBorderRadius);
}

.card:hover::before {
  opacity: 1;
}

.card::before,
.card::after {
  content: "";
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  transition: opacity 500ms;
  width: 100%;
}

.card::before {
    background: radial-gradient( 550px circle at var(--mouse-x) var(--mouse-y), var(--CardsBorderColor), transparent 50% );
    z-index: 2;
    padding: 2px;
    left: -2px;
    width: 100%;
    top: -2px;
    height: 100%;
    zoom: 1 !important;
    opacity:var(--CardsBorderOpacity);
    border-radius: var(--CardsBorderRadius);
}

.card::after {  
  background: radial-gradient(
    500px circle at var(--mouse-x) var(--mouse-y), 
    rgba(255, 255, 255, 0.4),
    transparent 40%
    border-radius: var(--CardsBorderRadius);
  );
  zoom: 1 !important;
  z-index: 1;
}

.card > .tn-atom {
  inset: 0px;
  padding: 0px;
  position: absolute;
  z-index: 2;
  opacity:var(--CardsOpacity);
  border-radius: var(--CardsBorderRadius);
}
    

    
/*черная кнопка*/

    :root {
      --btn-gradient-border: conic-gradient(from 0 at 50% 50%, rgb(245 100 228 / 50%) 0deg, rgb(255 104 243 / 0%) 60deg, rgb(227 81 241 / 0%) 310deg, rgb(196 86 249 / 50%) 360deg);
      --btn-gradient-border-hover: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, .5) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, .5) 360deg);
      --btn-gradient-bg: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, 0.3) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0.3) 280deg, rgba(255, 255, 255, 0.3) 180deg);
      --btn-gradient-border-size: 1px solid;
      --btn-gradient-border-color: #333333;
      --btn-gradient-border-color-hover: #333333;
      --btn-gradient-bg-opacity: 0.1;
      --btn-gradient-bg-opacity-hover: 0.4;
      --btn-gradient-border-radius: 10px;
    }

    .btn-wrapper {
      width: 100%;
      height: 100%;
      border: var(--btn-gradient-border-size);
      position: absolute;
      left: 50% !important;
      border-radius: var(--btn-gradient-border-radius);
      top: 50% !important;
      transform: translate(-50%, -50%);
      content: "";
      inset: 0;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: exclude;
      -webkit-mask-composite: clear;
    }

    .btn-gradient-animation .tn-atom {
      transition: all 0.4s !important;
    }

    .btn-bg-wrapper {
      height: 100%;
      overflow: hidden;
      position: absolute;
      width: 100%;
      top: 50%;
      border-radius: var(--btn-gradient-border-radius);
      left: 50%;
      z-index: -1;
      transform: translate(-50%, -50%);
      backdrop-filter: blur(11px);
      -webkit-backdrop-filter: blur(11px);  
    }

    .btn-gradient-animation .btn-gradient-bg {
      width: 500px;
      height: 500px;
      opacity: var(--btn-gradient-bg-opacity);
      transition: all 0.4s;
      -webkit-animation: borderTurn 2.5s infinite linear;
      background-image: var(--btn-gradient-bg);
      position: absolute;
      top: 50%;
      z-index: -2;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .btn-gradient-animation:hover .btn-gradient-bg {
      opacity: var(--btn-gradient-bg-opacity-hover);
    }

    .btn-gradient-animation:hover .tn-atom {
      transition: all 0.4s !important;
    }

    .btn-gradient-animation .btn-gradient {
      transition: all 0.4s;
      -webkit-animation: borderTurn 2.5s infinite linear;
      width: 500px;
      height: 500px;
      background: var(--btn-gradient-border-color);
      background-image: var(--btn-gradient-border);
      position: absolute;
      top: 50%;
      z-index: -1;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .btn-gradient-animation:hover .btn-gradient {
      background: var(--btn-gradient-border-color-hover);
      background-image: var(--btn-gradient-border-hover);
    }

    @keyframes borderTurn {
      0% {
        transform: translate(-50%, -50%) rotate(0);
      }

      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }

    @-webkit-keyframes borderTurn {
      0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
      }

      to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
      }
    }
    
    
/* Фиксация подвала */
 @media screen and (min-width: 900px) {
        .uc-fix-header {
        position: fixed;
        z-index: 999;
        width: 100%;
    }
}

/* Фиксация подвала */
  .uc-sticky-footer {
            clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
    }
    .uc-sticky-footer .t396__artboard {
        position: fixed;
        bottom: 0;
        width: 100%;
}

/* Использует маюскульные цифры */
.numeric {
    font-variant-numeric: lining-nums; 
}


/* Стили для кнопок подменю */
.uc-menu2 .t397__title {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    transition: color 0.3s ease-in-out;
    text-transform: uppercase;
    height: 70px;
}

/* Подчеркивание при наведении */
.uc-menu2 .t397__title::after {
    content: '';
    position: absolute;
    bottom: -1px; /* Подчеркивание будет находиться ниже текста */
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: width 0.3s ease-in-out;
}

.uc-menu2 .t397__title:hover::after {
    width: 100%; /* При наведении на элемент подчеркивание появляется */
}




    .uc-informationh3 .t-text  {
        font-variant-numeric: lining-nums; 
    }

    .uc-informationt {
        font-variant-numeric: lining-nums; 
    }


@media screen and (max-width: 900px) {
    
    .uc-informationh2 .t-title_xs {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    .uc-informationh3 .t120__title {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    .uc-informationt .t-text {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}

.map {
    border-radius: 10px; /* или другое значение по вкусу */
}


.dashed {
    font-variant-numeric: lining-nums; 

}