/*Баннер слайдер рекламы на главной странице*/
.uc-banner{
    width: 1150px; /* Значение можно подстроить под свои потребности */
    margin: 0 auto;

   
    
}

#rec832608432 .t734__title{
    margin-right:100px;
}

.t-slds__container{
    border-radius: 20px;

}

@media screen and (max-width: 430px) {
  .uc-banner{
    width: 410px; /* Значение можно подстроить под свои потребности */
    margin: 0 auto;
  }
}


@media screen and (max-width: 430px) {
    #rec832608432 .t734__title{
    margin-right:50px;
}
}
/*Конец баннер слайдер рекламы на главной странице*/

/*Кнопка слайдера баннер на главной странице*/

#rec832608432 .t734__button {
    margin-right:100px;
}

@media screen and (max-width: 430px) {
    #rec832608432 .t734__button{
    margin-right:50px;
    border-radius:15px;
}
}
/*конец кнопка слайдера баннер на главной странице*/
/*Описание слайдера баннер на главной странице*/
#rec832608432 .t-descr{
    margin-right:100px;
}
@media screen and (max-width: 430px) {
    #rec832608432 .t-descr{
    margin-right:50px;
}
}

/*конец описание слайдера баннер на главной странице*/
.bg-green{
    position: relative;
    display: inline-block;
    overflow: hidden;/* чтобы скрыть часть градиента, выходящую за пределы */
   
}

.bg-green{
    display: block;
    width: auto; /* задайте нужную ширину */
    height: auto;/* или задайте фиксированную высоту */

}
.bg-green::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F8FFF0; /* начальный цвет */
    opacity: 1; /* полностью видимый */
    transition: opacity 0.2s ease;
    border-radius:20px;
      
}

.bg-green::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #B6F968;
    opacity: 0; /* изначально прозрачный */
    transition: opacity 0.2s ease;
    border-radius:20px;
     

}

.bg-green:hover::after {
    opacity: 1; /* при наведении делаем видимым */

}

/*Для слабовядщих*/
@media screen and (max-width: 980px) {
    #glazd {
        position:absolute;
        top:10px;
        right:100px;
        z-index: 99999;
        width:45px;
    }
}
@media screen and (min-width: 980px) {
    #glazd {
        position:absolute;
        top:20px;
        left:50px;
        z-index: 99999;
        width:45px;
    }
}

/*Конец для слабовядящих*/

/*Гредиент на картинку для страницы руководство зеленый цвет при наведении*/

.img-boss {
  overflow: hidden; /* Чтобы градиенты не выходили за пределы картинки */
  border-bottom-left-radius: 20px; /* Скругление углов по умолчанию для десктопов */
  border-bottom-right-radius: 20px; /* Скругление углов по умолчанию для десктопов */
}

.img-boss img {
  display: block; /* Убираем нижний отступ картинки */
  width: 100%; /* Картинка занимает 100% ширины контейнера */
  height: auto; /* Сохраняем пропорции картинки */
}

.img-boss::before,
.img-boss::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Покрытие половины картинки */
  pointer-events: none; /* Градиенты не должны перекрывать интерактивность картинки */
  transition: opacity 0.3s ease; /* Плавный переход */
}

.img-boss::before {
  background: linear-gradient(0turn, rgba(0, 96, 78, 1) 0%, rgba(0, 96, 78, 0) 100%);
  opacity: 1; /* Всегда видим */
  z-index: 1;
}

.img-boss::after {
  background: linear-gradient(0turn, rgba(0, 96, 78, 0) 0%, rgba(182, 249, 104, 1) 0%, rgba(182, 249, 104, 0.05) 41%, rgba(182, 249, 104, 0) 100%);
  opacity: 0; /* По умолчанию скрыт */
  z-index: 2;
}

.img-boss:hover::after {
  opacity: 1; /* Появляется при наведении */
}

/* Мобильные версии */
@media (max-width: 768px) {
  .img-boss {
    border-bottom-left-radius: 15px; /* Скругление углов для мобильных */
    border-bottom-right-radius: 15px; /* Скругление углов для мобильных */
  }
}
/*Конец кода - Гредиент на картинку для страницы руководство зеленый цвет при наведении*/


/*Добавление иконки к документам "Банк-документов", "Открытые данные"*/

/* Контейнер с иконкой и текстом */
.uc-bank-docs .t-feed__row-grid__post-wrapper {
  display: flex;
  align-items: flex-start; /* Выравниваем по верхнему краю */
  gap: 7px; /* Отступ между иконкой и текстом */
}

/* Иконка */
.uc-bank-docs .t-feed__row-grid__post-wrapper::before {
  content: "";
  width: 40px;
  height: 40px;
  background: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/222222--1-0-100/document_stamp_tour_agency.svg') no-repeat center/contain; /* Путь к иконке */
  flex-shrink: 0; /* Чтобы иконка не сжималась */
  margin-top: 3px; /* Небольшой сдвиг для идеального выравнивания */
}

/* Контейнер с текстом */
.uc-bank-docs .t-feed__textwrapper {
  display: flex;
  flex-direction: column; /* Оставляем дату под текстом */
  gap: 10px; /* Расстояние между текстом и датой */
}

/* Мобильная версия */
@media (max-width: 768px) {
  .uc-bank-docs .t-feed__row-grid__post-wrapper::before {
    width: 40px;
    height: 40px;
  }
}
/*конец кода - Добавление иконки к документам "Банк-документов", "Открытые данные"*/