html {
  scroll-behavior: smooth;
}

.job-seeker-quiz {
  position: relative;
}
.job-seeker-quiz ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.job-seeker-quiz img {
  max-width: 100%;
  height: auto;
}
.job-seeker-quiz .quiz-nav {
  text-align: center;
  position: sticky;
  top: 150px;
}
.job-seeker-quiz .quiz-nav li.red a {
  color: #f88;
}
.job-seeker-quiz .quiz-nav a {
  border-radius: 50%;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 1.9em;
  margin-bottom: 0.5em;
  transition: 0.3s background-color ease-in-out;
}
.job-seeker-quiz .quiz-nav a.current, .job-seeker-quiz .quiz-nav a:hover {
  background-color: #498bca;
}
.job-seeker-quiz .quiz-nav a:link,
.job-seeker-quiz .quiz-nav a:visited {
  color: #fff;
  text-decoration: none;
}
.job-seeker-quiz .quiz-question {
  margin-bottom: 2em;
}
.job-seeker-quiz .quiz-question > p {
  margin-bottom: 0;
  font-size: rem(22);
}
.job-seeker-quiz .quiz-answers {
  display: flex;
  flex-wrap: wrap;
}
.job-seeker-quiz .quiz-answers li {
  flex: 0 0 50%;
  padding: 10px;
  display: flex;
}
.job-seeker-quiz .quiz-answers li a {
  display: block;
  background-color: #fff;
  color: inherit;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .job-seeker-quiz .quiz-answers li a {
    font-size: 0.9rem;
  }
}
.job-seeker-quiz .quiz-answers li a:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 0;
  transition: transform 0.3s ease-in-out;
}
.job-seeker-quiz .quiz-answers li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 10;
  pointer-events: none;
  transition: background-color 0.3s ease-in-out;
}
.job-seeker-quiz .quiz-answers li a p {
  padding: 1em;
  color: #000;
  z-index: 5;
  position: relative;
}
.job-seeker-quiz .quiz-answers li a p:last-child {
  margin-bottom: 0;
}
.job-seeker-quiz .quiz-answers li a img {
  z-index: 5;
  position: relative;
}
.job-seeker-quiz .quiz-answers li a:hover:before {
  transform: scale(1.05);
}
.job-seeker-quiz .quiz-answers.answered li a.chosen:before {
  transform: scale(1.05);
}
.job-seeker-quiz .quiz-answers.answered li a:not(.chosen):after {
  background-color: rgba(255, 255, 255, 0.6);
}
.job-seeker-quiz .quiz-answers.answered li a:not(.chosen):hover:after {
  background-color: rgba(255, 255, 255, 0);
}

.anchor {
  position: relative;
  top: -300px;
}

.job-seeker-quiz .btn, #Results .btn {
  display: inline-block;
  font-weight: 500;
  color: #235191;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.575rem 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  border-radius: 2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #6EC4DC;
  margin-right: 10px;
}
.job-seeker-quiz .btn:hover, #Results .btn:hover {
  background-color: #3272AE;
  color: #fff;
}
.job-seeker-quiz .btn.white-btn, #Results .btn.white-btn {
  background-color: #fff;
  color: #565656;
}
.job-seeker-quiz .btn.white-btn:hover, #Results .btn.white-btn:hover {
  background-color: #ECECEC;
  color: #565656;
}
.job-seeker-quiz .btn.outline, #Results .btn.outline {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.job-seeker-quiz .btn.outline:hover, #Results .btn.outline:hover {
  background-color: #fff;
  color: #565656;
}

.job-seeker-quiz .results-btn, #Results .results-btn {
  display: block;
}

#incomplete {
  text-align: center;
  display: none;
}

#Results {
  background-color: #57a545;
  display: none;
}
#Results img {
  display: block;
  margin: 0 auto 2em;
}
#Results .resultA, #Results .resultB, #Results .resultC, #Results .resultD {
  display: none;
}