footer{
  background-color: #494949;;
}
.footer-container {
  display: flex; /* Define o layout flexível */
  align-items: flex-start; /* Alinha itens ao topo */
  justify-content: center; /* Centraliza horizontalmente o conteúdo */
 height: 600px;
  width: 100%; /* Largura total para ocupar o espaço */
  margin-bottom: 20px; /* Espaço inferior para a seta "topo" */
}

.rodape {
  width: 45%; /* Define a largura da coluna de rodapé */
  padding: 20px;
  text-align: right; /* Alinha o texto à direita */
  background-color: #494949;
  color: #fff;
 margin-top: 50px;
}

.novaquest {
  width: 45%; /* Define a largura da coluna Novaquest */
  padding: 20px;
  text-align: left; /* Alinha o texto à esquerda */
  color: #fff;
  margin-top: 50px;
}

.fio {
  width: 5px;
  height: 500px;; /* Define a largura da linha divisória */
  background-color: #fff; /* Cor da linha */
  margin: 0 20px; /* Margens laterais para espaço entre colunas */
  margin-top: 50px;
}

/* Centraliza a seta de voltar ao topo */
.topo-container {
  text-align: center; /* Centraliza o conteúdo */
  margin-top: 20px; /* Espaço superior */
}

.topo {
  display: inline-block; /* Permite centralizar o conteúdo da div */
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}

.topo img {
  display: block; /* Centraliza a imagem */
  margin: 0 auto;
  margin-bottom: 10px;
}

.topo p {
  margin: 0;
}
.pp1{
  color: #fff;
}
.pp1:hover{
  color: #CF872A;;
 
}




  @media(max-width:1500px){

 footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
  
  
   
 
 }
 .footer-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1000px;
  place-items: center;
}
 .rodape{
    padding: 30px;
     margin-left: 0;
     text-align: center;
     font-size: 15px;
     padding: 0;
 
     justify-content: center;
     display: flex;
     flex-direction: column;
   place-items: center;
     text-align: center;
     margin-left: 0; 
  
 }
 .rodape img{
  margin-left: 0;
 }

 .fio{
  display: none;
 }
 .novaquest{
  width: 100%;
  height: 450px;
  justify-content: center;
  display: flex;
  flex-direction: column;
place-items: center;
  text-align: center;
  margin-left: 0; 
  margin-bottom: 40px;
  margin-top: 100px;
  margin: 0;
  padding: 0;
 

}
.fonte{
  width: 300px;
}
.novaquest img{
  margin-left: 0;
  margin-right: 0;
}
 .topo {
  
  width: 100%;
    place-items: center;
    display: flex;
    justify-content: center;
   align-items: center;
   margin-top: 50px;
   right: 0;
   padding: 0;
  
 
   
  
  }
  .pp1{

    margin-bottom: 60px !important;
    
  }
  

  }