#sec{
    display: flex;
    width: 92%;
    margin: auto;
    }.container-doc{
        margin: 0 0 2% 0;
        padding-left: 0;
        padding-right: 0;
        width: 70%;
        }.bt-accordion{
            font-family: var(--fonte-extrabold);
            color: var(--verde-escuro);
        }.accordion-body > a{
            text-decoration: none;
        }.accordion-button{
            font-family: var(--fonte-extrabold);
            color: var(--verde-escuro);
        }.accordion-button:not(.collapsed) {
            font-family: var(--fonte-extrabold);
            color: var(--verde-escuro);
            background-color: var(--branco);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
        }.accordion-button:not(.collapsed)::after {
            color: var(--verde-escuro);

    }#side{
        width: 30%;
        height: max-content;
        margin: 0;
        }#side > h1{
            height: max-content;
            font-size: 1.6em;
            width: 100%;
            margin: 0 0 6% 0;
            text-align: end;
            font-family: var(--fonte-extrabold);
            color: var(--verde-alternativo); 
        }#cards-qa{
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: end;
            }.card-qa{
                width: 80%;
                background-color: var(--verde-alternativo);
                border-radius: 1em;
                display: flex;
                flex-direction: row;
                padding: 3%;
                justify-content: space-between;
                align-items: center;
                margin: 0 0 3% 0;
                transition-duration: 0.5s;
                }.card-qa:hover{
                    background-color: var(--verde-escuro);
                }.icon-qa{  
                    max-width: auto;
                    max-height: auto;
                    width: 30px;
                    height: 30px;
                    color: var(--branco);
                }.card-qa > a{
                    width: 100%;
                    padding: 2% 0 0 10%;
                    font-family: var(--fonte-bold);
                    font-size: 1.3em;
                    text-align: start;
                    text-decoration: none;
                    color: var(--branco);
                }.card-qa > a:hover{
                    color: var(--branco);
                }.card-qa:hover > a{
                    color: var(--branco);
                }.card-qa:hover > .icon-qa{
                    color: var(--branco);
                
                
                
    }

/*----------------------------------- Media Query -------------------------------*/

@media (min-width: 0px) and (max-width: 576px) {


    #sec{
        display: block;
        }.container-doc{
            margin: 5% 0 10% 0;
            padding-left: 0;
            padding-right: 0;
            width: 100%;     
            }.bt-accordeon{
                font-family: var(--fonte-extrabold);
                color: var(--verde-escuro);
            }.accordion-body > a{
                text-decoration: none;
        }#side{
            justify-content: center;
            width: 100%;
            margin: 5% 0 5% 0;
            }#side > h1{
                text-align: start;
            }#cards-qa{
                margin: 0;
                width: 100%;
                justify-content: center;       
                }.card-qa{
                    width: 100%;
                    padding: 2%;
                }
                      
                                              
                
}@media (min-width: 577px) and (max-width: 768px) {

}