.survey{
  text-align: center !important;
  width: 100% !important;
  margin-top: 1rem!important;
}
.survey .area{
  max-width: 960px;
  border-radius: 19px;
}
.survey img{
  width: 100%;
}
.survey .btn-secondary{
  color: #fff;
  background-color: #8b6451;
  border-color: #6c757d;
  padding: 14px 51px;
  margin-top: 20px;
}
.survey hr:not([size]) {
  height: 2px;
  width: 280px;
  margin: 0px auto;
  margin-top: 23px;
  color: #a9603e;
}
.survey .ul{
  list-style: decimal;
}
.survey .ul li{
  background-color: #fff;
  padding: 9px;
  border-radius: 12px;
  border: 1px solid #e5d3cc;
  margin-bottom: 15px;
}
.survey .answers{
  text-align: left !important;
}
.survey li:hover{
  background-color: #e5d3cc;
  cursor: pointer;
}
.survey h5, .survey.result span{
  color: #8b6451;
}
.survey.result p{
  background-color: #fff;
  padding: 33px;
  border-radius: 22px;
  border: 1px solid #e5d3cc;
  margin-top: 31px;
}

.trueAnswer{
  background-color: #caffd6 !important;
}

.falseAnswer{
  background-color: #e48f8f !important;
}
span a{
      color: #a5341f;
    text-decoration: none;
    }
    span a:hover {
    color: #d2543d;
    text-decoration: none;
}