{"id":1281,"date":"2026-02-01T09:14:28","date_gmt":"2026-02-01T09:14:28","guid":{"rendered":"https:\/\/eagleinstitute.in\/?p=1281"},"modified":"2026-02-01T09:14:28","modified_gmt":"2026-02-01T09:14:28","slug":"1281","status":"publish","type":"post","link":"https:\/\/eagleinstitute.in\/index.php\/2026\/02\/01\/1281\/","title":{"rendered":""},"content":{"rendered":"<p><!doctype html><br \/>\n<html lang=\"en\" class=\"h-full\"><br \/>\n <head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Fire Safety in the Workplace<\/title><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@300;400;600;700&amp;family=Inter:wght@300;400;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n    body {\n      box-sizing: border-box;\n    }<\/p>\n<p>    .font-heading {\n      font-family: 'Rajdhani', sans-serif;\n    }<\/p>\n<p>    .font-body {\n      font-family: 'Inter', sans-serif;\n    }<\/p>\n<p>    .fire-gradient {\n      background: linear-gradient(135deg, #FF4500 0%, #DC143C 50%, #8B0000 100%);\n    }<\/p>\n<p>    .timeline-vertical-line {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #FF6347 0%, #DC143C 50%, #8B0000 100%);\n      box-shadow: 0 0 20px rgba(255, 69, 0, 0.5);\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .timeline-vertical-line {\n        left: 30px;\n      }\n    }<\/p>\n<p>    .timeline-marker {\n      width: 24px;\n      height: 24px;\n      background: radial-gradient(circle, #FFD700 0%, #FF6347 100%);\n      border: 4px solid #8B0000;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 10;\n      box-shadow: 0 0 25px rgba(255, 69, 0, 0.7);\n      animation: pulse 2s infinite;\n    }<\/p>\n<p>    @keyframes pulse {\n      0%, 100% { box-shadow: 0 0 25px rgba(255, 69, 0, 0.7); }\n      50% { box-shadow: 0 0 40px rgba(255, 69, 0, 1); }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .timeline-marker {\n        left: 30px;\n      }\n    }<\/p>\n<p>    .safety-card {\n      background: linear-gradient(145deg, #FFFFFF 0%, #FFF8F0 100%);\n      border: 2px solid #FFE4B5;\n      border-radius: 20px;\n      box-shadow: 0 10px 40px rgba(220, 20, 60, 0.15);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .safety-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 60px rgba(220, 20, 60, 0.25);\n      border-color: #FF6347;\n    }<\/p>\n<p>    .danger-card {\n      border-left: 6px solid #DC143C;\n      background: linear-gradient(145deg, #FFF5F5 0%, #FFE4E4 100%);\n    }<\/p>\n<p>    .warning-card {\n      border-left: 6px solid #FF8C00;\n      background: linear-gradient(145deg, #FFFAF0 0%, #FFE4B5 100%);\n    }<\/p>\n<p>    .safe-card {\n      border-left: 6px solid #228B22;\n      background: linear-gradient(145deg, #F0FFF0 0%, #E0FFE0 100%);\n    }<\/p>\n<p>    .info-card {\n      border-left: 6px solid #4169E1;\n      background: linear-gradient(145deg, #F0F8FF 0%, #E0EFFF 100%);\n    }<\/p>\n<p>    .badge-danger {\n      background: linear-gradient(135deg, #DC143C 0%, #8B0000 100%);\n      color: white;\n      padding: 8px 24px;\n      border-radius: 30px;\n      font-weight: 700;\n      display: inline-block;\n      box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .badge-warning {\n      background: linear-gradient(135deg, #FF8C00 0%, #FF6347 100%);\n      color: white;\n      padding: 8px 24px;\n      border-radius: 30px;\n      font-weight: 700;\n      display: inline-block;\n      box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .badge-safe {\n      background: linear-gradient(135deg, #228B22 0%, #006400 100%);\n      color: white;\n      padding: 8px 24px;\n      border-radius: 30px;\n      font-weight: 700;\n      display: inline-block;\n      box-shadow: 0 4px 15px rgba(34, 139, 34, 0.4);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .badge-info {\n      background: linear-gradient(135deg, #4169E1 0%, #191970 100%);\n      color: white;\n      padding: 8px 24px;\n      border-radius: 30px;\n      font-weight: 700;\n      display: inline-block;\n      box-shadow: 0 4px 15px rgba(65, 105, 225, 0.4);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .icon-container {\n      background: linear-gradient(145deg, #FFE4B5 0%, #FFD700 100%);\n      border-radius: 16px;\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 140px;\n      box-shadow: inset 0 2px 10px rgba(139, 0, 0, 0.1);\n    }<\/p>\n<p>    .fade-slide {\n      animation: fadeSlideUp 0.8s ease-out forwards;\n      opacity: 0;\n    }<\/p>\n<p>    @keyframes fadeSlideUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    .flame-animation {\n      animation: flicker 1.5s infinite alternate;\n    }<\/p>\n<p>    @keyframes flicker {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.7; }\n    }<\/p>\n<p>    .hero-bg {\n      background: linear-gradient(135deg, #1a0000 0%, #4a0000 50%, #8B0000 100%);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .hero-bg::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(255, 69, 0, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(220, 20, 60, 0.15) 0%, transparent 50%);\n      animation: backgroundShift 10s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes backgroundShift {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.7; }\n    }<\/p>\n<p>    .checkmark {\n      display: inline-block;\n      width: 24px;\n      height: 24px;\n      background: #228B22;\n      border-radius: 50%;\n      color: white;\n      text-align: center;\n      line-height: 24px;\n      margin-right: 8px;\n      font-weight: bold;\n    }<\/p>\n<p>    .cross-mark {\n      display: inline-block;\n      width: 24px;\n      height: 24px;\n      background: #DC143C;\n      border-radius: 50%;\n      color: white;\n      text-align: center;\n      line-height: 24px;\n      margin-right: 8px;\n      font-weight: bold;\n    }<\/p>\n<p>    ul.fire-list {\n      list-style: none;\n      padding-left: 0;\n    }<\/p>\n<p>    ul.fire-list li {\n      padding-left: 35px;\n      position: relative;\n      margin-bottom: 12px;\n      line-height: 1.6;\n    }<\/p>\n<p>    ul.fire-list li::before {\n      content: '\ud83d\udd25';\n      position: absolute;\n      left: 0;\n      font-size: 20px;\n    }<\/p>\n<p>    ul.check-list {\n      list-style: none;\n      padding-left: 0;\n    }<\/p>\n<p>    ul.check-list li {\n      padding-left: 35px;\n      position: relative;\n      margin-bottom: 12px;\n      line-height: 1.6;\n    }<\/p>\n<p>    ul.check-list li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      width: 24px;\n      height: 24px;\n      background: #228B22;\n      color: white;\n      border-radius: 50%;\n      text-align: center;\n      line-height: 24px;\n      font-weight: bold;\n    }\n  <\/style>\n<style>@view-transition { navigation: auto; }<\/style>\n<p>  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script><br \/>\n <\/head><br \/>\n <body class=\"h-full font-body\"><\/p>\n<div id=\"app-wrapper\" class=\"w-full h-full overflow-auto bg-gradient-to-b from-orange-50 via-red-50 to-orange-50\"><!-- Hero Section --><\/p>\n<header class=\"hero-bg text-center py-20 px-4 relative\">\n<div class=\"max-w-5xl mx-auto relative z-10\"><!-- Fire Icon --><\/p>\n<div class=\"mb-8 flame-animation\">\n      <svg class=\"w-32 h-32 mx-auto\" viewbox=\"0 0 120 120\" fill=\"none\"><!-- Main flame --> <path d=\"M60 10 Q50 30 55 50 Q45 40 40 55 Q35 70 45 85 Q50 95 60 100 Q70 95 75 85 Q85 70 80 55 Q75 40 65 50 Q70 30 60 10 Z\" fill=\"url(#flameGradient)\" stroke=\"#8B0000\" stroke-width=\"2\" \/> <!-- Inner flame --> <path d=\"M60 25 Q55 40 58 55 Q52 50 50 60 Q48 70 55 80 Q58 85 60 88 Q62 85 65 80 Q72 70 70 60 Q68 50 62 55 Q65 40 60 25 Z\" fill=\"#FFD700\" opacity=\"0.8\" \/> <defs>\n        <lineargradient id=\"flameGradient\" x1=\"60\" y1=\"10\" x2=\"60\" y2=\"100\">\n         <stop offset=\"0%\" style=\"stop-color:#FFD700;stop-opacity:1\" \/>\n         <stop offset=\"50%\" style=\"stop-color:#FF6347;stop-opacity:1\" \/>\n         <stop offset=\"100%\" style=\"stop-color:#DC143C;stop-opacity:1\" \/>\n        <\/lineargradient>\n       <\/defs>\n      <\/svg>\n     <\/div>\n<h1 id=\"chapter-title\" class=\"font-heading text-5xl md:text-7xl font-bold text-white mb-4 tracking-tight\">Fire in the Workplace<\/h1>\n<p id=\"chapter-subtitle\" class=\"text-2xl md:text-3xl text-orange-200 font-light mb-4\">Safety Management &amp; Prevention Guide<\/p>\n<div class=\"inline-block bg-white\/10 backdrop-blur-sm px-6 py-3 rounded-full border border-white\/20\">\n<p class=\"text-orange-100 font-semibold\">\u26a0\ufe0f Essential Knowledge for Workplace Safety \u26a0\ufe0f<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- Timeline Section --><br \/>\n   <main class=\"max-w-7xl mx-auto px-4 py-20 relative\"><\/p>\n<div class=\"timeline-vertical-line\"><\/div>\n<p><!-- Section 1: Understanding Fire --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.1s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:ml-auto md:mr-8 ml-16 md:ml-auto\">\n<div class=\"safety-card info-card p-8\"><span class=\"badge-info mb-6\">Step 1<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Understanding Fire<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 140\" class=\"w-full max-w-sm\"><!-- Fire Triangle --> <polygon points=\"100,20 40,120 160,120\" fill=\"none\" stroke=\"#DC143C\" stroke-width=\"4\" \/> <!-- Heat (top) --> <circle cx=\"100\" cy=\"20\" r=\"25\" fill=\"#FF6347\" \/> <text x=\"100\" y=\"28\" text-anchor=\"middle\" font-size=\"28\" fill=\"white\">\n          \ud83d\udd25\n         <\/text> <text x=\"100\" y=\"65\" text-anchor=\"middle\" font-size=\"14\" fill=\"#DC143C\" font-weight=\"bold\">\n          HEAT\n         <\/text> <!-- Fuel (bottom left) --> <circle cx=\"40\" cy=\"120\" r=\"25\" fill=\"#8B4513\" \/> <text x=\"40\" y=\"128\" text-anchor=\"middle\" font-size=\"28\" fill=\"white\">\n          \ud83e\udeb5\n         <\/text> <text x=\"40\" y=\"95\" text-anchor=\"middle\" font-size=\"14\" fill=\"#8B4513\" font-weight=\"bold\">\n          FUEL\n         <\/text> <!-- Oxygen (bottom right) --> <circle cx=\"160\" cy=\"120\" r=\"25\" fill=\"#4169E1\" \/> <text x=\"160\" y=\"128\" text-anchor=\"middle\" font-size=\"28\" fill=\"white\">\n          \ud83d\udca8\n         <\/text> <text x=\"160\" y=\"95\" text-anchor=\"middle\" font-size=\"14\" fill=\"#4169E1\" font-weight=\"bold\">\n          OXYGEN\n         <\/text> <!-- Center fire icon --> <circle cx=\"100\" cy=\"73\" r=\"15\" fill=\"#FFD700\" \/> <text x=\"100\" y=\"81\" text-anchor=\"middle\" font-size=\"20\">\n          \ud83d\udd25\n         <\/text>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-800 mb-3\">The Fire Triangle<\/h3>\n<p class=\"text-gray-700 leading-relaxed mb-4\">Fire requires three elements to exist, known as the <strong>Fire Triangle<\/strong>. Remove any one element, and the fire cannot sustain itself.<\/p>\n<div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 mb-4\">\n<ul class=\"space-y-2 text-gray-800\">\n<li><strong class=\"text-red-600\">\ud83d\udd25 Heat:<\/strong> Energy source to ignite and maintain combustion (spark, flame, hot surface)<\/li>\n<li><strong class=\"text-amber-700\">\ud83e\udeb5 Fuel:<\/strong> Combustible material (wood, paper, gas, chemicals, fabrics)<\/li>\n<li><strong class=\"text-blue-600\">\ud83d\udca8 Oxygen:<\/strong> Air containing oxygen (minimum 16% concentration needed)<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-100 p-4 rounded-lg\">\n<p class=\"text-sm text-orange-900\"><strong>\ud83d\udca1 Key Insight:<\/strong> Fire prevention focuses on keeping these three elements separated. Fire suppression works by removing one or more elements.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 2: How Fire Catches --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.2s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:mr-auto md:ml-8 ml-16 md:mr-auto\">\n<div class=\"safety-card danger-card p-8\"><span class=\"badge-danger mb-6\">Step 2<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">How Fire Catches &amp; Spreads<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- Stages of fire --> <g><!-- Stage 1: Ignition -->\n          <circle cx=\"40\" cy=\"60\" r=\"15\" fill=\"#FFD700\" \/>\n          <text x=\"40\" y=\"67\" text-anchor=\"middle\" font-size=\"18\">\n           \u2728\n          <\/text>\n          <text x=\"40\" y=\"90\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Ignition\n          <\/text>\n          <line x1=\"55\" y1=\"60\" x2=\"75\" y2=\"60\" stroke=\"#DC143C\" stroke-width=\"2\" marker-end=\"url(#arrowhead)\" \/>\n         <\/g> <g><!-- Stage 2: Growth -->\n          <path d=\"M100 45 Q95 55 98 65 Q93 60 90 68 Q88 75 95 82 L105 82 Q112 75 110 68 Q107 60 102 65 Q105 55 100 45 Z\" fill=\"#FF6347\" \/>\n          <text x=\"100\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Growth\n          <\/text>\n          <line x1=\"115\" y1=\"60\" x2=\"135\" y2=\"60\" stroke=\"#DC143C\" stroke-width=\"2\" marker-end=\"url(#arrowhead)\" \/>\n         <\/g> <g><!-- Stage 3: Fully Developed -->\n          <path d=\"M150 35 Q145 48 148 60 Q140 52 135 62 Q130 72 140 85 Q145 92 160 92 Q175 92 180 85 Q190 72 185 62 Q180 52 172 60 Q175 48 170 35 Z\" fill=\"#DC143C\" \/>\n          <path d=\"M160 45 Q157 53 158 62 Q155 58 152 64 Q150 70 155 78 Q157 82 160 84 Q163 82 165 78 Q170 70 168 64 Q165 58 162 62 Q163 53 160 45 Z\" fill=\"#FFD700\" \/>\n          <text x=\"160\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Fully Developed\n          <\/text>\n         <\/g> <defs>\n          <marker id=\"arrowhead\" markerwidth=\"10\" markerheight=\"10\" refx=\"9\" refy=\"3\" orient=\"auto\">\n           <polygon points=\"0 0, 10 3, 0 6\" fill=\"#DC143C\" \/>\n          <\/marker>\n         <\/defs>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-800 mb-3\">Stages of Fire Development<\/h3>\n<ul class=\"fire-list text-gray-700 mb-6\">\n<li><strong>Incipient Stage:<\/strong> Initial ignition, small flames, limited heat, smoke begins to develop<\/li>\n<li><strong>Growth Stage:<\/strong> Fire intensifies, temperature rises rapidly, smoke production increases<\/li>\n<li><strong>Fully Developed:<\/strong> Maximum heat release, complete room involvement, flashover possible<\/li>\n<li><strong>Decay Stage:<\/strong> Fuel depletes, fire intensity decreases, risk of collapse increases<\/li>\n<\/ul>\n<h3 class=\"font-heading text-xl font-bold text-gray-800 mb-3\">Common Ignition Sources in Workplace<\/h3>\n<ul class=\"fire-list text-gray-700\">\n<li><strong>Electrical equipment:<\/strong> Faulty wiring, overloaded circuits, damaged cords<\/li>\n<li><strong>Smoking materials:<\/strong> Cigarettes, matches, lighters in non-designated areas<\/li>\n<li><strong>Hot work operations:<\/strong> Welding, cutting, grinding producing sparks<\/li>\n<li><strong>Heating equipment:<\/strong> Space heaters, ovens, furnaces, boilers<\/li>\n<li><strong>Chemical reactions:<\/strong> Spontaneous combustion, reactive materials mixing<\/li>\n<li><strong>Static electricity:<\/strong> Especially near flammable liquids and gases<\/li>\n<li><strong>Open flames:<\/strong> Bunsen burners, torches, candles<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 3: Fire Hazards --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.3s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:ml-auto md:mr-8 ml-16 md:ml-auto\">\n<div class=\"safety-card danger-card p-8\"><span class=\"badge-danger mb-6\">Step 3<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Fire Hazards in the Workplace<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- Warning sign with hazards --> <polygon points=\"100,10 30,110 170,110\" fill=\"#FFD700\" stroke=\"#DC143C\" stroke-width=\"4\" \/> <polygon points=\"100,25 45,100 155,100\" fill=\"#FFFF00\" \/> <text x=\"100\" y=\"70\" text-anchor=\"middle\" font-size=\"48\" fill=\"#DC143C\" font-weight=\"bold\">\n          !\n         <\/text> <text x=\"100\" y=\"120\" text-anchor=\"middle\" font-size=\"12\" fill=\"#333\" font-weight=\"bold\">\n          FIRE HAZARD\n         <\/text>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-red-700 mb-3\">\u26a0\ufe0f Major Fire Hazards<\/h3>\n<div class=\"space-y-4\">\n<div class=\"bg-red-50 p-4 rounded-lg border-l-4 border-red-600\">\n<h4 class=\"font-bold text-red-800 mb-2\">\ud83d\udd0c Electrical Hazards<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Overloaded power outlets and extension cords<\/li>\n<li>\u2022 Damaged or frayed electrical cords<\/li>\n<li>\u2022 Improper wiring and unauthorized modifications<\/li>\n<li>\u2022 Electrical equipment left running unattended<\/li>\n<li>\u2022 Poor maintenance of electrical systems<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-50 p-4 rounded-lg border-l-4 border-orange-600\">\n<h4 class=\"font-bold text-orange-800 mb-2\">\ud83e\uddea Flammable Materials<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Gasoline, solvents, and cleaning fluids<\/li>\n<li>\u2022 Chemicals stored improperly or near heat sources<\/li>\n<li>\u2022 Combustible dusts (wood, metal, grain)<\/li>\n<li>\u2022 Flammable gases (propane, acetylene, natural gas)<\/li>\n<li>\u2022 Oil-soaked rags and waste materials<\/li>\n<\/ul><\/div>\n<div class=\"bg-yellow-50 p-4 rounded-lg border-l-4 border-yellow-600\">\n<h4 class=\"font-bold text-yellow-800 mb-2\">\ud83d\udeac Human Factors<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Smoking in prohibited areas<\/li>\n<li>\u2022 Improper disposal of smoking materials<\/li>\n<li>\u2022 Careless hot work without proper permits<\/li>\n<li>\u2022 Blocked fire exits and emergency routes<\/li>\n<li>\u2022 Lack of awareness and training<\/li>\n<\/ul><\/div>\n<div class=\"bg-red-50 p-4 rounded-lg border-l-4 border-red-600\">\n<h4 class=\"font-bold text-red-800 mb-2\">\ud83c\udfed Equipment &amp; Machinery<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Overheating machinery and friction points<\/li>\n<li>\u2022 Poor maintenance of heating systems<\/li>\n<li>\u2022 Inadequate ventilation systems<\/li>\n<li>\u2022 Portable heaters placed near combustibles<\/li>\n<li>\u2022 Kitchen equipment and cooking appliances<\/li>\n<\/ul><\/div>\n<div class=\"bg-amber-50 p-4 rounded-lg border-l-4 border-amber-600\">\n<h4 class=\"font-bold text-amber-800 mb-2\">\ud83d\uddc4\ufe0f Storage Issues<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Clutter and excessive combustible materials<\/li>\n<li>\u2022 Improper storage blocking sprinklers or exits<\/li>\n<li>\u2022 Flammable liquids not in approved containers<\/li>\n<li>\u2022 Waste accumulation and poor housekeeping<\/li>\n<li>\u2022 Storage too close to ignition sources<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 4: Classes of Fire --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.4s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:mr-auto md:ml-8 ml-16 md:mr-auto\">\n<div class=\"safety-card info-card p-8\"><span class=\"badge-info mb-6\">Step 4<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Classes of Fire<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 240 120\" class=\"w-full max-w-lg\"><!-- Class A --> <g>\n          <circle cx=\"30\" cy=\"60\" r=\"22\" fill=\"#4169E1\" stroke=\"#191970\" stroke-width=\"2\" \/>\n          <text x=\"30\" y=\"68\" text-anchor=\"middle\" font-size=\"24\" fill=\"white\" font-weight=\"bold\">\n           A\n          <\/text>\n          <text x=\"30\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Ordinary\n          <\/text>\n          <text x=\"30\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Combustibles\n          <\/text>\n         <\/g> <!-- Class B --> <g>\n          <circle cx=\"80\" cy=\"60\" r=\"22\" fill=\"#DC143C\" stroke=\"#8B0000\" stroke-width=\"2\" \/>\n          <text x=\"80\" y=\"68\" text-anchor=\"middle\" font-size=\"24\" fill=\"white\" font-weight=\"bold\">\n           B\n          <\/text>\n          <text x=\"80\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Flammable\n          <\/text>\n          <text x=\"80\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Liquids\n          <\/text>\n         <\/g> <!-- Class C --> <g>\n          <circle cx=\"130\" cy=\"60\" r=\"22\" fill=\"#FFD700\" stroke=\"#FF8C00\" stroke-width=\"2\" \/>\n          <text x=\"130\" y=\"68\" text-anchor=\"middle\" font-size=\"24\" fill=\"#333\" font-weight=\"bold\">\n           C\n          <\/text>\n          <text x=\"130\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Electrical\n          <\/text>\n          <text x=\"130\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Equipment\n          <\/text>\n         <\/g> <!-- Class D --> <g>\n          <circle cx=\"180\" cy=\"60\" r=\"22\" fill=\"#C0C0C0\" stroke=\"#696969\" stroke-width=\"2\" \/>\n          <text x=\"180\" y=\"68\" text-anchor=\"middle\" font-size=\"24\" fill=\"#333\" font-weight=\"bold\">\n           D\n          <\/text>\n          <text x=\"180\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Combustible\n          <\/text>\n          <text x=\"180\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Metals\n          <\/text>\n         <\/g> <!-- Class K --> <g>\n          <circle cx=\"230\" cy=\"60\" r=\"22\" fill=\"#8B4513\" stroke=\"#654321\" stroke-width=\"2\" \/>\n          <text x=\"230\" y=\"68\" text-anchor=\"middle\" font-size=\"24\" fill=\"white\" font-weight=\"bold\">\n           K\n          <\/text>\n          <text x=\"230\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Kitchen\n          <\/text>\n          <text x=\"230\" y=\"105\" text-anchor=\"middle\" font-size=\"10\" fill=\"#333\">\n           Fires\n          <\/text>\n         <\/g>\n        <\/svg>\n       <\/div>\n<div class=\"space-y-4\">\n<div class=\"bg-blue-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-blue-800 mb-2\">\ud83d\udd35 Class A: Ordinary Combustibles<\/h4>\n<p class=\"text-sm text-gray-700 mb-2\"><strong>Materials:<\/strong> Wood, paper, cloth, rubber, plastics, trash<\/p>\n<p class=\"text-sm text-gray-700\"><strong>Extinguisher:<\/strong> Water, foam, dry chemical (multi-purpose)<\/p>\n<\/p><\/div>\n<div class=\"bg-red-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-red-800 mb-2\">\ud83d\udd34 Class B: Flammable Liquids &amp; Gases<\/h4>\n<p class=\"text-sm text-gray-700 mb-2\"><strong>Materials:<\/strong> Gasoline, oil, grease, paint, solvents, propane, natural gas<\/p>\n<p class=\"text-sm text-gray-700\"><strong>Extinguisher:<\/strong> CO\u2082, dry chemical, foam (NEVER use water)<\/p>\n<\/p><\/div>\n<div class=\"bg-yellow-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-yellow-800 mb-2\">\ud83d\udfe1 Class C: Electrical Equipment<\/h4>\n<p class=\"text-sm text-gray-700 mb-2\"><strong>Materials:<\/strong> Energized electrical equipment, wiring, circuit breakers, motors<\/p>\n<p class=\"text-sm text-gray-700\"><strong>Extinguisher:<\/strong> CO\u2082, dry chemical (non-conductive agents only)<\/p>\n<\/p><\/div>\n<div class=\"bg-gray-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-gray-800 mb-2\">\u26aa Class D: Combustible Metals<\/h4>\n<p class=\"text-sm text-gray-700 mb-2\"><strong>Materials:<\/strong> Magnesium, titanium, potassium, sodium, aluminum powder<\/p>\n<p class=\"text-sm text-gray-700\"><strong>Extinguisher:<\/strong> Dry powder agents (specific to metal type)<\/p>\n<\/p><\/div>\n<div class=\"bg-amber-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-amber-800 mb-2\">\ud83d\udfe4 Class K: Kitchen Fires<\/h4>\n<p class=\"text-sm text-gray-700 mb-2\"><strong>Materials:<\/strong> Cooking oils, animal fats, vegetable fats (high-temperature fires)<\/p>\n<p class=\"text-sm text-gray-700\"><strong>Extinguisher:<\/strong> Wet chemical extinguisher (saponification agents)<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 5: Fire Extinguishers --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.5s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:ml-auto md:mr-8 ml-16 md:ml-auto\">\n<div class=\"safety-card warning-card p-8\"><span class=\"badge-warning mb-6\">Step 5<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Fire Extinguishers<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 140\" class=\"w-full max-w-sm\"><!-- Fire extinguisher --> <rect x=\"80\" y=\"30\" width=\"40\" height=\"80\" fill=\"#DC143C\" stroke=\"#8B0000\" stroke-width=\"2\" rx=\"4\" \/> <rect x=\"85\" y=\"35\" width=\"30\" height=\"70\" fill=\"#FF6347\" \/> <circle cx=\"100\" cy=\"90\" r=\"15\" fill=\"#FFD700\" stroke=\"#8B0000\" stroke-width=\"2\" \/> <text x=\"100\" y=\"97\" text-anchor=\"middle\" font-size=\"20\" fill=\"#8B0000\" font-weight=\"bold\">\n          A\n         <\/text> <!-- Nozzle --> <rect x=\"98\" y=\"20\" width=\"4\" height=\"10\" fill=\"#696969\" \/> <rect x=\"90\" y=\"10\" width=\"20\" height=\"10\" fill=\"#696969\" rx=\"2\" \/> <line x1=\"100\" y1=\"10\" x2=\"130\" y2=\"5\" stroke=\"#696969\" stroke-width=\"3\" \/> <rect x=\"128\" y=\"3\" width=\"15\" height=\"4\" fill=\"#696969\" rx=\"1\" \/> <!-- Handle --> <rect x=\"95\" y=\"24\" width=\"10\" height=\"8\" fill=\"#FFD700\" stroke=\"#8B0000\" stroke-width=\"1\" \/> <!-- Pin --> <circle cx=\"95\" cy=\"28\" r=\"3\" fill=\"#FFFF00\" stroke=\"#8B0000\" stroke-width=\"1\" \/> <rect x=\"92\" y=\"25\" width=\"6\" height=\"2\" fill=\"#FFFF00\" \/> <!-- Pressure gauge --> <circle cx=\"100\" cy=\"50\" r=\"8\" fill=\"white\" stroke=\"#333\" stroke-width=\"1\" \/> <path d=\"M100 50 L100 43\" stroke=\"#228B22\" stroke-width=\"2\" \/> <!-- Label --> <rect x=\"85\" y=\"65\" width=\"30\" height=\"12\" fill=\"white\" rx=\"2\" \/> <text x=\"100\" y=\"73\" text-anchor=\"middle\" font-size=\"8\" fill=\"#333\" font-weight=\"bold\">\n          FIRE\n         <\/text> <!-- Spray effect --> <path d=\"M143 5 L160 0 M143 5 L165 5 M143 5 L162 10\" stroke=\"#87CEEB\" stroke-width=\"2\" opacity=\"0.6\" \/>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-800 mb-3\">Types of Fire Extinguishers<\/h3>\n<div class=\"space-y-4 mb-6\">\n<div class=\"bg-white p-4 rounded-lg border-2 border-blue-300\">\n<h4 class=\"font-bold text-blue-900 mb-2\">\ud83d\udca7 Water Extinguisher (Class A)<\/h4>\n<p class=\"text-sm text-gray-700\">For ordinary combustibles only. Cools the fire by removing heat.<\/p>\n<\/p><\/div>\n<div class=\"bg-white p-4 rounded-lg border-2 border-purple-300\">\n<h4 class=\"font-bold text-purple-900 mb-2\">\u2744\ufe0f CO\u2082 Extinguisher (Class B &amp; C)<\/h4>\n<p class=\"text-sm text-gray-700\">Displaces oxygen, safe for electrical fires. Leaves no residue.<\/p>\n<\/p><\/div>\n<div class=\"bg-white p-4 rounded-lg border-2 border-red-300\">\n<h4 class=\"font-bold text-red-900 mb-2\">\ud83d\udd34 Dry Chemical (ABC &#8211; Multi-Purpose)<\/h4>\n<p class=\"text-sm text-gray-700\">Most versatile. Works on Class A, B, and C fires. Interrupts chemical chain reaction.<\/p>\n<\/p><\/div>\n<div class=\"bg-white p-4 rounded-lg border-2 border-yellow-300\">\n<h4 class=\"font-bold text-yellow-900 mb-2\">\ud83d\udfe1 Wet Chemical (Class K)<\/h4>\n<p class=\"text-sm text-gray-700\">Specifically for kitchen fires. Creates a barrier on cooking oils.<\/p>\n<\/p><\/div>\n<div class=\"bg-white p-4 rounded-lg border-2 border-orange-300\">\n<h4 class=\"font-bold text-orange-900 mb-2\">\ud83d\udfe0 Foam Extinguisher (Class A &amp; B)<\/h4>\n<p class=\"text-sm text-gray-700\">Creates a blanket that seals the fire and prevents oxygen from reaching it.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-800 mb-3\">How to Use: PASS Method<\/h3>\n<div class=\"bg-gradient-to-r from-red-100 to-orange-100 p-6 rounded-xl border-2 border-red-400\">\n<div class=\"space-y-3\">\n<div class=\"flex items-start\"><span class=\"text-3xl mr-3\">\ud83d\udd3d<\/span><\/p>\n<div>\n<h4 class=\"font-bold text-red-900\">P &#8211; PULL the pin<\/h4>\n<p class=\"text-sm text-gray-700\">Break the tamper seal and pull the safety pin<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-start\"><span class=\"text-3xl mr-3\">\ud83c\udfaf<\/span><\/p>\n<div>\n<h4 class=\"font-bold text-red-900\">A &#8211; AIM low<\/h4>\n<p class=\"text-sm text-gray-700\">Point the nozzle at the base of the fire (not the flames)<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-start\"><span class=\"text-3xl mr-3\">\ud83d\udcaa<\/span><\/p>\n<div>\n<h4 class=\"font-bold text-red-900\">S &#8211; SQUEEZE the handle<\/h4>\n<p class=\"text-sm text-gray-700\">Squeeze the lever slowly and evenly to discharge<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-start\"><span class=\"text-3xl mr-3\">\u2194\ufe0f<\/span><\/p>\n<div>\n<h4 class=\"font-bold text-red-900\">S &#8211; SWEEP side to side<\/h4>\n<p class=\"text-sm text-gray-700\">Sweep from side to side at the base until fire is out<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-6 bg-red-100 border-l-4 border-red-600 p-4\">\n<p class=\"text-sm text-red-900\"><strong>\u26a0\ufe0f Important:<\/strong> Stand 6-10 feet away. Always have an escape route behind you. If fire reignites or doesn&#8217;t go out, evacuate immediately.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 6: Prevention Measures --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.6s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:mr-auto md:ml-8 ml-16 md:mr-auto\">\n<div class=\"safety-card safe-card p-8\"><span class=\"badge-safe mb-6\">Step 6<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Fire Prevention Measures<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- Shield with checkmark --> <path d=\"M100 10 L140 25 L140 60 Q140 90 100 110 Q60 90 60 60 L60 25 Z\" fill=\"#228B22\" stroke=\"#006400\" stroke-width=\"3\" \/> <path d=\"M100 15 L135 28 L135 60 Q135 87 100 105 Q65 87 65 60 L65 28 Z\" fill=\"#32CD32\" \/> <path d=\"M80 60 L95 75 L120 45\" stroke=\"white\" stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\" \/> <circle cx=\"100\" cy=\"60\" r=\"35\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" opacity=\"0.3\" \/>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-green-800 mb-4\">\u2705 Preventive Actions<\/h3>\n<div class=\"space-y-3\">\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\ud83c\udfe2 Housekeeping &amp; Organization<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Maintain clean, clutter-free work areas<\/li>\n<li>Properly dispose of waste materials daily<\/li>\n<li>Store flammable materials in approved containers<\/li>\n<li>Keep combustibles away from heat sources (minimum 3 feet)<\/li>\n<li>Ensure clear access to fire exits and equipment<\/li>\n<\/ul><\/div>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\u26a1 Electrical Safety<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Inspect cords and equipment regularly for damage<\/li>\n<li>Avoid overloading outlets and power strips<\/li>\n<li>Unplug equipment when not in use<\/li>\n<li>Keep electrical panels accessible (36&#8243; clearance)<\/li>\n<li>Use only approved, listed electrical equipment<\/li>\n<li>Schedule regular electrical system maintenance<\/li>\n<\/ul><\/div>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\ud83d\udd27 Equipment &amp; Machinery<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Follow manufacturer maintenance schedules<\/li>\n<li>Keep machinery clean and free of grease buildup<\/li>\n<li>Ensure proper ventilation for heat-producing equipment<\/li>\n<li>Never bypass safety features or controls<\/li>\n<li>Report unusual odors, sounds, or overheating immediately<\/li>\n<\/ul><\/div>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\ud83e\uddea Hazardous Materials<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Store chemicals in proper containers with labels<\/li>\n<li>Keep flammable liquids in approved safety cabinets<\/li>\n<li>Maintain proper ventilation in storage areas<\/li>\n<li>Never mix incompatible chemicals<\/li>\n<li>Dispose of oily rags in self-closing metal containers<\/li>\n<li>Keep MSDS\/SDS readily accessible<\/li>\n<\/ul><\/div>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\ud83d\udeac Smoking &amp; Open Flames<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Enforce designated smoking areas only<\/li>\n<li>Provide proper ash receptacles (sand-filled)<\/li>\n<li>Prohibit smoking near flammable materials<\/li>\n<li>Obtain hot work permits before welding\/cutting<\/li>\n<li>Have fire watch during and after hot work<\/li>\n<\/ul><\/div>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-green-900 mb-2\">\ud83d\udd14 Detection &amp; Suppression Systems<\/h4>\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Test smoke detectors monthly<\/li>\n<li>Inspect fire sprinklers quarterly (keep clear below)<\/li>\n<li>Check extinguishers monthly (pressure gauge in green)<\/li>\n<li>Schedule annual professional inspections<\/li>\n<li>Replace batteries in detectors annually<\/li>\n<li>Never paint over or obstruct sprinkler heads<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"mt-6 bg-green-100 border-l-4 border-green-600 p-4\">\n<p class=\"text-sm text-green-900\"><strong>\ud83d\udc9a Remember:<\/strong> Prevention is always better than firefighting. A few minutes of vigilance can save lives and property.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 7: Emergency Response --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.7s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:ml-auto md:mr-8 ml-16 md:ml-auto\">\n<div class=\"safety-card danger-card p-8\"><span class=\"badge-danger mb-6\">Step 7<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Emergency Response Procedures<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- Emergency exit sign --> <rect x=\"30\" y=\"30\" width=\"140\" height=\"70\" fill=\"#228B22\" rx=\"8\" \/> <rect x=\"40\" y=\"40\" width=\"120\" height=\"50\" fill=\"#32CD32\" rx=\"4\" \/> <!-- Running person --> <circle cx=\"75\" cy=\"55\" r=\"6\" fill=\"white\" \/> <line x1=\"75\" y1=\"61\" x2=\"75\" y2=\"75\" stroke=\"white\" stroke-width=\"3\" \/> <line x1=\"75\" y1=\"65\" x2=\"68\" y2=\"72\" stroke=\"white\" stroke-width=\"3\" \/> <line x1=\"75\" y1=\"65\" x2=\"82\" y2=\"72\" stroke=\"white\" stroke-width=\"3\" \/> <line x1=\"75\" y1=\"75\" x2=\"70\" y2=\"85\" stroke=\"white\" stroke-width=\"3\" \/> <line x1=\"75\" y1=\"75\" x2=\"80\" y2=\"85\" stroke=\"white\" stroke-width=\"3\" \/> <!-- Arrow --> <path d=\"M95 65 L130 65 L130 55 L145 70 L130 85 L130 75 L95 75 Z\" fill=\"white\" \/> <!-- EXIT text --> <text x=\"100\" y=\"105\" text-anchor=\"middle\" font-size=\"14\" fill=\"white\" font-weight=\"bold\">\n          EXIT\n         <\/text>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-red-800 mb-4\">\ud83d\udea8 RACE Protocol<\/h3>\n<div class=\"bg-gradient-to-r from-red-100 to-pink-100 p-6 rounded-xl border-2 border-red-400 mb-6\">\n<div class=\"space-y-4\">\n<div>\n<h4 class=\"font-bold text-red-900 text-lg mb-1\">R &#8211; RESCUE<\/h4>\n<p class=\"text-sm text-gray-700\">Remove anyone in immediate danger if safe to do so. Never risk your own life.<\/p>\n<\/p><\/div>\n<div>\n<h4 class=\"font-bold text-red-900 text-lg mb-1\">A &#8211; ALARM<\/h4>\n<p class=\"text-sm text-gray-700\">Activate the fire alarm immediately. Call emergency services (911). Alert others in the building.<\/p>\n<\/p><\/div>\n<div>\n<h4 class=\"font-bold text-red-900 text-lg mb-1\">C &#8211; CONFINE<\/h4>\n<p class=\"text-sm text-gray-700\">Close doors and windows to contain the fire and smoke. Do not lock doors.<\/p>\n<\/p><\/div>\n<div>\n<h4 class=\"font-bold text-red-900 text-lg mb-1\">E &#8211; EXTINGUISH \/ EVACUATE<\/h4>\n<p class=\"text-sm text-gray-700\">Use extinguisher only if fire is small and contained. Otherwise, evacuate immediately following marked routes.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h3 class=\"font-heading text-xl font-bold text-red-800 mb-3\">\ud83d\udeaa Evacuation Procedures<\/h3>\n<ul class=\"fire-list text-gray-700 mb-6\">\n<li><strong>Stay calm<\/strong> &#8211; Panic causes poor decisions<\/li>\n<li><strong>Use stairs only<\/strong> &#8211; Never use elevators during fire<\/li>\n<li><strong>Stay low<\/strong> &#8211; Crawl if necessary; smoke and heat rise<\/li>\n<li><strong>Feel doors before opening<\/strong> &#8211; Use back of hand; if hot, use alternate route<\/li>\n<li><strong>Close doors behind you<\/strong> &#8211; Slows fire spread<\/li>\n<li><strong>Know two exit routes<\/strong> &#8211; Primary and secondary escape paths<\/li>\n<li><strong>Go to assembly point<\/strong> &#8211; Allow headcount verification<\/li>\n<li><strong>Never go back inside<\/strong> &#8211; Wait for emergency responders<\/li>\n<li><strong>Assist others if safe<\/strong> &#8211; Help disabled or injured persons<\/li>\n<li><strong>Account for everyone<\/strong> &#8211; Report missing persons to fire department<\/li>\n<\/ul>\n<h3 class=\"font-heading text-xl font-bold text-red-800 mb-3\">\u2601\ufe0f If Trapped in Smoke<\/h3>\n<div class=\"bg-gray-100 p-4 rounded-lg mb-4\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Seal cracks around doors with wet towels or clothing<\/li>\n<li>Call 911 and give your exact location<\/li>\n<li>Signal from window (light-colored cloth, flashlight)<\/li>\n<li>Stay near window at floor level for fresh air<\/li>\n<li>Do not break windows unless absolutely necessary<\/li>\n<\/ul><\/div>\n<h3 class=\"font-heading text-xl font-bold text-red-800 mb-3\">\ud83d\udd25 Stop, Drop, and Roll<\/h3>\n<div class=\"bg-orange-100 p-4 rounded-lg\">\n<p class=\"text-sm text-gray-700 mb-2\">If your clothing catches fire:<\/p>\n<ul class=\"check-list text-sm text-gray-700\">\n<li><strong>STOP<\/strong> &#8211; Do not run; running fans flames<\/li>\n<li><strong>DROP<\/strong> &#8211; Drop to the ground immediately<\/li>\n<li><strong>ROLL<\/strong> &#8211; Roll back and forth to smother flames<\/li>\n<li><strong>COOL<\/strong> &#8211; Cool burns with water, seek medical help<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 8: Training & Drills --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.8s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:mr-auto md:ml-8 ml-16 md:mr-auto\">\n<div class=\"safety-card info-card p-8\"><span class=\"badge-info mb-6\">Step 8<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Training &amp; Fire Drills<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- People being trained --> <g>\n          <circle cx=\"60\" cy=\"40\" r=\"10\" fill=\"#4169E1\" \/>\n          <rect x=\"54\" y=\"50\" width=\"12\" height=\"20\" fill=\"#4169E1\" \/>\n          <circle cx=\"90\" cy=\"40\" r=\"10\" fill=\"#4169E1\" \/>\n          <rect x=\"84\" y=\"50\" width=\"12\" height=\"20\" fill=\"#4169E1\" \/>\n          <circle cx=\"120\" cy=\"40\" r=\"10\" fill=\"#4169E1\" \/>\n          <rect x=\"114\" y=\"50\" width=\"12\" height=\"20\" fill=\"#4169E1\" \/>\n         <\/g> <!-- Instructor --> <circle cx=\"140\" cy=\"85\" r=\"12\" fill=\"#DC143C\" \/> <rect x=\"133\" y=\"97\" width=\"14\" height=\"23\" fill=\"#DC143C\" \/> <!-- Presentation board --> <rect x=\"30\" y=\"80\" width=\"70\" height=\"40\" fill=\"white\" stroke=\"#333\" stroke-width=\"2\" rx=\"4\" \/> <text x=\"65\" y=\"95\" text-anchor=\"middle\" font-size=\"10\" fill=\"#DC143C\" font-weight=\"bold\">\n          FIRE\n         <\/text> <text x=\"65\" y=\"107\" text-anchor=\"middle\" font-size=\"10\" fill=\"#DC143C\" font-weight=\"bold\">\n          SAFETY\n         <\/text> <path d=\"M50 110 Q65 105 80 110\" fill=\"none\" stroke=\"#FF6347\" stroke-width=\"2\" \/>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-blue-800 mb-3\">\ud83d\udcda Required Training<\/h3>\n<div class=\"space-y-3 mb-6\">\n<div class=\"bg-blue-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-blue-900 mb-2\">Initial Employee Training<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Fire hazards specific to job duties<\/li>\n<li>\u2022 Location and use of fire extinguishers<\/li>\n<li>\u2022 Evacuation routes and assembly points<\/li>\n<li>\u2022 Alarm activation procedures<\/li>\n<li>\u2022 Role in emergency response plan<\/li>\n<\/ul><\/div>\n<div class=\"bg-blue-50 p-4 rounded-lg\">\n<h4 class=\"font-bold text-blue-900 mb-2\">Ongoing Training Requirements<\/h4>\n<ul class=\"text-sm text-gray-700 space-y-1 ml-4\">\n<li>\u2022 Annual refresher training for all employees<\/li>\n<li>\u2022 Training when new hazards are introduced<\/li>\n<li>\u2022 Practice with extinguishers (hands-on recommended)<\/li>\n<li>\u2022 Updates when procedures change<\/li>\n<li>\u2022 Specialized training for fire wardens\/marshals<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<h3 class=\"font-heading text-xl font-bold text-blue-800 mb-3\">\ud83d\udea8 Fire Drill Requirements<\/h3>\n<div class=\"bg-gradient-to-r from-blue-100 to-indigo-100 p-6 rounded-xl border-2 border-blue-400 mb-6\">\n<ul class=\"check-list text-gray-700\">\n<li><strong>Frequency:<\/strong> Conduct drills at least quarterly (every 3 months)<\/li>\n<li><strong>Timing:<\/strong> Vary times to include all shifts and scenarios<\/li>\n<li><strong>Participation:<\/strong> All employees must participate (no exceptions)<\/li>\n<li><strong>Documentation:<\/strong> Record date, time, duration, and issues encountered<\/li>\n<li><strong>Evaluation:<\/strong> Review performance and identify areas for improvement<\/li>\n<li><strong>Unannounced:<\/strong> Some drills should be unannounced for realism<\/li>\n<li><strong>Debriefing:<\/strong> Hold meeting after each drill to discuss findings<\/li>\n<\/ul><\/div>\n<h3 class=\"font-heading text-xl font-bold text-blue-800 mb-3\">\ud83d\udc65 Fire Warden Responsibilities<\/h3>\n<div class=\"bg-indigo-50 p-4 rounded-lg\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Ensure orderly evacuation of assigned areas<\/li>\n<li>Check all rooms, restrooms, and spaces<\/li>\n<li>Guide occupants to nearest safe exit<\/li>\n<li>Assist persons with disabilities<\/li>\n<li>Conduct headcount at assembly point<\/li>\n<li>Report status to emergency coordinator<\/li>\n<li>Prevent re-entry until &#8220;all clear&#8221; is given<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 9: Fire Safety Checklist --><\/p>\n<div class=\"timeline-step relative mb-20 fade-slide\" style=\"animation-delay: 0.9s\">\n<div class=\"timeline-marker\" style=\"top: 50px;\"><\/div>\n<div class=\"md:w-5\/12 md:ml-auto md:mr-8 ml-16 md:ml-auto\">\n<div class=\"safety-card safe-card p-8\"><span class=\"badge-safe mb-6\">Step 9<\/span><\/p>\n<h2 class=\"font-heading text-3xl font-bold text-gray-900 mt-4 mb-4\">Daily Fire Safety Checklist<\/h2>\n<div class=\"icon-container mb-6\">\n        <svg viewbox=\"0 0 200 120\" class=\"w-full max-w-sm\"><!-- Clipboard with checklist --> <rect x=\"60\" y=\"20\" width=\"80\" height=\"90\" fill=\"white\" stroke=\"#333\" stroke-width=\"3\" rx=\"4\" \/> <rect x=\"85\" y=\"10\" width=\"30\" height=\"15\" fill=\"#696969\" rx=\"4\" \/> <circle cx=\"100\" cy=\"17\" r=\"3\" fill=\"white\" \/> <!-- Checkmarks --> <circle cx=\"75\" cy=\"40\" r=\"6\" fill=\"#228B22\" \/> <path d=\"M72 40 L74 42 L78 37\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <line x1=\"85\" y1=\"40\" x2=\"120\" y2=\"40\" stroke=\"#333\" stroke-width=\"2\" \/> <circle cx=\"75\" cy=\"55\" r=\"6\" fill=\"#228B22\" \/> <path d=\"M72 55 L74 57 L78 52\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <line x1=\"85\" y1=\"55\" x2=\"120\" y2=\"55\" stroke=\"#333\" stroke-width=\"2\" \/> <circle cx=\"75\" cy=\"70\" r=\"6\" fill=\"#228B22\" \/> <path d=\"M72 70 L74 72 L78 67\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <line x1=\"85\" y1=\"70\" x2=\"120\" y2=\"70\" stroke=\"#333\" stroke-width=\"2\" \/> <circle cx=\"75\" cy=\"85\" r=\"6\" fill=\"#228B22\" \/> <path d=\"M72 85 L74 87 L78 82\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <line x1=\"85\" y1=\"85\" x2=\"120\" y2=\"85\" stroke=\"#333\" stroke-width=\"2\" \/> <circle cx=\"75\" cy=\"100\" r=\"6\" fill=\"#228B22\" \/> <path d=\"M72 100 L74 102 L78 97\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <line x1=\"85\" y1=\"100\" x2=\"120\" y2=\"100\" stroke=\"#333\" stroke-width=\"2\" \/>\n        <\/svg>\n       <\/div>\n<h3 class=\"font-heading text-xl font-bold text-green-800 mb-4\">\u2705 Morning Inspection<\/h3>\n<div class=\"bg-green-50 p-4 rounded-lg mb-4\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>All exit routes are clear and unobstructed<\/li>\n<li>Exit signs are illuminated and visible<\/li>\n<li>Fire doors close properly and are not propped open<\/li>\n<li>Electrical equipment appears in good condition<\/li>\n<li>No extension cords running under carpets or through walls<\/li>\n<li>Flammable materials stored properly<\/li>\n<li>Waste containers are not overflowing<\/li>\n<li>Heating equipment is away from combustibles<\/li>\n<\/ul><\/div>\n<h3 class=\"font-heading text-xl font-bold text-green-800 mb-4\">\u2705 Weekly Checks<\/h3>\n<div class=\"bg-green-50 p-4 rounded-lg mb-4\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Fire extinguishers are in place and accessible<\/li>\n<li>Extinguisher pressure gauges are in the green zone<\/li>\n<li>Safety pins and tamper seals are intact<\/li>\n<li>No visible damage to extinguishers<\/li>\n<li>Evacuation route maps are posted and current<\/li>\n<li>Emergency contact numbers are displayed<\/li>\n<li>Fire alarm pull stations are accessible<\/li>\n<\/ul><\/div>\n<h3 class=\"font-heading text-xl font-bold text-green-800 mb-4\">\u2705 Monthly Verification<\/h3>\n<div class=\"bg-green-50 p-4 rounded-lg mb-4\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Test smoke detectors (press test button)<\/li>\n<li>Inspect emergency lighting (test battery backup)<\/li>\n<li>Verify sprinkler heads are not painted or obstructed<\/li>\n<li>Check that fire doors operate smoothly<\/li>\n<li>Review and update emergency contact lists<\/li>\n<li>Document all inspections and maintenance<\/li>\n<\/ul><\/div>\n<h3 class=\"font-heading text-xl font-bold text-green-800 mb-4\">\u2705 End of Day<\/h3>\n<div class=\"bg-green-50 p-4 rounded-lg\">\n<ul class=\"check-list text-sm text-gray-700\">\n<li>Turn off all non-essential electrical equipment<\/li>\n<li>Unplug coffee makers, space heaters, and appliances<\/li>\n<li>Dispose of all trash and recyclables<\/li>\n<li>Ensure hot work areas have cooled down<\/li>\n<li>Lock flammable material storage cabinets<\/li>\n<li>Close all windows and doors as appropriate<\/li>\n<li>Arm security\/fire alarm systems<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- Section 10: Key Takeaways --><\/p>\n<div class=\"timeline-step relative fade-slide\" style=\"animation-delay: 1s\">\n<div class=\"timeline-marker\" style=\"top: 50px; width: 32px; height: 32px;\"><\/div>\n<div class=\"w-full px-4 md:px-16\">\n<div class=\"safety-card p-8 text-center bg-gradient-to-br from-orange-50 via-red-50 to-yellow-50 border-4 border-red-400\">\n<div class=\"mb-6\">\n        <svg class=\"w-24 h-24 mx-auto\" viewbox=\"0 0 120 120\"><circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"#FFD700\" stroke=\"#DC143C\" stroke-width=\"4\" \/> <path d=\"M60 20 Q50 40 55 60 Q45 50 40 65 Q35 80 45 95 Q50 105 60 110 Q70 105 75 95 Q85 80 80 65 Q75 50 65 60 Q70 40 60 20 Z\" fill=\"#DC143C\" opacity=\"0.8\" \/> <circle cx=\"60\" cy=\"60\" r=\"45\" fill=\"none\" stroke=\"#DC143C\" stroke-width=\"3\" stroke-dasharray=\"5,5\" \/> <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"110\" stroke=\"#DC143C\" stroke-width=\"2\" \/> <line x1=\"10\" y1=\"60\" x2=\"110\" y2=\"60\" stroke=\"#DC143C\" stroke-width=\"2\" \/>\n        <\/svg>\n       <\/div>\n<h2 class=\"font-heading text-4xl font-bold text-red-900 mb-6\">Key Takeaways<\/h2>\n<div class=\"grid md:grid-cols-2 gap-6 mb-8 text-left max-w-4xl mx-auto\">\n<div class=\"bg-white\/80 p-6 rounded-xl shadow-lg\">\n<div class=\"text-4xl mb-3\">\n          \ud83d\udee1\ufe0f\n         <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-900 mb-2\">Prevention First<\/h3>\n<p class=\"text-gray-700\">Most fires are preventable through proper housekeeping, maintenance, and awareness. Make fire safety a daily habit.<\/p>\n<\/p><\/div>\n<div class=\"bg-white\/80 p-6 rounded-xl shadow-lg\">\n<div class=\"text-4xl mb-3\">\n          \ud83e\uddef\n         <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-900 mb-2\">Know Your Equipment<\/h3>\n<p class=\"text-gray-700\">Understand the different classes of fire and which extinguisher to use. Remember PASS: Pull, Aim, Squeeze, Sweep.<\/p>\n<\/p><\/div>\n<div class=\"bg-white\/80 p-6 rounded-xl shadow-lg\">\n<div class=\"text-4xl mb-3\">\n          \ud83d\udea8\n         <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-900 mb-2\">React Quickly<\/h3>\n<p class=\"text-gray-700\">Follow RACE protocol: Rescue, Alarm, Confine, Extinguish\/Evacuate. Every second counts in a fire emergency.<\/p>\n<\/p><\/div>\n<div class=\"bg-white\/80 p-6 rounded-xl shadow-lg\">\n<div class=\"text-4xl mb-3\">\n          \ud83c\udf93\n         <\/div>\n<h3 class=\"font-heading text-xl font-bold text-gray-900 mb-2\">Stay Trained<\/h3>\n<p class=\"text-gray-700\">Regular training and drills ensure everyone knows what to do. Practice builds muscle memory and confidence.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bg-gradient-to-r from-red-600 to-orange-600 text-white p-8 rounded-2xl shadow-2xl max-w-3xl mx-auto\">\n<p class=\"text-2xl font-heading font-bold mb-4\">&#8220;Fire safety is everyone&#8217;s responsibility.&#8221;<\/p>\n<p class=\"text-lg opacity-90\">Your vigilance and preparedness can save lives, protect property, and prevent devastating losses. Stay alert, stay safe.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>   <\/main><!-- Footer --><\/p>\n<footer class=\"bg-gradient-to-b from-gray-900 to-black py-12 px-4 text-center\">\n<div class=\"max-w-4xl mx-auto\">\n<div class=\"mb-6\">\n      <svg class=\"w-20 h-20 mx-auto opacity-70\" viewbox=\"0 0 120 120\"><path d=\"M60 10 Q50 30 55 50 Q45 40 40 55 Q35 70 45 85 Q50 95 60 100 Q70 95 75 85 Q85 70 80 55 Q75 40 65 50 Q70 30 60 10 Z\" fill=\"#DC143C\" opacity=\"0.7\" \/> <path d=\"M60 25 Q55 40 58 55 Q52 50 50 60 Q48 70 55 80 Q58 85 60 88 Q62 85 65 80 Q72 70 70 60 Q68 50 62 55 Q65 40 60 25 Z\" fill=\"#FFD700\" opacity=\"0.8\" \/>\n      <\/svg>\n     <\/div>\n<p id=\"footer-message\" class=\"text-gray-400 text-lg mb-4\">Safety Management: Fire in the Workplace<\/p>\n<div class=\"border-t border-gray-700 pt-6 mt-6\">\n<p class=\"text-gray-500 text-sm mb-3\"><strong class=\"text-red-400\">Emergency Number:<\/strong> 911 | <strong class=\"text-orange-400\">Fire Department:<\/strong> Know Your Local Number<\/p>\n<p class=\"text-gray-600 text-xs\">This guide provides general fire safety information. Always follow your organization&#8217;s specific fire safety procedures and local regulations.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer><\/div>\n<p>  <script>\n    \/\/ Default configuration\n    const defaultConfig = {\n      chapter_title: \"Fire in the Workplace\",\n      chapter_subtitle: \"Safety Management & Prevention Guide\",\n      footer_message: \"Safety Management: Fire in the Workplace\",\n      background_color: \"#FFF5EE\",\n      surface_color: \"#FFFFFF\",\n      text_color: \"#1F2937\",\n      primary_action_color: \"#DC143C\",\n      secondary_action_color: \"#FF6347\"\n    };<\/p>\n<p>    \/\/ Initialize Element SDK\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange: async (config) => {\n          \/\/ Update chapter title\n          const titleEl = document.getElementById('chapter-title');\n          if (titleEl) {\n            titleEl.textContent = config.chapter_title || defaultConfig.chapter_title;\n          }<\/p>\n<p>          \/\/ Update chapter subtitle\n          const subtitleEl = document.getElementById('chapter-subtitle');\n          if (subtitleEl) {\n            subtitleEl.textContent = config.chapter_subtitle || defaultConfig.chapter_subtitle;\n          }<\/p>\n<p>          \/\/ Update footer message\n          const footerEl = document.getElementById('footer-message');\n          if (footerEl) {\n            footerEl.textContent = config.footer_message || defaultConfig.footer_message;\n          }<\/p>\n<p>          \/\/ Apply colors\n          const bgColor = config.background_color || defaultConfig.background_color;\n          const surfaceColor = config.surface_color || defaultConfig.surface_color;\n          const textColor = config.text_color || defaultConfig.text_color;\n          const primaryColor = config.primary_action_color || defaultConfig.primary_action_color;\n          const secondaryColor = config.secondary_action_color || defaultConfig.secondary_action_color;<\/p>\n<p>          document.body.style.setProperty('--bg-color', bgColor);\n          document.body.style.setProperty('--surface-color', surfaceColor);\n          document.body.style.setProperty('--text-color', textColor);\n          document.body.style.setProperty('--primary-color', primaryColor);\n          document.body.style.setProperty('--secondary-color', secondaryColor);\n        },\n        mapToCapabilities: (config) => ({\n          recolorables: [\n            {\n              get: () => config.background_color || defaultConfig.background_color,\n              set: (value) => {\n                config.background_color = value;\n                window.elementSdk.setConfig({ background_color: value });\n              }\n            },\n            {\n              get: () => config.surface_color || defaultConfig.surface_color,\n              set: (value) => {\n                config.surface_color = value;\n                window.elementSdk.setConfig({ surface_color: value });\n              }\n            },\n            {\n              get: () => config.text_color || defaultConfig.text_color,\n              set: (value) => {\n                config.text_color = value;\n                window.elementSdk.setConfig({ text_color: value });\n              }\n            },\n            {\n              get: () => config.primary_action_color || defaultConfig.primary_action_color,\n              set: (value) => {\n                config.primary_action_color = value;\n                window.elementSdk.setConfig({ primary_action_color: value });\n              }\n            },\n            {\n              get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n              set: (value) => {\n                config.secondary_action_color = value;\n                window.elementSdk.setConfig({ secondary_action_color: value });\n              }\n            }\n          ],\n          borderables: [],\n          fontEditable: undefined,\n          fontSizeable: undefined\n        }),\n        mapToEditPanelValues: (config) => new Map([\n          [\"chapter_title\", config.chapter_title || defaultConfig.chapter_title],\n          [\"chapter_subtitle\", config.chapter_subtitle || defaultConfig.chapter_subtitle],\n          [\"footer_message\", config.footer_message || defaultConfig.footer_message]\n        ])\n      });\n    }<\/p>\n<p>    \/\/ Scroll-triggered animations\n    const observerOptions = {\n      threshold: 0.15,\n      rootMargin: '0px 0px -100px 0px'\n    };<\/p>\n<p>    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.style.animationPlayState = 'running';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);<\/p>\n<p>    document.querySelectorAll('.fade-slide').forEach(el => {\n      el.style.animationPlayState = 'paused';\n      observer.observe(el);\n    });\n  <\/script><br \/>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9c704eeac3917e9d',t:'MTc2OTkzNjk0OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1281","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/posts\/1281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"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=1281"}],"version-history":[{"count":1,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/posts\/1281\/revisions"}],"predecessor-version":[{"id":1282,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/posts\/1281\/revisions\/1282"}],"wp:attachment":[{"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/media?parent=1281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/categories?post=1281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eagleinstitute.in\/index.php\/wp-json\/wp\/v2\/tags?post=1281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}