.form{
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 60px 60px;
  margin-top: 80px;
}


.form3{
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 60px 60px;
  margin-top: 80px;
}

.form-container{
  display: flex;
  flex-direction: column;
}

.container-label{
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.form-container2{
  display: flex;
  flex-direction: column;
}

.container-label2{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form h2{
  color: #000;
font-size: 30px;
}

.form3 h2{
  color: #000;
font-size: 30px;
}

.container-label label{
  color: #000;
  font-size: 24px;

}

.container-label input{
  background: #D9D9D9;
  padding: 10px 20px;
  font-size: 22px;
  color: #000;
  border-radius: 10px;
  margin-bottom: 20px;
}

.container-label textarea{
  background: #D9D9D9;
  padding: 10px 20px;
  font-size: 22px;
  color: #000;
  border-radius: 10px;
  resize: none;
}

.envio-form{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}


#fileInput {
  visibility: hidden;
  position: absolute;
}

#uploadLabel {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 36px;
  background: #008C3B;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  font-weight: 700;
  font-size: 16px;
}

.uploadIcon {
  margin-right: 10px; 
}

#removeFile {
  color: red;
}

#fileDisplayArea{
  border-radius: 32px;
background: var(--747-ecd, #747ECD);
padding: 10px 15px;
}

#fileDisplayArea, .fileDisplayItem {
  border-radius: 32px;
  background: #747ECD;
  padding: 10px 15px;
}
.envio-form button{
  padding: 10px 15px;
  border-radius: 36px;
  background: #008C3B;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  font-weight: 700;
  font-size: 16px;
}











container-label2 label{
  color: #000;
  font-size: 24px;

}

.container-label2 input{
  background: #D9D9D9;
  padding: 10px 20px;
  font-size: 22px;
  color: #000;
  border-radius: 10px;
  margin-bottom: 20px;
}

.container-label2 textarea{
  background: #D9D9D9;
  padding: 10px 20px;
  font-size: 22px;
  color: #000;
  border-radius: 10px;
  resize: none;
}

.envio-form2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}


#fileInput2 {
  visibility: hidden;
  position: absolute;
}

#uploadLabel2 {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 36px;
  background: #008C3B;
  cursor: pointer;
  border-radius: 5px;
  color: #008C3B;
  font-weight: 700;
  font-size: 16px;
}

.uploadIcon2 {
  margin-right: 10px; 
}

#removeFile2 {
  color: red;
}

#fileDisplayArea2{
  border-radius: 32px;
background: var(--747-ecd, #747ECD);
padding: 10px 15px;
}

#fileDisplayArea2, .fileDisplayItem2 {
  border-radius: 32px;
  background: #747ECD;
  padding: 10px 15px;
}
.envio-form2 button{
  padding: 10px 15px;
  border-radius: 36px;
  background: #008C3B;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  font-weight: 700;
  font-size: 16px;
}










.form2{
  margin-top: 0;
}

.container-form2{
  margin: 0 100px;
}



@media only screen and (max-width: 560px) {
  .form {
      padding: 30px 30px;
      margin-top: 100px;
  }

  .form h2 {
      font-size: 24px; 
  }

  .container-label label {
      font-size: 20px; 
  }

  .container-label input, .container-label textarea {
      font-size: 18px; 
      padding: 8px 15px; 
  }
  .form2{
    margin-top: 0;
  }
  .container-form2{
    margin: 0;
  }





.form3 {
      padding: 30px 30px;
      margin-top: 100px;
  }

  .form3 h2 {
      font-size: 24px; 
  }

  .container-label3 label {
      font-size: 20px; 
  }

  .container-label3 input, .container-label3 textarea {
      font-size: 18px; 
      padding: 8px 15px; 
  }





}