.contato-map {
  width: 100%;
  min-height: 220px;
  border-radius: .625rem;
}

.itens-contato * {
  color: var(--dark);
  transition: .3s;
}


.itens-contato a:hover {
  color: var(--grey);
}

.itens-contato i {
  font-size: 1.5rem;
  color: var(--light);
  background-color: var(--primary-color);
  padding: 8px;
  border-radius: .5rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-contato {
  position: relative;
}

.contato .form-control,
.contato .form-select {
  border-radius: .8rem;
  border: 1px solid rgba(238, 238, 238, 0.20);
  background-color: var(--light);
}


/* contato cta */
.bg-contato {
  background-image: url("../imagens/bgs/bg-cta.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contato-home {
  border-radius: 0.25rem;
  border: 1px solid #474747;
  background: rgba(0, 0, 0, 0.05);
}

.contato-home .form-control,
.contato-home .form-select {
  border-radius: .75rem;
  border: 1px solid rgba(238, 238, 238, 0.20);
  background: rgba(250, 250, 250, 0.02);
  color: var(--light);
}

.contato-home label {
  color: var(--light);
}

.contato-home ::placeholder {
  color: var(--light-01);
}

.contato-home .form-select option {
  color: var(--dark);
}