#cardcontainer {

display: grid;
gap: 40px;
justify-content: center

}

@media (min-width: 768px) and (max-width: 1024px) {
  #cardcontainer {
    display: grid;
    grid-template-columns: repeat(2, 300px);
    justify-content: center;
    gap: 40px;
  }

  /* Força o 5º card a ficar centralizado */
  #cardcontainer .card:nth-child(5) {
    grid-column: 1 / span 2; /* ocupa as duas colunas */
    justify-self: center;    /* centraliza */

  }
}

#contador {

display: flex;
flex-direction: row;

}


.servicos p{

  font-size: 1.7rem;
  color: #ffffff;
  font-family: Dongle-light;
  line-height: 17pt;
  opacity: 0;
  text-align: start;
  padding: 10px;
  

}

#depoimentos p {
  
  font-size: 1.7rem;
  color: #ffffff;
  font-family: Dongle-light;
  line-height: 17pt;
  opacity: 0;
  text-align: start;
  padding: 10px;
  
  
}


/********** footer ***********/

footer {

  padding: 0;
  padding-top: 50px;
}

footer p {

  font-size: 0.9rem;
}

#mapa {

  display:none;
  background-color: aqua;
}


#infos {
width: 100%;


}