/* AGENCIA */
.agencia {
  background-color: #012840;
}

@media (max-width: 992px) {
  .agencia br {
    display: none;
  }
}
/* AGENCIA */

/* RESPIRO */
.respiro {
  padding-bottom: 10vh;
  width: 100%;
  background-color: #012840;
  padding-top: 0;
}

.respiro img {
  height: 100%;
  width: 100%;
}

.respiro .btn-primary:hover {
  border: 2px solid #56c3ce !important;
  color: #56c3ce;
}
/* RESPIRO */

/* NUMEROS */
.numeros .numero {
  font-size: 100px;
}
/* NUMEROS */

/* O MARKETING DIGITAL */
.marketing img {
  width: 70%;
}

@media (max-width: 576px) {
  .marketing img {
    width: 100%;
  }
  .marketing br {
    display: none;
  }
}
/* O MARKETING DIGITAL */

/* O QUE FAZEMOS */
.oque-fazemos {
  background-color: #e6eaec;
}
.oque-fazemos .cards {
  display: grid;
  grid-template-columns: 48% 48%;
  justify-content: space-between;
  row-gap: 50px;
}
.oque-fazemos .cards .card {
  border-radius: 0px;
  padding-inline: 50px;
  padding-block: 53px;
}

.oque-fazemos .cards .card p {
  line-height: 180%;
  height: 51%;
}
.oque-fazemos .cards .card a:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  .oque-fazemos .cards {
    grid-template-columns: 100%;
  }
  .oque-fazemos .cards .card {
    height: 40vh;
  }
}
@media (max-width: 576px) {
  .oque-fazemos .cards .card {
    height: 50vh;
    padding-inline: 30px;
    padding-block: 53px;
  }
  .oque-fazemos .cards .card p {
    font-size: 16px;
  }
  .oque-fazemos .cards .card h3 {
    font-size: 29px;
  }
}
@media (max-width: 390px) {
  .oque-fazemos .cards .card {
    height: 65vh;
  }
  .oque-fazemos .cards .card {
    height: 70vh;
  }
}

@media (max-width: 320px) {
  .oque-fazemos .cards .card {
    height: 70vh;
  }
  .oque-fazemos .cards .card p {
    font-size: 14px;
  }
}
/* O QUE FAZEMOS */


/* TRANSFORMAÇÃO */
.transformacao .card {
  border-radius: 70px;
  background-color: #56c3ce;
  width: max-content;
  padding-block: 50px;
  padding-inline: 100px;
  gap: 100px;
}

@media (max-width: 576px) {
  .transformacao .card {
    gap: 30px;
    padding-block: 50px;
    padding-inline: 50px;
  }
  .transformacao .card br {
    display: none;
  }
}
/* TRANSFORMAÇÃO */

/* FORMULARIO */
.formulario {
  background-color: #56c3ce;
}

.formulario input[type="text"],
.formulario input[type="email"],
.formulario textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  width: 100%;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding: 4px;
}

.formulario button[type="button"] {
  background-color: #fff;
  color: #012840;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  padding-inline: 10px;
  border: 1px solid #012840;
}

.formulario button[type="button"]:hover {
  cursor: pointer;
}

.formulario .circle {
  border-radius: 50%;
  width: 23px;
  height: 23px;
  border: 2px solid #012840;
}

.formulario .circle:hover {
  cursor: pointer;
}

.formulario .input-name,
.formulario .input-telefone {
  width: 48% !important;
}
.formulario input:focus-visible,
.formulario textarea:focus-visible {
  outline: none;
  border-bottom: 1px solid #012840;
}

::-webkit-input-placeholder {
  color: #fff;
}
input:-moz-placeholder {
  color: #fff;
}
textarea:-moz-placeholder {
  color: #fff;
}

@media (max-width: 992px) {
  .formulario .input-name,
  .formulario .input-telefone {
    width: 100% !important;
  }

  .formulario .infos br {
    display: none;
  }
}
/* FORMULARIO */