.bra-survey-container {
  border-radius: 20px;
  background-color: #f7e9ef;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  width: 100%;
  max-width: 624px;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  justify-content: center;
  /* display: none; */
}

.survey-title {
  color: #c63093;
  text-align: center;
  font: 400 30px "Josefin Sans", sans-serif;
  margin-bottom: 39px;
}

.age-option {
  border-radius: 40px;
  background-color: transparent;
  width: 60%;
  max-width: 429px;
  color: #000;
  text-align: center;
  padding: 10px;
  font: 500 22px Roboto, sans-serif;
  border: 1px solid #c63093;
  margin-bottom: 20px;
  cursor: pointer;
}

.nav-button {
  border-radius: 40px;
  background-color: #c63093;
  color: #fff;
  text-align: center;
  font: 700 20px Roboto, sans-serif;
  /* padding: 20px 29px; */
  border: none;
  cursor: pointer;
}

.nav-button:focus,
.nav-button:active {
  background-color: #c63093;
}

.progress-bar {
  border-radius: 100px;
  background-color: #fff;
  width: 461px;
  max-width: 100%;
  height: 18px;
  margin-bottom: 45px;
}

.progress-indicator-5 {
  border-radius: 100px;
  background-color: #c63093;
  width: 100%;
  height: 100%;
}

.assistance-link {
  color: #c63093;
  letter-spacing: 1.28px;
  text-align: center;
  font: 600 16px/2 "Josefin Sans", sans-serif;
  text-decoration: none;
}
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.age-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: aquamarine; */
  width: 100%;
}
.age-options button {
  padding: 10px;
  border-radius: 30px;
  width: 60%;
}
.star-over-btn-containter {
  display: flex;
  justify-content: center;
}
.start-over-button-5 {
  border-radius: 40px;
  background-color: #fff;
  margin-top: 37px;
  width: 147px;
  max-width: 100%;
  color: #000;
  padding: 13px 16px;
  font: 500 20px "Josefin Sans", sans-serif;
  border: 1px solid #c63093;
}
.q5 {
  display: none;
}
@media (max-width: 551px) {
  .age-option {
    max-width: 100%;
  }
  .bra-survey-container {
    max-width: 100%;
    padding-left: 20px;
  }
  .nav-button {
    padding: 20px;
  }
  .progress-bar {
    padding-right: 20px;
  }
  .start-over-button {
    padding: 21px 20px;
  }
}