.donation-header {
  text-align: center;
  padding: 130px 20px 50px;
}
.donation-header h3 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  text-align: center;
  color: #ff6a61;
}
.donation-header h5 {
  color: #051e47;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  text-align: center;
}
.donation-form-main {
  background: #f9f9f9;
  padding: 50px 150px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  color: #051E47;
}
.donation-form {
  margin-top: 30px;
}
.donation-form-input-field {
  width: 96% !important;
  padding: 27px 10px 26px 20px !important;
  box-shadow: 0px 8px 25px rgba(149, 129, 129, 0.1) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #6c757d !important;
  font-size: 17px;
}
.donation-form-select-field{
  width: 96% !important;
  padding: 13px 10px 14px 20px !important;
  box-shadow: 0px 8px 25px rgba(149, 129, 129, 0.1) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #6c757d !important;
  font-size: 17px;
}
.donation-form-textarea-field {
  width: 98% !important;
  padding: 10px 10px 10px 20px !important;
  box-shadow: 0px 8px 25px rgba(149, 129, 129, 0.1) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #6c757d !important;
  margin-bottom: 10px;
  font-size: 17px;
}
.donation-btn-div {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.donation-submit-btn {
  padding: 10px 40px !important;
  background-color: #051e47 !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-size: 17px;
}

@media screen and (max-width: 500px) {
  .donation-form-main {
    padding: 10px;
  }
}