/*.t716__mainwrapper {*/
/*    vertical-align: bottom !important;*/
/*}*/

.t481 {
    backdrop-filter: blur(10px) !important;
}

.t282__container__bg {
    backdrop-filter: blur(10px) !important;
}


.t716 .t-valign_middle {
    vertical-align: bottom;
}

.t716__mainwrapper {
    padding-bottom: 40px;
}

.t716__descr {
    background: rgba(0,0,0,0.2);
    /*background: linear-gradient(transparent, rgba(0,0,0,0.3));*/
    
    padding: 11px 18px 12px 18px;
    border-radius: 4px;
    margin-top: 3px !important;
     backdrop-filter: blur(10px) !important;
     /*border-top: 1px solid rgba(255,255,255,0.3);*/
}

.t716 .t716__textwrapper {
    margin-bottom: 20px;
}



.uc-feedback-title {
    /*border-top-left-radius: 24px;*/
    /*border-top-right-radius: 24px;*/
    border-top: 2px solid #fe7419;
}

.uc-title-crew {
        border-top: 2px solid #fe7419;

}


.t529__descr {
    color: #bdbdbd !important;
}





.uc-crew .t-card__uptitle {
    letter-spacing: 1.5px !important;
}

.t923 .t-card__descr {
    margin-top: 4px;
}

.t923__textwrapper.t923__paddingsmall {
    padding: 14px 20px;
}

.t923__paddingsmall.t-card__btn-wrapper, .t923__paddingsmall.t-card__btntext-wrapper {
    padding: 0 16px 10px;
}


.t1075__link {
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.t1075__link:last-child {
    margin-bottom: 10px !important;
}




.uc-contacts {
    border-top: 2px solid #757575;
    border-bottom: 2px solid #fe7419;
}


@media screen and (min-width: 981px) {
.t718 .t-sociallinks {
    margin-top: 80px;
}
}

.t718 .t718__contentwrapper {
    text-align: left !important;
}


@media screen and (max-width: 980px) {
.t718__contacts {
    line-height: 2 !important;
}

.t718 .t718__contacts {
    margin-bottom: 30px;
}
}



/*.t702 .t702__wrapper {*/
/*    padding: 28px 34px;*/
/*}*/




.t467__title {
    margin-bottom: 10px;
}

.t467 .t-btn {
    margin-top: 30px;
}



.uc-desc-pda {
    
    box-shadow: 0px -15px 30px -10px rgba(0,11,48,0.2);
    z-index: 10 !important;
    position: relative;
}









/* Убираем стандартные маркеры списка */
.uc-contacts ul {
  list-style: none;
  padding-left: 0 !important;
  line-height: 1.7;
}

.uc-contacts ul a {
  color: #fff !important;
}

/* Общие стили для иконок */
.uc-contacts ul li[data-list="bullet"] a::before {
  content: "";
  display: inline-block;
  width: 24px; /* Ширина иконки */
  height: 24px; /* Высота иконки */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px; /* Отступ между иконкой и текстом */
  vertical-align: middle;
  margin-bottom: 2px;
}

/* Иконка для Instagram */
.uc-contacts ul li[data-list="bullet"] a[href*="instagram.com"]::before {
  background-image: url('https://static.tildacdn.com/tild3533-3431-4464-b966-646538313732/icons8-instagram-log.svg');
}

/* Иконка для Telegram */
.uc-contacts ul li[data-list="bullet"] a[href*="t.me"]::before {
  background-image: url('https://static.tildacdn.com/tild3764-3936-4238-a263-656236383065/icons8-telegram-logo.svg');
}

/* Иконка для YouTube */
.uc-contacts ul li[data-list="bullet"] a[href*="youtube.com"]::before {
  background-image: url('https://static.tildacdn.com/tild3965-3131-4231-a430-336463383732/icons8-youtube-logo.svg');
}

/* Иконка для VK */
.uc-contacts ul li[data-list="bullet"] a[href*="vk.com"]::before {
  background-image: url('https://static.tildacdn.com/tild6562-3838-4364-a662-663565343666/icons8-vkontakte.svg');
}





.t477__textwrapper {
    height: 500px !important;
}



.t545__blockimg {
    max-height: 440px !important;
}



.t481__list_item {
    padding: 0 7px !important;
}



.t481__right_descr span {
    border-left: 1px solid rgba(0,0,0,0.3);
    padding-left: 6px;
    margin-left: 2px;
}






.t481__right_buttons {
    padding-left: 20px;
}



.t481__right_descr span {
    position: relative;
    padding-right: 16px; /* Отступ для круга */
}

.t481__right_descr span::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #7cb342;
    border-radius: 50%;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}












/* Стили для внешнего контейнера */
.t529 {
    position: relative; /* Для позиционирования градиента */
    overflow: hidden; /* Убираем возможный внешний скролл */
    background: #212121; /* Задаём фон блока */
}

/* Переопределяем стили контейнера для горизонтальной прокрутки */
.t529__container {
    display: flex;
    flex-wrap: nowrap !important; /* Убираем перенос элементов */
    overflow-x: auto !important; /* Включаем горизонтальную прокрутку */
    padding-bottom: 20px; /* Отступ для видимости пространства */
    width: 100% !important;
    max-width: 100% !important; 
    -ms-overflow-style: none; /* Скрываем скроллбар в IE/Edge */
    scrollbar-width: none; /* Скрываем скроллбар в Firefox */
    padding-left: 15px !important;
    /*position: relative;*/
    /*left: 0 !important;*/
}

/* Скрываем скроллбар в Webkit-браузерах */
.t529__container::-webkit-scrollbar {
    display: none; /* Убираем скроллбар */
}

/* Добавляем градиент справа, привязанный к .t529 */
.t529::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px; /* Ширина градиента для плавности */
    height: 100%; /* Покрывает всю высоту блока */
    background: linear-gradient(to right, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1)); /* Градиент от прозрачного к #212121 */
    pointer-events: none; /* Градиент не мешает взаимодействию */
    z-index: 1; /* Убедимся, что градиент поверх контента */
}

/* Стили для элементов внутри контейнера */
.t529__col {
    flex: 0 0 auto !important; /* Фиксируем ширину, отключаем растягивание */
    width: 400px !important; /* Фиксированная ширина блока */
    max-width: none !important; /* Убираем ограничение максимальной ширины */
    margin-right: 20px !important; /* Отступ между блоками */
    margin-left: 0 !important; /* Убираем левый отступ */
    float: none !important; /* Убираем float */
    display: flex; /* Делаем колонку flex-контейнером */
    flex-direction: column; /* Выстраиваем содержимое вертикально */
}

/* Стили для бабла с текстом */
.t529__bubble {
    height: 170px; /* Фиксируем высоту бабла */
    padding: 15px; /* Внутренние отступы для текста */
    background: #424242; /* Убедимся, что фон задан */
    position: relative; /* Контекст для градиента */
}

/* Стили для текста внутри бабла */
.t529__bubble .t529__text {
    height: 170px !important; /* Фиксируем высоту текста (200px - 30px padding) */
    overflow-y: auto !important; /* Включаем вертикальную прокрутку */
    margin: 0; /* Убираем лишние отступы */
    -ms-overflow-style: none; /* Скрываем скроллбар в IE/Edge */
    scrollbar-width: none; /* Скрываем скроллбар в Firefox */
    position: static; /* Убираем relative, так как он не нужен */
}

/* Скрываем скроллбар текста в Webkit-браузерах */
.t529__bubble .t529__text::-webkit-scrollbar {
    display: none; /* Убираем скроллбар */
}

/* Добавляем градиент снизу, привязанный к .t529__bubble */
.t529__bubble::after {
    content: '';
    position: absolute;
    bottom: 15px; /* Учитываем padding снизу */
    left: 15px; /* Учитываем padding слева */
    width: calc(100% - 30px); /* Учитываем padding слева и справа */
    height: 40px; /* Высота градиента для плавности */
    background: linear-gradient(to top, rgba(66, 66, 66, 1), rgba(66, 66, 66, 0)); /* Градиент от цвета фона бабла к прозрачному */
    pointer-events: none; /* Градиент не мешает взаимодействию */
    z-index: 1; /* Убедимся, что градиент поверх текста */
}

/* Стили для хвостика бабла */
.t529__bubble-tail {
    flex-shrink: 0; /* Хвостик не сжимается */
}

/* Стили для нижней части с именем и описанием */
.t529__name-wrapper {
    flex-shrink: 0; /* Нижняя часть не сжимается */
    padding-top: 10px; /* Отступ сверху для разделения */
}

/* Сбрасываем верхний отступ для всех элементов в горизонтальной раскладке */
.t529 .t-list__item {
    margin-top: 0 !important; /* Убираем верхний отступ */
}



@media screen and (max-width: 960px) {
    .t529 .t-list__item, .t529 .t-list__item:nth-child(-n+2) {
        margin-top: 0 !important;
    }
}
.t529 .t-list__item, .t529 .t-list__item:nth-child(-n+2) {
    margin-top: 0 !important;
}

.t529 .t-list__item {
    margin-top: 0 !important;
}






   .t529 .t-col {
        
        padding-left: 0 !important;
        padding-right:  0 !important;
       
    }