#info-contato {
  margin-top: 110px;
}

.info-contato-card {
  transition: all 0.3s ease-in-out;
}

.info-contato-card:hover {
  border-left: 6px solid var(--blue) !important;
  transform: translateX(5px);
  box-shadow: 0 10px 20px var(--black-box-shadow);
}

.info-contato-card span {
  font-size: 1rem !important;
}

.form {
  box-shadow: 0 5px 15px var(--black-box-shadow);
}

#info-contato .form-control,
#info-contato .form-select {
  padding: 0.6rem 0.75rem;
  transition: all 0.3s;
}

#info-contato .form-control:focus,
#info-contato .form-select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15);
}

#info-contato .btn-primary {
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}

#info-contato .btn-primary:hover {
  background-color: var(--blue);
}