#popmechanic-container-77239 #popmechanic-form-77239 .popmechanic-title {
    font-family: 'Alumna-mont', Arial, sans-serif;
    font-weight: 600;}
    
    #popmechanic-container-77239.popmechanic-desktop #popmechanic-form-77239 .popmechanic-button {
    font-family: 'Alumna-mont', Arial, sans-serif;
    font-weight: 600;}
    
    
    
    /* Редактируем блок .uc-title1: Стиль для текста заголовков */
.uc-title1 .t120__title {
    /* Адаптивный размер шрифта от 28px на мобильных устройствах до 60px на десктопах */
    font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 60px */
    font-size: min(calc(28px + (60 - 28) * ((100vw - 320px) / (1024 - 320))), 60px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-title2: Стиль для текста заголовков */
.uc-title2 .t120__title {
    /* Адаптивный размер шрифта от 24px на мобильных устройствах до 46px на десктопах */
    font-size: calc(24px + (46 - 24) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 46px */
    font-size: min(calc(24px + (46 - 24) * ((100vw - 320px) / (1024 - 320))), 46px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-title2: Стиль для текста заголовков */
.uc-title3 .t120__title {
     /* Адаптивный размер шрифта от 20px на мобильных устройствах до 26px на десктопах */
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 26px */
    font-size: min(calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */


/* Редактируем блок .uc-desc1: Стиль для текста описания */
.uc-desc1 .t-text {
    /* Адаптивный размер шрифта от 16px на мобильных устройствах до 18px на десктопах */
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-tabs1: Стили для вкладок */
.uc-tabs1 .t395__tab {
    border-radius: 5px !important; /* Скругленные углы */
    margin-right: 10px; /* Отступ справа между вкладками */
    margin-top: 5px; /* Отступ сверху */
    margin-bottom: 15px; /* Отступ снизу */
    display: inline-block; /* Вкладки располагаются рядом друг с другом */
    width: fit-content; /* Ширина вкладки подстраивается под содержимое */
}
/* Редактируем блок .uc-tabs1: Стили для заголовков вкладок */
.uc-tabs1 .t395__title {
    /* Адаптивный размер шрифта от 14px на мобильных устройствах до 18px на десктопах */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}

/* Редактируем блок .uc-tabs1: Обёртка вкладок */
.uc-tabs1 .t395__wrapper {
    display: flex; /* Вкладки будут выстраиваться в ряд */
    justify-content: left; /* Выровнять вкладки по левому краю */
}

/* Редактируем блок .uc-tabs1: Стили для активной вкладки */
.uc-tabs1 .t395__tab_active:after {
    width: 1px; /* Толщина границы для активной вкладки */
    top: -1px; /* Смещение границы сверху */
    right: -1px; /* Смещение границы справа */
    bottom: -1px; /* Смещение границы снизу */
    background-color: #ffffff00 !important; /* Прозрачный фон для активной вкладки */
}

/* Редактируем блок .uc-tabs1: Медиазапросы для мобильных устройств */
@media screen and (max-width: 960px) {
    .uc-tabs1 .t395__col_mobile-flex {
        padding: 0px 20px 0px; /* Внутренние отступы для мобильных устройств с шириной экрана до 960px */
    }
}

@media screen and (max-width: 640px) {
    .uc-tabs1 .t395__col_mobile-flex {
        padding: 0px 0px 0px; /* Внутренние отступы для мобильных устройств с шириной экрана до 640px */
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-table1: Стиль для текста заголовков */
.uc-table1 .t-title {
    /* Адаптивный размер шрифта от 20px на мобильных устройствах до 26px на десктопах */
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 26px */
    font-size: min(calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important;
}

/* Редактируем блок .uc-table1: Стиль для текста описания */
.uc-table1 .t-text {
    /* Адаптивный размер шрифта от 16px на мобильных устройствах до 18px на десктопах */
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-table2: Стиль для текста заголовков */
.uc-table2 .t-name {
    /* Адаптивный размер шрифта от 20px на мобильных устройствах до 26px на десктопах */
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 26px */
    font-size: min(calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important;
}

/* Редактируем блок .uc-table2: Стиль для текста описания */
.uc-table2 .t-descr {
    /* Адаптивный размер шрифта от 16px на мобильных устройствах до 18px на десктопах */
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-desc-button: Стиль для текста */
.uc-desc-button .t-text {
    /* Адаптивный размер шрифта от 16px на мобильных устройствах до 18px на десктопах */
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}

/* Редактируем блок .uc-desc-button: Стиль для кнопок */
.uc-desc-button .t-btn_md {
    height: 50px; /* Высота кнопки */
    /* Адаптивный размер шрифта от 14px на мобильных устройствах до 18px на десктопах */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 980px) {
    .uc-desc-button .t-btn_md {
        width: 100% !important; /* На мобильных устройствах ширина кнопки будет 100% */
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-card: Стиль для колонок в контейнере заголовков */
.uc-card .t959__container_indent {
    margin-left: auto; /* Центрирование блока по горизонтали */
    margin-right: auto; /* Центрирование блока по горизонтали */
    width: 100%; /* Ширина блока */
    max-width: calc(1200px + 20%); /* Максимальная ширина блока с добавлением 20% */
    padding: 10px !important; /* Внутренний отступ */
}

@media screen and (max-width: 1200px) {
    .uc-card .t959__container_indent {
        max-width: 100%; /* Устанавливаем максимальную ширину для экранов до 1200px */
        margin-left: auto; /* Центрирование блока по горизонтали */
        margin-right: auto; /* Центрирование блока по горизонтали */
        width: 100%; /* Ширина блока */
        padding: 10px; /* Внутренний отступ */
    }
}

@media screen and (max-width: 960px) {
    .uc-card .t959__container_indent {
        max-width: 100%; /* Устанавливаем максимальную ширину для экранов до 960px */
        margin-left: auto; /* Центрирование блока по горизонтали */
        margin-right: auto; /* Центрирование блока по горизонтали */
        width: 100%; /* Ширина блока */
        padding: 24px; /* Внутренний отступ */
    }

    .uc-card .t959__container_mobile-flex .t959__card {
        width: 46vw; /* Ширина карточки на мобильных устройствах */
        padding-right: 0px; /* Убираем правый отступ */
        padding-left: 10px; /* Левый отступ */
    }
    
   /* .uc-card .t959__card-inner_4-3 {
        height: 10vh;  Высота карточки 
    } */
}


/* Медиазапрос для мобильных устройств с шириной экрана до 640px */
@media (max-width: 640px) {
    .uc-card .t959__container_mobile-flex .t959__card {
        /* Увеличение ширины элементов карусели на мобильных устройствах,
           чтобы они занимали большую часть экрана    calc(75vw + (30 - 40) * ((100vw - 320px) / (640 - 320))); */
        width: calc(75vw + (30 - 40) * ((100vw - 320px) / (640 - 320)));
    }
}

/* Общие стили для заголовков карточек */
.uc-card .t-card__title {
    /* Адаптивный размер шрифта от 18px на мобильных устройствах 
       до 20px на десктопах, в зависимости от ширины экрана */
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1024 - 320))) !important;
}

/* Общие стили для описаний карточек */
.uc-card .t-card__descr {
    /* Адаптивный размер шрифта от 14px на мобильных устройствах 
       до 16px на десктопах, в зависимости от ширины экрана */
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(12px + (14 - 12) * ((100vw - 320px) / (1024 - 320))), 14px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Редактируем блок .uc-news: Колонки с новостями */
.uc-news .t897__container {
    display: grid; /* Устанавливаем Grid-контейнер для размещения элементов в сетке */
    grid-template-columns: repeat(3, 1fr); /* Три колонки одинаковой ширины */
    gap: 20px; /* Отступы между колонками */
    max-width: calc(1200px + 20%); /* Устанавливаем максимальную ширину контейнера */
    width: 100%; /* Контейнер занимает всю доступную ширину */
    margin-left: auto; /* Центрируем контейнер по горизонтали */
    margin-right: auto; /* Центрируем контейнер по горизонтали */
    padding-left: 20px !important; /* Внутренний отступ слева */
    padding-right: 20px !important; /* Внутренний отступ справа */
    box-sizing: border-box; /* Включаем отступы и границы в общую ширину и высоту элемента */
}

.uc-news .t-col_4 {
    max-width: none; /* Убираем максимальную ширину для колонок с классом t-col_4 */
}

.uc-news .t-col {
    padding-left: 0; /* Убираем внутренний отступ слева */
    padding-right: 0; /* Убираем внутренний отступ справа */
    margin-left: 0; /* Убираем внешний отступ слева */
    margin-right: 0; /* Убираем внешний отступ справа */
}

.uc-news .t-feed__post-title {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important; /* Динамический размер шрифта в зависимости от ширины экрана */
    font-size: min(calc(20px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important; /* Ограничение максимального размера шрифта до 26px */
}

.uc-news .t-title {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important; /* Динамический размер шрифта для заголовков */
    font-size: min(calc(20px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important; /* Ограничение максимального размера шрифта до 26px */
    font-weight: 300; /* Устанавливаем толщину шрифта */
}

.uc-news .t-text {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important; /* Динамический размер шрифта для описания */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important; /* Ограничение максимального размера шрифта до 18px */
    font-weight: 300; /* Устанавливаем толщину шрифта */
}
.uc-news .t-descr {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important; /* Динамический размер шрифта для описания */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important; /* Ограничение максимального размера шрифта до 18px */
    font-weight: 300; /* Устанавливаем толщину шрифта */
}

.uc-news .t-feed__post-popup__text a {
    display: block; /* Устанавливаем блочный элемент для ссылки */
    width: 100%; /* Ссылка занимает всю ширину родительского блока */
    background-color: #DA7059; /* Фоновый цвет ссылки */
    color: #fff !important;
    padding: 15px; /* Внутренний отступ со всех сторон */
    border-radius: 5px; /* Закругляем углы */
    text-align: center; /* Центрируем текст внутри ссылки */
    box-sizing: border-box; /* Включаем отступы в общую ширину элемента */
}

.uc-news .t-feed__post-popup__close-wrapper {
    position: fixed; /* Фиксированное позиционирование элемента */
    top: 0; /* Располагаем элемент в верхней части экрана */
    left: 0; /* Располагаем элемент у левого края экрана */
    right: 0; /* Располагаем элемент у правого края экрана */
    z-index: 10; /* Устанавливаем z-index для отображения поверх других элементов */
    display: flex; /* Используем flexbox для центрирования содержимого */
    justify-content: center; /* Центрируем содержимое по горизонтали */
    align-items: center; /* Центрируем содержимое по вертикали */
    width: 100%; /* Элемент занимает всю ширину экрана */
    padding: 18px 20px; /* Внутренний отступ */
    background-color: #fff !important; /* Фоновый цвет элемента */
    border-bottom: 0px solid rgba(0, 0, 0, .2); /* Убираем нижнюю границу */
    box-sizing: border-box; /* Включаем отступы и границы в общую ширину элемента */
    backdrop-filter: blur(10px); /* Размытие фона за элементом */
}

.uc-news .t-feed__post-label {
    display: inline-block; /* Отображение как встроенный блок */
    margin-top: 15px; /* Отступ сверху */
    margin-right: 8px; /* Отступ справа */
    margin-bottom: 2px; /* Отступ снизу */
    padding: 12px 12px; /* Внутренний отступ */
    background-color: #DA7059; /* Фоновый цвет для меток */
    
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important; /* Динамический размер шрифта для описания */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important; /* Ограничение максимального размера шрифта до 18px */
    font-weight: 400; /* Устанавливаем толщину шрифта */
}

/* Стили для экранов меньше 960px */
@media (max-width: 960px) {
    .uc-news .t897__container {
        grid-template-columns: repeat(2, 1fr); /* Две колонки для экранов меньше 960px */
    }
    
    .t-feed__container_inrow1 .t-feed__post:first-child,
    .t-feed__container_inrow2 .t-feed__post:nth-child(-n+2),
    .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3),
    .t-feed__container_inrow4 .t-feed__post:nth-child(-n+4) {
        margin-top: 0 !important; /* Убираем верхний отступ для первых постов в рядах */
    }
    
    .uc-news .t-feed__grid-col:not(.t-slds__item) {
        margin-top: 0px !important; /* Убираем верхний отступ для элементов */
    }
}

/* Стили для экранов меньше 768px */
@media (max-width: 768px) {
    .uc-news .t897__container {
        grid-template-columns: 1fr; /* Одна колонка для экранов меньше 768px */
    }
} 
/* --------------------------------------------------------------------------------------------------------------------------------------- */

/* Редактируем блок .uc-bf403: Карты, сертификаты, аренда */
.uc-bf403 .t823__container_indent {
    margin-left: auto; /* Центрирование блока по горизонтали */
    margin-right: auto; /* Центрирование блока по горизонтали */
    width: 100%; /* Ширина блока */
    max-width: calc(1200px + 20%); /* Максимальная ширина блока с добавлением 20% от текущей ширины */
    padding: 20px; /* Внутренний отступ */
}

.uc-bf403 .t823__main-wrapper {
    padding: 5% 0% 5% 5%; /* Внутренний отступ для обертки основного контента */
}

@media screen and (max-width: 1200px) {
    .uc-bf403 .t823__container_indent {
        max-width: 960px; /* Устанавливаем максимальную ширину для экранов до 1200px */
        margin-left: auto; /* Центрирование блока по горизонтали */
        margin-right: auto; /* Центрирование блока по горизонтали */
        width: 100%; /* Ширина блока */
        padding: 10px; /* Внутренний отступ */
    }
    
    .uc-bf403 .t823__main-wrapper {
        padding: 5% 0% 5% 5%; /* Внутренний отступ */
    }
    
    .uc-bf403 .t823__col_img {
        height: 55vh !important; /* Высота колонки изображения */
    }
}

@media screen and (max-width: 960px) {
    .uc-bf403 .t823__container_indent {
        max-width: 640px; /* Устанавливаем максимальную ширину для экранов до 960px */
        margin-left: auto; /* Центрирование блока по горизонтали */
        margin-right: auto; /* Центрирование блока по горизонтали */
        width: 100%; /* Ширина блока */
        padding: 20px; /* Внутренний отступ */
    }
    
    .uc-bf403 .t823__main-wrapper {
        padding: 0%; /* Внутренний отступ для обертки основного контента */
    }
    
    .uc-bf403 .t823__col_img {
        height: 35vh !important; /* Высота колонки изображения */
    }
}

/* Стиль для группы ввода текста */
.uc-bf403 .t-input-group_tx {
    padding-bottom: 20px !important; /* Нижний отступ */
    border-bottom: 1px solid #f8f6f4 !important; /* Нижняя граница */
    border-top: 1px solid #f8f6f4 !important; /* Верхняя граница */
    padding-top: 20px !important; /* Верхний отступ */
}

/* Стиль для текста заголовков */
.uc-bf403 .t-title {
    /* Адаптивный размер шрифта от 20px на мобильных устройствах до 26px на десктопах */
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 26px */
    font-size: min(calc(20px + (26 - 20) * ((100vw - 320px) / (1024 - 320))), 26px) !important;
}

/* Стиль для текста описания */
.uc-bf403 .t-text {
    /* Адаптивный размер шрифта от 12px на мобильных устройствах до 14px на десктопах */
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 14px */
    font-size: min(calc(12px + (14 - 12) * ((100vw - 320px) / (1024 - 320))), 14px) !important;
}

/* Стиль для текста описания */
.uc-bf403 .t-descr {
    /* Адаптивный размер шрифта от 16px на мобильных устройствах до 18px на десктопах */
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 18px */
    font-size: min(calc(14px + (18 - 14) * ((100vw - 320px) / (1024 - 320))), 18px) !important;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Редактируем блок .uc-slide-cover: Обложка */
.uc-slide-cover .t734__table .t-container {
    width: 100% !important;
}

 .uc-slide-cover .t734__leftaligned .t734__textwrapper {
    padding-left: 0px !important;
 }


/* Стиль для текста обложки */
.uc-slide-cover .t734__title {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 26px */
    font-size: min(calc(18px + (26 - 18) * ((100vw - 320px) / (1024 - 320))), 26px) !important;
}

.uc-slide-cover .t734__descr {
      /* Адаптивный размер шрифта от 24px на мобильных устройствах до 60px на десктопах */
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1024 - 320))) !important;
    /* Устанавливаем максимальный размер шрифта не превышающим 60px */
    font-size: min(calc(24px + (60 - 24) * ((100vw - 320px) / (1024 - 320))), 60px) !important;
    margin-top: 5px !important;
}

/* Стиль для элемента с точками слайдов */
.uc-slide-cover .t-slds__bullet_wrapper {
    display: none; /* Скрываем содержимое элемента */
}

.uc-slide-cover .t734__wrapper {
    padding-left: 20px !important;
}

@media (max-width: 640px) {
    .uc-slide-cover .t-slds__container {
        overflow: hidden; /* Скрываем переполнение */
        position: relative; /* Относительное позиционирование */
        border-radius: 20px 20px 0px 0px; /* Скругленные углы */
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
.uc-gallery .t979__container_indent {
    margin-left: auto; /* Центрирование блока по горизонтали */
    margin-right: auto; /* Центрирование блока по горизонтали */
    width: 100%; /* Ширина блока */
    max-width: calc(1160px + 20%); /* Максимальная ширина блока с добавлением 20% от текущей ширины */
    padding: 20px; /* Внутренний отступ */
}
.uc-gallery .t-width_12 {
    max-width: none;
}