.quiz-questions-wrapper {
    margin-bottom: 50px;
}
.quiz-questions {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
}

.quiz-answer p {
    max-width: 744px;
    font-size: 16px;
    line-height: 30px;
    color: #434343;
    padding-bottom: 40px;
}

.mcq-options {
    padding: 30px;
    border-radius: 10px;
}

.radio-questions .form-check {
    border: 1px solid #e6e6e6;
    padding: 16px;
    border-radius: 10px;
}

.radio-questions > label {
    margin-bottom: 24px;
} 

.radio-questions ul li label {
    cursor: pointer;
    font-size: 18px;
    line-height: 34px;
}
.mcq-options .heading-four {
    font-weight: 600;
    margin-bottom: 24px;
}

.mcq-options li:last-child {
    margin-bottom: 0;
}

.textarea-conter {
    position: relative;
}

.textarea-conter .lead {
    position: absolute;
    padding-bottom: 0;
    right: 16px;
    bottom: 16px;
    font-size: 12px;
    line-height: 17px;
    color: #868686;
}

.textarea-conter textarea#charcount {
    border: 1px solid #cecccc;
}

.form-control:focus {
    box-shadow: none;
    border-color: #CECCCC;
}



/* *********************** */
/* Responsive Media Queris */
/* *********************** */

@media only screen and (max-width: 1499px){ 
    .quiz-questions {
        max-width: 648px;
    }
}

@media only screen and (max-width: 767px){ 

    .quiz-questions-wrapper {
        margin-bottom: 30px;
    }

    .radio-questions > label {
        font-size: 18px;
    }

    .radio-questions .form-check {
        padding: 10px;
    }

}

@media only screen and (max-width: 575px){ 
    .quiz-questions-wrapper {
        margin-bottom: 20px;
    }

    .quiz-questions-wrapper .quiz-questions {
        font-size: 20px;
    } 

    .lession-detail-wrapper .radio-questions > label {
        font-size: 16px;
    }

    .mcq-options {
        padding: 16px;
    }

    .mcq-options h5 {
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .radio-questions .form-check {
        padding: 10px;
    }

    .radio-questions ul li label {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 320px){

    .quiz-questions-wrapper .quiz-questions {
        font-size: 18px;
    }

    .lession-detail-wrapper .radio-questions > label {
        font-size: 14px;
    }

    .radio-questions .form-check {
        padding: 10px 5px;
        gap: 5px;
    }

    .radio-questions ul li label {
        font-size: 12px;
    }

}

@media only screen and (min-width: 1899px){

    /* Quiz Start*/

    .quiz-answer p {
        max-width: 100%;
    }

    
}