@media (max-width: 1023px) {
    section.area-pesquisa {
        background-image: url(../img/MAC.jpg);
        width: 100%;
        height: 260px;
        padding: 10px;
        display: block;
        justify-content: center;
        text-align: center;
        margin: 0em auto;
        position: relative;

        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    form.pesquisa {
        background-color: white;
        display: flex;
        flex-direction: row;
        margin: 6em auto;
        justify-content: center;
        text-align: center;
        align-items: center;
        width: 90%;
        height: auto;
        padding: 10px;
        border-radius: 2em;
        position: relative;
    }

    label.pesquisa {
        display: flex;
        text-align: center;
        width: 5%;
        font-weight: bold;
        font-style: italic;
        font-size: 1.1em;
        margin: auto;
        justify-content: center;
        color: black;
        background-color: blueviolet;
    }

    form.pesquisa i {
        display: flex;
        position: absolute;
        
        margin-left: 1em;
        transform: translateY(-50%);
        color: #7e7c7c; /* Cor da lupa */
    }

    input.pesquisa[type=text] {
        color: black;
        display: flex;
        justify-content: left;
        text-align: left;
        width: 100%;
        height: auto;
        padding: .3em .3em .3em 2em;
        margin: auto;
        font-size: .9em;
        font-weight: bold;
        font-style: italic;
        border-radius: .7em;
    }

    input.pesquisa::placeholder {
        color: #7e7c7c;
        font-style: italic;
        font-size: 15px;
    }
    #errorMessage{
        display: none; 
        text-align: center;
        margin: auto;
        color: #fff; 
        margin-top: -5.5em;
        background: #f8961e;
        background: -webkit-linear-gradient(top, #f9c74f, #f9844a);
        background: -o-linear-gradient(top, #f9c74f, #f9844a);
        background: -moz-linear-gradient(top, #f9c74f, #f9844a);
        background: linear-gradient(top, #f9c74f, #f9844a);
        border-radius: 2em;
        width: 10em;
        height: 5.5em;
        padding: .6em;
        box-shadow: 0px 4px 15px 0px rgba(74,74,74,0.49);
    }

    .topicos-section{
        min-height: 51vh;
        
    }

    .topicos{
        display: block;
        margin: 2em;
        text-align: center;
        justify-content: center;
        font-weight: bold;
    }
    .hidden {
        display: none;
    }
    /* Parte com boostrap */
    #accordionFlushExample{
        width: 80%;
        margin: 2em auto 4em;
        border: 1px solid black;
    }
    .accordion-button{
        font-size: 1.2rem;
        border: 1px solid black;
    }
    .accordion-item{
        border: 1px solid black ;
    }
}