#contact{
    margin: 0;
    padding: 0;
}


.contact-card {
    text-align: center; /* Alinha o texto ao centro */
    display: flex;
    flex-direction: column; /* Permite que os itens dentro se empilhem verticalmente */
    align-items: center; /* Alinha itens ao centro horizontalmente */
}

.contact-img {
    display: flex;
    justify-content: center; /* Centraliza a imagem horizontalmente */
    align-items: center; /* Alinha a imagem verticalmente se necessário */
    width: 80%; /* Ajusta a largura do contêiner para a largura total */
}

.contact-img img {
    max-width: 100%; /* Garante que a imagem não exceda a largura do contêiner */
    height: auto; /* Mantém a proporção da imagem */
}


  #form_contact {
      border-radius: 10px; /* Borda arredondada do formulário */

      width: 100%;
  }

  /* Estilizando os campos de entrada */
  .form-control {
      margin-bottom: 10px; /* Espaçamento entre os campos de entrada */
  }

  /* Estilizando o botão de envio */
  .btn-outline-info {
    color:#E6F5FF;
    background-color: #22283C;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid #22283C;

  }

  .btn-outline-info:hover {
    color:#22283C;
    background-color: transparent;
    border: 2px solid #22283C;
 }