.quinta-text ul {
    list-style: none; /* Убираем стандартные маркеры */
    padding-left: 1.5em; /* Добавляем отступ для иконки */
}

.quinta-text ul li {
    position: relative;
    padding-left: 2em; /* Отступ для текста */
    margin-bottom: 0.5em;
}

.quinta-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1em; /* Размер иконки */
    height: 1em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='rgb(0,168,89)' d='M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0Zm-.091 15.419a2.001 2.001 0 0 1-2.823-.005l-2.782-2.696 1.393-1.437 2.793 2.707 5.809-5.701 1.404 1.425-5.793 5.707Z'/%3E%3C/svg%3E");
    background-size: contain; /* Подгоняем размер */
    background-repeat: no-repeat; /* Убираем повторение */
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto; /* Центрируем относительно высоты строки */
}

.quinta-text ol {
    list-style: none; /* Убираем стандартный стиль списка */
    counter-reset: list-counter; /* Сбрасываем счётчик */
    padding-left: 0; /* Убираем отступы */
}

.quinta-text ol li {
    counter-increment: list-counter; /* Увеличиваем счётчик */
    margin-bottom: 0.5em; /* Отступ между элементами */
    display: flex; /* Используем flexbox для красивого выравнивания */
    align-items: flex-start; /* Выравнивание по верхнему краю */
    gap: 0.5em; /* Отступ между цифрой и текстом */
}

.quinta-text ol li::before {
    content: counter(list-counter) "."; /* Добавляем номер */
    flex-shrink: 0; /* Запрещаем сжимать номер */
    font-weight: bold; /* Выделяем номер, если нужно */
}

.quinta-text ol li span {
    word-wrap: break-word; /* Перенос слов на новую строку */
    overflow-wrap: break-word; /* Совместимость со старыми браузерами */
    flex-grow: 1; /* Текст занимает оставшееся пространство */
}

.quinta-text .tn-atom a {
  transition: opacity 0.3s ease;
}

.quinta-text .tn-atom a:hover {
  opacity: 0.5; /* 50% */
}

/* Основной стиль для общего класса */
.quinta-document {
    transition: background-image 0.3s ease, opacity 0.3s ease;
}

/* Изменение фона при наведении */
.quinta-document:hover .tn-molecule {
    background-image: linear-gradient(0turn, rgba(0, 168, 89, 0.62) 0%, rgba(0, 168, 89, 0.62) 100%) !important;
}