body {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 190%), linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 110%), url('/static/imgs/caminhao_ponte.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; 
  background-position: center center !important; 
  background-color: rgba(0, 0, 0, 0.5) !important; 
}

/* Estilo para dispositivos móveis com largura de tela até 768 pixels */
@media only screen and (max-width: 768px) {
  body {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 190%), linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 110%), url('/static/imgs/caminhao_ponte.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; 
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}

.tittle{
  color: #FFF!important;
}

.input-group-text .fa-solid {
  font-size: 18px;
}
  
.card{
  margin-bottom: 50% !important;
}

.campo-obrigatorio {
  border-color: red;
}