.custum-file-upload {
  display: flex;
  align-items: space-between;
  gap: 20px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 1px gainsboro solid;
  border-radius: 5px;
  background-color: white;
  padding: 1.5rem;
}

.custum-file-upload .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custum-file-upload .icon svg {
  height: 24px;
  fill: rgba(75, 85, 99, 1);
}

.custum-file-upload .text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custum-file-upload .text span {
  font-weight: 400;
  color: rgba(75, 85, 99, 1);
}

.custum-file-upload input {
  display: none;
}

#file {
  display: none;
}

.coolinput {
  display: flex;
  flex-direction: column;
  width: fit-content;
  position: static;
}

.inputfile span {
  color: gray;
  position: relative;
  top: 0.7rem;
  margin: 0 0 0 7px;
  padding: 0 3px;
  background: white;
  width: fit-content;
}

.coolinput label.text {
  color: gray;
  position: relative;
  top: 0.7rem;
  margin: 0 0 0 7px;
  padding: 0 3px;
  background: white;
  width: fit-content;
  font-size: 14px !important;
  border-radius: 999px;
}

.coolinput select,
.coolinput textarea,
.coolinput input[type=text].input,
.coolinput input[type=tel].input, 
.coolinput input[type=date].input, 
.coolinput input[type=number].input {
  padding: 11px 10px;
  font-size: 1rem;
  border: 1px gainsboro solid;
  border-radius: 5px;
  background: white;
}

.coolinput select,
.coolinput textarea,
.coolinput input[type=text].input:focus,
.coolinput input[type=tel].input:focus, 
.coolinput input[type=number].input:focus {
  outline: none;
}

.coolinput input[type=text].input:focus ~ label,
.coolinput input[type=tel].input:focus ~ label, 
.coolinput input[type=number].input:focus ~ label {
  color: blue !important;
}

.ocultar{display: none;}

@media (min-width: 992px) {
  .ocultar{display: block;}
}