/* input[type="file"] {
  display: none;

  header-denuncias
} */
.attention-banner {
  font-family: "Yellix";
  font-style: normal;
  font-size: 89px;
  font-weight: 400;
  text-align: center;
  color: #001341;
  margin-top: 62px;
  margin-bottom: 62px;
}

.tip3 {
  align-items: center;
  color: #001341;
  display: block;
  justify-content: flex-start;
  font-family: "Metric";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}

.tip2 {
  align-items: center;
  color: #F6904D;
  display: block;
  justify-content: flex-start;
  font-family: "Metric";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
}

.contact-forms-container {
  background-color: #fff;
  height: auto;
}

.contact-forms-select {
  width: 97%;
}

.btn-evidence {
  border: #001341 2px solid;
  box-sizing: border-box;
  border-radius: 8px;
  color:#FFF;
  background-color:#001341;
  font-family: Metric;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}
.btn-evidence:hover {
  color:#fff;
}


.denuncia-file-upload {
  align-items: center;
  background: #001341;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  float: left;
  flex-direction: row;
  font-family: "Metric";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  justify-content: center;
  line-height: 30px;
  padding: 8px 20px;
  width: 26%;
}

.file-input-style {
  display: block;
  color: white;
}

.tab-link.active {
  background-color: #1833E8;
  color: white !important;
}

.tab-link {
  color: white;
  background-color: #001341;
  border: 1px solid white;
  border-radius: 10px;
  margin-right: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  width: 206px;
  height: 48px;
  text-align: center;
  margin-bottom: 78px;
  display: block;
  padding: 0.5rem 1rem;
}

.tab-link:hover {
  color: white;
  text-decoration: none;
}

.tab-link:active {
  background-color: #1833E8;
  color: white;
}

.header-denuncias {
  color: #1833E8;
  font-family: Yellix;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: left;
}

.contact-form-label {
  font-family: Metric;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  padding-top: 42px;
}

.attention-content {
  color:#001341 ;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
  padding-bottom: 6%;
  font-family: Metric;
  font-style: normal;
}

.contact-input {
  font-family: Metric;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background-color: transparent !important;
  color: white;
  border: none;
  border-bottom: 2px solid white;
  width: 97%;
}

.contact-input:active {
  font-family: Metric;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background-color: transparent !important;
  color: white;
  border: none;
  border-bottom: 2px solid white;
}

.contact-input:focus {
  font-family: Metric;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background-color: transparent !important;
  color: white;
  border: none;
  border-bottom: 2px solid white;
}
.contact-nav-pils {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  height: 67px;
  margin-bottom: 3%;
}

.contact-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.freq-question-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;

}

@media (max-width: 992px) {
  .freq-question-container {
    margin-right: unset;
  }
}

@media (max-width: 800px) {
  .attention-banner {
    font-family: "Yellix";
    font-size: 50px;
    font-weight: 600;
    align-content: center;
    text-align: center;
  /*  color: white;*/
    padding-top: 3%;
    margin-bottom: 78px;
  }
}

@media (max-width: 700px) {
  .attention-banner {
    padding-top: 10%;
    margin-bottom: 7%;
  }

  .contact-nav-pils {
    display: flex;
    flex-flow: column;
    overflow-x: unset;
    height: 20%;
    margin-bottom: 3%;
  }

  .contact-nav-pils-items {
    height: auto;
    margin-bottom: 5.5%;
  }
  .tab-link:hover {
    transition: unset;
    transform: unset;
  }
}

/*@media (max-width: 600px) {
  .attention-banner {
    font-family: "Metric";
    font-size: 50px;
    font-weight: 600;
    align-content: center;
    text-align: center;
    color: white;
    padding-top: 3%;
    margin-bottom: 78px;
  }
} */

@media (max-width: 400px) {
  .attention-banner {
    font-family: "Yellix";
    font-size: 50px;
    font-weight: 600;
    align-content: center;
    text-align: center;
    /*color: white;*/
    padding-top: 3%;
    margin-bottom: 78px;
  }

  .contact-center {
    display: flex;
    justify-content: unset;
    align-items: unset;
  }
}

@media (max-width: 300px) {
  .attention-banner {
    font-family: "Yellix";
    font-size: 50px;
    font-weight: 600;
    align-content: center;
    text-align: center;
/*    color: white; */
    padding-top: 3%;
    margin-bottom: 78px;
  }
}