/* Epic Advanced Quiz v1.0 */
.invalid_prompt { background-color: #dbdbdb; padding: 8px 20px; border-radius: 5px; border: 1px solid #fff; }

/*Quiz CSS*/
#quiz-container { max-width: 600px; margin: auto; font-family: Arial, sans-serif; }
.quiz-question { margin-bottom: 15px; }
.qusText { font-family: "Nergisha Font", Sans-serif; font-size: 32px; font-weight: normal; color: #F6EFE8; text-align: center; margin-bottom: 25px; line-height: 1.1em; }
.quiz-navigation { margin-top: 30px; text-align: center; }
input[type="checkbox"] { appearance: none; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #454547; position: relative; cursor: pointer; transition: all 0.2s ease; margin: 0 3px -2px 0; box-shadow: inset 0 0px 0px 2px rgb(0 0 0 / 9%); background-position: center; background-size: 0; }
input[type="checkbox"]:checked { background: url('/wp-content/uploads/2025/03/check.png') no-repeat; background-size: 8px; background-position: center; }
#quiz-form label { background: #F6EFE8; padding: 13px 15px; margin-bottom: 10px; font-family: 'HKGrotesk-SemiBold'; font-size: 18px; display: flex; cursor: pointer; transition: background 0.3s ease; gap: 6px; line-height: 1.2em; border-radius: 5px; min-width: 600px; }
label.active-label { color: white; background: linear-gradient(180deg, #76BCA2, #216975) !important; }
label.active-label input[type="checkbox"]:checked { background: url('/wp-content/uploads/2025/03/check-white.png') no-repeat; background-size: 8px; background-position: center; border: 1px solid #FFFFFF; box-shadow: inset 0 0px 0px 2px rgb(255 255 255 / 9%); }
.quiz-navigation button { cursor: pointer; margin: 0 5px; }
#next-btn:disabled { cursor: auto; }
#validation-message { position: relative; padding: 8px 15px; border: 1px solid transparent; color: #721C24; background-color: #F8D7DA; border-color: #F5C6CB; margin-top: 35px; font-family: "HKGrotesk-Regular", Sans-serif; font-size: 18px; }
#quiz-form-container ._form { background: transparent !important; margin: 0; padding: 0; max-width: 500px !important; width: 500px; }
#quiz-form-container ._form label._form-label { font-size: 15px; line-height: 1.4em; font-family: "HKGrotesk-SemiBold", Sans-serif; color: #F6EFE8; }
#quiz-form-container ._form ._field-wrapper { margin-bottom: 20px; }
#quiz-form-container ._form ._field-wrapper input { background: #F6EFE8; border: 1px solid #F6EFE8; border-radius: 5px; color: #000 !important; padding: 10px 10px; font-size: 16px; outline:none; font-family: "HKGrotesk-Regular", Sans-serif; }
._form ._form-branding { display: none !important; }
#quiz-form-container ._form ._submit { background-color: #80C7A8 !important; font-family: "HKGrotesk-SemiBold", Sans-serif !important; font-size: 20px; color: #000 !important; border: 1px solid #02010100 !important; border-radius: 50px 50px 50px 50px !important; padding: 15px 40px 15px 40px !important; }
#quiz-form-container ._form input[type="text"]._has_error, #quiz-form-container ._form textarea._has_error { border: #FFFFFF 1px solid; }
#quiz-form-container ._form ._field-wrapper input::placeholder { color: #000 !important; }
#quiz-form-container ._form ._button-wrapper { text-align: center; }
#quiz-form-container ._form ._form-thank-you { display: none !important; }
#quiz-form-container ._form ._form-content { display: block !important; }
#quiz-form-container ._form ._submit.processing::before, #quiz-form-container ._form ._submit.processing::after { display: none !important; }
#quiz-form-container ._form ._submit:disabled { cursor: auto !important; opacity: 1 !important; }
/* show hide text */
.form-text-show { display: none; }

/*EPIC Tooltip*/
.tooltip-container { position: relative; display: inline-block; cursor: pointer; margin-left: 10px; border-radius: 40px; width: 16px; height: 16px; }
.epic_note { color: #f5a511; }
.tooltip { visibility: hidden; width: 300px; background-color: #000; color: #fff; text-align: center; border-radius: 4px; padding: 12px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; transform: translateX(-20%); opacity: 0; transition: opacity 0.3s ease;  }
.tooltip-container:hover .tooltip {visibility: visible; opacity: 1; }
.tooltip_title { font-size: 1rem; margin-bottom: 0; }
.leave_badge { margin-left: 15px; color: #51eb14; font-size: 1rem; }
.tooltip ul { margin: 0; }

/*Media CSS*/
@media screen and (max-width:991px) {
    #quiz-form label { min-width: 100%; }
}
/*Small screen*/
@media screen and (max-width:767px) {
    .qusText { font-size: 25px; }
    #quiz-form label { font-size: 16px; }
    input[type="checkbox"] { width: 13px; height: 13px; }
    .quiz-navigation button { margin: 0 2px; }
    .quiz-navigation { margin-top: 20px; }
    input[type="checkbox"]:checked { background-size: 5px; }
    #quiz-form-container ._form ._error-inner { background-position: center center; font-size: 0; width: 30px; height: 30px; background-color: transparent; box-shadow: none; padding: 0; }
    #quiz-form-container ._form ._error-arrow { display: none; }
    #quiz-form-container ._form ._error._above { padding-bottom: 0; bottom: 6px; }
    #quiz-form-container ._form ._submit { font-size: 16px; padding: 10px 40px 10px 40px !important; margin-top: 0 !important; }
    #quiz-form-container ._form { max-width: 100% !important; }
}
/*Mobile*/
@media only screen and (max-width: 455px) {
}