.faq{
    padding: 80px 15%;
    .topo{
        padding: 0 0 70px;
        text-align: center;
        border-bottom: solid 1px #ccc;
        margin-bottom: 70px;
        span.tag{
            color: var(--azulventex);
            text-transform: uppercase;
            font-size: 1.5rem;
        }
        h1{
            color: var(--azulventex);
            margin: 0;
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 1.1;
        }
    }
        .perguntas{
            
            .intro{
                margin: 0 0 40px;
                p{
                    text-align: center;
                    margin: 10px 0;
                    font-size: 1.2rem;
                    line-height: 1.5;
                }
            }
            .card {
                border: 0;
                border-radius: 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.125);
                padding: 0;
                margin: 10px 0;
            }  
            .btn-link{
                color: #5d5d5d;
                font-weight: 800;
                white-space: normal;
                word-wrap: break-word;
                &:hover{
                    text-decoration: none;
                }
            }  
            .btn-link:focus, .btn-link.focus{
                text-decoration: none;
            }
            .card-header {
                padding: 10px 0;
                background: transparent;
                margin: 0;
                i{
                    color: var(--azulventex);
                    font-weight: 900;
                }
            }    
            .btn{
                padding: 0.375rem 0;
                                font-size: 1.2rem;

            }  
                          
            .transition-icon {
                display: inline-block;
                transition: transform 0.3s ease-in-out;
            }

            .btn-link:not(.collapsed) .transition-icon {
                transform: rotate(180deg) !important;
            }

            .btn-link:not(.collapsed) svg.transition-icon {
                transform: rotate(180deg) !important;
            }
        }
    @media screen and (max-width: 1560px) {
        padding: 80px 10%;
    }
    @media screen and (max-width: 1024px) {
        padding: 60px;
    }  
    @media screen and (max-width: 768px) {
    }  
    @media screen and (max-width: 480px) {
        padding: 40px 30px;
        .topo{
            padding: 0 0 30px;
            margin-bottom: 30px;     
            h1{
                font-size: 2rem;
            }       
        }
        .perguntas {
            .intro {
                p {
                    font-size: 1.1rem;
                }
            }
            .btn {
                font-size: 1rem;
                line-height: 1.2;
            }
        }      
    }
}
.bgcinza{
    background: #f9fafb;
}