/* question answer response section new section added  */
.questionanswersection {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
 
.question-card-report {
    background: #fff;
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    margin: 16px 0;
}
 
/* Header */
.question-header-report {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
 
.q-number {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 17px;
}
 
.q-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
 
.score-box {
    background: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid #DEDEDE;
}
 
.right-answer {
    color: green;
    font-weight: bold;
}
.wrong-answer {
    color: #C10E0E;
    font-weight: bold;
}
 
.score-box .earned b {
    color: green;
}
.score-box .nagativeearned b {
    color: #C10E0E;
}
 
/* Body */
.question-body {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
 
/* Options */
.options {
    width: 60%;
}
 
.option {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
 
.option p {
    margin: 0;
}
 
.radio {
    width: 22px;
    height: 22px;
    border: 2px solid #bbb;
    border-radius: 6px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.checked {
    background: #6cc04a;
    color: #fff;
    border: none;
}
 
.correct p {
    color: #6cc04a;
    font-weight: 600;
}
 
/* Stats */
.answer-stats {
    width: 35%;
    text-align: right;
}
 
.stats-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}
 
.answer-stats ul {
    list-style: none;
    padding: 0;
}
 
.answer-stats li {
    margin-bottom: 12px;
    color: #000;
}
 
/* Explanation */
.explanation-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
 
.explanation-text {
    width: 70%;
}
 
.explanation-text h4 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    color:#000;
}
 
.explanation-img {
    width: 25%;
}
 
.explanation-img img {
    width: 100%;
    border-radius: 10px;
}
.optionlist label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}
.optionlist label.active{
    color: #83BF4F;
}
 
.optionlist .custom-checkbox:checked {
    border-color:#83BF4F;
    background-color: #83BF4F;
}
.optionlist  .custom-checkbox:disabled {
    background-color:transparent;
    border-color: #959595;
    cursor: not-allowed;
}
.optionlist .custom-checkbox:disabled::after {
    content: "";
    position: absolute;
    color: #fff;
    font-size: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.optionlist .wrong .custom-checkbox:checked {
    border-color:#C10E0E;
    background-color: #C10E0E;
}
 
.optionlist .wrong .custom-checkbox:checked::after {
    content: "✖";
    position: absolute;
    color: #fff;
    font-size: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: none !important;
    width: auto;
    height: auto;
}
 
 
.earned{
    color: #5C5C5C;
    font-weight: 700;
    font-size: 15px;
}
 
.optionlist .rightanswer .custom-checkbox:disabled {
    background-color:#007CFF;
    border-color: #007CFF;
    cursor: not-allowed;
}
.optionlist .rightanswer .custom-checkbox:disabled::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
 
/* question answer response section new section added  */