.want-to-help-wrapper {
  background: #1d1f24;
}
.want-to-help-wrapper p {
  font-size: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
  color: #fff;
  text-align: center;
  text-wrap: balance;
}
.help-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 0;
}
.help-list .btn {
  width: 100%;
  max-width: 210px;
}
.help-list .btn,
.help-list .btn-check {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  font-size: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
}
.help-list .btn-check {
  color: #368420;
  background-color: #fff;
  border-color: #368420;
  font-size: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
  min-width: 120px;
  padding: 0.75rem 1.5rem;
}
.help-list .btn-check:checked + .btn,
.help-list .btn.active,
.help-list .btn.show,
.help-list .btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: #fff;
  background-color: #368420;
  border-color: #368420;
}
.btn-check + .btn:hover {
  border: 0.68px solid #368420;
  background-color: #368420;
  color: #fff;
}
.submit-btn.btn {
  border: 0.68px solid #368420;
  background-color: #368420;
  color: #fff;
}
.help-list .form-control {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  font-size: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
  padding: 6px 1.5rem;
  text-align: center;
  max-width: 210px;
  height: 41px;
}
.help-list .form-control:focus {
  color: #fff;
  background-color: #368420;
  border-color: #368420;
}
.help-list .form-control::placeholder {
  color: #fff;
}
@media (max-width: 576px) {
  .help-list {
    flex-wrap: wrap;
  }
  .help-list .btn.btn-secondary {
    width: fit-content;
    flex-shrink: 1;
    flex-grow: 1;
  }
  .help-list .form-control,
  .submit-btn.btn {
    width: 100%;
    max-width: none;
  }
}