ul.faq{
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;	
    border-top: 1px solid #dfe5ec;
}  

ul.faq > li { 
    margin: 0;
    padding: 10px 30px 10px 0;
    position: relative;
}

ul.faq > li.q {
font-weight: 600;
border-bottom: 1px solid #dfe5ec;
cursor: pointer;
position: relative;
}

ul.faq > li.a {
background: #fff;
display: none;
color:#797C7F;
padding: 25px 0;
border-bottom: 1px solid #dfe5ec;
}

ul.faq > li.q::after {
    content: "";
    position: absolute;
    background: url(../images/faq-arrow.png) no-repeat center center;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 0;
    border-radius: 50%;
    transition: 300ms;
    border: 1px solid #000;
}
ul.faq > li.q.active::after {
    transform: rotate(90deg);
}
ul.faq > li.q.active{
    color:var(--color-default);
}
ul.faq li p:last-child{
    margin-bottom: 0;
}