*  {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.no-js{
    font-family: Flexo;
}
body {
    user-select: none;
}
.top-hd{
    background-color: #313741;
}
.content-faq{
    padding: 8vw 6vw 8vw;
}
header{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.title-faq{
    font-size: 10vw;
    color: #5DEA72;
    padding: 0 2vw;
}
.img-faq{
    height: 9vw;
}
section {
    padding-right: 7vw;
    color: #313741;
}
.container-faq{
    margin: 3vw 0 2vw;
}
.duvida-faq{
    font-size: 2vw;
    color: #5DEA72;
    font-size: 2vw;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 1vw 0;
    cursor: pointer;
}
.resposta-faq{
    padding: 0 13vw 1vw 0;
    font-size: 1.1vw;
    display: none;
}
.faqBox{
    border-bottom: 3px solid;
}
.faqBox.active .resposta-faq{
    display: block;
    animation: animate-d 1s;
}

@keyframes animate-d{
    from { opacity: 0; margin-top: -30px;}
    to { opacity: 1;margin-top: 0px;}
}

    /* Mobile */

@media screen and (max-width: 800px){
    header{
        justify-content: flex-start;
    }
    .content-faq {
        padding: 20vw 8vw 8vw;
    }
    .icone-faq{
        margin: 0 4vw 0 8vw;
    }
    .img-faq {
        height: 19vw;
    }
    .title-faq {
        font-size: 20vw;
    }
    .container-faq {
        margin: 10vw 0 2vw;
    }
    .faqBox {
        border-bottom: 4px solid;
    }
    .duvida-faq{
        font-size: 4vw;
        margin: 3vw 0;
    }
    .arrow{
        margin-left: 29vw;
    }
    .arrow-space{
        margin-left: 14vw;
    }
    .resposta-faq{
        font-size: 3vw;
        padding: 0 9vw 3vw 0;
    }
    section{
        padding-right: 0;
    }
}