.faq-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.faq-container .list {
    width: 38rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.faq-container .list li {
    background: rgb(249 249 249);
    margin-bottom: 5px;
}

.faq-container .list li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
}

.faq-container .list li .panel {
    padding: 0 5px;
}

.faq-container .panelON:after {
    content:'+';
}

@media all and (max-width: 630px){
    .faq-container .list {
        width: 90%;
    }
}