.box1 {
  background-image: url('./Assets/29.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.box11 {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-right: 2%;
}

input,
select {
  height: 3.5vh;
  outline: none;
}

input {
  padding-left: 1%;
}

textarea {
  padding: 2% 0 0 1%;
  font-size: 15px;
  outline: none;
}

.box14 button {
  height: 4vh;
  width: 30%;
  background-color: green;
  color: white;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 16px;
}

.box14 button:hover {
  background-color: white;
  color: black;
  border: 1px solid green;
}

.box21 {
  color: black;
}

.box21 h3 {
  font-size: 18px;
}

.box21 p {
  font-size: 17px;
}

@media only screen and (max-width: 1500px) {
  .box1 {
    height: 100vh;
  }

  .box11 {
    height: 80vh;
  }

  .box13 {
    height: 60vh;
  }

  .box13 div {
    height: 10vh;
    justify-content: space-around;
    /* background-color: yellow; */
  }

  .box13 div:nth-last-child(1) {
    height: 12vh;
    /* background-color: yellow; */
  }

  label {
    font-size: 0.9rem;
  }

  input,
  select {
    height: 5vh;
  }

  .box14 button {
    height: 5vh;
    font-size: 0.8rem;
  }

  .box2 {
    height: 80vh;
  }

  .box21 {
    height: 75vh;
  }

  .box21 div {
    height: 25vh;
  }

  .box21 div p {
    line-height: 1.5;
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 600px) {

  .box11 {
    width: 95%;
  }

  .box2 {
    height: 140vh;
    flex-direction: column;
  }

  .box21 {
    height: 60vh;
    width: 80%;
  }

  .box21 div {
    width: 100%;
  }
}