/* Questionnaire Popup Styles */

.questionnaire_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 114, 135, 0.9); z-index: 9999; display: block; padding: 20px; }
    .questionnaire_popup .popup {padding:40px 55px;box-sizing:border-box; }
    /*.questionnaire_popup .popup { background: #fff; border-radius: 10px; max-width: 900px; width: 100%; max-height: 90vh; overflow-y: auto; padding: 40px; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); }*/

 /*   .questionnaire_popup .close_popup { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; }

        .questionnaire_popup .close_popup img { width: 100%; height: 100%; }*/

    .questionnaire_popup .popup_header { text-align: center; margin-bottom: 30px; }

        .questionnaire_popup .popup_header h2 { font-size: 2em; color: #2A2A2A; font-weight: bold; }

    /* Steps Progress Bar */
    .questionnaire_popup .steps { margin-bottom: 40px; }

        .questionnaire_popup .steps ul { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0; position: relative;gap:9px;margin:0 auto;width:100%;max-width:900px; }


        .questionnaire_popup .steps li { flex: 1; position: relative; text-align: center; z-index: 1; }

            .questionnaire_popup .steps li .step_width { width: 100%; height: 8px; border-radius: 4px; background: #DAF5F8; margin: 0 auto 10px; position: relative; }

            .questionnaire_popup .steps li.active .step_width { background: #1E8DA0; }

            .questionnaire_popup .steps li .step_title { display: block; font-size:1.05em; color: #1E8DA0; }

            .questionnaire_popup .steps li.active .step_title { color: #1E8DA0;}

    /* Stage Management */
    .questionnaire_popup .stage { display: none; }

        .questionnaire_popup .stage.active { display: block; }

    .questionnaire_popup  .stage_main_form { width: 100%; max-width: 571px; margin: 0 auto; }
        .questionnaire_popup .stage_main_form .first { display:flex;gap:10px;}
        .questionnaire_popup .stage_main_form .first > li { }
.questionnaire_popup .button.button1 {width:100%;max-width:207px;margin:0 auto;}
/* Form Styles */
.questionnaire_popup form ul { list-style: none; padding: 0; margin: 0; }

    .questionnaire_popup form li { margin-bottom: 20px; }

    .questionnaire_popup .reg_input { margin-bottom: 15px; }

    /* Questions Styles */
    .questionnaire_popup .question { display: none;  }

        .questionnaire_popup .question.active { display: block; }

    .questionnaire_popup .question_title { font-size: 1.5em; font-weight: bold; color: #333; margin-bottom: 25px; text-align: center; }
        .questionnaire_popup .question_title .small_note { font-size:0.8em;}

    .questionnaire_popup .question_answer { margin-bottom: 25px; }

    .questionnaire_popup .answers_container { display: flex;  flex-wrap:wrap;justify-content:space-between;}

    .questionnaire_popup .answer_item {position:relative;min-height:100%; width:calc(50% - 10px); border: 1px solid #D6CBBA; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 15px;margin-bottom:20px; }

        .questionnaire_popup .answer_item:hover { border-color: #1E8DA0; background: #DAF5F8; }

        .questionnaire_popup .answer_item input[type="radio"],
        .questionnaire_popup .answer_item input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; accent-color: #1E8DA0;position:absolute;right:10px;top:50%;transform:translateY(-50%); margin:0;}

        .questionnaire_popup .answer_item label {display:flex; align-items:center; min-height: 100%; cursor: pointer; font-size: 16px; color: #333; flex: 1; margin: 0; padding: 40px 45px 40px 10px; box-sizing: border-box; }

        .questionnaire_popup .answer_item:has(input:checked) { border-color: #1E8DA0; background: #DAF5F8; }

    .questionnaire_popup .question_progress { text-align: center; font-size: 14px; color: #1E8DA0; margin-top: 20px; }

    /* Success Message */
    .questionnaire_popup .success_message { text-align: center; padding: 60px 20px; }

        .questionnaire_popup .success_message h3 { font-size: 28px; color: #1E8DA0; margin-bottom: 15px; }

        .questionnaire_popup .success_message p { font-size: 18px; color: #666; }

    /* Button Styles */
    .questionnaire_popup button:disabled { opacity: 0.5; cursor: not-allowed; }

    .questionnaire_popup .button { }

    .questionnaire_popup .question_buttons { display:flex; gap:10px;margin:0 auto;max-width:300px;width:100%; }
    .questionnaire_popup .question_buttons > * {flex:1 1 120px; }

/* Responsive */
@media (max-width: 768px) {
    .questionnaire_popup .popup { padding: 30px 20px; }

    .questionnaire_popup .popup_header h2 { font-size: 22px; }

    .questionnaire_popup .steps li .step_title { font-size: 12px; }

    .questionnaire_popup .question_title { font-size: 18px; }

    .questionnaire_popup .answer_item { width:100%; }

        .questionnaire_popup .answer_item label { font-size: 14px; padding:20px 40px 20px 10px;}

    .questionnaire_popup .stage_main_form .first {flex-wrap:wrap;gap:0; }
    .questionnaire_popup .stage_main_form .first > li {width:100%; }
}