/* Кастомизация внешнего вида заголовков аккордеона */
.t-acco__header {
    background-color: #007bff; /* Цвет фона заголовка */
    color: #fff; /* Цвет текста заголовка */
    padding: 15px; /* Отступы для заголовков */
    font-size: 18px; /* Размер шрифта заголовка */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Цвет фона заголовка при наведении */
.t-acco__header:hover {
    background-color: #0056b3;
}

/* Стиль для раскрытого контента */
.t-acco__item_active .t-acco__content {
    background-color: #f5f5f5; /* Цвет фона раскрытого контента */
    color: #333; /* Цвет текста */
    padding: 20px; /* Отступы для текста */
    font-size: 16px; /* Размер шрифта текста */
}

/* Скрытие элементов, когда они не раскрыты */
.t-acco__content {
    display: none; /* Скрываем контент по умолчанию */
}

/* Показываем контент при раскрытии */
.t-acco__item_active .t-acco__content {
    display: block;
}

/* Анимация для плавного раскрытия */
.t-acco__item_active .t-acco__content {
    animation: slideIn 0.5s ease-in-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}