.pdd_quiz .quiz-zone * {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
body.pdd_quiz .quiz-zone  {
  background-color: #0a69ed;
  display: flex;
  flex-direction: column;
}
.pdd_quiz .quiz-zone .start-screen,
.pdd_quiz .quiz-zone .score-container {
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.pdd_quiz .quiz-zone button {
  border: none;
  outline: none;
  cursor: pointer;
}
.pdd_quiz .quiz-zone #start-button,
.pdd_quiz .quiz-zone #restart {
  font-size: 22px;
  padding: 10px 30px;
  /* border-radius: 0.2em; */
  background: rebeccapurple;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 10px;
}
.pdd_quiz .quiz-zone #restart {
  margin-top: 0.9em;
}
.pdd_quiz .quiz-zone #display-container {
  background-color: #ffffff;
  padding: 3.1em 1.8em;
  /* width: 80%; */
  max-width: 37.5em;
  margin: 0 auto;
  /* position: absolute; */
  /* transform: translate(-50%, -50%); */
  /* top: 50%; */
  /* left: 50%; */
  border-radius: 0.6em;
}
.pdd_quiz .quiz-zone .header {
  margin-bottom: 1.8em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.6em;
  border-bottom: 0.1em solid #c0bfd2;
}
.pdd_quiz .quiz-zone .timer-div {
  background-color: #e1f5fe;
  width: 7.5em;
  border-radius: 1.8em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7em 1.8em;
  display: none;
}
.pdd_quiz .quiz-zone .question {
  margin-bottom: 1.25em;
  font-weight: 600;
}
.pdd_quiz .quiz-zone .option-div {
  font-size: 0.9em;
  width: 100%;
  padding: 1em;
  margin: 0.3em 0;
  text-align: left;
  outline: none;
  background: transparent;
  border: 1px solid #c0bfd2;
  border-radius: 0.3em;
}
.pdd_quiz .quiz-zone .option-div:disabled {
  color: #000000;
  cursor: not-allowed;
}
.pdd_quiz .quiz-zone #next-button {
  font-size: 1em;
  margin-top: 1.5em;
  background-color: var(--bg-light-green);
  color: #ffffff;
  padding: 0.7em 1.8em;
  border-radius: 0.3em;
  /* float: right; */
  width: 100%;
}
.pdd_quiz .quiz-zone .hide {
  display: none;
}
.pdd_quiz .quiz-zone .incorrect {
  background-color: #ffdde0;
  color: #d32f2f;
  border-color: #d32f2f;
}
.pdd_quiz .quiz-zone .correct {
  background-color: #e7f6d5;
  color: #689f38;
  border-color: #689f38;
}
.pdd_quiz .quiz-zone #user-score {
  font-size: 1.5em;
  color: #4785cd;
}