@media (min-width: 320px) {
  .btn-sendCustom {
    background-color: rgb(7, 165, 79);
    color: white;
    width: 100px;
  }
  .btn-sendCustom:hover {
    background-color: rgba(7, 165, 79, 0.8);
    color: white;
  }
  #contact {
    padding: 2%;
  }
  #contact #message-alert {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 1;
  }
  #contact .fade {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  #contact .fade.show {
    opacity: 1;
    transform: translateY(20px);
  }
  #contact .fade.hide {
    opacity: 0;
    transform: translateY(-20px);
  }
  #contact #btnAlert {
    background: transparent;
    border: none;
    width: 41px;
    height: 32px;
  }
  #contact #btnAlert span {
    font-size: 25px;
  }
  #contact .cont-data-contact {
    padding-top: 5%;
  }
  #contact .cont-data-contact .card-data-contact {
    display: flex;
    position: relative;
    background-color: rgb(225, 225, 225);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green {
    background: radial-gradient(circle, rgba(7, 165, 79, 0.8) 0%, rgb(7, 165, 79) 70%);
    border-radius: 10px 10px 0 0;
    color: white;
    padding: 35px;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .title-data-contact {
    font-weight: bold;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact {
    flex-direction: column;
    gap: 20px;
    padding: 30px 0;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact {
    align-items: center;
    gap: 15px;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact .text-info-contact {
    width: 70%;
    display: block;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact .text-info-contact p {
    margin: auto;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .rs-contact {
    margin-top: 10%;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .rs-contact .col-rs-contact .contain-icon-rs {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  #contact .cont-data-contact .card-data-contact .cont-form-bg-w {
    padding: 35px;
    background-color: white;
    border-radius: 0 0 10px 10px;
  }
  .map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }
  .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }
}
@media (min-width: 1000px) {
  #contact {
    padding: 0%;
  }
  #contact .cont-data-contact {
    padding-top: 5%;
  }
  #contact .cont-data-contact .card-data-contact {
    display: flex;
    position: relative;
    background-color: rgb(225, 225, 225);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green {
    background: radial-gradient(circle, rgba(7, 165, 79, 0.8) 0%, rgb(7, 165, 79) 70%);
    border-radius: 10px 0px 0px 10px;
    color: white;
    padding: 35px;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .title-data-contact {
    font-weight: bold;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact {
    flex-direction: column;
    gap: 20px;
    padding: 30px;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact {
    align-items: center;
    gap: 15px;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact .text-info-contact {
    width: 70%;
    display: block;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .data-contact .info-contact .text-info-contact p {
    margin: auto;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .rs-contact {
    margin-top: 10%;
  }
  #contact .cont-data-contact .card-data-contact .cont-bg-green .rs-contact .col-rs-contact .contain-icon-rs {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  #contact .cont-data-contact .card-data-contact .cont-form-bg-w {
    padding: 35px;
    border-radius: 0 10px 10px 0;
  }
  #contact .map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }
  #contact .map-responsive iframe {
    left: 0;
    top: 0;
    height: 90%;
    width: 100%;
    position: absolute;
  }
}/*# sourceMappingURL=contact.css.map */