.quickHelpSection {
  min-height: 560px;
}

.quickHelpContainer {
  background: rgba(121, 138, 145, 0.94);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(19, 37, 61, 0.18);
  margin-bottom: 120px;
  padding: 42px 46px 50px;
}

.quickHelpHeader {
  max-width: 760px;
}

.quickHelpEyebrow {
  color: #9ee5ff;
  font-family: 'source_sans_probold';
  font-size: 13px;
  letter-spacing: 1.2px;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.quickHelpHeader h1 {
  color: #ffffff;
  font-family: 'gen_book_basbf';
  font-size: 38px;
  line-height: 1.12;
  margin: 0 0 14px;
}

.quickHelpHeader p {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.55;
  margin: 0;
}

.quickHelpChooser {
  margin: 34px 0 24px;
  max-width: 560px;
}

.quickHelpChooser label {
  color: #ffffff;
  display: block;
  font-family: 'source_sans_probold';
  font-size: 15px;
  margin-bottom: 10px;
}

.quickHelpChooser select {
  border: 1px solid rgba(58, 137, 162, 0.6);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(19, 37, 61, 0.12);
  color: #13253d;
  font-size: 16px;
  height: 46px;
}

.quickHelpAnswer {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(58, 137, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 9px 24px rgba(19, 37, 61, 0.14);
  color: #172a44;
  max-width: 820px;
  padding: 28px 30px;
}

.quickHelpAnswer h2 {
  color: #13253d;
  font-family: 'gen_book_basbf';
  font-size: 27px;
  line-height: 1.18;
  margin: 0 0 14px;
}

.quickHelpAnswer p,
.quickHelpAnswer ul li {
  color: #172a44;
  font-size: 16px;
  line-height: 1.58;
}

.quickHelpAnswer ul {
  list-style: disc;
  margin: 12px 0 0;
  padding-left: 20px;
}

.quickHelpAnswer ul li {
  display: list-item;
  margin-bottom: 8px;
}

.quickHelpActions {
  border-top: 1px solid rgba(58, 137, 162, 0.22);
  margin-top: 24px;
  padding-top: 22px;
}

.quickHelpActions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.quickHelpPrimary,
.quickHelpSecondary {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-family: 'source_sans_probold';
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  text-decoration: none;
}

.quickHelpActions .quickHelpPrimary {
  background: linear-gradient(to bottom, #3d9bb8 0%, #1f748d 100%);
  border: 1px solid #17677e;
  color: #ffffff;
}

.quickHelpActions .quickHelpPrimary:hover,
.quickHelpActions .quickHelpPrimary:focus {
  color: #ffffff;
  text-decoration: none;
}

.quickHelpActions .quickHelpSecondary {
  background: #ffffff;
  border: 1px solid rgba(58, 137, 162, 0.48);
  color: #226f87;
}

.quickHelpActions .quickHelpSecondary:hover,
.quickHelpActions .quickHelpSecondary:focus {
  color: #1b5f74;
  text-decoration: none;
}

button.quickHelpPrimary {
  cursor: pointer;
}

@media only screen and (max-width: 640px) {
  .quickHelpContainer {
    border-radius: 0;
    margin-bottom: 70px;
    padding: 30px 20px 36px;
  }

  .quickHelpHeader h1 {
    font-size: 31px;
  }

  .quickHelpAnswer {
    padding: 24px 20px;
  }

  .quickHelpActions > div {
    flex-direction: column;
  }
}