/* various useful variables and mixins */
.demo-survey {
  width: 100%;
}
.demo-survey .wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
@media (max-width: 1200px) {
  .demo-survey .wrapper {
    flex-wrap: wrap;
    margin-top: 1rem;
  }
}
.demo-survey .wrapper .intro-txt {
  width: 60rem;
  min-width: 40rem;
  margin-inline-end: 4rem;
}
@media (max-width: 1200px) {
  .demo-survey .wrapper .intro-txt {
    min-width: unset;
    width: unset;
    margin-bottom: 2rem;
  }
}
.demo-survey .wrapper .intro-txt h1 {
  font-size: 1.9rem;
  margin-top: -1rem;
  justify-content: start;
}
.demo-survey .wrapper .survey {
  width: 60rem;
  min-width: min-content;
  display: flexbox;
  flex-wrap: wrap;
}
@media (max-width: 690px) {
  .demo-survey .wrapper .survey {
    align-items: center;
    min-width: unset;
    width: unset;
  }
}
.demo-survey .wrapper .survey .questions-box {
  height: min-content;
  background: #003855;
  border-radius: 6px;
  display: flex;
}
.demo-survey .wrapper .survey .answers-wrapper {
  height: max-content;
  background: #eceff1;
  border-radius: 6px;
}
.demo-survey .wrapper .survey .answers-wrapper .answers {
  padding: 1.5rem;
  margin-top: 0rem;
}
.demo-survey .wrapper .survey .answers-wrapper .answers label, .demo-survey .wrapper .survey .answers-wrapper .answers .label {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.demo-survey .wrapper .survey .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.demo-survey .wrapper .survey .button-wrapper .btn.prev-btn {
  visibility: hidden;
}
.demo-survey .wrapper .survey .button-wrapper .btn {
  cursor: pointer;
  width: 7rem;
  height: 2.5rem;
  background: #d78b21;
  border-radius: 6px;
  border-style: none;
  margin-top: 2rem;
  color: white;
  font-size: 13px;
}
.demo-survey .wrapper .survey, .demo-survey .wrapper .survey-done {
  display: none;
}

/*# sourceMappingURL=demo-survey.css.map */