.chartblock{display: none;}
canvas {
            max-width: 1000px;
            max-height: 400px;
        }

.result{font-size: 2rem;
    font-weight: bold;}



.chartblock{margin-bottom: 5rem;}

#quest h2{ font-size: 20px;
}

#quest .chartblock {
    margin-bottom: 1rem;
}

/*одиночный вопрос*/

.questions .fon-box-right{
    border: 1px solid #cccccc3b;
    border-left: none;
}
.questions .ikonvote {
    font-size: 7rem;
}


@media (max-width: 767px) {
/* Круги на линии */
.questions .timeline::before {
content: none;
}

.questions .timeline .items {
    display: none; /* Изначально скрываем список */
    position: absolute; /* Позволяет размещать выпадающий список относительно родительского элемента */
    background-color: var(--bs-gray-300); /* Фоновый цвет списка */
    border: 1px solid #ccc; /* Рамка для списка */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень к списку */
    z-index: 10; /* Устанавливает порядок расположения элементов, чтобы список был над всем остальным */
    opacity: 0; /* Полная прозрачность для анимации */
    transition: all 0.3s ease; /* Плавный переход всех свойств */
    padding: 10px 30px;
    
}

/* Показываем список, когда родительский элемент имеет hover */
.questions .timeline:hover .items {
    display: block; /* Показываем элемент списка */
    opacity: 1; /* Делаем его видимым */
}
.questions .timeline .items li a {
    color:#000 !important;
}
}