form {
  display: flex;
  flex-direction: column;
  width: 500px;
  margin: auto;
}
h2 {
  color: rgb(7, 131, 50);
}
label {
  margin-bottom: 10px;
  font-weight: bold;
}
input[type="text"],
input[type="number"],
textarea {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
}
select {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.002 10.002c-.003-.887-.397-1.725-1.102-2.295l-13.9-10c-1.702-1.249-4.098-1.249-5.8 0L2.099 7.707c-.704.571-1.098 1.408-1.098 2.295v11.99c0 .887.394 1.725 1.098 2.295l13.1 10.004c.9.686 2.098.686 2.998 0l13.9-10.004c.704-.57 1.098-1.408 1.098-2.295v-11.99z" fill="%23818a8f"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  background-size: 18px auto;
}
input[type="file"] {
  margin-bottom: 20px;
}
input[type="submit"] {
  background-color: rgb(7, 131, 50);
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
input[type="submit"]:hover {
  background-color: rgb(7, 131, 50);
}
.btn11 {
  display: flex;
  justify-content: space-between;
  color: #fff;
  flex-wrap: wrap;
  gap: 10px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  width: 300px;
  margin: auto;
}
.btn11 .left,
.btn11 .right {
  flex: 1; /* chia đều chiều rộng giữa các phần tử */
  text-align: center;
}
.btn11 a {
  color: white;
  text-decoration: none;
}
.btn11 div {
  padding: 20px;
  background-color: rgb(3, 110, 81);
  border-radius: 15px;
}
.btn11 div:hover {
  background-color: #0cc8ab;
}