.product-faq {
    width:100%;
    max-width:1000px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
}


.faq-item {
    border-bottom:1px solid #e5e5e5;
    background:#fff;
}


.faq-question {
    cursor:pointer;
    padding:20px 25px;
    font-size:18px;
    font-weight:700;
    color:#005b96;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:0.3s;
}


.faq-question:hover {
    background:#f7f9fb;
}


.faq-question span {
    font-size:26px;
    color:#005b96;
}


.faq-answer {
    display:none;
    padding:0 25px 25px;
    font-size:15px;
    line-height:1.8;
    color:#444;
}


.faq-item.active .faq-answer {
    display:block;
}


.faq-item.active .faq-question span {
    transform:rotate(45deg);
}


@media(max-width:768px){

.faq-question{
    font-size:16px;
    padding:16px;
}

.faq-answer{
    padding:0 16px 20px;
    font-size:14px;
}

}



<script>

document.querySelectorAll(".faq-question").forEach(function(item){

    item.addEventListener("click",function(){

        this.parentElement.classList.toggle("active");

    });

});

</script>