{"id":2592,"date":"2026-03-10T08:52:11","date_gmt":"2026-03-10T08:52:11","guid":{"rendered":"http:\/\/www.main.dudofbd.com\/?page_id=2592"},"modified":"2026-03-10T09:00:14","modified_gmt":"2026-03-10T09:00:14","slug":"fire-standpipe-system","status":"publish","type":"page","link":"https:\/\/dudofbd.com\/?page_id=2592","title":{"rendered":"Fire Standpipe System"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2592\" class=\"elementor elementor-2592\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f10594 e-flex e-con-boxed e-con e-parent\" data-id=\"1f10594\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68c9da8 elementor-widget elementor-widget-html\" data-id=\"68c9da8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 1 - STANDPIPE SYSTEM: Fire Standpipe System Installation Service (ARCHITECTURAL BLUEPRINT DESIGN) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp1a (Fire Standpipe 1A) -->\r\n<section class=\"fp1a-isolated-section\">\r\n    <div class=\"fp1a-hidden\" aria-hidden=\"true\">fire standpipe system, standpipe installation, building fire protection<\/div>\r\n    <div class=\"fp1a-bg-grid\"><\/div>\r\n    <div class=\"fp1a-bg-ornament fp1a-ornament-1\"><\/div>\r\n    <div class=\"fp1a-bg-ornament fp1a-ornament-2\"><\/div>\r\n    \r\n    <div class=\"fp1a-container\">\r\n        <!-- LEFT: text content -->\r\n        <div class=\"fp1a-content\">\r\n            <div class=\"fp1a-badge\">\r\n                <span class=\"fp1a-badge-icon\">\u23cb<\/span>\r\n                <span class=\"fp1a-badge-text\">FIRE PROTECTION SYSTEM<\/span>\r\n                <span class=\"fp1a-badge-code\">FS-001<\/span>\r\n            <\/div>\r\n            \r\n            <h1 class=\"fp1a-heading\">\r\n                <span class=\"fp1a-heading-line\">Fire Standpipe System<\/span>\r\n                <span class=\"fp1a-heading-line fp1a-heading-accent\">Installation Service<\/span>\r\n            <\/h1>\r\n            \r\n            <div class=\"fp1a-description\">\r\n                <p class=\"fp1a-description-text\">Dudof (BD) LTD provides professional Fire Standpipe System installation services designed to support rapid firefighting response inside buildings. A standpipe system is a network of pipes, valves, and hose connections installed in stairwells or corridors that allows firefighters to quickly access water during a fire emergency.<\/p>\r\n                \r\n                <p class=\"fp1a-description-text\">These systems are essential for multi-storey buildings where external firefighting may be difficult. By providing a reliable internal water supply, the standpipe system helps firefighters control fires more efficiently and protect building occupants.<\/p>\r\n                \r\n                <p class=\"fp1a-description-text\">Our experienced fire protection engineers design and install standpipe systems that meet modern fire safety standards and building regulations.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- technical specs mini grid -->\r\n            <div class=\"fp1a-specs\">\r\n                <div class=\"fp1a-spec-item\">\r\n                    <span class=\"fp1a-spec-label\">System Type<\/span>\r\n                    <span class=\"fp1a-spec-value\">Wet\/Dry Standpipe<\/span>\r\n                <\/div>\r\n                <div class=\"fp1a-spec-item\">\r\n                    <span class=\"fp1a-spec-label\">Pressure Rating<\/span>\r\n                    <span class=\"fp1a-spec-value\">175 psi<\/span>\r\n                <\/div>\r\n                <div class=\"fp1a-spec-item\">\r\n                    <span class=\"fp1a-spec-label\">Standard<\/span>\r\n                    <span class=\"fp1a-spec-value\">NFPA 14<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- buttons -->\r\n            <div class=\"fp1a-buttons\">\r\n                <a href=\"#\" class=\"fp1a-btn fp1a-btn-primary\">\r\n                    <span class=\"fp1a-btn-text\">Request Fire Safety Consultation<\/span>\r\n                    <span class=\"fp1a-btn-icon\">\u2192<\/span>\r\n                <\/a>\r\n                <a href=\"#\" class=\"fp1a-btn fp1a-btn-secondary\">\r\n                    <span class=\"fp1a-btn-icon\">\ud83d\udcde<\/span>\r\n                    <span class=\"fp1a-btn-text\">Contact Dudof (BD) LTD<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- RIGHT: image with technical overlay -->\r\n        <div class=\"fp1a-image-side\">\r\n            <div class=\"fp1a-image-frame\">\r\n                <!-- technical grid overlay -->\r\n                <div class=\"fp1a-image-grid\"><\/div>\r\n                \r\n                <!-- dimension lines -->\r\n                <div class=\"fp1a-dimension fp1a-dimension-h\">\r\n                    <span class=\"fp1a-dimension-line\"><\/span>\r\n                    <span class=\"fp1a-dimension-text\">6\"<\/span>\r\n                    <span class=\"fp1a-dimension-line\"><\/span>\r\n                <\/div>\r\n                <div class=\"fp1a-dimension fp1a-dimension-v\">\r\n                    <span class=\"fp1a-dimension-line\"><\/span>\r\n                    <span class=\"fp1a-dimension-text\">12'<\/span>\r\n                    <span class=\"fp1a-dimension-line\"><\/span>\r\n                <\/div>\r\n                \r\n                <!-- main image -->\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fp1a-image\" \r\n                     src=\"https:\/\/kordfire.com\/wp-content\/uploads\/2024\/05\/Regulation-4-standpipe-testing-2.webp\" \r\n                     alt=\"Fire standpipe system installation\" \r\n                     loading=\"lazy\" \r\n                     width=\"800\" \r\n                     height=\"600\" \r\n                     onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Standpipe+System'\">\r\n                \r\n                <!-- callout markers -->\r\n                <div class=\"fp1a-callout fp1a-callout-1\">\r\n                    <span class=\"fp1a-callout-dot\"><\/span>\r\n                    <span class=\"fp1a-callout-line\"><\/span>\r\n                    <span class=\"fp1a-callout-text\">Hose Valve<\/span>\r\n                <\/div>\r\n                <div class=\"fp1a-callout fp1a-callout-2\">\r\n                    <span class=\"fp1a-callout-dot\"><\/span>\r\n                    <span class=\"fp1a-callout-line\"><\/span>\r\n                    <span class=\"fp1a-callout-text\">Pipe Riser<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- scale indicator -->\r\n            <div class=\"fp1a-scale\">\r\n                <span class=\"fp1a-scale-bar\"><\/span>\r\n                <span class=\"fp1a-scale-text\">1 : 50<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp1a-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            background: #f8fafc;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .fp1a-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.05) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.05) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp1a-bg-ornament {\r\n            position: absolute;\r\n            background: linear-gradient(135deg, rgba(0, 102, 204, 0.03) 0%, transparent 100%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp1a-ornament-1 {\r\n            width: 400px;\r\n            height: 400px;\r\n            top: -200px;\r\n            right: -200px;\r\n            transform: rotate(15deg);\r\n        }\r\n        \r\n        .fp1a-ornament-2 {\r\n            width: 300px;\r\n            height: 300px;\r\n            bottom: -150px;\r\n            left: -150px;\r\n            transform: rotate(45deg);\r\n        }\r\n        \r\n        .fp1a-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        \/* LEFT CONTENT *\/\r\n        .fp1a-content {\r\n            order: 1;\r\n        }\r\n        \r\n        .fp1a-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 2rem;\r\n            box-shadow: 4px 4px 0 rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp1a-badge-icon {\r\n            font-size: 1.3rem;\r\n            color: #0066cc;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .fp1a-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp1a-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n            font-size: 0.8rem;\r\n        }\r\n        \r\n        .fp1a-heading {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp1a-heading-line {\r\n            display: block;\r\n            font-size: 3.2rem;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            color: #0b1e2c;\r\n        }\r\n        \r\n        .fp1a-heading-accent {\r\n            color: #0066cc;\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .fp1a-heading-accent::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: #0066cc;\r\n            opacity: 0.3;\r\n        }\r\n        \r\n        .fp1a-description {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp1a-description-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp1a-description-text:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        .fp1a-specs {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1rem;\r\n            margin-bottom: 2.5rem;\r\n            padding: 1.5rem;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .fp1a-spec-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .fp1a-spec-label {\r\n            font-size: 0.8rem;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .fp1a-spec-value {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp1a-buttons {\r\n            display: flex;\r\n            gap: 1.2rem;\r\n        }\r\n        \r\n        .fp1a-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            padding: 1.2rem 2.2rem;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp1a-btn-primary {\r\n            background: #0066cc;\r\n            color: white;\r\n        }\r\n        \r\n        .fp1a-btn-primary:hover {\r\n            background: #004999;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp1a-btn-secondary {\r\n            background: white;\r\n            color: #0b1e2c;\r\n            border: 2px solid #0b1e2c;\r\n            box-shadow: 4px 4px 0 #0b1e2c;\r\n        }\r\n        \r\n        .fp1a-btn-secondary:hover {\r\n            background: #f8fafc;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 6px 6px 0 #0b1e2c;\r\n        }\r\n        \r\n        .fp1a-btn-icon {\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        \/* RIGHT IMAGE *\/\r\n        .fp1a-image-side {\r\n            order: 2;\r\n            position: relative;\r\n        }\r\n        \r\n        .fp1a-image-frame {\r\n            position: relative;\r\n            border: 3px solid #0b1e2c;\r\n            background: #ffffff;\r\n            padding: 1rem;\r\n            box-shadow: 8px 8px 0 rgba(0, 102, 204, 0.2);\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp1a-image-grid {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: 1rem;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.1) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.1) 1px, transparent 1px);\r\n            background-size: 20px 20px;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp1a-dimension {\r\n            position: absolute;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            z-index: 4;\r\n        }\r\n        \r\n        .fp1a-dimension-h {\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n        \r\n        .fp1a-dimension-v {\r\n            right: 30px;\r\n            top: 50%;\r\n            transform: translateY(-50%) rotate(90deg);\r\n        }\r\n        \r\n        .fp1a-dimension-line {\r\n            width: 40px;\r\n            height: 2px;\r\n            background: #0066cc;\r\n        }\r\n        \r\n        .fp1a-dimension-text {\r\n            color: #0066cc;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp1a-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            aspect-ratio: 4\/3;\r\n            object-fit: cover;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp1a-callout {\r\n            position: absolute;\r\n            z-index: 5;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp1a-callout-1 {\r\n            top: 30%;\r\n            left: 40%;\r\n        }\r\n        \r\n        .fp1a-callout-2 {\r\n            bottom: 30%;\r\n            right: 30%;\r\n        }\r\n        \r\n        .fp1a-callout-dot {\r\n            position: absolute;\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #0066cc;\r\n            border-radius: 0;\r\n        }\r\n        \r\n        .fp1a-callout-line {\r\n            position: absolute;\r\n            width: 50px;\r\n            height: 2px;\r\n            background: #0066cc;\r\n            top: 3px;\r\n            left: 10px;\r\n        }\r\n        \r\n        .fp1a-callout-text {\r\n            position: absolute;\r\n            left: 70px;\r\n            top: -8px;\r\n            background: white;\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            font-size: 0.8rem;\r\n            padding: 0.2rem 0.8rem;\r\n            border: 1px solid #0066cc;\r\n            white-space: nowrap;\r\n        }\r\n        \r\n        .fp1a-scale {\r\n            position: absolute;\r\n            bottom: -20px;\r\n            right: 20px;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.5rem 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            z-index: 3;\r\n        }\r\n        \r\n        .fp1a-scale-bar {\r\n            width: 80px;\r\n            height: 4px;\r\n            background: #0b1e2c;\r\n            position: relative;\r\n        }\r\n        \r\n        .fp1a-scale-bar::before,\r\n        .fp1a-scale-bar::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #0066cc;\r\n            top: -1px;\r\n        }\r\n        \r\n        .fp1a-scale-bar::before { left: 0; }\r\n        .fp1a-scale-bar::after { right: 0; }\r\n        \r\n        .fp1a-scale-text {\r\n            font-weight: 600;\r\n            color: #0066cc;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp1a-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp1a-container { grid-template-columns: 1fr; }\r\n            .fp1a-heading-line { font-size: 2.8rem; }\r\n            .fp1a-heading-accent { font-size: 3rem; }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp1a-isolated-section { padding: 3rem 1.5rem; }\r\n            .fp1a-buttons { flex-direction: column; }\r\n            .fp1a-specs { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp1a-isolated-section { padding: 2rem 1rem; }\r\n            .fp1a-heading-line { font-size: 2.2rem; }\r\n            .fp1a-heading-accent { font-size: 2.4rem; }\r\n            .fp1a-description-text { font-size: 1.1rem; }\r\n            .fp1a-callout { display: none; }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\r\n<!-- SECTION 2 - STANDPIPE SYSTEM: What is a Fire Standpipe System (TECHNICAL DIAGRAM DESIGN) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp2b (Fire Standpipe 2B) -->\r\n<section class=\"fp2b-isolated-section\">\r\n    <div class=\"fp2b-hidden\" aria-hidden=\"true\">fire standpipe system, standpipe components, building fire protection<\/div>\r\n    <div class=\"fp2b-bg-grid\"><\/div>\r\n    <div class=\"fp2b-bg-ornament fp2b-ornament-1\"><\/div>\r\n    \r\n    <div class=\"fp2b-container\">\r\n        <!-- LEFT: image with exploded view style -->\r\n        <div class=\"fp2b-image-side\">\r\n            <div class=\"fp2b-image-frame\">\r\n                <div class=\"fp2b-image-grid\"><\/div>\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fp2b-image\" \r\n                     src=\"https:\/\/media.istockphoto.com\/id\/2210652201\/photo\/close-up-of-a-red-industrial-standpipe-installed-in-a-stairwell-of-a-large-building.jpg?s=612x612&w=0&k=20&c=N3LG2O-g_3be0d60u7zv05xtkqw55oSTysitcjqLESo=\" \r\n                     alt=\"Fire standpipe in building stairwell\" \r\n                     loading=\"lazy\" \r\n                     width=\"800\" \r\n                     height=\"600\" \r\n                     onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Standpipe+Installation'\">\r\n                \r\n                <!-- component labels -->\r\n                <div class=\"fp2b-label fp2b-label-1\">\r\n                    <span class=\"fp2b-label-line\"><\/span>\r\n                    <span class=\"fp2b-label-text\">Hose Valve<\/span>\r\n                <\/div>\r\n                <div class=\"fp2b-label fp2b-label-2\">\r\n                    <span class=\"fp2b-label-line\"><\/span>\r\n                    <span class=\"fp2b-label-text\">Pipe Riser<\/span>\r\n                <\/div>\r\n                <div class=\"fp2b-label fp2b-label-3\">\r\n                    <span class=\"fp2b-label-line\"><\/span>\r\n                    <span class=\"fp2b-label-text\">Pressure Gauge<\/span>\r\n                <\/div>\r\n                <div class=\"fp2b-label fp2b-label-4\">\r\n                    <span class=\"fp2b-label-line\"><\/span>\r\n                    <span class=\"fp2b-label-text\">Control Valve<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp2b-legend\">\r\n                <span class=\"fp2b-legend-item\">\u23fa Standpipe Components<\/span>\r\n                <span class=\"fp2b-legend-item\">\u23fa NFPA 14 Compliant<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- RIGHT: text content -->\r\n        <div class=\"fp2b-content\">\r\n            <div class=\"fp2b-badge\">\r\n                <span class=\"fp2b-badge-icon\">\u2387<\/span>\r\n                <span class=\"fp2b-badge-text\">SYSTEM OVERVIEW<\/span>\r\n                <span class=\"fp2b-badge-code\">DWGS-002<\/span>\r\n            <\/div>\r\n            \r\n            <h2 class=\"fp2b-heading\">\r\n                <span class=\"fp2b-heading-line\">What is a Fire<\/span>\r\n                <span class=\"fp2b-heading-line fp2b-heading-accent\">Standpipe System<\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"fp2b-description\">\r\n                <div class=\"fp2b-paragraph\">\r\n                    <span class=\"fp2b-paragraph-marker\">\u23fa<\/span>\r\n                    <p class=\"fp2b-paragraph-text\">A Fire Standpipe System is an active fire protection system that provides firefighters with immediate access to water inside a building. The system consists of vertical pipes connected to a water supply and strategically placed hose connections on each floor.<\/p>\r\n                <\/div>\r\n                <div class=\"fp2b-paragraph\">\r\n                    <span class=\"fp2b-paragraph-marker\">\u23fa<\/span>\r\n                    <p class=\"fp2b-paragraph-text\">During a fire emergency, firefighters connect hoses to these outlets to quickly deliver water to the affected area. This reduces the time needed to set up firefighting equipment and improves response efficiency.<\/p>\r\n                <\/div>\r\n                <div class=\"fp2b-paragraph fp2b-paragraph-highlight\">\r\n                    <span class=\"fp2b-paragraph-marker\">\u23fa<\/span>\r\n                    <p class=\"fp2b-paragraph-text\"><strong>Dudof (BD) LTD<\/strong> installs reliable standpipe systems that ensure water is available where it is needed most during firefighting operations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp2b-spec-grid\">\r\n                <div class=\"fp2b-spec-block\">\r\n                    <span class=\"fp2b-spec-number\">1<\/span>\r\n                    <span class=\"fp2b-spec-title\">Wet Standpipe<\/span>\r\n                    <span class=\"fp2b-spec-desc\">Constantly filled with water<\/span>\r\n                <\/div>\r\n                <div class=\"fp2b-spec-block\">\r\n                    <span class=\"fp2b-spec-number\">2<\/span>\r\n                    <span class=\"fp2b-spec-title\">Dry Standpipe<\/span>\r\n                    <span class=\"fp2b-spec-desc\">Filled with air, water from fire truck<\/span>\r\n                <\/div>\r\n                <div class=\"fp2b-spec-block\">\r\n                    <span class=\"fp2b-spec-number\">3<\/span>\r\n                    <span class=\"fp2b-spec-title\">Combined System<\/span>\r\n                    <span class=\"fp2b-spec-desc\">Multi-purpose fire protection<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp2b-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            background: #ffffff;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp2b-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.03) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.03) 1px, transparent 1px);\r\n            background-size: 60px 60px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp2b-bg-ornament {\r\n            position: absolute;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(0, 102, 204, 0.02) 0%, transparent 70%);\r\n            bottom: -250px;\r\n            right: -250px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp2b-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp2b-image-side {\r\n            order: 1;\r\n            position: relative;\r\n        }\r\n        \r\n        .fp2b-image-frame {\r\n            position: relative;\r\n            border: 3px solid #0b1e2c;\r\n            background: #f8fafc;\r\n            padding: 1rem;\r\n            box-shadow: 8px 8px 0 rgba(0, 102, 204, 0.15);\r\n        }\r\n        \r\n        .fp2b-image-grid {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: 1rem;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.08) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.08) 1px, transparent 1px);\r\n            background-size: 15px 15px;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp2b-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            aspect-ratio: 4\/3;\r\n            object-fit: cover;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp2b-label {\r\n            position: absolute;\r\n            z-index: 4;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp2b-label-1 { top: 20%; left: 30%; }\r\n        .fp2b-label-2 { top: 50%; left: 60%; }\r\n        .fp2b-label-3 { bottom: 30%; left: 40%; }\r\n        .fp2b-label-4 { bottom: 20%; right: 30%; }\r\n        \r\n        .fp2b-label-line {\r\n            position: absolute;\r\n            width: 50px;\r\n            height: 2px;\r\n            background: #0066cc;\r\n            top: 5px;\r\n            left: 10px;\r\n        }\r\n        \r\n        .fp2b-label-text {\r\n            position: absolute;\r\n            left: 70px;\r\n            background: white;\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            font-size: 0.8rem;\r\n            padding: 0.2rem 0.8rem;\r\n            border: 1px solid #0066cc;\r\n            white-space: nowrap;\r\n        }\r\n        \r\n        .fp2b-legend {\r\n            margin-top: 1.5rem;\r\n            display: flex;\r\n            gap: 2rem;\r\n            padding: 1rem;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .fp2b-legend-item {\r\n            font-size: 0.9rem;\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .fp2b-content {\r\n            order: 2;\r\n        }\r\n        \r\n        .fp2b-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 2rem;\r\n            box-shadow: 4px 4px 0 rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp2b-badge-icon {\r\n            font-size: 1.3rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp2b-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp2b-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp2b-heading {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp2b-heading-line {\r\n            display: block;\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            color: #0b1e2c;\r\n        }\r\n        \r\n        .fp2b-heading-accent {\r\n            color: #0066cc;\r\n            font-size: 3.3rem;\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .fp2b-description {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .fp2b-paragraph {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp2b-paragraph-highlight {\r\n            background: rgba(0, 102, 204, 0.03);\r\n            padding: 1rem;\r\n            border-left: 3px solid #0066cc;\r\n        }\r\n        \r\n        .fp2b-paragraph-marker {\r\n            color: #0066cc;\r\n            font-size: 1.2rem;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .fp2b-paragraph-text {\r\n            flex: 1;\r\n            font-size: 1.15rem;\r\n            line-height: 1.6;\r\n            color: #334155;\r\n            margin: 0;\r\n        }\r\n        \r\n        .fp2b-paragraph-text strong {\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp2b-spec-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.5rem;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .fp2b-spec-block {\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            padding: 1.5rem 1rem;\r\n            text-align: center;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .fp2b-spec-number {\r\n            display: inline-block;\r\n            width: 30px;\r\n            height: 30px;\r\n            background: #0066cc;\r\n            color: white;\r\n            font-weight: 700;\r\n            line-height: 30px;\r\n            text-align: center;\r\n            margin-bottom: 0.8rem;\r\n        }\r\n        \r\n        .fp2b-spec-title {\r\n            display: block;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        \r\n        .fp2b-spec-desc {\r\n            font-size: 0.9rem;\r\n            color: #64748b;\r\n        }\r\n        \r\n        .fp2b-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp2b-container { grid-template-columns: 1fr; }\r\n            .fp2b-heading-line { font-size: 2.5rem; }\r\n            .fp2b-heading-accent { font-size: 2.8rem; }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp2b-isolated-section { padding: 3rem 1.5rem; }\r\n            .fp2b-spec-grid { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp2b-isolated-section { padding: 2rem 1rem; }\r\n            .fp2b-heading-line { font-size: 2rem; }\r\n            .fp2b-heading-accent { font-size: 2.2rem; }\r\n            .fp2b-label { display: none; }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\r\n<!-- SECTION 3 - STANDPIPE SYSTEM: Key Advantages (ARCHITECTURAL FEATURE GRID) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp3c (Fire Standpipe 3C) -->\r\n<section class=\"fp3c-isolated-section\">\r\n    <div class=\"fp3c-hidden\" aria-hidden=\"true\">standpipe advantages, fire protection benefits<\/div>\r\n    <div class=\"fp3c-bg-grid\"><\/div>\r\n    \r\n    <div class=\"fp3c-header\">\r\n        <div class=\"fp3c-badge\">\r\n            <span class=\"fp3c-badge-icon\">\u2394<\/span>\r\n            <span class=\"fp3c-badge-text\">SYSTEM ADVANTAGES<\/span>\r\n            <span class=\"fp3c-badge-code\">SPEC-003<\/span>\r\n        <\/div>\r\n        <h2 class=\"fp3c-title\">\r\n            <span class=\"fp3c-title-light\">Key Advantages of Installing a<\/span>\r\n            <span class=\"fp3c-title-bold\">Fire Standpipe System<\/span>\r\n        <\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"fp3c-grid\">\r\n        <div class=\"fp3c-card\">\r\n            <div class=\"fp3c-card-number\">01<\/div>\r\n            <div class=\"fp3c-icon\">\ud83d\ude92<\/div>\r\n            <h3 class=\"fp3c-card-title\">Quick Firefighting Access<\/h3>\r\n            <p class=\"fp3c-card-desc\">Provides firefighters with immediate water access inside buildings.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fp3c-card\">\r\n            <div class=\"fp3c-card-number\">02<\/div>\r\n            <div class=\"fp3c-icon\">\u23f1\ufe0f<\/div>\r\n            <h3 class=\"fp3c-card-title\">Improved Emergency Response<\/h3>\r\n            <p class=\"fp3c-card-desc\">Reduces the time needed to deploy firefighting hoses.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fp3c-card\">\r\n            <div class=\"fp3c-card-number\">03<\/div>\r\n            <div class=\"fp3c-icon\">\ud83c\udfe2<\/div>\r\n            <h3 class=\"fp3c-card-title\">Essential for High Rise Buildings<\/h3>\r\n            <p class=\"fp3c-card-desc\">Supports fire control in tall structures where external firefighting is difficult.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fp3c-card\">\r\n            <div class=\"fp3c-card-number\">04<\/div>\r\n            <div class=\"fp3c-icon\">\ud83d\udca7<\/div>\r\n            <h3 class=\"fp3c-card-title\">Reliable Water Supply<\/h3>\r\n            <p class=\"fp3c-card-desc\">Ensures continuous water availability during firefighting operations.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fp3c-card\">\r\n            <div class=\"fp3c-card-number\">05<\/div>\r\n            <div class=\"fp3c-icon\">\ud83d\udc68\u200d\ud83d\ude92<\/div>\r\n            <h3 class=\"fp3c-card-title\">Supports Fire Department Operations<\/h3>\r\n            <p class=\"fp3c-card-desc\">Makes firefighting safer and more effective for emergency responders.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fp3c-card fp3c-card-last\">\r\n            <div class=\"fp3c-card-number\">06<\/div>\r\n            <div class=\"fp3c-icon\">\ud83d\udccb<\/div>\r\n            <h3 class=\"fp3c-card-title\">Professional Installation<\/h3>\r\n            <p class=\"fp3c-card-desc\">Dudof (BD) LTD installs systems that comply with modern fire safety regulations.<\/p>\r\n            <div class=\"fp3c-card-line\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp3c-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            background: #f8fafc;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp3c-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.03) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.03) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp3c-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp3c-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n            box-shadow: 4px 4px 0 rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp3c-badge-icon {\r\n            font-size: 1.2rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp3c-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp3c-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp3c-title-light {\r\n            display: block;\r\n            font-size: 1.2rem;\r\n            font-weight: 400;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        \r\n        .fp3c-title-bold {\r\n            display: block;\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: #0b1e2c;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .fp3c-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .fp3c-card {\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            padding: 2rem;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .fp3c-card:hover {\r\n            border-color: #0066cc;\r\n            box-shadow: 8px 8px 0 rgba(0, 102, 204, 0.2);\r\n            transform: translate(-2px, -2px);\r\n        }\r\n        \r\n        .fp3c-card-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: rgba(0, 102, 204, 0.1);\r\n            line-height: 1;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .fp3c-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1.2rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp3c-card-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 0.8rem;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .fp3c-card-desc {\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n            color: #475569;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp3c-card-line {\r\n            width: 50px;\r\n            height: 3px;\r\n            background: #0066cc;\r\n        }\r\n        \r\n        .fp3c-card-last {\r\n            border: 2px solid #0066cc;\r\n        }\r\n        \r\n        .fp3c-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp3c-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp3c-isolated-section { padding: 3rem 1.5rem; }\r\n            .fp3c-title-bold { font-size: 2.5rem; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp3c-grid { grid-template-columns: 1fr; }\r\n            .fp3c-isolated-section { padding: 2rem 1rem; }\r\n            .fp3c-title-bold { font-size: 2rem; }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\r\n<!-- SECTION 4 - STANDPIPE SYSTEM: Installation Process (CONSTRUCTION BLUEPRINT DESIGN) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp4d (Fire Standpipe 4D) -->\r\n<section class=\"fp4d-isolated-section\">\r\n    <div class=\"fp4d-hidden\" aria-hidden=\"true\">standpipe installation process, fire protection installation<\/div>\r\n    <div class=\"fp4d-bg-grid\"><\/div>\r\n    \r\n    <div class=\"fp4d-header\">\r\n        <div class=\"fp4d-badge\">\r\n            <span class=\"fp4d-badge-icon\">\u2395<\/span>\r\n            <span class=\"fp4d-badge-text\">INSTALLATION SEQUENCE<\/span>\r\n            <span class=\"fp4d-badge-code\">PROC-004<\/span>\r\n        <\/div>\r\n        <h2 class=\"fp4d-title\">\r\n            <span class=\"fp4d-title-light\">Our Fire Standpipe System<\/span>\r\n            <span class=\"fp4d-title-bold\">Installation Process<\/span>\r\n        <\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"fp4d-main\">\r\n        <!-- LEFT: image with construction drawing style -->\r\n        <div class=\"fp4d-image-side\">\r\n            <div class=\"fp4d-image-frame\">\r\n                <div class=\"fp4d-image-grid\"><\/div>\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fp4d-image\" \r\n                     src=\"https:\/\/emacoglobal.com\/wp-content\/uploads\/2020\/07\/WhatsApp-Image-2020-07-14-at-12.17.36-PM-1.jpeg\" \r\n                     alt=\"Standpipe system installation\" \r\n                     loading=\"lazy\" \r\n                     width=\"800\" \r\n                     height=\"450\" \r\n                     onerror=\"this.src='https:\/\/via.placeholder.com\/800x450?text=Standpipe+Installation'\">\r\n                \r\n                <!-- construction markers -->\r\n                <div class=\"fp4d-marker fp4d-marker-1\">\r\n                    <span class=\"fp4d-marker-text\">SECTION A<\/span>\r\n                <\/div>\r\n                <div class=\"fp4d-marker fp4d-marker-2\">\r\n                    <span class=\"fp4d-marker-text\">DETAIL B<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp4d-drawing-info\">\r\n                <span class=\"fp4d-info\">DWG: FP-INST-001<\/span>\r\n                <span class=\"fp4d-info\">REV: 03\/2025<\/span>\r\n                <span class=\"fp4d-info\">SCALE: 1:50<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- RIGHT: steps -->\r\n        <div class=\"fp4d-steps-side\">\r\n            <div class=\"fp4d-step\">\r\n                <div class=\"fp4d-step-number\">01<\/div>\r\n                <div class=\"fp4d-step-content\">\r\n                    <h3 class=\"fp4d-step-title\">Site Survey and Safety Assessment<\/h3>\r\n                    <p class=\"fp4d-step-desc\">Our fire protection specialists inspect the building layout to determine standpipe requirements.<\/p>\r\n                    <div class=\"fp4d-step-tags\">\r\n                        <span class=\"fp4d-tag\">Inspection<\/span>\r\n                        <span class=\"fp4d-tag\">Risk Analysis<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp4d-step\">\r\n                <div class=\"fp4d-step-number\">02<\/div>\r\n                <div class=\"fp4d-step-content\">\r\n                    <h3 class=\"fp4d-step-title\">System Design and Planning<\/h3>\r\n                    <p class=\"fp4d-step-desc\">The standpipe system is designed based on building height, fire risk, and safety regulations.<\/p>\r\n                    <div class=\"fp4d-step-tags\">\r\n                        <span class=\"fp4d-tag\">Engineering<\/span>\r\n                        <span class=\"fp4d-tag\">NFPA 14<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp4d-step\">\r\n                <div class=\"fp4d-step-number\">03<\/div>\r\n                <div class=\"fp4d-step-content\">\r\n                    <h3 class=\"fp4d-step-title\">Professional Installation<\/h3>\r\n                    <p class=\"fp4d-step-desc\">Pipes, valves, hose connections, and related equipment are installed according to approved standards.<\/p>\r\n                    <div class=\"fp4d-step-tags\">\r\n                        <span class=\"fp4d-tag\">Installation<\/span>\r\n                        <span class=\"fp4d-tag\">Certified<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp4d-step\">\r\n                <div class=\"fp4d-step-number\">04<\/div>\r\n                <div class=\"fp4d-step-content\">\r\n                    <h3 class=\"fp4d-step-title\">Testing and System Verification<\/h3>\r\n                    <p class=\"fp4d-step-desc\">The entire system is tested to ensure proper water flow, pressure, and reliability during emergencies.<\/p>\r\n                    <div class=\"fp4d-step-tags\">\r\n                        <span class=\"fp4d-tag\">Pressure Test<\/span>\r\n                        <span class=\"fp4d-tag\">Commissioning<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"fp4d-footer\">\r\n        <span class=\"fp4d-footer-icon\">\u2713<\/span>\r\n        <span class=\"fp4d-footer-text\">Dudof (BD) LTD ensures each system is installed correctly and meets fire protection standards.<\/span>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp4d-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            background: #ffffff;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp4d-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.03) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.03) 1px, transparent 1px);\r\n            background-size: 60px 60px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp4d-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp4d-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n            box-shadow: 4px 4px 0 rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp4d-badge-icon {\r\n            font-size: 1.2rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp4d-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp4d-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp4d-title-light {\r\n            display: block;\r\n            font-size: 1.2rem;\r\n            font-weight: 400;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        \r\n        .fp4d-title-bold {\r\n            display: block;\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: #0b1e2c;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .fp4d-main {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp4d-image-side {\r\n            order: 1;\r\n        }\r\n        \r\n        .fp4d-image-frame {\r\n            position: relative;\r\n            border: 3px solid #0b1e2c;\r\n            background: #f8fafc;\r\n            padding: 1rem;\r\n            box-shadow: 8px 8px 0 rgba(0, 102, 204, 0.15);\r\n        }\r\n        \r\n        .fp4d-image-grid {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: 1rem;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.1) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.1) 1px, transparent 1px);\r\n            background-size: 20px 20px;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp4d-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            aspect-ratio: 16\/9;\r\n            object-fit: cover;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp4d-marker {\r\n            position: absolute;\r\n            background: #0066cc;\r\n            color: white;\r\n            padding: 0.2rem 1rem;\r\n            font-size: 0.7rem;\r\n            font-weight: 600;\r\n            z-index: 4;\r\n        }\r\n        \r\n        .fp4d-marker-1 {\r\n            top: 20px;\r\n            left: 20px;\r\n        }\r\n        \r\n        .fp4d-marker-2 {\r\n            bottom: 20px;\r\n            right: 20px;\r\n        }\r\n        \r\n        .fp4d-drawing-info {\r\n            display: flex;\r\n            gap: 2rem;\r\n            margin-top: 1.5rem;\r\n            padding: 1rem;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp4d-info {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .fp4d-steps-side {\r\n            order: 2;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .fp4d-step {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            border-bottom: 1px dashed #e2e8f0;\r\n            padding-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp4d-step:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .fp4d-step-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: #0066cc;\r\n            line-height: 1;\r\n            min-width: 70px;\r\n        }\r\n        \r\n        .fp4d-step-content {\r\n            flex: 1;\r\n        }\r\n        \r\n        .fp4d-step-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .fp4d-step-desc {\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n            color: #475569;\r\n            margin-bottom: 0.8rem;\r\n        }\r\n        \r\n        .fp4d-step-tags {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n        }\r\n        \r\n        .fp4d-tag {\r\n            background: #f1f5f9;\r\n            color: #0066cc;\r\n            padding: 0.3rem 1rem;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .fp4d-footer {\r\n            margin-top: 2rem;\r\n            padding: 1.5rem;\r\n            background: #f8fafc;\r\n            border-left: 4px solid #0066cc;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp4d-footer-icon {\r\n            font-size: 1.5rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp4d-footer-text {\r\n            font-size: 1.1rem;\r\n            color: #334155;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .fp4d-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp4d-main { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp4d-isolated-section { padding: 3rem 1.5rem; }\r\n            .fp4d-title-bold { font-size: 2.5rem; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp4d-isolated-section { padding: 2rem 1rem; }\r\n            .fp4d-title-bold { font-size: 2rem; }\r\n            .fp4d-step { flex-direction: column; gap: 0.5rem; }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\r\n<!-- SECTION 5 - STANDPIPE SYSTEM: Application Areas (SITE PLAN DESIGN) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp5e (Fire Standpipe 5E) -->\r\n<section class=\"fp5e-isolated-section\">\r\n    <div class=\"fp5e-hidden\" aria-hidden=\"true\">standpipe applications, building fire protection locations<\/div>\r\n    <div class=\"fp5e-bg-grid\"><\/div>\r\n    \r\n    <div class=\"fp5e-container\">\r\n        <!-- LEFT: text content -->\r\n        <div class=\"fp5e-content\">\r\n            <div class=\"fp5e-badge\">\r\n                <span class=\"fp5e-badge-icon\">\u2317<\/span>\r\n                <span class=\"fp5e-badge-text\">APPLICATION AREAS<\/span>\r\n                <span class=\"fp5e-badge-code\">SITE-005<\/span>\r\n            <\/div>\r\n            \r\n            <h2 class=\"fp5e-heading\">\r\n                <span class=\"fp5e-heading-line\">Common Buildings That Require<\/span>\r\n                <span class=\"fp5e-heading-line fp5e-heading-accent\">Fire Standpipe Systems<\/span>\r\n            <\/h2>\r\n            \r\n            <p class=\"fp5e-intro\">Fire standpipe systems are commonly installed in buildings where rapid internal firefighting access is essential.<\/p>\r\n            \r\n            <div class=\"fp5e-list\">\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>High rise residential buildings<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Commercial office towers<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Hotels and hospitality facilities<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Hospitals and healthcare centers<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Shopping malls and large complexes<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Industrial buildings<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Educational institutions<\/div>\r\n                <div class=\"fp5e-list-item\"><span class=\"fp5e-list-marker\"><\/span>Airports and transportation terminals<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp5e-note\">\r\n                <span class=\"fp5e-note-icon\">\u23fa<\/span>\r\n                <span class=\"fp5e-note-text\">By installing a standpipe system, Dudof (BD) LTD helps building owners improve fire response capabilities and enhance overall safety.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- RIGHT: image with site plan style -->\r\n        <div class=\"fp5e-image-side\">\r\n            <div class=\"fp5e-image-frame\">\r\n                <div class=\"fp5e-image-grid\"><\/div>\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fp5e-image\" \r\n                     src=\"https:\/\/emacoglobal.com\/wp-content\/uploads\/2020\/07\/WhatsApp-Image-2020-07-14-at-12.17.36-PM.jpeg\" \r\n                     alt=\"Fire standpipe system components\" \r\n                     loading=\"lazy\" \r\n                     width=\"800\" \r\n                     height=\"600\" \r\n                     onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Standpipe+Components'\">\r\n                \r\n                <!-- site markers -->\r\n                <div class=\"fp5e-site-marker fp5e-marker-1\">\u23fa<\/div>\r\n                <div class=\"fp5e-site-marker fp5e-marker-2\">\u23fa<\/div>\r\n                <div class=\"fp5e-site-marker fp5e-marker-3\">\u23fa<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fp5e-legend\">\r\n                <span class=\"fp5e-legend-item\">\u23fa Standpipe Location<\/span>\r\n                <span class=\"fp5e-legend-item\">\u23fa Hose Connection<\/span>\r\n                <span class=\"fp5e-legend-item\">\u23fa Control Valve<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp5e-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            background: #f8fafc;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp5e-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.03) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.03) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .fp5e-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp5e-content {\r\n            order: 1;\r\n        }\r\n        \r\n        .fp5e-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: white;\r\n            border: 2px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 2rem;\r\n            box-shadow: 4px 4px 0 rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp5e-badge-icon {\r\n            font-size: 1.2rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp5e-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp5e-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n        }\r\n        \r\n        .fp5e-heading {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp5e-heading-line {\r\n            display: block;\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            color: #0b1e2c;\r\n        }\r\n        \r\n        .fp5e-heading-accent {\r\n            color: #0066cc;\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .fp5e-intro {\r\n            font-size: 1.2rem;\r\n            line-height: 1.6;\r\n            color: #334155;\r\n            margin-bottom: 2rem;\r\n            padding-bottom: 1rem;\r\n            border-bottom: 2px solid rgba(0, 102, 204, 0.1);\r\n        }\r\n        \r\n        .fp5e-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp5e-list-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            font-size: 1.1rem;\r\n            color: #334155;\r\n        }\r\n        \r\n        .fp5e-list-marker {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #0066cc;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .fp5e-note {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            padding: 1.2rem;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .fp5e-note-icon {\r\n            color: #0066cc;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .fp5e-note-text {\r\n            font-size: 1rem;\r\n            color: #475569;\r\n        }\r\n        \r\n        .fp5e-image-side {\r\n            order: 2;\r\n        }\r\n        \r\n        .fp5e-image-frame {\r\n            position: relative;\r\n            border: 3px solid #0b1e2c;\r\n            background: #ffffff;\r\n            padding: 1rem;\r\n            box-shadow: 8px 8px 0 rgba(0, 102, 204, 0.15);\r\n        }\r\n        \r\n        .fp5e-image-grid {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: 1rem;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.1) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.1) 1px, transparent 1px);\r\n            background-size: 20px 20px;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .fp5e-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            aspect-ratio: 4\/3;\r\n            object-fit: cover;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fp5e-site-marker {\r\n            position: absolute;\r\n            color: #0066cc;\r\n            font-size: 1.5rem;\r\n            z-index: 4;\r\n            text-shadow: 0 0 5px white;\r\n        }\r\n        \r\n        .fp5e-marker-1 { top: 30%; left: 40%; }\r\n        .fp5e-marker-2 { top: 60%; left: 60%; }\r\n        .fp5e-marker-3 { bottom: 20%; left: 30%; }\r\n        \r\n        .fp5e-legend {\r\n            display: flex;\r\n            gap: 2rem;\r\n            margin-top: 1.5rem;\r\n            padding: 1rem;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n        }\r\n        \r\n        .fp5e-legend-item {\r\n            font-size: 0.9rem;\r\n            color: #0066cc;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n        \r\n        .fp5e-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp5e-container { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp5e-isolated-section { padding: 3rem 1.5rem; }\r\n            .fp5e-heading-line { font-size: 2.4rem; }\r\n            .fp5e-heading-accent { font-size: 2.6rem; }\r\n            .fp5e-list { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp5e-isolated-section { padding: 2rem 1rem; }\r\n            .fp5e-heading-line { font-size: 2rem; }\r\n            .fp5e-heading-accent { font-size: 2.2rem; }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\r\n<!-- SECTION 6 - STANDPIPE SYSTEM: Call to Action (FULL WIDTH BLUEPRINT DESIGN) -->\r\n<!-- ALL CLASSES USE THE UNIQUE PREFIX: fp6f (Fire Standpipe 6F) -->\r\n<section class=\"fp6f-isolated-section\">\r\n    <div class=\"fp6f-hidden\" aria-hidden=\"true\">standpipe system consultation, fire protection services<\/div>\r\n    \r\n    <div class=\"fp6f-background\">\r\n        <div class=\"fp6f-overlay\"><\/div>\r\n        <div class=\"fp6f-bg-grid\"><\/div>\r\n        \r\n        <div class=\"fp6f-container\">\r\n            <div class=\"fp6f-content-card\">\r\n                <div class=\"fp6f-badge\">\r\n                    <span class=\"fp6f-badge-icon\">\u2394<\/span>\r\n                    <span class=\"fp6f-badge-text\">STRENGTHEN YOUR FIRE SAFETY<\/span>\r\n                    <span class=\"fp6f-badge-code\">CTA-006<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"fp6f-heading\">\r\n                    <span class=\"fp6f-heading-line\">Protect Your Building with<\/span>\r\n                    <span class=\"fp6f-heading-line fp6f-heading-accent\">Professional Fire Standpipe Systems<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"fp6f-description\">A properly installed fire standpipe system plays a critical role in firefighting operations and building safety. Dudof (BD) LTD provides expert design, installation, and testing services to ensure your standpipe system performs reliably during emergencies.<\/p>\r\n                \r\n                <p class=\"fp6f-description\">Our fire protection specialists are ready to help you implement a system that improves fire safety and supports emergency response teams.<\/p>\r\n                \r\n                <div class=\"fp6f-buttons\">\r\n                    <a href=\"#\" class=\"fp6f-btn fp6f-btn-primary\">\r\n                        <span class=\"fp6f-btn-text\">Request Free Consultation<\/span>\r\n                        <span class=\"fp6f-btn-icon\">\u2192<\/span>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"fp6f-btn fp6f-btn-secondary\">\r\n                        <span class=\"fp6f-btn-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"fp6f-btn-text\">Contact Dudof (BD) LTD Today<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"fp6f-trust\">\r\n                    <span class=\"fp6f-trust-item\"><span class=\"fp6f-trust-marker\"><\/span> 24\/7 Emergency Support<\/span>\r\n                    <span class=\"fp6f-trust-item\"><span class=\"fp6f-trust-marker\"><\/span> Certified Installers<\/span>\r\n                    <span class=\"fp6f-trust-item\"><span class=\"fp6f-trust-marker\"><\/span> NFPA Compliant<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .fp6f-isolated-section {\r\n            font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n            box-shadow: 0 50px 80px -30px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .fp6f-background {\r\n            width: 100%;\r\n            background-image: url('https:\/\/cdn2.hubspot.net\/hubfs\/2004318\/fireprotectionsystemcomponents.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            position: relative;\r\n            min-height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .fp6f-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.85) 100%);\r\n            z-index: 1;\r\n        }\r\n        \r\n        .fp6f-bg-grid {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(0, 102, 204, 0.2) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(0, 102, 204, 0.2) 1px, transparent 1px);\r\n            background-size: 60px 60px;\r\n            z-index: 2;\r\n            opacity: 0.2;\r\n        }\r\n        \r\n        .fp6f-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: flex-end;\r\n        }\r\n        \r\n        .fp6f-content-card {\r\n            background: rgba(255, 255, 255, 0.98);\r\n            max-width: 650px;\r\n            padding: 3rem;\r\n            border: 3px solid #0066cc;\r\n            box-shadow: 12px 12px 0 rgba(0, 102, 204, 0.3);\r\n        }\r\n        \r\n        .fp6f-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            background: rgba(0, 102, 204, 0.1);\r\n            border-left: 4px solid #0066cc;\r\n            padding: 0.7rem 1.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .fp6f-badge-icon {\r\n            font-size: 1.2rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .fp6f-badge-text {\r\n            color: #0066cc;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fp6f-badge-code {\r\n            color: #64748b;\r\n            font-family: monospace;\r\n            font-size: 0.8rem;\r\n        }\r\n        \r\n        .fp6f-heading {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp6f-heading-line {\r\n            display: block;\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            color: #0b1e2c;\r\n        }\r\n        \r\n        .fp6f-heading-accent {\r\n            color: #0066cc;\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .fp6f-description {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .fp6f-buttons {\r\n            display: flex;\r\n            gap: 1.2rem;\r\n            margin: 2.5rem 0;\r\n        }\r\n        \r\n        .fp6f-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            padding: 1.2rem 2rem;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            flex: 1;\r\n            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp6f-btn-primary {\r\n            background: #0066cc;\r\n            color: white;\r\n        }\r\n        \r\n        .fp6f-btn-primary:hover {\r\n            background: #004999;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp6f-btn-secondary {\r\n            background: white;\r\n            color: #0b1e2c;\r\n            border: 2px solid #0b1e2c;\r\n        }\r\n        \r\n        .fp6f-btn-secondary:hover {\r\n            background: #f8fafc;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .fp6f-btn-icon {\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .fp6f-trust {\r\n            display: flex;\r\n            gap: 2rem;\r\n            padding-top: 1.5rem;\r\n            border-top: 2px solid rgba(0, 102, 204, 0.2);\r\n        }\r\n        \r\n        .fp6f-trust-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            font-size: 1rem;\r\n            color: #475569;\r\n        }\r\n        \r\n        .fp6f-trust-marker {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #0066cc;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .fp6f-hidden { display: none; }\r\n        \r\n        @media screen and (max-width: 992px) {\r\n            .fp6f-container { justify-content: center; }\r\n            .fp6f-content-card { max-width: 100%; }\r\n        }\r\n        \r\n        @media screen and (max-width: 768px) {\r\n            .fp6f-content-card { padding: 2rem; }\r\n            .fp6f-heading-line { font-size: 2.2rem; }\r\n            .fp6f-heading-accent { font-size: 2.4rem; }\r\n            .fp6f-buttons { flex-direction: column; }\r\n            .fp6f-trust { flex-direction: column; gap: 1rem; }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            .fp6f-container { padding: 2rem 1rem; }\r\n            .fp6f-heading-line { font-size: 1.8rem; }\r\n            .fp6f-heading-accent { font-size: 2rem; }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>fire standpipe system, standpipe installation, building fire protection \u23cb FIRE PROTECTION SYSTEM FS-001 Fire Standpipe System Installation Service Dudof (BD) LTD provides professional Fire Standpipe System installation services designed to support rapid firefighting response inside buildings. A standpipe system is a network of pipes, valves, and hose<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2592","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2592"}],"version-history":[{"count":4,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2592\/revisions"}],"predecessor-version":[{"id":2596,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2592\/revisions\/2596"}],"wp:attachment":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}