/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2024 | 09:34:07 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.select2-container .select2-selection--single {
    height: 45px !important;
}

.select2-selection__rendered {
    line-height: 45px !important;
}

.qsm-quiz-container {
    background-image: url('https://thitimhieunq57.quangtri.gov.vn/wp-content/uploads/2025/03/background.png') !important; 
    background-size: cover;
    padding: 40px;
    border-radius: 3px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

.select2-container {
    width: 70% !important;
}

@media (max-width: 480px) {
    .qsm-quiz-container {
        padding: 10px;
    }

    .quiz_section input[type="email"],
    .select2-container,
    input[type="text"],
    .quiz_section input[type="number"] {
        width: 100% !important;
        padding: 10px !important;
    }

}

.quiz_section {
    width: 100% !important;
}

.quiz_section input {
    border: unset !important;
    background-color: #efefef !important;
    box-shadow: unset !important;

}

.quiz_section label {
    font-size: 1.2rem;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
        1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

.mlw_qmn_message_before {
    text-align: center;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
        1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

.qsm-question-wrapper {
    padding: 20px !important;
    margin: 10px 0px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.qmn_mc_answer_wrap {
    display: table !important;
    vertical-align: middle;
    width: 100%;
}

.qmn_results_page {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.quiz_section select,
.quiz_section textarea,
.quiz_section input[type="text"],
.quiz_section input[type="email"],
.quiz_section input[type="number"] {
    min-height: 45px !important;
}
@media (max-width: 768px) {

    .quiz_section select,
    .quiz_section textarea,
    .quiz_section input[type="text"] {
        padding: 10px !important;
    }
}