.lx-module.module-faq{
    background-color: var(--color-primary);
}
.faq-item{
    overflow: hidden;
    transition: .3s;
}
.faq-item:not(.active):hover{
    background-color: #f5f5f5;
}
.faq-item .faq-question::before,
.faq-item .faq-question::after{
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 20px;
   background-color: var(--color-headings);
   width: 2px;
   height: 15px;
   transition: .3s;
}
.faq-item .faq-question::after{
    transform: translateY(-50%) rotate(-90deg);
}
.faq-item.active{
    box-shadow: 0 3px 24px rgba(0,0,0,.1);
}
.faq-item.active .faq-question::before{
    transform: translateY(-50%) rotate(45deg);
}
.faq-item.active .faq-question::after{
    transform: translateY(-50%) rotate(-45deg);
}