.exam-summary h3, .exam-summary h4, .exam-summary h5 { color: #000; }
 .step3-atomic-quiz-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 20px; }
 .step3-quiz-header-right { display: flex ; gap: 20px; align-items: baseline; flex-direction: row; }
 .question-progress-bar { background: #e0e0e0; border-radius: 10px; width: 120px; height: 10px; overflow: hidden; margin-left: 20px; }
 .progress-fill { background: #4ecdc4; height: 100%; width: 0; transition: width 0.3s ease; }
 .question-text { font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; }
 .options label { display: flex; border: 1px solid #ddd; padding: 12px; border-radius: 6px; margin-bottom: 10px; cursor: pointer; transition: all 0.2s ease;  color: #000000;}
 .options input[type="radio"] { margin-right: 10px; }
 .options label.correct { border-color: #22c55e; background-color: #e7f8ee; }
 .options label.incorrect { border-color: #ef4444; background-color: #fde8e8; }
 .feedback { margin-top: 20px; padding: 12px; border-radius: 6px; font-weight: 500; }
 .feedback.correct { background: #e7f8ee; color: #15803d; border: 1px solid #22c55e; display:flex; }
 .feedback.incorrect { background: #fde8e8; color: #b91c1c; border: 1px solid #ef4444; display: flex;}
 .step3-atomic-quiz-user-choise-content span.small { font-weight: 300; color: inherit; font-size: 14px; }
 .explanation-box { margin-top: 20px; background: #f1f5f9; padding: 15px; border-left: 4px solid #3b82f6; border-radius: 6px; }
 .button-group { margin-top: 20px; display: flex; justify-content: flex-end; gap: 10px; }
 .results-summary { background: #f9fafb; padding: 24px; border-radius: 12px; }
 .results-summary h3 { margin-bottom: 10px; color: #000;}
 .question-review { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 20px; }
 .question-review p { margin: 6px 0; }
 .green { color: #22c55e; font-weight: 600; }
 .red { color: #ef4444; font-weight: 600; }
 .gray { color: #6b7280; }
 .answer-tag { color: #020817; font-size: 0.7rem; border-radius: 9999px; padding: 2px 8px; margin-left: 8px; display: inline-block; vertical-align: middle; border: 1px solid #ef4444; line-height: 18px; font-weight: 600; }
 .answer-icon { margin-left: 6px; vertical-align: middle; }
 .options label.incorrect .gamplify-automic-lbl-content, .options label.correct .gamplify-automic-lbl-content { display: flex; flex-direction: column; }
 span.answer-tag.correct-ans { background: #16a34a; color: #fff; border-color: transparent; line-height: 18px; }
 .step3-atomic-quiz-user-choise-content { display: flex; flex-direction: column; }
 span.gamplify-automic-quiz-label { font-size: 15px; font-weight: 300; color: inherit; line-height: 2.625; }
 span#summary-questions { background: #000125b3; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; }
 div#summary-subjects { background: #000125b3; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; line-height: 1.625; width: fit-content; }
 .summary-tags-inner { display: flex; gap: 5px; margin-bottom: 20px; flex-wrap:wrap; justify-content: center;}
 .gamplify-atomic-quiz-step3-summery .summary-section h4 { display: flex; gap: 10px; align-items: center; }
 .gamplify-atomic-quiz-step3-summery .summary-section span { display: flex; gap: 10px; align-items: center; }
 .gamplify-atomic-quiz-step3-summery div#timerDisplay { background: #4ecdc4; padding: 0px 30px; border-radius: 20px; color: #fff; font-weight: 500; font-size: 0.9rem;}

 .step3-atomic-quiz-step4 .gamplify-atomic-quiz-score-summary p {margin: 5px 0px;}
 .step3-atomic-quiz-step4 .gamplify-atomic-quiz-score-summary p span.dashicons {
     font-size: 27px;
     margin-right: 15px;
 }
.svg-hidden{display: none;}
 .step3-atomic-quiz-step4 span.dashicons.dashicons-yes-alt {     color: #22c55e; }
 .step3-atomic-quiz-step4 span.dashicons.dashicons-dismiss {     color: #ef4444; }
 .step3-atomic-quiz-step4 span.dashicons.dashicons-superhero {     color: #22c55e; }

 .gamplify-atomic-quiz-score-summary p {
    margin-bottom: 5px;
}

 .gamplify-atomic-quiz-score-summary span.dashicons {
    padding-top: 0px;
    font-size: 28px;
    margin-right: 15px;
}

.gamplify-atomic-quiz-score-summary span.dashicons-yes-alt {   color: green; }
.gamplify-atomic-quiz-score-summary span.dashicons-dismiss {   color: red; }
.gamplify-atomic-quiz-score-summary span.dashicons-superhero {   color: green; }