.quiz-container {}
.quiz-container > h2 {
    margin-top: 0;
} 
.quiz-container .quiz-header {}
.quiz-container .quiz-header .quiz-title {margin: 0 0 10px 0;}
.quiz-container .quiz-header .quiz-description {font-size: 17px;}

.quiz-container .quiz-header .quiz-progress-container {margin: 0 0 20px 0;}
.quiz-container .quiz-header .quiz-progress-container .quiz-progress-text {font-size: 13px;margin: 0 0 4px 0;font-weight: 600;}
.quiz-container .quiz-header .quiz-progress-container .progress {height: 5px;background: #eee;}
.quiz-container .quiz-header .quiz-progress-container .progress .progress-bar {background: var(--c-main);}


.quiz-container .quiz-body {margin: 0 0 20px 0;}
.quiz-container .quiz-body .quiz-questions-all {}
.quiz-container .quiz-body .quiz-question {margin: 0 0 20px 0;}
.quiz-container .quiz-body .quiz-question .question-header {font-size: 13px;font-weight: 400;opacity: 0.5;}
.quiz-container .quiz-body .quiz-question .question-text {font-size: 16px;font-weight: 500;display: block;margin: 0 0 8px 0;}
.quiz-container .quiz-body .quiz-question .question-hint {margin: -6px 0 15px 0 !important;display: block;color: #000 !important;opacity: 0.5;font-size: 13px;}

.quiz-container .quiz-body .validation-message {font-size: 12px;font-weight: 600;margin: 10px 0 0 0 !important;color: #d50000;}

.quiz-container .quiz-body .quiz-question .question-answers {}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option {padding: 0;margin: 0 0 8px 0;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="radio"] {display: none;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="radio"] + label {position: relative;padding: 0 0 0 32px;cursor: pointer;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="radio"] + label::before {content: "";background: #eee;display: block;width: 26px;height: 26px;background: #eee;position: absolute;top: -2px;left: 0;border-radius: 50%;cursor: pointer;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="radio"]:checked + label::before {content: "";background: var(--c-main);}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="radio"]:checked + label::after {content: "";width: 26px;height: 26px;position: absolute;left: 0;top: -2px;background: #fff;border-radius: 50%;transform: scale(0.52);}


.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="checkbox"] {display: none;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="checkbox"] + label {position: relative;padding: 0 0 0 32px;cursor: pointer;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="checkbox"] + label::before {content: "";background: #eee;display: block;width: 26px;height: 26px;background: #eee;position: absolute;top: -2px;left: 0;border-radius: 5px;cursor: pointer;}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="checkbox"]:checked + label::before {content: "";background: var(--c-main);}
.quiz-container .quiz-body .quiz-question .question-answers .answer-option input[type="checkbox"]:checked + label::after {content: "\f00c";width: 26px;height: 26px;position: absolute;left: 0;top: -2px;border-radius: 3px;font-family: "Font Awesome 6 Pro";color: #fff;text-align: center;line-height: 26px;font-weight: 600;font-size: 15px;}

.quiz-container .quiz-navigation {margin: 0 0 20px 0;display: flex;gap: 10px;}
.quiz-container .quiz-navigation .btn {background: #ddd;color: #000;border: none;padding: 10px 16px;font-weight: 500;display: inline-flex;gap: 7px;align-items: center;font-size: 12px;box-shadow: none;}
.quiz-container .quiz-navigation .btn:hover {background: #999;color:#fff}
.quiz-container .quiz-navigation .btn[disabled] {opacity: 0.4;}
.quiz-container .quiz-navigation .btn::before, .quiz-container .quiz-navigation .btn::after {font-family: "Font Awesome 6 Pro";font-weight: 300;font-size: 20px;} 
.quiz-container .quiz-navigation .btn:first-child::before {content:"\f060";}
.quiz-container .quiz-navigation .btn:last-child::after {content:"\f061";}

@media (max-width: 767px) {
  .quiz-container .quiz-header .quiz-title {padding: 4px 51px 0 0;font-size: 28px;min-height: 40px;}
}

.quiz-container > .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 40px 0;
}
.quiz-container > .actions .btn {}

.quiz-review-container {display: flex;flex-direction: column;gap: 20px;margin: 0 0 20px 0;}
.quiz-review-container .quiz-question-review { border: none !important; padding: 20px; border-radius: 10px; }
.quiz-review-container .quiz-question-review.correct { background: rgb(0 168 146 / 8%); }
.quiz-review-container .quiz-question-review.incorrect { background: rgb(255 23 68 / 5%); }
.quiz-review-container .quiz-question-review .question-header-review { margin: 0; font-weight: 300; display: flex; align-items: center; margin: 0 0 10px 0; }
.quiz-review-container .quiz-question-review .question-header-review .question-number { font-weight: 400; }
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge { width: 35px; height: 35px; border-radius: 50%; line-height: 35px; padding: 0; text-align: center; margin: 0 0 0 auto; color: #fff; font-size: 18px; }
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge.correct { background: var(--c-main); }
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge.incorrect { background: #FF1744; }
.quiz-review-container .quiz-question-review .question-text-review { font-weight: 800; margin: 0 0 10px 0; font-size: 20px; }
.quiz-review-container .quiz-question-review .question-answers-review { display: flex; flex-direction: column; gap: 10px; }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review {display: flex;align-items: center;background: #fff;padding: 10px;border-radius: 10px;display: flex;gap: 10px;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct { font-weight: 600; background: var(--c-main); color: #fff; }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct-not-selected { border: dashed 1px var(--c-main); }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review .answer-indicator {width: 40px;text-align: center;width: 29px;height: 29px;line-height: 29px;border-radius: 50%;color: #fff;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct .answer-indicator {box-shadow: 0 0 0 1px #fff;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.incorrect {background: #FF1744;color: #fff; }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.incorrect .answer-indicator {box-shadow: 0 0 0 1px #fff;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct-not-selected .answer-indicator { background: var(--c-main); color: #fff; }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review .answer-text { }