.faq-title{
    cursor:pointer;
    transition: all .3s ease;
}

.faq-title:hover{
    opacity:.8;
}
.faq-title::after{
    content:"+";
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 0;
    transition:all .3s ease;
}

.faq-title.active::after{
    content:"−";
}
.faq-content{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition:
        height .45s cubic-bezier(.4,0,.2,1),
        opacity .35s ease,
        transform .35s ease;
}

.faq-content.active{
    opacity: 1;
    transform: translateY(0);
}