/* 1. Исходное состояние иконки */
.uc-footer-icon {
  background-color: #5d5d5d !important; /* Изначальный серый фон */
  transition: background-color 0.2s ease-in-out !important; /* Плавность */
  
  /* Делаем фон круглым (раскомментируйте, если нужно. Работает идеально для квадратных элементов) */
  border-radius: 50% !important; 
}

/* 2. Состояние при наведении (меняем фон) */
.uc-footer-icon:hover {
  background-color: #1B5E3A !important; /* Темно-зеленый фон */
}

/* Адаптивный сдвиг блока вверх для разных экранов */
#rec3217218601 {
    margin-top: -100px !important; /* блок поднимется вверх */
    position: relative;
    z-index: 10; /* Поднимает блок над первым экраном */
}

/* Большие смартфоны (от 480px до 639px) */
@media screen and (min-width: 480px) and (max-width: 640px) {
    #rec3215723501 {
        margin-top: -120px !important;
    }
}

/* Стандартные смартфоны (от 321px до 479px) */
@media screen and (min-width: 321px) and (max-width: 479px) {
    #rec3215723501 {
        margin-top: -120px !important;
    }
}

/* Маленькие смартфоны (до 320px) */
@media screen and (max-width: 320px) {
    #rec3215723501 {
        margin-top: -60px !important;
    }
    #rec3217218601 {
    margin-top: -1px !important; /* блок поднимется вверх */
    position: relative;
    z-index: 1; /* Поднимает блок над первым экраном */
}
}
/* Адаптивный сдвиг блока вверх для разных экранов end */

#rec3416584701 b {
    color: #1b5d39 !important;
}

.t942__cards li ul {
    list-style-type: none !important;
    padding-left: 20px !important; /* отступ для текста */
}

.t942__cards em {
    display: block; /* Делаем em блочным элементом, чтобы линия была во всю высоту */
    border-left: 3px solid #1b5e3a !important; /* Зеленая вертикальная линия */
    padding-left: 14px !important; /* Отступ текста от линии */
    margin: 10px 0 !important; /* Внешние отступы сверху и снизу от остального текста */
    font-style: italic; /* Сохраняем начертание курсива */
}

/* Рисуем новые буллиты нужного цвета */

.t942__cards li ul li {
    position: relative;
}

.t942__cards li ul li::before {
    content: "•";
    color: #C4704B !important;
    position: absolute;
    left: -20px;
    font-size: 3em;
    
    /* центрирование по вертикали */
    line-height: 0; 
    top: 35%; 
    transform: translateY(-50%); 
}

.t784__wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
    border-radius: 20px !important;
    background-color: #ffffff !important;
    padding: 20px !important;
    box-sizing: border-box !important; 
    width: 100% !important; /* Гарантирует, что блок не станет шире контейнера */
}

@media screen and (max-width: 481px) {
  .t942__avatar.t-bgimg.loaded {
    margin-bottom: 30px !important;
  }
  
  .t942__author {
    display: flex; /* На случай, если у блока еще не задан flex на мобильных */
    flex-direction: column !important;
  }
  
  .t942__occupation {
    text-align: center !important;
  }
  
 .t-checkbox__control span {
  
  font-size: 10px !important;      /* Размер шрифта */
  color: #aec6b9 !important;       /* Цвет текста */
  display: inline-block;           /* Чтобы можно было задавать отступы, если нужно */
}

}

.t-checkbox__control span {
 
  font-size: 12px !important;      /* Размер шрифта */
  color: #aec6b9 !important;       /* Цвет текста */
  display: inline-block;           /* Чтобы можно было задавать отступы, если нужно */
}

.t-checkbox__control a {
  border-bottom: 1px solid #aec6b9 !important;
  margin: 0 1px !important;
  color: #aec6b9 !important;       /* Цвет текста */
}

/* Стили для плашек списка блока t1095 */
.t1095__container {
    max-width: 1080px;
}

.t1095 .t-list__item {
    background-color: #f5ede3 !important; 
    border-radius: 20px !important;       
    padding: 24px 30px !important;
    display: flex !important;
    align-items: center !important;      
    width: 100% !important;               
}

/* Убираем отступ у последней плашки */
.t1095 .t-list__item:last-child {
    margin-bottom: 0 !important;
}

/* Адаптив: корректировка отступов для мобильных телефонов */
@media screen and (max-width: 960px) {
    .t1095 .t-list__item {
        padding: 16px 20px !important;    /* Уменьшаем внутренние отступы */
        flex-direction: row !important;   /* Гарантируем, что иконка и текст остаются в одной строке */
    }
    .t1095__container {
    max-width: 660px;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
    .t1095 .t-list__item {
        padding: 16px 20px !important;    /* Уменьшаем внутренние отступы */
        flex-direction: row !important;   /* Гарантируем, что иконка и текст остаются в одной строке */
    }
    .t1095__container {
    max-width: 620px;
    }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
    .t1095 .t-list__item {
        padding: 16px 20px !important;    /* Уменьшаем внутренние отступы */
        flex-direction: row !important;   /* Гарантируем, что иконка и текст остаются в одной строке */
    }
    .t1095__container {
    max-width: 460px;
    }
}

@media screen and (min-width: 321px) and (max-width: 479px) {
    .t1095 .t-list__item {
        padding: 16px 20px !important;    /* Уменьшаем внутренние отступы */
        flex-direction: row !important;   /* Гарантируем, что иконка и текст остаются в одной строке */
    }
    .t1095__container {
    max-width: 460px;
    }

@media screen and (max-width: 320px) {
    .t1095 .t-list__item {
        padding: 16px 20px !important;    /* Уменьшаем внутренние отступы */
        flex-direction: row !important;   /* Гарантируем, что иконка и текст остаются в одной строке */
    }
    .t1095__container {
    max-width: 310px;
    }
}