/* Основные стили для контейнера FAQ */
.faq-container {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}


/* Стили для каждого элемента FAQ */
.faq-item {
    margin-bottom: 15px;
}

.faq-question {
    color:black;
    width: 100%;
    padding: 10px;
    /*background-color: #f1f1f1;*/
    border: none;
    text-align: left;
    font-size: 1.2em;
    cursor: pointer;
    transition: background 0.3s;
}

.faq-question:hover {
    background: linear-gradient(128deg, rgba(234,50,51,1) 40%, rgba(255,68,28,1) 58%);
    color: white;
}

/* Скрытые ответы */
.faq-answer {
    display: none;
    padding: 10px;
   /* background-color: #f9f9f9;*/
    margin-top: 5px;
    border-left: 3px solid rgb(234,50,51);
}
.faq-answer ul{
    padding-left: 25px;
    list-style-type: circle;
    color: #E7E7E7;
    box-sizing: border-box;
}
/* Активный ответ */
.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-question {
    background: linear-gradient(128deg, rgba(234,50,51,1) 40%, rgba(255,68,28,1) 58%);
    color: white;
}