.quiz_wrap { margin-bottom: 30px; padding: 30px 20px; border: 1px solid var(--color-silver-line); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 1px 2px rgba(0 0 0 / 7%); }
.quiz_wrap .quiz_meta { font-size: 14px; line-height: 20px; }
.quiz_wrap .quiz_meta h4 { color: #161616 !important; }

/* Counter */
#quiz-counter { width: fit-content; height: 30px; margin-bottom: 10px; padding: 0 10px; font-size: 14px; font-weight: 700; line-height: 30px; background: var(--color-silver); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

/* Questions */
#questions p.question { margin-bottom: 10px !important; font-weight: 700; }
#questions ul.answers { margin-bottom: 0 !important; margin-left: 0 !important; list-style: lower-latin; counter-reset: item }
#questions ul.answers li { margin-bottom: 20px; padding-left: 0 !important; }
#questions ul.answers li:last-child { margin-bottom: 0 !important; }
#questions ul.answers li:before { width: 36px; height: 36px; left: 15px; top: 10px; text-align: center; color: white; line-height: 36px; background: var(--color-blue); border: none !important; content: counters(item, ".") " "; counter-increment: item; }
#questions ul.answers li a { padding: 18px 10px 18px 60px; font-size: 16px !important; font-weight: 700; text-decoration: none !important; color: #161616; line-height: 100% !important; border: 1px solid var(--color-silver-line); display: flex; align-items: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#questions ul.answers li a:hover { border-color: var(--color-blue); }

#questions ul.answers li a.correct { color: white !important; background: #5bb767; border-color: #5bb767; }
#questions ul.answers li a.incorrect { color: white !important; background: #dc3128; border-color: #dc3128; }

#questions ul.answers li a.correct ~ li:before { color: pink !important; }
#questions ul.answers li a.incorrect { color: white !important; background: #dc3128; border-color: #dc3128; }

/* Controls */
#quiz-controls { margin-top: 30px; }

/* Results */
#quiz-results { font-weight: 700; }

/* Response */
#quiz-response { font-weight: 700; }

/* Buttons */
#quiz-buttons a { height: 50px; padding: 0 35px; font-family: 'Poppins', sans-serif; font-size: 16px !important; font-weight: 700; text-transform: uppercase; text-decoration: none !important; text-align: center; color: white !important; line-height: 50px; background-color: var(--color-blue); display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
#quiz-buttons a:hover { background: #282724; }


/* Quiz State Overrides */

.quiz-results-state #quiz-controls {
    background: none;
    padding: 0;
}
.quiz-results-state #quiz-buttons a {
    background: #333;
    color: #fff;
}