{"id":1035,"date":"2025-10-11T13:16:01","date_gmt":"2025-10-11T13:16:01","guid":{"rendered":"https:\/\/eagleinstitute.in\/?page_id=1035"},"modified":"2025-10-12T16:07:34","modified_gmt":"2025-10-12T16:07:34","slug":"exam-level-2","status":"publish","type":"page","link":"https:\/\/eagleinstitute.in\/index.php\/exam-level-2\/","title":{"rendered":"EXAM : Level 2"},"content":{"rendered":"\n<!-- Eagle Safety Institute Exam - Embeddable Version -->\n<div id=\"eagle-safety-exam\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    <style>\n        #eagle-safety-exam {\n            box-sizing: border-box;\n        }\n        #eagle-safety-exam * {\n            box-sizing: border-box;\n        }\n        #eagle-safety-exam .question-card {\n            transition: all 0.3s ease;\n        }\n        #eagle-safety-exam .option-selected {\n            background-color: #3b82f6;\n            color: white;\n            transform: scale(1.02);\n        }\n        #eagle-safety-exam .option-hover:hover {\n            background-color: #e5e7eb;\n            transform: translateX(4px);\n        }\n        #eagle-safety-exam .chapter-header {\n            background: linear-gradient(135deg, #8b5a2b 0%, #d4af37 100%);\n        }\n        #eagle-safety-exam .eagle-gradient {\n            background: linear-gradient(135deg, #8b5a2b 0%, #d4af37 100%);\n        }\n        #eagle-safety-exam .eagle-logo {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, #8b5a2b 0%, #d4af37 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: white;\n            font-weight: bold;\n        }\n        #eagle-safety-exam .timer-normal {\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n            color: white;\n        }\n        #eagle-safety-exam .timer-warning {\n            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\n            color: white;\n            animation: eagle-pulse 1s infinite;\n        }\n        @keyframes eagle-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n        \n        \/* Utility Classes *\/\n        #eagle-safety-exam .bg-gray-50 { background-color: #f9fafb; }\n        #eagle-safety-exam .bg-white { background-color: white; }\n        #eagle-safety-exam .bg-blue-100 { background-color: #dbeafe; }\n        #eagle-safety-exam .bg-green-100 { background-color: #dcfce7; }\n        #eagle-safety-exam .bg-red-100 { background-color: #fee2e2; }\n        #eagle-safety-exam .text-gray-800 { color: #1f2937; }\n        #eagle-safety-exam .text-gray-600 { color: #4b5563; }\n        #eagle-safety-exam .text-gray-700 { color: #374151; }\n        #eagle-safety-exam .text-blue-800 { color: #1e40af; }\n        #eagle-safety-exam .text-green-600 { color: #16a34a; }\n        #eagle-safety-exam .text-red-600 { color: #dc2626; }\n        #eagle-safety-exam .text-yellow-600 { color: #ca8a04; }\n        #eagle-safety-exam .text-white { color: white; }\n        #eagle-safety-exam .border-blue-500 { border-color: #3b82f6; }\n        #eagle-safety-exam .border-green-500 { border-color: #22c55e; }\n        #eagle-safety-exam .border-red-500 { border-color: #ef4444; }\n        #eagle-safety-exam .border-orange-500 { border-color: #f97316; }\n        #eagle-safety-exam .border-purple-500 { border-color: #a855f7; }\n        #eagle-safety-exam .border-gray-300 { border-color: #d1d5db; }\n        #eagle-safety-exam .rounded-lg { border-radius: 0.5rem; }\n        #eagle-safety-exam .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }\n        #eagle-safety-exam .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n        #eagle-safety-exam .p-4 { padding: 1rem; }\n        #eagle-safety-exam .p-6 { padding: 1.5rem; }\n        #eagle-safety-exam .p-8 { padding: 2rem; }\n        #eagle-safety-exam .px-4 { padding-left: 1rem; padding-right: 1rem; }\n        #eagle-safety-exam .px-8 { padding-left: 2rem; padding-right: 2rem; }\n        #eagle-safety-exam .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n        #eagle-safety-exam .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n        #eagle-safety-exam .py-8 { padding-top: 2rem; padding-bottom: 2rem; }\n        #eagle-safety-exam .m-4 { margin: 1rem; }\n        #eagle-safety-exam .mb-2 { margin-bottom: 0.5rem; }\n        #eagle-safety-exam .mb-4 { margin-bottom: 1rem; }\n        #eagle-safety-exam .mb-6 { margin-bottom: 1.5rem; }\n        #eagle-safety-exam .mb-8 { margin-bottom: 2rem; }\n        #eagle-safety-exam .mr-3 { margin-right: 0.75rem; }\n        #eagle-safety-exam .mr-4 { margin-right: 1rem; }\n        #eagle-safety-exam .mt-1 { margin-top: 0.25rem; }\n        #eagle-safety-exam .mt-4 { margin-top: 1rem; }\n        #eagle-safety-exam .mt-6 { margin-top: 1.5rem; }\n        #eagle-safety-exam .mt-8 { margin-top: 2rem; }\n        #eagle-safety-exam .mx-auto { margin-left: auto; margin-right: auto; }\n        #eagle-safety-exam .w-4 { width: 1rem; }\n        #eagle-safety-exam .w-full { width: 100%; }\n        #eagle-safety-exam .h-4 { height: 1rem; }\n        #eagle-safety-exam .max-w-2xl { max-width: 42rem; }\n        #eagle-safety-exam .max-w-4xl { max-width: 56rem; }\n        #eagle-safety-exam .text-xs { font-size: 0.75rem; line-height: 1rem; }\n        #eagle-safety-exam .text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n        #eagle-safety-exam .text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n        #eagle-safety-exam .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n        #eagle-safety-exam .text-2xl { font-size: 1.5rem; line-height: 2rem; }\n        #eagle-safety-exam .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n        #eagle-safety-exam .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n        #eagle-safety-exam .font-medium { font-weight: 500; }\n        #eagle-safety-exam .font-semibold { font-weight: 600; }\n        #eagle-safety-exam .font-bold { font-weight: 700; }\n        #eagle-safety-exam .text-center { text-align: center; }\n        #eagle-safety-exam .flex { display: flex; }\n        #eagle-safety-exam .justify-center { justify-content: center; }\n        #eagle-safety-exam .justify-between { justify-content: space-between; }\n        #eagle-safety-exam .items-center { align-items: center; }\n        #eagle-safety-exam .space-y-2 > * + * { margin-top: 0.5rem; }\n        #eagle-safety-exam .space-y-3 > * + * { margin-top: 0.75rem; }\n        #eagle-safety-exam .space-y-4 > * + * { margin-top: 1rem; }\n        #eagle-safety-exam .border-2 { border-width: 2px; }\n        #eagle-safety-exam .border-l-4 { border-left-width: 4px; }\n        #eagle-safety-exam .cursor-pointer { cursor: pointer; }\n        #eagle-safety-exam .hidden { display: none !important; }\n        #eagle-safety-exam .show { display: block !important; }\n        #eagle-safety-exam .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n        #eagle-safety-exam .duration-200 { transition-duration: 200ms; }\n        #eagle-safety-exam .duration-300 { transition-duration: 300ms; }\n        #eagle-safety-exam .hover\\\\:opacity-90:hover { opacity: 0.9; }\n        #eagle-safety-exam .hover\\\\:scale-105:hover { transform: scale(1.05); }\n        #eagle-safety-exam .focus\\\\:border-blue-500:focus { border-color: #3b82f6; }\n        #eagle-safety-exam .focus\\\\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }\n        #eagle-safety-exam input, #eagle-safety-exam button { font-family: inherit; }\n        #eagle-safety-exam .exam-container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }\n    <\/style>\n    \n    <!-- Student Name Form -->\n    <div id=\"nameForm\" class=\"mx-auto px-4 py-8 bg-gray-50\" style=\"min-height: 100%; padding: 2rem 1rem; max-width: 42rem; width: 100%;\">\n        <div class=\"text-center mb-8\">\n            <div class=\"flex justify-center items-center mb-4\">\n                <div class=\"eagle-logo mr-4\">\ud83e\udd85<\/div>\n                <div>\n                    <h1 class=\"text-4xl font-bold text-gray-800\">Eagle Safety Institute<\/h1>\n                    <p class=\"text-xl text-gray-600\">Comprehensive Safety Examination<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"bg-white p-8 rounded-lg shadow-lg\">\n            <h2 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">Student Information<\/h2>\n            <div class=\"space-y-4\">\n                <div>\n                    <label for=\"studentName\" class=\"block text-lg font-medium text-gray-700 mb-2\">Enter Your Full Name:<\/label>\n                    <input type=\"text\" id=\"studentName\" class=\"w-full p-4 border-2 border-gray-300 rounded-lg focus:border-blue-500 focus:outline-none text-lg\" placeholder=\"Enter your full name here...\" required>\n                <\/div>\n                <div class=\"text-center mt-6\">\n                    <button onclick=\"startExam()\" class=\"eagle-gradient text-white px-8 py-3 rounded-lg font-semibold text-lg hover:opacity-90 transition-all duration-300 transform hover:scale-105 shadow-lg\">\n                        Start Exam\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Exam Content -->\n    <div id=\"examContent\" class=\"mx-auto px-4 py-8 bg-gray-50\" style=\"min-height: 100%; padding: 2rem 1rem; max-width: 56rem; width: 100%; display: none;\">\n        <!-- Header -->\n        <div class=\"text-center mb-8\">\n            <div class=\"flex justify-center items-center mb-4\">\n                <div class=\"eagle-logo mr-4\">\ud83e\udd85<\/div>\n                <div>\n                    <h1 class=\"text-4xl font-bold text-gray-800\">Eagle Safety Institute<\/h1>\n                    <p class=\"text-xl text-gray-600\">Comprehensive Safety Examination<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"mt-4 p-4 bg-blue-100 rounded-lg\">\n                <div class=\"flex justify-between items-center mb-2\">\n                    <p class=\"text-blue-800 font-medium\">Student: <span id=\"displayName\" class=\"font-bold\"><\/span><\/p>\n                    <div id=\"timer\" class=\"timer-normal px-4 py-2 rounded-lg font-bold text-lg\">\n                        Time Remaining: <span id=\"timeDisplay\">20:00<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"text-blue-800 font-medium\">Instructions: Click on your chosen answer for each question. Selected answers will be highlighted. You have 20 minutes to complete the exam.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Fundamentals of Safety (5 questions) -->\n        <div class=\"mb-8\">\n            <div class=\"chapter-header text-white p-4 rounded-t-lg\">\n                <h2 class=\"text-2xl font-bold\">Chapter 1: Fundamentals of Safety (5 Questions)<\/h2>\n            <\/div>\n            \n            <div class=\"question-card bg-white p-6 border-l-4 border-blue-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">1. What is the primary objective of occupational safety and health programs?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q1')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) To comply with legal requirements only<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q1')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) To prevent workplace injuries, illnesses, and fatalities<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q1')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) To reduce insurance premiums<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q1')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) To improve company reputation<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-blue-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">2. According to Heinrich&#8217;s Safety Triangle, what is the ratio of near misses to serious injuries?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q2')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 30:1<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q2')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 300:1<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q2')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 600:1<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q2')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 1000:1<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-blue-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">3. What does PPE stand for in safety management?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q3')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Personal Protection Equipment<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q3')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Personal Protective Equipment<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q3')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Professional Protective Equipment<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q3')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Primary Protection Equipment<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-blue-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">4. Which hierarchy of controls is most effective in reducing workplace hazards?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q4')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Personal Protective Equipment<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q4')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Administrative Controls<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q4')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Engineering Controls<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q4')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Elimination<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-blue-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">5. What is a safety audit?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q5')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) A financial review of safety costs<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q5')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) A systematic evaluation of safety management systems<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q5')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) A legal requirement for all companies<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q5')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) A training program for employees<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Scaffolding (5 questions) -->\n        <div class=\"mb-8\">\n            <div class=\"chapter-header text-white p-4 rounded-t-lg\">\n                <h2 class=\"text-2xl font-bold\">Chapter 2: Scaffolding Safety (5 Questions)<\/h2>\n            <\/div>\n            \n            <div class=\"question-card bg-white p-6 border-l-4 border-green-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">6. What is the minimum width requirement for scaffold platforms?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q6')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 12 inches (30 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q6')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 18 inches (45 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q6')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 20 inches (50 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q6')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 24 inches (60 cm)<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-green-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">7. At what height must fall protection be provided for scaffold workers?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q7')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 4 feet (1.2 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q7')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 6 feet (1.8 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q7')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 10 feet (3 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q7')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 12 feet (3.6 m)<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-green-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">8. What is the maximum gap allowed between scaffold planks?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q8')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 1\/2 inch (1.3 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q8')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 1 inch (2.5 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q8')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 2 inches (5 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q8')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 3 inches (7.6 cm)<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-green-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">9. Who is qualified to inspect scaffolds before each work shift?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q9')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Any worker using the scaffold<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q9')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) A competent person<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q9')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) The site supervisor<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q9')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) The safety officer only<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-green-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">10. What is the standard height for scaffold guardrails?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q10')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 36 inches (91 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q10')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 39 inches (99 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q10')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 42 inches (107 cm)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q10')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 48 inches (122 cm)<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Fire Safety (5 questions) -->\n        <div class=\"mb-8\">\n            <div class=\"chapter-header text-white p-4 rounded-t-lg\">\n                <h2 class=\"text-2xl font-bold\">Chapter 3: Fire Safety (5 Questions)<\/h2>\n            <\/div>\n            \n            <div class=\"question-card bg-white p-6 border-l-4 border-red-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">11. What are the three elements of the fire triangle?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q11')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Heat, Fuel, and Water<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q11')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Heat, Fuel, and Oxygen<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q11')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Fuel, Oxygen, and Carbon Dioxide<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q11')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Heat, Oxygen, and Nitrogen<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-red-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">12. Which class of fire involves ordinary combustible materials like wood and paper?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q12')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Class A<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q12')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Class B<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q12')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Class C<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q12')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Class D<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-red-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">13. What does Class B fire involve?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q13')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Ordinary combustible materials<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q13')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Flammable liquids and gases<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q13')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Electrical equipment<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q13')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Combustible metals<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-red-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">14. What is the most common cause of workplace fires?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q14')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Electrical faults<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q14')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Hot work operations<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q14')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Smoking materials<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q14')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Chemical reactions<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-red-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">15. What is the recommended evacuation time for most buildings?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q15')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 1 minute<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q15')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 2.5 minutes<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q15')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 5 minutes<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q15')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 10 minutes<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Fire Extinguisher (5 questions) -->\n        <div class=\"mb-8\">\n            <div class=\"chapter-header text-white p-4 rounded-t-lg\">\n                <h2 class=\"text-2xl font-bold\">Chapter 4: Fire Extinguisher (5 Questions)<\/h2>\n            <\/div>\n            \n            <div class=\"question-card bg-white p-6 border-l-4 border-orange-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">16. What does the acronym PASS stand for in fire extinguisher operation?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q16')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Point, Activate, Spray, Stop<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q16')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Pull, Aim, Squeeze, Sweep<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q16')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Prepare, Approach, Spray, Secure<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q16')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Position, Activate, Spray, Sweep<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-orange-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">17. Which type of fire extinguisher is suitable for electrical fires?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q17')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Water-based extinguisher<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q17')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Foam extinguisher<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q17')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) CO2 extinguisher<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q17')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Wet chemical extinguisher<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-orange-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">18. How often should fire extinguishers be inspected?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q18')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Weekly<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q18')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Monthly<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q18')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Quarterly<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q18')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Annually<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-orange-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">19. What is the maximum travel distance to reach a Class A fire extinguisher?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q19')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 50 feet (15 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q19')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 75 feet (23 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q19')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 100 feet (30 m)<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q19')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 150 feet (46 m)<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-orange-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">20. What should you do after successfully extinguishing a fire?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q20')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Leave immediately<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q20')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Watch for re-ignition<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q20')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Clean up the area<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q20')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Refill the extinguisher<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Confined Space (5 questions) -->\n        <div class=\"mb-8\">\n            <div class=\"chapter-header text-white p-4 rounded-t-lg\">\n                <h2 class=\"text-2xl font-bold\">Chapter 5: Confined Space (5 Questions)<\/h2>\n            <\/div>\n            \n            <div class=\"question-card bg-white p-6 border-l-4 border-purple-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">21. Which of the following is NOT a characteristic of a confined space?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q21')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Limited means of entry and exit<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q21')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Not designed for continuous occupancy<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q21')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Large enough for a person to enter<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q21')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Always well-ventilated<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-purple-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">22. What is the minimum oxygen level required for safe entry into a confined space?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q22')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 16%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q22')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 18%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q22')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 19.5%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q22')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 21%<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-purple-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">23. What is the maximum oxygen level considered safe for confined space entry?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q23')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) 21%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q23')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) 22%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q23')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) 23.5%<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q23')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) 25%<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-purple-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">24. What does LEL stand for in confined space safety?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q24')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Lower Explosion Limit<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q24')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Lower Emergency Level<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q24')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Limited Entry Level<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q24')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Lower Exposure Limit<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question-card bg-white p-6 border-l-4 border-purple-500 mb-4\">\n                <h3 class=\"text-lg font-semibold mb-4\">25. Who must be present outside a permit-required confined space during entry operations?<\/h3>\n                <div class=\"space-y-3\">\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q25')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>A) Safety officer<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q25')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>B) Attendant<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q25')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>C) Supervisor<\/span>\n                    <\/label>\n                    <label class=\"flex items-center p-3 rounded-lg cursor-pointer option-hover transition-all duration-200\" onclick=\"selectOption(this, 'q25')\">\n                        <input type=\"checkbox\" class=\"mr-3 w-4 h-4\" onchange=\"handleSelection(this)\">\n                        <span>D) Emergency responder<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Submit Button -->\n        <div class=\"text-center mt-8\">\n            <button onclick=\"showResults()\" class=\"eagle-gradient text-white px-8 py-3 rounded-lg font-semibold text-lg hover:opacity-90 transition-all duration-300 transform hover:scale-105 shadow-lg\">\n                Submit Exam\n            <\/button>\n        <\/div>\n\n        <!-- Results Section -->\n        <div id=\"results\" class=\"mt-8 p-6 bg-white rounded-lg shadow-lg\" style=\"display: none;\">\n            <div class=\"text-center mb-6\">\n                <div class=\"eagle-logo mx-auto mb-4\">\ud83e\udd85<\/div>\n                <h3 class=\"text-3xl font-bold text-gray-800\">Eagle Safety Institute<\/h3>\n                <p class=\"text-lg text-gray-600\">Exam Results<\/p>\n            <\/div>\n            <div id=\"studentResult\" class=\"text-center text-xl font-semibold mb-4\"><\/div>\n            <div id=\"score\" class=\"text-center text-xl font-semibold mb-4\"><\/div>\n            <div id=\"answers\" class=\"space-y-2\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let studentName = '';\n        let timeRemaining = 1200; \/\/ 20 minutes in seconds\n        let timerInterval;\n        let examSubmitted = false;\n\n        \/\/ Correct answers\n        const correctAnswers = {\n            'q1': 'B) To prevent workplace injuries, illnesses, and fatalities',\n            'q2': 'B) 300:1',\n            'q3': 'B) Personal Protective Equipment',\n            'q4': 'D) Elimination',\n            'q5': 'B) A systematic evaluation of safety management systems',\n            'q6': 'B) 18 inches (45 cm)',\n            'q7': 'C) 10 feet (3 m)',\n            'q8': 'B) 1 inch (2.5 cm)',\n            'q9': 'B) A competent person',\n            'q10': 'C) 42 inches (107 cm)',\n            'q11': 'B) Heat, Fuel, and Oxygen',\n            'q12': 'A) Class A',\n            'q13': 'B) Flammable liquids and gases',\n            'q14': 'A) Electrical faults',\n            'q15': 'B) 2.5 minutes',\n            'q16': 'B) Pull, Aim, Squeeze, Sweep',\n            'q17': 'C) CO2 extinguisher',\n            'q18': 'B) Monthly',\n            'q19': 'B) 75 feet (23 m)',\n            'q20': 'B) Watch for re-ignition',\n            'q21': 'D) Always well-ventilated',\n            'q22': 'C) 19.5%',\n            'q23': 'C) 23.5%',\n            'q24': 'A) Lower Explosion Limit',\n            'q25': 'B) Attendant'\n        };\n\n        function startExam() {\n            const nameInput = document.getElementById('studentName');\n            if (nameInput.value.trim() === '') {\n                alert('Please enter your name before starting the exam.');\n                return;\n            }\n            \n            studentName = nameInput.value.trim();\n            document.getElementById('displayName').textContent = studentName;\n            document.getElementById('nameForm').style.display = 'none';\n            document.getElementById('examContent').style.display = 'block';\n            \n            \/\/ Start the timer\n            startTimer();\n        }\n\n        function startTimer() {\n            timerInterval = setInterval(function() {\n                if (examSubmitted) {\n                    clearInterval(timerInterval);\n                    return;\n                }\n                \n                timeRemaining--;\n                updateTimerDisplay();\n                \n                \/\/ Warning for last 60 seconds\n                if (timeRemaining <= 60 &#038;&#038; timeRemaining > 0) {\n                    document.getElementById('timer').className = 'timer-warning px-4 py-2 rounded-lg font-bold text-lg';\n                }\n                \n                \/\/ Auto-submit when time is up\n                if (timeRemaining <= 0) {\n                    clearInterval(timerInterval);\n                    alert('Time is up! The exam will be automatically submitted.');\n                    showResults();\n                }\n            }, 1000);\n        }\n\n        function updateTimerDisplay() {\n            const minutes = Math.floor(timeRemaining \/ 60);\n            const seconds = timeRemaining % 60;\n            const display = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n            document.getElementById('timeDisplay').textContent = display;\n        }\n\n        function selectOption(label, questionId) {\n            \/\/ Remove selection from other options in the same question\n            const questionContainer = label.closest('.question-card');\n            const allLabels = questionContainer.querySelectorAll('label');\n            \n            allLabels.forEach(l => {\n                l.classList.remove('option-selected');\n                const checkbox = l.querySelector('input[type=\"checkbox\"]');\n                checkbox.checked = false;\n            });\n            \n            \/\/ Select current option\n            label.classList.add('option-selected');\n            const checkbox = label.querySelector('input[type=\"checkbox\"]');\n            checkbox.checked = true;\n        }\n\n        function handleSelection(checkbox) {\n            \/\/ This function is called by the checkbox onchange event\n            \/\/ The actual selection is handled by selectOption function\n        }\n\n        function showResults() {\n            if (examSubmitted) {\n                return; \/\/ Prevent double submission\n            }\n            \n            examSubmitted = true;\n            clearInterval(timerInterval);\n            \n            const results = {};\n            let score = 0;\n            \n            \/\/ Collect answers\n            for (let i = 1; i <= 25; i++) {\n                const questionId = `q${i}`;\n                \n                \/\/ Find all question containers and locate the one for this specific question\n                const allQuestionContainers = document.querySelectorAll('.question-card');\n                let questionContainer = null;\n                \n                for (let container of allQuestionContainers) {\n                    const labels = container.querySelectorAll('label');\n                    for (let label of labels) {\n                        if (label.getAttribute('onclick') &#038;&#038; label.getAttribute('onclick').includes(questionId)) {\n                            questionContainer = container;\n                            break;\n                        }\n                    }\n                    if (questionContainer) break;\n                }\n                \n                if (questionContainer) {\n                    const selectedLabel = questionContainer.querySelector('label.option-selected');\n                    \n                    if (selectedLabel) {\n                        const selectedText = selectedLabel.querySelector('span').textContent;\n                        results[questionId] = selectedText;\n                        \n                        if (selectedText === correctAnswers[questionId]) {\n                            score++;\n                        }\n                    } else {\n                        results[questionId] = 'Not answered';\n                    }\n                }\n            }\n            \n            \/\/ Display results\n            const resultsDiv = document.getElementById('results');\n            const studentResultDiv = document.getElementById('studentResult');\n            const scoreDiv = document.getElementById('score');\n            const answersDiv = document.getElementById('answers');\n            \n            const percentage = (score \/ 25) * 100;\n            let gradeColor = 'text-red-600';\n            let grade = 'Needs Improvement';\n            \n            if (percentage >= 80) {\n                gradeColor = 'text-green-600';\n                grade = 'Excellent';\n            } else if (percentage >= 70) {\n                gradeColor = 'text-blue-600';\n                grade = 'Good';\n            } else if (percentage >= 60) {\n                gradeColor = 'text-yellow-600';\n                grade = 'Fair';\n            }\n            \n            const timeUsed = 1200 - timeRemaining;\n            const minutesUsed = Math.floor(timeUsed \/ 60);\n            const secondsUsed = timeUsed % 60;\n            const timeUsedDisplay = `${minutesUsed}:${secondsUsed.toString().padStart(2, '0')}`;\n            \n            studentResultDiv.innerHTML = `\n                <div class=\"text-gray-800\">\n                    <strong>Student:<\/strong> ${studentName}<br>\n                    <strong>Time Used:<\/strong> ${timeUsedDisplay} \/ 20:00\n                <\/div>\n            `;\n            \n            scoreDiv.innerHTML = `\n                <div class=\"${gradeColor}\">\n                    Score: ${score}\/25 (${percentage.toFixed(1)}%) - ${grade}\n                <\/div>\n            `;\n            \n            \/\/ Show detailed answers\n            let answersHTML = '<h4 class=\"font-bold mb-4 text-lg\">Detailed Answer Review:<\/h4>';\n            for (let i = 1; i <= 25; i++) {\n                const questionId = `q${i}`;\n                const userAnswer = results[questionId];\n                const correctAnswer = correctAnswers[questionId];\n                const isCorrect = userAnswer === correctAnswer;\n                \n                answersHTML += `\n                    <div class=\"p-3 rounded-lg ${isCorrect ? 'bg-green-100 border-l-4 border-green-500' : 'bg-red-100 border-l-4 border-red-500'} mb-2\">\n                        <div class=\"font-semibold text-gray-800\">Question ${i}:<\/div>\n                        <div class=\"text-sm text-gray-700 mt-1\">Your answer: <span class=\"font-medium\">${userAnswer}<\/span><\/div>\n                        <div class=\"text-sm text-gray-700\">Correct answer: <span class=\"font-medium\">${correctAnswer}<\/span><\/div>\n                        <div class=\"text-xs mt-1 ${isCorrect ? 'text-green-600' : 'text-red-600'} font-semibold\">\n                            ${isCorrect ? '\u2713 Correct' : '\u2717 Incorrect'}\n                        <\/div>\n                    <\/div>\n                `;\n            }\n            \n            answersDiv.innerHTML = answersHTML;\n            resultsDiv.style.display = 'block';\n            \n            \/\/ Scroll to results\n            resultsDiv.scrollIntoView({ behavior: 'smooth' });\n        }\n    <\/script>\n<\/div>\n<!-- End Eagle Safety Institute Exam -->\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udd85 Eagle Safety Institute Comprehensive Safety Examination Student Information Enter Your Full Name: Start Exam \ud83e\udd85 Eagle Safety Institute Comprehensive Safety Examination Student: Time Remaining: 20:00 Instructions: Click on your chosen answer for each question. Selected answers will be highlighted. You have 20 minutes to complete the exam. Chapter 1: Fundamentals of Safety (5 Questions)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1035","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/pages\/1035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/comments?post=1035"}],"version-history":[{"count":4,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/pages\/1035\/revisions"}],"predecessor-version":[{"id":1040,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/pages\/1035\/revisions\/1040"}],"wp:attachment":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/media?parent=1035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}