.contatos {
  width: 100%;
  height: 160px;
  background-image: url(https://orthox.com.br/wp-content/themes/ortho-x/assets/img/fundo-header-contatos.png);
}

#alerta-erro {
  display: none !important;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.error {
  /*margin-left: 5px;*/
  color: red;
}
.form-contatos {
  background-image: url(https://orthox.com.br/wp-content/themes/ortho-x/assets/img/fundo-duas-setas.png);
  background-size: auto 135%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: bottom;
}

.content-form {
  border-radius: 0.85em;
  height: 900px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.image-contato {
}

#assunto-tipo {
  height: 38px;
  color: #212529;
}

#assunto-tipo2 {
  height: 38px;
  color: #212529;
}

.svg-arrow {
  appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 612 612" fill="tomato"><path d="M 96.00,96.00l-96.00,96.00l 256.00,256.00l 256.00-256.00l-96.00-96.00L 256.00,256.00L 96.00,96.00z"/></svg>');
  padding: 0.1em 1.5em 0.1em 0.4em;
}

.unidade1,
.unidade2,
.unidade3,
.unidade4 {
  cursor: pointer;
}

.title-contato {
  font-weight: 700;
  font-size: 50px;
  color: var(--orange);
}

.image-titulo {
  width: 50px;
}

.titulo-formulario {
  font-size: 32px;
  font-weight: 400;
  color: #c03f27;
  text-align: initial;
  line-height: 0.9;
}
#titulo-texto1 {
  font-size: 32px;
  line-height: 0.1;
}

#titulo-texto2 {
  font-size: 50px;
  font-weight: 700;
  color: #6d0d0e;
}

.texto-formulario {
  font-weight: 300;
  font-size: 16px;
  color: black;
  padding: 0% 17%;
}

.setas-contatos {
  width: 300px;
}

#enviar-contato {
  background-color: #e66234;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 60px;
  border-radius: 0.85em;
}

#enviar-contato2 {
  background-color: #e66234;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 60px;
  border-radius: 0.85em;
}

.conteudo-unidades {
  z-index: 1;
}

.image-unidade {
  width: 50px;
}

.titulo-unidade {
  font-size: 25px;
  font-weight: 400;
  color: white;
  text-decoration: none;
  text-align: initial;
}

#titulo-texto3 {
  font-size: 30px;
  font-weight: 700;
}

.unidade2,
.unidade3,
.unidade4 {
  background-color: #6d0d0e;
}

.unidade1 {
  background-color: #e66234;
}

#image-unidade1 {
  width: 35px;
}

.act {
  position: relative;
  width: 105%;
}

.meu-padding {
  padding-left: 25%;
}

.icone {
  width: 30px;
  height: 30px;
}

.duas-linhas {
  margin-top: 9px;
}

.info-unidade {
  color: white;
  font-size: 18px;
  text-align: left;
}

.info-local-unidade1 a {
  text-decoration: none;
}

.button-map {
  display: inline-block;
  padding: 10px 48px;
  background-color: var(--blue-dark);
  text-decoration: none;
  color: var(--white);
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  z-index: 2;
  margin-top: 35%;
  margin-left: 19%;
}

.image-mapa {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nome-unidade1 {
  margin-right: 21px;
}

.nome-unidade3 {
  margin-right: 18%;
}

.textoEstacionamento {
  margin-right: 10%;
}

.textoEstacionamento2 {
  margin-right: 8%;
}

.telefoneAlinhar {
  margin-right: 10px;
}

/*
███╗   ███╗ █████╗ ██╗  ██╗     ██╗██████╗  ██████╗  ██████╗ ██████╗ ██╗  ██╗
████╗ ████║██╔══██╗╚██╗██╔╝    ███║╚════██╗██╔════╝ ██╔═████╗██╔══██╗╚██╗██╔╝
██╔████╔██║███████║ ╚███╔╝     ╚██║ █████╔╝███████╗ ██║██╔██║██████╔╝ ╚███╔╝ 
██║╚██╔╝██║██╔══██║ ██╔██╗      ██║ ╚═══██╗██╔═══██╗████╔╝██║██╔═══╝  ██╔██╗ 
██║ ╚═╝ ██║██║  ██║██╔╝ ██╗     ██║██████╔╝╚██████╔╝╚██████╔╝██║     ██╔╝ ██╗
╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝     ╚═╝╚═════╝  ╚═════╝  ╚═════╝ ╚═╝     ╚═╝  ╚═╝                                                                             
*/

@media screen and (max-width: 1370px) {
  .setas-contatos {
    display: none;
  }

  .seta-direita,
  .seta-esquerda {
    display: none !important;
  }

  .button-map {
    margin-top: 44%;
    margin-left: 18%;
  }

  .textoEstacionamento {
    margin-right: 14%;
  }

  .textoEstacionamento2 {
    margin-right: 11%;
  }

  .form-contatos {
    background-image: none;
  }
}

@media screen and (max-width: 768px) {
  .titulo-formulario {
    font-size: 30px;
    line-height: 1;
  }

  #titulo-texto2 {
    font-size: 90%;
  }
  .texto-formulario {
    font-size: 25px;
    padding: 0px 10px;
  }

  #titulo-texto3 {
    font-size: 25px;
  }

  .titulo-unidade {
    font-size: 20px;
    font-weight: 400;
    color: white;
    text-decoration: none;
  }

  .form-contatos {
    background-image: none;
    height: 700px;
  }

  .act {
    width: 103%;
  }

  .meu-padding {
    padding: 3%;
  }

  .content-form {
    box-shadow: none;
  }
  .info-unidade {
    font-size: 15px;
  }
  .map-uni {
    height: 485px;
  }
  .button-map {
    margin-top: 45%;
    margin-left: 37%;
  }

  .icone {
    margin-left: -4px;
  }

  .textoEstacionamento2 {
    margin-left: 6px;
  }

  .localizacao-geral {
    margin-top: 10%;
  }
}

@media screen and (max-width: 425px) {
  .contatos {
    margin-top: 80px;
  }

  .seta-direita,
  .seta-esquerda {
    display: none !important;
  }

  .act {
    width: 106%;
  }

  .content-form {
    height: 680px;
  }

  .mapa-unidade {
    margin-top: 10%;
    height: 400px;
  }

  .button-map {
    margin-top: 85%;
    margin-left: 25%;
  }

  .texto-formulario {
    font-size: 16px;
    padding: 0px 10px;
  }

  .textoEstacionamento2 {
    margin-left: 7px;
  }
}