.contacto .sec1 {
  background-image: url("../images/inicio/elix-banner-cta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 9%;
}
.contacto .sec2 {
  padding: 80px 8% 0px;
}
.contacto .sec2 .icono3 {
  width: 40px;
  height: 40px;
}
.contacto .sec2 .icono4 {
  width: 48px;
  height: 48px;
}
.contacto .sec2 a {
  text-decoration: none;
  color: var(--negro);
}
.contacto .sec2 .fs-17 {
  font-size: 17px;
}
.contacto .sec2 .box-grey {
  background-color: var(--gris-claro);
  padding: 20px 15px;
}
.contacto .sec2 .contacto {
  padding: 0 5%;
  margin: 40px;
}
.contacto .sec2 .contacto .form-control {
  font-size: 18px;
  color: var(--gris);
  border-radius: 0;
  border: 1px solid #9d9c9d;
  padding: 18px 15px;
}
.contacto .sec2 .contacto .form-control label {
  font-size: 16px;
  color: var(--gris);
}
.contacto .sec2 .contacto .btn-cta3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  height: 50px;
  color: var(--negro);
  font-size: 17px;
  border-radius: 9px;
  text-align: center;
  background-color: var(--amarillo);
  border-width: 0px;
  font-weight: 700;
}
.contacto .sec2 .contacto .btn-cta3:hover {
  background-color: var(--negro);
  color: var(--blanco);
}
.contacto .sec2 .contacto .form-check-input {
  border-radius: 0;
  background-color: var(--grey);
}
.contacto .sec2 .contacto .cbx {
  color: var(--gris);
  font-size: 16px;
  margin-bottom: 25px;
}
.contacto .sec3 {
  padding: 40px 8% 80px;
}
.contacto .sec4 .pt-6 {
  padding-top: 55px;
}
.contacto .sec4 a {
  text-decoration: none;
}
.contacto .sec4 .mapa {
  -webkit-box-shadow: 0px 0px 10px var(--gris);
          box-shadow: 0px 0px 10px var(--gris);
  width: 600px;
}
@media (max-width: 574px) and (min-width: 0px) {
  .contacto .datos {
    -moz-text-align-last: center;
         text-align-last: center;
  }
  .contacto .datos .w-100 {
    width: 45% !important;
    margin-top: 20px;
  }
  .contacto .datos .fs-25 {
    font-size: 20px !important;
  }
  .contacto .datos .tel {
    margin-top: 20px;
  }
  .contacto .sec2 .contacto {
    padding: 0 2%;
    width: 100%;
    margin: 0;
  }
  .contacto .sec2 .contacto .form-control {
    font-size: 18px;
    color: var(--gris);
    border-radius: 0;
    border: 1px solid #9d9c9d;
    padding: 10px;
  }
  .contacto .sec2 .icono3 {
    width: 30px;
    height: 30px;
  }
  .contacto .sec2 .icono4 {
    width: 38px;
    height: 38px;
  }
  .contacto .sec2 .align-items-center {
    margin-left: 0;
  }
  .contacto .sec2 .aling {
    margin-left: 30px;
  }
  .contacto .sec3 {
    padding: 60px 8% 80px;
  }
  .contacto .sec4 .mapa {
    width: 315px;
    margin-top: 30px;
  }
}