{"id":2527,"date":"2026-03-08T13:05:38","date_gmt":"2026-03-08T13:05:38","guid":{"rendered":"http:\/\/www.main.dudofbd.com\/?page_id=2527"},"modified":"2026-03-08T13:18:14","modified_gmt":"2026-03-08T13:18:14","slug":"fire-stop-penetration","status":"publish","type":"page","link":"https:\/\/dudofbd.com\/?page_id=2527","title":{"rendered":"Fire Stop Penetration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2527\" class=\"elementor elementor-2527\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2821727 e-flex e-con-boxed e-con e-parent\" data-id=\"2821727\" 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-0dd3453 elementor-widget elementor-widget-html\" data-id=\"0dd3453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 1 - FIRE STOP PENETRATION: Professional Fire Stop Penetration Solutions for Buildings (UNIQUE DESIGN) -->\r\n<section class=\"fsp-hero-section\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"fsp-hero-keywords\" aria-hidden=\"true\">fire stop penetration, fire stopping solutions, pipe penetration fire seal<\/div>\r\n\r\n    <div class=\"fsp-hero-container\">\r\n        <!-- LEFT: text content with unique styling -->\r\n        <div class=\"fsp-hero-content\">\r\n            <div class=\"fsp-hero-tagline\">\ud83d\udd25 FIRE SAFETY SPECIALISTS<\/div>\r\n            <h1 class=\"fsp-hero-heading\">Fire Stop Penetration <span class=\"fsp-hero-highlight\">Installation Service<\/span><\/h1>\r\n            <p class=\"fsp-hero-description\">\r\n                Dudof (BD) LTD provides reliable <strong class=\"fsp-strong\">Fire Stop Penetration solutions<\/strong> that prevent fire and smoke from spreading through pipe, cable, and duct penetrations in walls and floors. Our systems maintain the fire resistance of the building structure while protecting critical utilities and ensuring occupant safety.\r\n            <\/p>\r\n            \r\n            <!-- stats\/features mini grid - NEW element -->\r\n            <div class=\"fsp-hero-stats\">\r\n                <div class=\"fsp-stat-item\">\r\n                    <span class=\"fsp-stat-number\">1000+<\/span>\r\n                    <span class=\"fsp-stat-label\">Projects Completed<\/span>\r\n                <\/div>\r\n                <div class=\"fsp-stat-divider\"><\/div>\r\n                <div class=\"fsp-stat-item\">\r\n                    <span class=\"fsp-stat-number\">24\/7<\/span>\r\n                    <span class=\"fsp-stat-label\">Emergency Support<\/span>\r\n                <\/div>\r\n                <div class=\"fsp-stat-divider\"><\/div>\r\n                <div class=\"fsp-stat-item\">\r\n                    <span class=\"fsp-stat-number\">ISO<\/span>\r\n                    <span class=\"fsp-stat-label\">Certified<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"fsp-hero-buttons\">\r\n                <a href=\"#\" class=\"fsp-btn fsp-btn-primary\">Get Fire Safety Consultation<\/a>\r\n                <a href=\"#\" class=\"fsp-btn fsp-btn-secondary\">Contact Dudof (BD) LTD<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: image with unique frame design -->\r\n        <div class=\"fsp-hero-image-wrapper\">\r\n            <div class=\"fsp-image-frame\">\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fsp-hero-image\" \r\n                     src=\"https:\/\/www.walraven.com\/wp-content\/uploads\/sites\/11\/2019\/06\/Fire_Protection_Main_2_Pipe_and_cable_penetrations.jpg\" \r\n                     alt=\"Fire stop penetration installation for pipes and cables through walls\"\r\n                     loading=\"lazy\"\r\n                     width=\"800\"\r\n                     height=\"600\">\r\n            <\/div>\r\n            <!-- decorative elements -->\r\n            <div class=\"fsp-image-dot-1\"><\/div>\r\n            <div class=\"fsp-image-dot-2\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - fsp- (Fire Stop Penetration unique) \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 *\/\r\n        .fsp-hero-section {\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            background: linear-gradient(135deg, #f6f9fc 0%, #edf2f7 100%);\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 3rem 1.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* decorative background elements *\/\r\n        .fsp-hero-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.03) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .fsp-hero-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -20%;\r\n            left: -10%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.03) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .fsp-hero-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 3rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* LEFT: text content *\/\r\n        .fsp-hero-content {\r\n            order: 1;\r\n        }\r\n\r\n        .fsp-hero-tagline {\r\n            display: inline-block;\r\n            background: rgba(211, 47, 47, 0.1);\r\n            color: #d32f2f;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 1px;\r\n            padding: 0.4rem 1rem;\r\n            border-radius: 30px;\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n            border: 1px solid rgba(211, 47, 47, 0.3);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .fsp-hero-heading {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            margin-bottom: 1.5rem;\r\n            color: #0b1e2c;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fsp-hero-highlight {\r\n            background: linear-gradient(120deg, #d32f2f 0%, #b71c1c 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n        }\r\n\r\n        .fsp-hero-description {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #2d4055;\r\n            margin-bottom: 2rem;\r\n            max-width: 600px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            padding: 1.5rem;\r\n            border-radius: 20px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.8);\r\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .fsp-strong {\r\n            color: #d32f2f;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* stats mini grid - unique element *\/\r\n        .fsp-hero-stats {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            gap: 1rem 1.5rem;\r\n            margin-bottom: 2.5rem;\r\n            background: white;\r\n            padding: 1.2rem 1.8rem;\r\n            border-radius: 50px;\r\n            box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid rgba(211, 47, 47, 0.2);\r\n            max-width: fit-content;\r\n        }\r\n\r\n        .fsp-stat-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .fsp-stat-number {\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            color: #d32f2f;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fsp-stat-label {\r\n            font-size: 0.8rem;\r\n            color: #4a5568;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .fsp-stat-divider {\r\n            width: 2px;\r\n            height: 30px;\r\n            background: rgba(211, 47, 47, 0.2);\r\n        }\r\n\r\n        \/* button group *\/\r\n        .fsp-hero-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .fsp-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1rem 2.2rem;\r\n            font-size: 1.05rem;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n            white-space: normal;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fsp-btn-primary {\r\n            background: #d32f2f;\r\n            color: white;\r\n            box-shadow: 0 10px 20px -8px rgba(211, 47, 47, 0.5);\r\n            border-color: #d32f2f;\r\n        }\r\n\r\n        .fsp-btn-primary:hover {\r\n            background: #b71c1c;\r\n            border-color: #b71c1c;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 25px -8px rgba(183, 28, 28, 0.6);\r\n        }\r\n\r\n        .fsp-btn-secondary {\r\n            background: transparent;\r\n            color: #0b1e2c;\r\n            border: 2px solid #0b1e2c;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fsp-btn-secondary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 0%;\r\n            height: 100%;\r\n            background: #0b1e2c;\r\n            transition: width 0.3s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        .fsp-btn-secondary:hover {\r\n            color: white;\r\n            border-color: #0b1e2c;\r\n        }\r\n\r\n        .fsp-btn-secondary:hover::before {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* RIGHT: image with unique frame *\/\r\n        .fsp-hero-image-wrapper {\r\n            order: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .fsp-image-frame {\r\n            position: relative;\r\n            border-radius: 30px 30px 30px 30px;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 30px 50px -20px rgba(0, 0, 0, 0.3),\r\n                0 0 0 8px white,\r\n                0 0 0 10px rgba(211, 47, 47, 0.2);\r\n            transform: rotate(1deg);\r\n            transition: transform 0.3s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fsp-image-frame:hover {\r\n            transform: rotate(0deg) scale(1.02);\r\n        }\r\n\r\n        .fsp-hero-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 500px;\r\n            object-fit: cover;\r\n            aspect-ratio: 4\/3;\r\n        }\r\n\r\n        \/* decorative dots - unique *\/\r\n        .fsp-image-dot-1 {\r\n            position: absolute;\r\n            width: 150px;\r\n            height: 150px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.15) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            bottom: -30px;\r\n            right: -30px;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fsp-image-dot-2 {\r\n            position: absolute;\r\n            width: 100px;\r\n            height: 100px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            top: -20px;\r\n            left: -20px;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .fsp-hero-keywords {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px and up) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .fsp-hero-section {\r\n                padding: 4rem 2.5rem;\r\n            }\r\n\r\n            .fsp-hero-container {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .fsp-hero-content {\r\n                order: 1;\r\n            }\r\n\r\n            .fsp-hero-image-wrapper {\r\n                order: 2;\r\n            }\r\n\r\n            .fsp-hero-heading {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1024px and up) ===== *\/\r\n        @media screen and (min-width: 1024px) {\r\n            .fsp-hero-section {\r\n                padding: 5rem 3rem;\r\n            }\r\n\r\n            .fsp-hero-heading {\r\n                font-size: 3.5rem;\r\n            }\r\n\r\n            .fsp-hero-description {\r\n                font-size: 1.2rem;\r\n                padding: 2rem;\r\n            }\r\n\r\n            .fsp-btn {\r\n                padding: 1.1rem 2.5rem;\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09ac\u09dc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1300px+) ===== *\/\r\n        @media screen and (min-width: 1300px) {\r\n            .fsp-hero-heading {\r\n                font-size: 4rem;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .fsp-hero-section {\r\n                padding: 2rem 1rem;\r\n            }\r\n            .fsp-hero-heading {\r\n                font-size: 2rem;\r\n            }\r\n            .fsp-hero-description {\r\n                padding: 1.2rem;\r\n                font-size: 1rem;\r\n            }\r\n            .fsp-hero-stats {\r\n                padding: 1rem;\r\n                border-radius: 30px;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n            }\r\n            .fsp-stat-divider {\r\n                display: none;\r\n            }\r\n            .fsp-btn {\r\n                width: 100%;\r\n                padding: 0.9rem 1.5rem;\r\n            }\r\n            .fsp-hero-buttons {\r\n                flex-direction: column;\r\n                gap: 0.8rem;\r\n            }\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<div class=\"elementor-element elementor-element-65717f2 e-flex e-con-boxed e-con e-parent\" data-id=\"65717f2\" 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-e35535f elementor-widget elementor-widget-html\" data-id=\"e35535f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 2 - FIRE STOP PENETRATION: What is Fire Stop Penetration and Why It's Important (UNIQUE DESIGN) -->\r\n<section class=\"firestop-about-unique\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"firestop-unique-keywords\" aria-hidden=\"true\">fire stop penetration, passive fire protection, fire stopping materials<\/div>\r\n\r\n    <div class=\"firestop-unique-container\">\r\n        <!-- LEFT: image with artistic frame -->\r\n        <div class=\"firestop-unique-image-side\">\r\n            <div class=\"firestop-unique-image-box\">\r\n                <div class=\"firestop-unique-image-shape firestop-unique-shape-1\"><\/div>\r\n                <div class=\"firestop-unique-image-shape firestop-unique-shape-2\"><\/div>\r\n                <div class=\"firestop-unique-image-main\">\r\n                    <img loading=\"lazy\" decoding=\"async\" class=\"firestop-unique-img\" \r\n                         src=\"https:\/\/flamro.com\/wp-content\/plugins\/pim-import\/files\/pim-files\/en\/System_Novasit_BM_FL_I\/images\/web_svt\/Image-FL-SYS-Novasit%20BM.webp\" \r\n                         alt=\"Fire stop penetration system components\"\r\n                         loading=\"lazy\"\r\n                         width=\"800\"\r\n                         height=\"600\">\r\n                <\/div>\r\n                <div class=\"firestop-unique-image-badge\">\r\n                    <span class=\"firestop-unique-badge-text\">INTUMESCENT<\/span>\r\n                    <span class=\"firestop-unique-badge-text\">TECHNOLOGY<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: text content with unique styling -->\r\n        <div class=\"firestop-unique-text-side\">\r\n            <div class=\"firestop-unique-overline\">\r\n                <span class=\"firestop-unique-overline-line\"><\/span>\r\n                <span class=\"firestop-unique-overline-text\">UNDERSTANDING THE SYSTEM<\/span>\r\n            <\/div>\r\n            \r\n            <h2 class=\"firestop-unique-heading\">\r\n                <span class=\"firestop-unique-heading-small\">What is<\/span>\r\n                <span class=\"firestop-unique-heading-large\">Fire Stop Penetration<\/span>\r\n                <span class=\"firestop-unique-heading-accent\">and why it matters<\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"firestop-unique-card\">\r\n                <div class=\"firestop-unique-card-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <p class=\"firestop-unique-text\">\r\n                    <strong class=\"firestop-unique-strong\">Fire Stop Penetration<\/strong> is a passive fire protection method used to seal openings around pipes, cables, and ducts that pass through fire rated walls and floors. Without proper sealing, these penetrations can act as pathways for fire, smoke, and heat to spread rapidly between compartments.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"firestop-unique-card firestop-unique-card-alt\">\r\n                <div class=\"firestop-unique-card-icon\">\ud83d\udd25<\/div>\r\n                <p class=\"firestop-unique-text\">\r\n                    The system uses fire resistant materials such as sealants, collars, wraps, and mortar that expand or form a barrier during a fire event. <strong class=\"firestop-unique-strong\">Dudof (BD) LTD<\/strong> installs high quality fire stop penetration systems that comply with international fire safety standards and preserve structural integrity.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- feature pills -->\r\n            <div class=\"firestop-unique-pills\">\r\n                <span class=\"firestop-unique-pill\">\u2713 Sealants<\/span>\r\n                <span class=\"firestop-unique-pill\">\u2713 Fire Collars<\/span>\r\n                <span class=\"firestop-unique-pill\">\u2713 Intumescent Wraps<\/span>\r\n                <span class=\"firestop-unique-pill\">\u2713 Fire Mortar<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - firestop-unique- \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 (\u0986\u0997\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 \u09ab\u09b2\u09cb \u0995\u09b0\u09c7 \u09a8\u09be) *\/\r\n        .firestop-about-unique {\r\n            font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            background: #0b1a24;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 1.5rem;\r\n            color: #ffffff;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* textured background *\/\r\n        .firestop-about-unique::before {\r\n            content: '';\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                radial-gradient(circle at 20% 30%, rgba(211, 47, 47, 0.08) 0%, transparent 30%),\r\n                radial-gradient(circle at 80% 70%, rgba(211, 47, 47, 0.05) 0%, transparent 40%),\r\n                repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 2px, transparent 2px, transparent 8px);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .firestop-unique-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 3rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* LEFT: artistic image side *\/\r\n        .firestop-unique-image-side {\r\n            order: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .firestop-unique-image-box {\r\n            position: relative;\r\n            padding: 20px;\r\n        }\r\n\r\n        .firestop-unique-image-shape {\r\n            position: absolute;\r\n            width: 100px;\r\n            height: 100px;\r\n            border: 3px solid #d32f2f;\r\n            opacity: 0.3;\r\n            z-index: 1;\r\n        }\r\n\r\n        .firestop-unique-shape-1 {\r\n            top: 0;\r\n            left: 0;\r\n            border-right: none;\r\n            border-bottom: none;\r\n            border-radius: 20px 0 0 0;\r\n        }\r\n\r\n        .firestop-unique-shape-2 {\r\n            bottom: 0;\r\n            right: 0;\r\n            border-left: none;\r\n            border-top: none;\r\n            border-radius: 0 0 20px 0;\r\n        }\r\n\r\n        .firestop-unique-image-main {\r\n            position: relative;\r\n            border-radius: 40px 40px 40px 40px;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 40px 60px -20px rgba(0, 0, 0, 0.6),\r\n                0 0 0 4px rgba(211, 47, 47, 0.4),\r\n                0 0 0 8px rgba(255, 255, 255, 0.05);\r\n            transform: perspective(1000px) rotateY(-3deg) rotateX(2deg);\r\n            transition: transform 0.5s ease;\r\n            z-index: 3;\r\n        }\r\n\r\n        .firestop-unique-image-main:hover {\r\n            transform: perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02);\r\n        }\r\n\r\n        .firestop-unique-img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 500px;\r\n            object-fit: cover;\r\n            aspect-ratio: 4\/3;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .firestop-unique-image-badge {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            right: -10px;\r\n            background: #d32f2f;\r\n            color: white;\r\n            padding: 1rem 1.5rem;\r\n            border-radius: 50px 0 0 50px;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-end;\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\r\n            z-index: 4;\r\n            border-left: 3px solid white;\r\n        }\r\n\r\n        .firestop-unique-badge-text {\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* RIGHT: text side *\/\r\n        .firestop-unique-text-side {\r\n            order: 2;\r\n        }\r\n\r\n        .firestop-unique-overline {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .firestop-unique-overline-line {\r\n            width: 60px;\r\n            height: 3px;\r\n            background: #d32f2f;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .firestop-unique-overline-text {\r\n            color: #d32f2f;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .firestop-unique-heading {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .firestop-unique-heading-small {\r\n            display: block;\r\n            font-size: 1.2rem;\r\n            font-weight: 400;\r\n            color: #a0b3c2;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .firestop-unique-heading-large {\r\n            display: block;\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: white;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.5rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .firestop-unique-heading-accent {\r\n            display: inline-block;\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            color: #d32f2f;\r\n            background: rgba(211, 47, 47, 0.15);\r\n            padding: 0.2rem 1rem;\r\n            border-radius: 30px;\r\n            border-left: 4px solid #d32f2f;\r\n        }\r\n\r\n        \/* content cards *\/\r\n        .firestop-unique-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 30px;\r\n            padding: 1.8rem;\r\n            margin-bottom: 1.5rem;\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .firestop-unique-card:hover {\r\n            transform: translateX(10px);\r\n            background: rgba(255, 255, 255, 0.08);\r\n            border-color: rgba(211, 47, 47, 0.3);\r\n        }\r\n\r\n        .firestop-unique-card-alt {\r\n            background: rgba(211, 47, 47, 0.1);\r\n            border-color: rgba(211, 47, 47, 0.3);\r\n        }\r\n\r\n        .firestop-unique-card-icon {\r\n            font-size: 2.5rem;\r\n            min-width: 60px;\r\n            height: 60px;\r\n            background: rgba(211, 47, 47, 0.2);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .firestop-unique-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #e0e7ef;\r\n            margin: 0;\r\n        }\r\n\r\n        .firestop-unique-strong {\r\n            color: #d32f2f;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* feature pills *\/\r\n        .firestop-unique-pills {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.8rem;\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .firestop-unique-pill {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(211, 47, 47, 0.4);\r\n            color: #e0e7ef;\r\n            padding: 0.5rem 1.2rem;\r\n            border-radius: 50px;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .firestop-unique-pill:hover {\r\n            background: #d32f2f;\r\n            color: white;\r\n            border-color: #d32f2f;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .firestop-unique-keywords {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px and up) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .firestop-about-unique {\r\n                padding: 5rem 2.5rem;\r\n            }\r\n\r\n            .firestop-unique-container {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 4rem;\r\n            }\r\n\r\n            .firestop-unique-image-side {\r\n                order: 1;\r\n            }\r\n\r\n            .firestop-unique-text-side {\r\n                order: 2;\r\n            }\r\n\r\n            .firestop-unique-heading-large {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1024px and up) ===== *\/\r\n        @media screen and (min-width: 1024px) {\r\n            .firestop-about-unique {\r\n                padding: 6rem 3rem;\r\n            }\r\n\r\n            .firestop-unique-heading-large {\r\n                font-size: 3.5rem;\r\n            }\r\n\r\n            .firestop-unique-text {\r\n                font-size: 1.2rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09ac\u09dc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1300px+) ===== *\/\r\n        @media screen and (min-width: 1300px) {\r\n            .firestop-unique-heading-large {\r\n                font-size: 4rem;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .firestop-about-unique {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .firestop-unique-heading-large {\r\n                font-size: 2rem;\r\n            }\r\n            .firestop-unique-heading-accent {\r\n                font-size: 1.2rem;\r\n            }\r\n            .firestop-unique-card {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n                padding: 1.5rem;\r\n            }\r\n            .firestop-unique-image-badge {\r\n                padding: 0.8rem 1.2rem;\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            vertical-align: middle;\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<div class=\"elementor-element elementor-element-ddd5555 e-flex e-con-boxed e-con e-parent\" data-id=\"ddd5555\" 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-c315e06 elementor-widget elementor-widget-html\" data-id=\"c315e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 3 - FIRE STOP PENETRATION: Key Benefits (UNIQUE DESIGN - Three Column with Modern Cards) -->\r\n<section class=\"fsp-benefits-unique\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"fsp-benefits-hidden\" aria-hidden=\"true\">fire protection icon, pipe shield icon, safety barrier icon<\/div>\r\n\r\n    <!-- unique decorative header -->\r\n    <div class=\"fsp-benefits-header\">\r\n        <div class=\"fsp-benefits-tag\">\r\n            <span class=\"fsp-benefits-tag-line\"><\/span>\r\n            <span class=\"fsp-benefits-tag-text\">WHY CHOOSE US<\/span>\r\n            <span class=\"fsp-benefits-tag-line\"><\/span>\r\n        <\/div>\r\n        <h2 class=\"fsp-benefits-main-title\">Key Benefits of <span class=\"fsp-benefits-title-highlight\">Fire Stop Penetration<\/span><\/h2>\r\n        <p class=\"fsp-benefits-subtitle\">Engineered solutions that provide comprehensive fire protection for your building<\/p>\r\n    <\/div>\r\n\r\n    <!-- three column grid with unique card design -->\r\n    <div class=\"fsp-benefits-grid-unique\">\r\n        \r\n        <!-- BENEFIT 1: Reliable Fire Containment -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\ud83d\udd25<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Reliable Fire Containment<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Prevents flames, smoke, and heat from spreading through penetrations. Creates an impenetrable barrier during fire emergencies.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 UL Certified<\/span>\r\n                        <span>\u2713 Tested<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 2: Maintains Fire Rated Structure -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Maintains Fire Rated Structure<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Ensures walls and floors retain their fire resistance rating. Preserves the integrity of fire compartmentation.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 ASTM E814<\/span>\r\n                        <span>\u2713 ISO 834<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 3: Automatic Fire Response -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\u26a1<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Automatic Fire Response<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Materials expand or seal openings during high temperature exposure. No manual activation needed.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 Intumescent<\/span>\r\n                        <span>\u2713 200\u00b0C+<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 4: Protects Utilities -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\ud83d\udd0c<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Protects Utilities<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Prevents damage to critical pipes, cables, and ducts during a fire. Ensures essential services remain operational.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 Electrical<\/span>\r\n                        <span>\u2713 Plumbing<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 5: Durable Materials -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\u23f3<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Durable Materials<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Long-lasting fire resistant materials for continuous protection. Resistant to aging, moisture, and vibration.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 25+ Years<\/span>\r\n                        <span>\u2713 Low Maintenance<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 6: Professional Installation -->\r\n        <div class=\"fsp-benefit-card-unique\">\r\n            <div class=\"fsp-benefit-card-inner\">\r\n                <div class=\"fsp-benefit-front\">\r\n                    <div class=\"fsp-benefit-icon-wrapper\">\r\n                        <div class=\"fsp-benefit-icon-bg\"><\/div>\r\n                        <div class=\"fsp-benefit-icon\">\ud83d\udc77<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"fsp-benefit-title-unique\">Professional Installation<\/h3>\r\n                    <div class=\"fsp-benefit-dot-pattern\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-benefit-back\">\r\n                    <p class=\"fsp-benefit-desc-unique\">Dudof (BD) LTD's trained technicians ensure maximum performance. Certified installers with years of experience.<\/p>\r\n                    <div class=\"fsp-benefit-feature-list\">\r\n                        <span>\u2713 Certified<\/span>\r\n                        <span>\u2713 Insured<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - fsp-benefits-unique \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 (\u0986\u0997\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 \u09ab\u09b2\u09cb \u0995\u09b0\u09c7 \u09a8\u09be) *\/\r\n        .fsp-benefits-unique {\r\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            background: linear-gradient(145deg, #f5f9ff 0%, #eef2f9 100%);\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 1.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* geometric background pattern *\/\r\n        .fsp-benefits-unique::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: linear-gradient(135deg, rgba(211, 47, 47, 0.05) 0%, transparent 80%);\r\n            clip-path: polygon(100% 0, 0% 100%, 100% 100%);\r\n        }\r\n\r\n        .fsp-benefits-unique::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: radial-gradient(circle at 0% 100%, rgba(211, 47, 47, 0.05) 0%, transparent 70%);\r\n        }\r\n\r\n        \/* header section *\/\r\n        .fsp-benefits-header {\r\n            text-align: center;\r\n            margin-bottom: 3.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fsp-benefits-tag {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .fsp-benefits-tag-line {\r\n            width: 50px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #d32f2f, transparent);\r\n        }\r\n\r\n        .fsp-benefits-tag-text {\r\n            color: #d32f2f;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .fsp-benefits-main-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 0.8rem;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fsp-benefits-title-highlight {\r\n            background: linear-gradient(120deg, #d32f2f, #b71c1c);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n            position: relative;\r\n        }\r\n\r\n        .fsp-benefits-title-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #d32f2f, transparent);\r\n        }\r\n\r\n        .fsp-benefits-subtitle {\r\n            color: #4a5a6e;\r\n            font-size: 1.1rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* three column grid - mobile first: 1 column *\/\r\n        .fsp-benefits-grid-unique {\r\n            display: grid;\r\n            grid-template-columns: 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        \/* unique flip-card style *\/\r\n        .fsp-benefit-card-unique {\r\n            background: transparent;\r\n            perspective: 1500px;\r\n            height: 280px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fsp-benefit-card-inner {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            text-align: center;\r\n            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n            transform-style: preserve-3d;\r\n            border-radius: 30px;\r\n        }\r\n\r\n        .fsp-benefit-card-unique:hover .fsp-benefit-card-inner {\r\n            transform: rotateY(180deg);\r\n        }\r\n\r\n        \/* front of card *\/\r\n        .fsp-benefit-front {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            backface-visibility: hidden;\r\n            background: white;\r\n            border-radius: 30px;\r\n            padding: 2rem 1.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.15);\r\n            border: 1px solid rgba(211, 47, 47, 0.1);\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* back of card *\/\r\n        .fsp-benefit-back {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            backface-visibility: hidden;\r\n            background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);\r\n            color: white;\r\n            border-radius: 30px;\r\n            padding: 2rem 1.5rem;\r\n            transform: rotateY(180deg);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 20px 40px -15px rgba(211, 47, 47, 0.4);\r\n        }\r\n\r\n        \/* icon styling *\/\r\n        .fsp-benefit-icon-wrapper {\r\n            position: relative;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .fsp-benefit-icon-bg {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(211, 47, 47, 0.1) 0%, rgba(211, 47, 47, 0.2) 100%);\r\n            border-radius: 30px;\r\n            transform: rotate(45deg);\r\n            position: absolute;\r\n            top: -15px;\r\n            left: -15px;\r\n        }\r\n\r\n        .fsp-benefit-icon {\r\n            font-size: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 60px;\r\n            height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);\r\n            border: 2px solid rgba(211, 47, 47, 0.2);\r\n        }\r\n\r\n        .fsp-benefit-title-unique {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 0.5rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .fsp-benefit-dot-pattern {\r\n            width: 100%;\r\n            height: 10px;\r\n            background-image: radial-gradient(circle, #d32f2f 2px, transparent 2px);\r\n            background-size: 12px 12px;\r\n            opacity: 0.3;\r\n            margin-top: 0.5rem;\r\n        }\r\n\r\n        \/* back content *\/\r\n        .fsp-benefit-desc-unique {\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n            margin-bottom: 1.5rem;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .fsp-benefit-feature-list {\r\n            display: flex;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fsp-benefit-feature-list span {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            padding: 0.3rem 1rem;\r\n            border-radius: 50px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            backdrop-filter: blur(5px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .fsp-benefits-hidden {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099b\u09cb\u099f \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (600px+) ===== *\/\r\n        @media screen and (min-width: 600px) {\r\n            .fsp-benefits-grid-unique {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px+) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .fsp-benefits-unique {\r\n                padding: 5rem 2.5rem;\r\n            }\r\n            .fsp-benefits-main-title {\r\n                font-size: 2.8rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (992px+) ===== *\/\r\n        @media screen and (min-width: 992px) {\r\n            .fsp-benefits-grid-unique {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 2rem;\r\n            }\r\n            .fsp-benefits-main-title {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09ac\u09dc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1200px+) ===== *\/\r\n        @media screen and (min-width: 1200px) {\r\n            .fsp-benefits-unique {\r\n                padding: 6rem 3rem;\r\n            }\r\n            .fsp-benefit-card-unique {\r\n                height: 300px;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .fsp-benefits-unique {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .fsp-benefits-main-title {\r\n                font-size: 2rem;\r\n            }\r\n            .fsp-benefit-card-unique {\r\n                height: 260px;\r\n            }\r\n            .fsp-benefit-title-unique {\r\n                font-size: 1.2rem;\r\n            }\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<div class=\"elementor-element elementor-element-d151bed e-flex e-con-boxed e-con e-parent\" data-id=\"d151bed\" 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-7ba9a74 elementor-widget elementor-widget-html\" data-id=\"7ba9a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 4 - FIRE STOP PENETRATION: Our Fire Stop Penetration Installation Process (UNIQUE CIRCULAR TIMELINE DESIGN) -->\r\n<section class=\"fsp-process-unique\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"fsp-process-hidden\" aria-hidden=\"true\">fire stop installation process, penetration sealing, fire stopping steps<\/div>\r\n\r\n    <!-- section header with unique styling -->\r\n    <div class=\"fsp-process-header\">\r\n        <span class=\"fsp-process-overline\">INSTALLATION METHODOLOGY<\/span>\r\n        <h2 class=\"fsp-process-main-title\">Our Fire Stop Penetration <span class=\"fsp-process-title-highlight\">Installation Process<\/span><\/h2>\r\n        <p class=\"fsp-process-subtitle\">A systematic approach to ensure maximum fire protection and compliance<\/p>\r\n    <\/div>\r\n\r\n    <!-- main content with image and steps -->\r\n    <div class=\"fsp-process-main\">\r\n        <!-- left side: circular steps -->\r\n        <div class=\"fsp-process-steps-container\">\r\n            <!-- Step 1 -->\r\n            <div class=\"fsp-process-step-item\" style=\"--step-color: #d32f2f; --step-delay: 0s;\">\r\n                <div class=\"fsp-step-marker\">\r\n                    <span class=\"fsp-step-number\">1<\/span>\r\n                    <div class=\"fsp-step-pulse\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-step-content\">\r\n                    <h3 class=\"fsp-step-title\">Site Assessment<\/h3>\r\n                    <p class=\"fsp-step-desc\">Inspect all wall and floor penetrations to determine fire risk and requirements.<\/p>\r\n                    <div class=\"fsp-step-tags\">\r\n                        <span>\ud83d\udd0d Inspection<\/span>\r\n                        <span>\ud83d\udccb Risk Analysis<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 2 -->\r\n            <div class=\"fsp-process-step-item\" style=\"--step-color: #d32f2f; --step-delay: 0.2s;\">\r\n                <div class=\"fsp-step-marker\">\r\n                    <span class=\"fsp-step-number\">2<\/span>\r\n                    <div class=\"fsp-step-pulse\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-step-content\">\r\n                    <h3 class=\"fsp-step-title\">System Design<\/h3>\r\n                    <p class=\"fsp-step-desc\">Select appropriate fire stop products based on penetration type, size, and building fire rating.<\/p>\r\n                    <div class=\"fsp-step-tags\">\r\n                        <span>\ud83d\udcd0 Engineering<\/span>\r\n                        <span>\u2699\ufe0f Product Selection<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 3 -->\r\n            <div class=\"fsp-process-step-item\" style=\"--step-color: #d32f2f; --step-delay: 0.4s;\">\r\n                <div class=\"fsp-step-marker\">\r\n                    <span class=\"fsp-step-number\">3<\/span>\r\n                    <div class=\"fsp-step-pulse\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-step-content\">\r\n                    <h3 class=\"fsp-step-title\">Professional Installation<\/h3>\r\n                    <p class=\"fsp-step-desc\">Install collars, sealants, wraps, or mortar around penetrations to ensure fire containment.<\/p>\r\n                    <div class=\"fsp-step-tags\">\r\n                        <span>\ud83d\udd27 Installation<\/span>\r\n                        <span>\ud83d\udee1\ufe0f Fire Sealing<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 4 -->\r\n            <div class=\"fsp-process-step-item\" style=\"--step-color: #d32f2f; --step-delay: 0.6s;\">\r\n                <div class=\"fsp-step-marker\">\r\n                    <span class=\"fsp-step-number\">4<\/span>\r\n                    <div class=\"fsp-step-pulse\"><\/div>\r\n                <\/div>\r\n                <div class=\"fsp-step-content\">\r\n                    <h3 class=\"fsp-step-title\">Testing & Verification<\/h3>\r\n                    <p class=\"fsp-step-desc\">Check system performance to confirm compliance with fire safety standards.<\/p>\r\n                    <div class=\"fsp-step-tags\">\r\n                        <span>\u2705 Quality Check<\/span>\r\n                        <span>\ud83d\udcca Certification<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- connecting line (decorative) -->\r\n            <div class=\"fsp-process-connector\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- right side: image with artistic frame -->\r\n        <div class=\"fsp-process-image-container\">\r\n            <div class=\"fsp-process-image-wrapper\">\r\n                <div class=\"fsp-image-glow\"><\/div>\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fsp-process-image\" \r\n                     src=\"https:\/\/www.stifirestop.com\/hs-fs\/hubfs\/Imported_Blog_Media\/traditional-collar-crop.jpg?width=1000&height=553&name=traditional-collar-crop.jpg\" \r\n                     alt=\"Fire stop penetration collar installation\"\r\n                     loading=\"lazy\"\r\n                     width=\"1000\"\r\n                     height=\"553\">\r\n                <div class=\"fsp-image-caption\">\r\n                    <span>\ud83d\udd25 Fire Stop Collar Installation<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- floating elements -->\r\n            <div class=\"fsp-float-element fsp-float-1\"><\/div>\r\n            <div class=\"fsp-float-element fsp-float-2\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - fsp-process-unique \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 (\u0986\u0997\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 \u09ab\u09b2\u09cb \u0995\u09b0\u09c7 \u09a8\u09be) *\/\r\n        .fsp-process-unique {\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            background: #0f172a;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 1.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* animated background grid *\/\r\n        .fsp-process-unique::before {\r\n            content: '';\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(rgba(211, 47, 47, 0.03) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(211, 47, 47, 0.03) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            animation: fsp-grid-move 20s linear infinite;\r\n        }\r\n\r\n        @keyframes fsp-grid-move {\r\n            0% { transform: translate(0, 0); }\r\n            100% { transform: translate(50px, 50px); }\r\n        }\r\n\r\n        \/* header section *\/\r\n        .fsp-process-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fsp-process-overline {\r\n            color: #d32f2f;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            letter-spacing: 4px;\r\n            text-transform: uppercase;\r\n            display: inline-block;\r\n            padding: 0.5rem 1.5rem;\r\n            background: rgba(211, 47, 47, 0.1);\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(211, 47, 47, 0.3);\r\n            margin-bottom: 1rem;\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .fsp-process-main-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: white;\r\n        }\r\n\r\n        .fsp-process-title-highlight {\r\n            color: #d32f2f;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .fsp-process-title-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #d32f2f, transparent);\r\n        }\r\n\r\n        .fsp-process-subtitle {\r\n            color: #94a3b8;\r\n            font-size: 1.1rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* main layout - mobile first *\/\r\n        .fsp-process-main {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* steps container - circular timeline style *\/\r\n        .fsp-process-steps-container {\r\n            position: relative;\r\n            order: 2;\r\n        }\r\n\r\n        .fsp-process-step-item {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            margin-bottom: 2rem;\r\n            position: relative;\r\n            animation: fsp-step-appear 0.6s ease-out var(--step-delay) both;\r\n        }\r\n\r\n        @keyframes fsp-step-appear {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .fsp-step-marker {\r\n            position: relative;\r\n            width: 60px;\r\n            height: 60px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .fsp-step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #d32f2f, #b71c1c);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: white;\r\n            box-shadow: 0 10px 20px -5px rgba(211, 47, 47, 0.5);\r\n            position: relative;\r\n            z-index: 2;\r\n            border: 3px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .fsp-step-pulse {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            background: rgba(211, 47, 47, 0.4);\r\n            animation: fsp-pulse 2s infinite;\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes fsp-pulse {\r\n            0% {\r\n                width: 60px;\r\n                height: 60px;\r\n                opacity: 0.5;\r\n            }\r\n            70% {\r\n                width: 80px;\r\n                height: 80px;\r\n                opacity: 0;\r\n            }\r\n            100% {\r\n                width: 60px;\r\n                height: 60px;\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        .fsp-step-content {\r\n            flex: 1;\r\n            padding-top: 0.5rem;\r\n        }\r\n\r\n        .fsp-step-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .fsp-step-desc {\r\n            color: #cbd5e1;\r\n            line-height: 1.6;\r\n            margin-bottom: 0.8rem;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .fsp-step-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .fsp-step-tags span {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(211, 47, 47, 0.3);\r\n            padding: 0.3rem 1rem;\r\n            border-radius: 50px;\r\n            font-size: 0.85rem;\r\n            color: #94a3b8;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fsp-step-tags span:hover {\r\n            background: #d32f2f;\r\n            color: white;\r\n            border-color: #d32f2f;\r\n        }\r\n\r\n        \/* decorative connector line *\/\r\n        .fsp-process-connector {\r\n            position: absolute;\r\n            left: 30px;\r\n            top: 30px;\r\n            bottom: 30px;\r\n            width: 2px;\r\n            background: linear-gradient(180deg, #d32f2f 0%, rgba(211, 47, 47, 0.2) 100%);\r\n            z-index: 0;\r\n        }\r\n\r\n        \/* image container *\/\r\n        .fsp-process-image-container {\r\n            order: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .fsp-process-image-wrapper {\r\n            position: relative;\r\n            border-radius: 40px;\r\n            overflow: hidden;\r\n            box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.6);\r\n            border: 2px solid rgba(211, 47, 47, 0.3);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .fsp-process-image-wrapper:hover {\r\n            transform: scale(1.02);\r\n            border-color: #d32f2f;\r\n            box-shadow: 0 40px 60px -20px rgba(211, 47, 47, 0.4);\r\n        }\r\n\r\n        .fsp-image-glow {\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle at 50% 50%, rgba(211, 47, 47, 0.2), transparent 70%);\r\n            animation: fsp-rotate 10s linear infinite;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes fsp-rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .fsp-process-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 400px;\r\n            object-fit: cover;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fsp-image-caption {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            backdrop-filter: blur(10px);\r\n            color: white;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            border: 1px solid #d32f2f;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* floating decorative elements *\/\r\n        .fsp-float-element {\r\n            position: absolute;\r\n            width: 100px;\r\n            height: 100px;\r\n            border: 2px solid rgba(211, 47, 47, 0.2);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .fsp-float-1 {\r\n            top: -20px;\r\n            right: -20px;\r\n            width: 150px;\r\n            height: 150px;\r\n            animation: fsp-float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .fsp-float-2 {\r\n            bottom: -30px;\r\n            left: -30px;\r\n            width: 200px;\r\n            height: 200px;\r\n            animation: fsp-float 8s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes fsp-float {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n            50% { transform: translate(20px, -20px) rotate(10deg); }\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .fsp-process-hidden {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px and up) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .fsp-process-unique {\r\n                padding: 5rem 2.5rem;\r\n            }\r\n\r\n            .fsp-process-main {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                gap: 4rem;\r\n            }\r\n\r\n            .fsp-process-steps-container {\r\n                order: 1;\r\n                flex: 1;\r\n            }\r\n\r\n            .fsp-process-image-container {\r\n                order: 2;\r\n                flex: 1;\r\n            }\r\n\r\n            .fsp-process-main-title {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1024px and up) ===== *\/\r\n        @media screen and (min-width: 1024px) {\r\n            .fsp-process-unique {\r\n                padding: 6rem 3rem;\r\n            }\r\n\r\n            .fsp-process-main-title {\r\n                font-size: 3.5rem;\r\n            }\r\n\r\n            .fsp-step-title {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .fsp-step-desc {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09ac\u09dc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1300px+) ===== *\/\r\n        @media screen and (min-width: 1300px) {\r\n            .fsp-process-main-title {\r\n                font-size: 4rem;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .fsp-process-unique {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .fsp-process-main-title {\r\n                font-size: 2rem;\r\n            }\r\n            .fsp-step-marker {\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n            .fsp-step-number {\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.5rem;\r\n            }\r\n            .fsp-process-connector {\r\n                left: 25px;\r\n            }\r\n            .fsp-image-caption {\r\n                font-size: 0.8rem;\r\n                padding: 0.5rem 1rem;\r\n            }\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<div class=\"elementor-element elementor-element-e6fed83 e-flex e-con-boxed e-con e-parent\" data-id=\"e6fed83\" 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-875551a elementor-widget elementor-widget-html\" data-id=\"875551a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 5 - FIRE STOP PENETRATION: Where Fire Stop Penetration Systems Are Used (UNIQUE DESIGN) -->\r\n<section class=\"fsp-applications-unique\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"fsp-app-hidden\" aria-hidden=\"true\">fire stop applications, penetration sealing, building fire protection<\/div>\r\n\r\n    <!-- section header with unique styling -->\r\n    <div class=\"fsp-app-header\">\r\n        <div class=\"fsp-app-badge\">\r\n            <span class=\"fsp-app-badge-icon\">\ud83d\udccd<\/span>\r\n            <span class=\"fsp-app-badge-text\">APPLICATION AREAS<\/span>\r\n        <\/div>\r\n        <h2 class=\"fsp-app-main-title\">Where Fire Stop Penetration <span class=\"fsp-app-title-highlight\">Systems Are Used<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <!-- main content -->\r\n    <div class=\"fsp-app-main\">\r\n        <!-- LEFT: text content with categorized applications -->\r\n        <div class=\"fsp-app-content\">\r\n            <!-- description card -->\r\n            <div class=\"fsp-app-description-card\">\r\n                <div class=\"fsp-app-desc-icon\">\ud83c\udfe2<\/div>\r\n                <p class=\"fsp-app-description\">\r\n                    Fire stop penetration systems are essential in buildings where pipes, cables, and ducts penetrate fire rated walls and floors. These systems help maintain compartmentation and prevent fire spread.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- applications grid - categorized -->\r\n            <div class=\"fsp-app-categories\">\r\n                <!-- Commercial & Retail -->\r\n                <div class=\"fsp-app-category\">\r\n                    <h3 class=\"fsp-app-category-title\">\r\n                        <span class=\"fsp-app-category-icon\">\ud83c\udfec<\/span>\r\n                        Commercial & Retail\r\n                    <\/h3>\r\n                    <div class=\"fsp-app-items\">\r\n                        <span class=\"fsp-app-item\">Commercial buildings<\/span>\r\n                        <span class=\"fsp-app-item\">Shopping malls<\/span>\r\n                        <span class=\"fsp-app-item\">Hotels<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Healthcare & Education -->\r\n                <div class=\"fsp-app-category\">\r\n                    <h3 class=\"fsp-app-category-title\">\r\n                        <span class=\"fsp-app-category-icon\">\ud83c\udfe5<\/span>\r\n                        Healthcare & Education\r\n                    <\/h3>\r\n                    <div class=\"fsp-app-items\">\r\n                        <span class=\"fsp-app-item\">Hospitals<\/span>\r\n                        <span class=\"fsp-app-item\">Healthcare facilities<\/span>\r\n                        <span class=\"fsp-app-item\">Educational institutions<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Industrial & Data -->\r\n                <div class=\"fsp-app-category\">\r\n                    <h3 class=\"fsp-app-category-title\">\r\n                        <span class=\"fsp-app-category-icon\">\ud83c\udfed<\/span>\r\n                        Industrial & Data\r\n                    <\/h3>\r\n                    <div class=\"fsp-app-items\">\r\n                        <span class=\"fsp-app-item\">Industrial facilities<\/span>\r\n                        <span class=\"fsp-app-item\">Data centers<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Residential & Office -->\r\n                <div class=\"fsp-app-category\">\r\n                    <h3 class=\"fsp-app-category-title\">\r\n                        <span class=\"fsp-app-category-icon\">\ud83c\udfe2<\/span>\r\n                        Residential & Office\r\n                    <\/h3>\r\n                    <div class=\"fsp-app-items\">\r\n                        <span class=\"fsp-app-item\">High rise residential<\/span>\r\n                        <span class=\"fsp-app-item\">Office buildings<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- key feature badges -->\r\n            <div class=\"fsp-app-features\">\r\n                <div class=\"fsp-app-feature\">\r\n                    <span class=\"fsp-app-feature-dot\"><\/span>\r\n                    <span>Fire rated walls & floors<\/span>\r\n                <\/div>\r\n                <div class=\"fsp-app-feature\">\r\n                    <span class=\"fsp-app-feature-dot\"><\/span>\r\n                    <span>Pipe & cable penetrations<\/span>\r\n                <\/div>\r\n                <div class=\"fsp-app-feature\">\r\n                    <span class=\"fsp-app-feature-dot\"><\/span>\r\n                    <span>Maintains compartmentation<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: image with architectural frame -->\r\n        <div class=\"fsp-app-image-side\">\r\n            <div class=\"fsp-app-image-wrapper\">\r\n                <!-- architectural frame elements -->\r\n                <div class=\"fsp-app-frame fsp-app-frame-tl\"><\/div>\r\n                <div class=\"fsp-app-frame fsp-app-frame-tr\"><\/div>\r\n                <div class=\"fsp-app-frame fsp-app-frame-bl\"><\/div>\r\n                <div class=\"fsp-app-frame fsp-app-frame-br\"><\/div>\r\n                \r\n                <!-- main image -->\r\n                <img loading=\"lazy\" decoding=\"async\" class=\"fsp-app-image\" \r\n                     src=\"https:\/\/sika.scene7.com\/is\/image\/sikacs\/glo-Seite-20-21-Fire-Stopping-application-building-00411364?fit=crop%2C1&wid=480&hei=320&fmt=\" \r\n                     alt=\"Fire stop penetration system installed in building\"\r\n                     loading=\"lazy\"\r\n                     width=\"480\"\r\n                     height=\"320\">\r\n                \r\n                <!-- overlay stats -->\r\n                <div class=\"fsp-app-stats\">\r\n                    <div class=\"fsp-app-stat\">\r\n                        <span class=\"fsp-app-stat-number\">15+<\/span>\r\n                        <span class=\"fsp-app-stat-label\">Years Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-app-stat-divider\"><\/div>\r\n                    <div class=\"fsp-app-stat\">\r\n                        <span class=\"fsp-app-stat-number\">500+<\/span>\r\n                        <span class=\"fsp-app-stat-label\">Projects<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- floating badge -->\r\n            <div class=\"fsp-app-floating-badge\">\r\n                <span class=\"fsp-app-badge-icon\">\ud83d\udd25<\/span>\r\n                <span>Fire Stop Certified<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - fsp-applications-unique \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 (\u0986\u0997\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 \u09ab\u09b2\u09cb \u0995\u09b0\u09c7 \u09a8\u09be) *\/\r\n        .fsp-applications-unique {\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 1.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* abstract background shapes *\/\r\n        .fsp-applications-unique::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            right: -100px;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.05) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .fsp-applications-unique::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -50px;\r\n            left: -50px;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: radial-gradient(circle, rgba(211, 47, 47, 0.05) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        \/* header section *\/\r\n        .fsp-app-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        .fsp-app-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background: white;\r\n            padding: 0.5rem 1.5rem;\r\n            border-radius: 50px;\r\n            box-shadow: 0 10px 25px -10px rgba(211, 47, 47, 0.3);\r\n            border: 1px solid rgba(211, 47, 47, 0.2);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .fsp-app-badge-icon {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .fsp-app-badge-text {\r\n            color: #d32f2f;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .fsp-app-main-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fsp-app-title-highlight {\r\n            color: #d32f2f;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .fsp-app-title-highlight::before {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 8px;\r\n            background: rgba(211, 47, 47, 0.2);\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* main layout - mobile first *\/\r\n        .fsp-app-main {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* LEFT: content side *\/\r\n        .fsp-app-content {\r\n            order: 2;\r\n        }\r\n\r\n        .fsp-app-description-card {\r\n            background: white;\r\n            border-radius: 30px;\r\n            padding: 2rem;\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            align-items: flex-start;\r\n            box-shadow: 0 20px 35px -15px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid rgba(211, 47, 47, 0.1);\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .fsp-app-desc-icon {\r\n            font-size: 2.5rem;\r\n            background: rgba(211, 47, 47, 0.1);\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fsp-app-description {\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n            color: #334155;\r\n            flex: 1;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* categories grid *\/\r\n        .fsp-app-categories {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .fsp-app-category {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 1.5rem;\r\n            box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.05);\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fsp-app-category:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 30px -15px rgba(211, 47, 47, 0.2);\r\n            border-color: rgba(211, 47, 47, 0.2);\r\n        }\r\n\r\n        .fsp-app-category-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: #0b1e2c;\r\n            margin-bottom: 1rem;\r\n            padding-bottom: 0.5rem;\r\n            border-bottom: 2px solid rgba(211, 47, 47, 0.1);\r\n        }\r\n\r\n        .fsp-app-category-icon {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .fsp-app-items {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.8rem;\r\n        }\r\n\r\n        .fsp-app-item {\r\n            background: #f8fafc;\r\n            color: #475569;\r\n            padding: 0.4rem 1rem;\r\n            border-radius: 50px;\r\n            font-size: 0.95rem;\r\n            border: 1px solid #e2e8f0;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fsp-app-item:hover {\r\n            background: #d32f2f;\r\n            color: white;\r\n            border-color: #d32f2f;\r\n        }\r\n\r\n        \/* feature badges *\/\r\n        .fsp-app-features {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1.5rem;\r\n            background: white;\r\n            padding: 1.2rem 2rem;\r\n            border-radius: 50px;\r\n            box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid rgba(211, 47, 47, 0.2);\r\n        }\r\n\r\n        .fsp-app-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: #334155;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .fsp-app-feature-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #d32f2f;\r\n            border-radius: 50%;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* RIGHT: image side *\/\r\n        .fsp-app-image-side {\r\n            order: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .fsp-app-image-wrapper {\r\n            position: relative;\r\n            border-radius: 40px;\r\n            overflow: hidden;\r\n            box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* architectural frame corners *\/\r\n        .fsp-app-frame {\r\n            position: absolute;\r\n            width: 50px;\r\n            height: 50px;\r\n            border: 3px solid #d32f2f;\r\n            z-index: 3;\r\n            opacity: 0;\r\n            animation: fsp-frame-appear 0.5s ease forwards 0.5s;\r\n        }\r\n\r\n        @keyframes fsp-frame-appear {\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .fsp-app-frame-tl {\r\n            top: 20px;\r\n            left: 20px;\r\n            border-right: none;\r\n            border-bottom: none;\r\n            border-radius: 20px 0 0 0;\r\n        }\r\n\r\n        .fsp-app-frame-tr {\r\n            top: 20px;\r\n            right: 20px;\r\n            border-left: none;\r\n            border-bottom: none;\r\n            border-radius: 0 20px 0 0;\r\n        }\r\n\r\n        .fsp-app-frame-bl {\r\n            bottom: 20px;\r\n            left: 20px;\r\n            border-right: none;\r\n            border-top: none;\r\n            border-radius: 0 0 0 20px;\r\n        }\r\n\r\n        .fsp-app-frame-br {\r\n            bottom: 20px;\r\n            right: 20px;\r\n            border-left: none;\r\n            border-top: none;\r\n            border-radius: 0 0 20px 0;\r\n        }\r\n\r\n        .fsp-app-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 400px;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fsp-app-image-wrapper:hover .fsp-app-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* stats overlay *\/\r\n        .fsp-app-stats {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            right: 30px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 30px;\r\n            padding: 1.2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\r\n            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.2);\r\n            border: 1px solid rgba(211, 47, 47, 0.3);\r\n            z-index: 4;\r\n        }\r\n\r\n        .fsp-app-stat {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .fsp-app-stat-number {\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: #d32f2f;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fsp-app-stat-label {\r\n            font-size: 0.8rem;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .fsp-app-stat-divider {\r\n            width: 2px;\r\n            height: 30px;\r\n            background: rgba(211, 47, 47, 0.3);\r\n        }\r\n\r\n        \/* floating badge *\/\r\n        .fsp-app-floating-badge {\r\n            position: absolute;\r\n            top: -15px;\r\n            right: -15px;\r\n            background: #d32f2f;\r\n            color: white;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            box-shadow: 0 15px 25px -8px rgba(211, 47, 47, 0.5);\r\n            border: 2px solid white;\r\n            z-index: 5;\r\n            animation: fsp-badge-float 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes fsp-badge-float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .fsp-app-hidden {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (600px+) ===== *\/\r\n        @media screen and (min-width: 600px) {\r\n            .fsp-app-categories {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px+) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .fsp-applications-unique {\r\n                padding: 5rem 2.5rem;\r\n            }\r\n\r\n            .fsp-app-main {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                gap: 4rem;\r\n            }\r\n\r\n            .fsp-app-content {\r\n                order: 1;\r\n                flex: 1;\r\n            }\r\n\r\n            .fsp-app-image-side {\r\n                order: 2;\r\n                flex: 1;\r\n            }\r\n\r\n            .fsp-app-main-title {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1024px+) ===== *\/\r\n        @media screen and (min-width: 1024px) {\r\n            .fsp-app-main-title {\r\n                font-size: 3.2rem;\r\n            }\r\n            .fsp-app-category-title {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .fsp-applications-unique {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .fsp-app-main-title {\r\n                font-size: 2rem;\r\n            }\r\n            .fsp-app-description-card {\r\n                flex-direction: column;\r\n                padding: 1.5rem;\r\n            }\r\n            .fsp-app-features {\r\n                flex-direction: column;\r\n                gap: 0.8rem;\r\n                border-radius: 30px;\r\n                padding: 1.2rem;\r\n            }\r\n            .fsp-app-floating-badge {\r\n                top: -10px;\r\n                right: -10px;\r\n                padding: 0.5rem 1rem;\r\n                font-size: 0.8rem;\r\n            }\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<div class=\"elementor-element elementor-element-08488ed e-flex e-con-boxed e-con e-parent\" data-id=\"08488ed\" 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-db4926a elementor-widget elementor-widget-html\" data-id=\"db4926a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 6 - FIRE STOP PENETRATION: Secure Your Building (UNIQUE FULL-WIDTH CTA DESIGN) -->\r\n<section class=\"fsp-cta-universe\">\r\n    <!-- hidden search keywords -->\r\n    <div class=\"fsp-cta-hidden\" aria-hidden=\"true\">fire stop penetration, building fire safety, fire protection systems<\/div>\r\n\r\n    <!-- full-width background container -->\r\n    <div class=\"fsp-cta-background\">\r\n        <!-- overlay with unique pattern -->\r\n        <div class=\"fsp-cta-overlay\"><\/div>\r\n        \r\n        <!-- main content container -->\r\n        <div class=\"fsp-cta-container\">\r\n            <!-- left side: decorative elements -->\r\n            <div class=\"fsp-cta-decor\">\r\n                <div class=\"fsp-cta-shape fsp-cta-shape-1\"><\/div>\r\n                <div class=\"fsp-cta-shape fsp-cta-shape-2\"><\/div>\r\n                <div class=\"fsp-cta-shape fsp-cta-shape-3\"><\/div>\r\n                <div class=\"fsp-cta-shape fsp-cta-shape-4\"><\/div>\r\n                <div class=\"fsp-cta-shape fsp-cta-shape-5\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- right side: content card -->\r\n            <div class=\"fsp-cta-card\">\r\n                <!-- floating badge -->\r\n                <div class=\"fsp-cta-floating-badge\">\r\n                    <span class=\"fsp-cta-badge-icon\">\ud83d\udee1\ufe0f<\/span>\r\n                    <span class=\"fsp-cta-badge-text\">CERTIFIED SAFETY<\/span>\r\n                <\/div>\r\n\r\n                <!-- main heading with unique styling -->\r\n                <h2 class=\"fsp-cta-heading\">\r\n                    <span class=\"fsp-cta-heading-line\">Secure Your Building<\/span>\r\n                    <span class=\"fsp-cta-heading-line fsp-cta-heading-highlight\">with Fire Stop Systems<\/span>\r\n                <\/h2>\r\n\r\n                <!-- description with icon grid -->\r\n                <p class=\"fsp-cta-description\">\r\n                    Dudof (BD) LTD provides professional fire stop penetration services to prevent fire spread through pipe, cable, and duct penetrations. Our systems improve safety, preserve structural integrity, and ensure compliance with modern fire regulations.\r\n                <\/p>\r\n\r\n                <!-- feature mini-grid -->\r\n                <div class=\"fsp-cta-features\">\r\n                    <div class=\"fsp-cta-feature\">\r\n                        <span class=\"fsp-cta-feature-icon\">\u2713<\/span>\r\n                        <span class=\"fsp-cta-feature-text\">24\/7 Emergency Support<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-cta-feature\">\r\n                        <span class=\"fsp-cta-feature-icon\">\u2713<\/span>\r\n                        <span class=\"fsp-cta-feature-text\">ISO Certified<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-cta-feature\">\r\n                        <span class=\"fsp-cta-feature-icon\">\u2713<\/span>\r\n                        <span class=\"fsp-cta-feature-text\">Free Consultation<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-cta-feature\">\r\n                        <span class=\"fsp-cta-feature-icon\">\u2713<\/span>\r\n                        <span class=\"fsp-cta-feature-text\">5-Year Warranty<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- button group with unique design -->\r\n                <div class=\"fsp-cta-buttons\">\r\n                    <a href=\"#\" class=\"fsp-cta-btn fsp-cta-btn-primary\">\r\n                        <span class=\"fsp-cta-btn-text\">Request Free Consultation<\/span>\r\n                        <span class=\"fsp-cta-btn-icon\">\u2192<\/span>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"fsp-cta-btn fsp-cta-btn-secondary\">\r\n                        <span class=\"fsp-cta-btn-text\">Contact Dudof (BD) LTD<\/span>\r\n                        <span class=\"fsp-cta-btn-icon\">\u2709<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- trust indicators -->\r\n                <div class=\"fsp-cta-trust\">\r\n                    <div class=\"fsp-cta-trust-item\">\r\n                        <span class=\"fsp-cta-trust-icon\">\ud83c\udfc6<\/span>\r\n                        <span class=\"fsp-cta-trust-text\">15+ Years Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-cta-trust-item\">\r\n                        <span class=\"fsp-cta-trust-icon\">\ud83d\udc65<\/span>\r\n                        <span class=\"fsp-cta-trust-text\">500+ Happy Clients<\/span>\r\n                    <\/div>\r\n                    <div class=\"fsp-cta-trust-item\">\r\n                        <span class=\"fsp-cta-trust-icon\">\ud83d\udccb<\/span>\r\n                        <span class=\"fsp-cta-trust-text\">Compliance Guaranteed<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cd\u099f\u09be\u0987\u09b2 - fsp-cta-universe \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09b8\u09b9 (\u0986\u0997\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 \u09ab\u09b2\u09cb \u0995\u09b0\u09c7 \u09a8\u09be) *\/\r\n        .fsp-cta-universe {\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 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        }\r\n\r\n        .fsp-cta-background {\r\n            width: 100%;\r\n            background-image: url('https:\/\/tfire.com.au\/wp-content\/uploads\/2025\/07\/Fire-Protection-Systems.204Z.png');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            position: relative;\r\n            min-height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* creative overlay with multiple layers *\/\r\n        .fsp-cta-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(95deg, \r\n                rgba(0, 0, 0, 0.85) 0%, \r\n                rgba(0, 0, 0, 0.7) 40%,\r\n                rgba(0, 0, 0, 0.4) 80%,\r\n                rgba(0, 0, 0, 0.2) 100%\r\n            );\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* main container *\/\r\n        .fsp-cta-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* decorative shapes - left side *\/\r\n        .fsp-cta-decor {\r\n            position: absolute;\r\n            left: 5%;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 300px;\r\n            height: 300px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .fsp-cta-shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(211, 47, 47, 0.1);\r\n            animation: fsp-shape-float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .fsp-cta-shape-1 {\r\n            width: 100px;\r\n            height: 100px;\r\n            top: 0;\r\n            left: 0;\r\n            background: rgba(211, 47, 47, 0.15);\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .fsp-cta-shape-2 {\r\n            width: 150px;\r\n            height: 150px;\r\n            bottom: 0;\r\n            right: 0;\r\n            background: rgba(211, 47, 47, 0.1);\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .fsp-cta-shape-3 {\r\n            width: 70px;\r\n            height: 70px;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            background: rgba(211, 47, 47, 0.2);\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .fsp-cta-shape-4 {\r\n            width: 40px;\r\n            height: 40px;\r\n            top: 20%;\r\n            right: 20%;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            animation-delay: 1.5s;\r\n        }\r\n\r\n        .fsp-cta-shape-5 {\r\n            width: 200px;\r\n            height: 200px;\r\n            bottom: -50px;\r\n            left: -50px;\r\n            background: rgba(211, 47, 47, 0.05);\r\n            animation-delay: 2.5s;\r\n        }\r\n\r\n        @keyframes fsp-shape-float {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(20px, -20px) scale(1.1); }\r\n        }\r\n\r\n        \/* content card - right side *\/\r\n        .fsp-cta-card {\r\n            background: rgba(255, 255, 255, 0.98);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 50px;\r\n            padding: 3rem;\r\n            max-width: 600px;\r\n            width: 100%;\r\n            box-shadow: \r\n                0 40px 70px -20px rgba(0, 0, 0, 0.5),\r\n                0 0 0 2px rgba(211, 47, 47, 0.3),\r\n                0 0 0 5px rgba(255, 255, 255, 0.1);\r\n            position: relative;\r\n            border: 1px solid rgba(211, 47, 47, 0.3);\r\n            animation: fsp-card-appear 1s ease-out;\r\n        }\r\n\r\n        @keyframes fsp-card-appear {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        \/* floating badge *\/\r\n        .fsp-cta-floating-badge {\r\n            position: absolute;\r\n            top: -20px;\r\n            left: 30px;\r\n            background: linear-gradient(135deg, #d32f2f, #b71c1c);\r\n            color: white;\r\n            padding: 0.8rem 2rem;\r\n            border-radius: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            box-shadow: 0 20px 30px -10px rgba(211, 47, 47, 0.5);\r\n            border: 2px solid white;\r\n            font-weight: 600;\r\n            animation: fsp-badge-pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes fsp-badge-pulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n        }\r\n\r\n        .fsp-cta-badge-icon {\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        .fsp-cta-badge-text {\r\n            font-size: 0.9rem;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* heading *\/\r\n        .fsp-cta-heading {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .fsp-cta-heading-line {\r\n            display: block;\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            color: #0b1e2c;\r\n        }\r\n\r\n        .fsp-cta-heading-highlight {\r\n            color: #d32f2f;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .fsp-cta-heading-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 8px;\r\n            background: rgba(211, 47, 47, 0.2);\r\n            z-index: -1;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        \/* description *\/\r\n        .fsp-cta-description {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #475569;\r\n            margin-bottom: 2rem;\r\n            padding-bottom: 2rem;\r\n            border-bottom: 2px dashed rgba(211, 47, 47, 0.2);\r\n        }\r\n\r\n        \/* feature mini-grid *\/\r\n        .fsp-cta-features {\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        .fsp-cta-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background: #f8fafc;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 50px;\r\n            border: 1px solid #e2e8f0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fsp-cta-feature:hover {\r\n            background: #d32f2f;\r\n            border-color: #d32f2f;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .fsp-cta-feature:hover .fsp-cta-feature-text {\r\n            color: white;\r\n        }\r\n\r\n        .fsp-cta-feature-icon {\r\n            color: #d32f2f;\r\n            font-weight: 700;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .fsp-cta-feature:hover .fsp-cta-feature-icon {\r\n            color: white;\r\n        }\r\n\r\n        .fsp-cta-feature-text {\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            color: #334155;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        \/* button group *\/\r\n        .fsp-cta-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .fsp-cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 1rem 2rem;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            border-radius: 60px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fsp-cta-btn-primary {\r\n            background: linear-gradient(135deg, #d32f2f, #b71c1c);\r\n            color: white;\r\n            box-shadow: 0 15px 25px -8px rgba(211, 47, 47, 0.4);\r\n        }\r\n\r\n        .fsp-cta-btn-primary:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: 0 25px 35px -8px rgba(211, 47, 47, 0.6);\r\n        }\r\n\r\n        .fsp-cta-btn-secondary {\r\n            background: transparent;\r\n            color: #0b1e2c;\r\n            border: 2px solid #0b1e2c;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fsp-cta-btn-secondary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #0b1e2c;\r\n            transition: left 0.3s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        .fsp-cta-btn-secondary:hover {\r\n            color: white;\r\n            border-color: #0b1e2c;\r\n        }\r\n\r\n        .fsp-cta-btn-secondary:hover::before {\r\n            left: 0;\r\n        }\r\n\r\n        .fsp-cta-btn-icon {\r\n            font-size: 1.3rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fsp-cta-btn:hover .fsp-cta-btn-icon {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* trust indicators *\/\r\n        .fsp-cta-trust {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            padding-top: 1.5rem;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .fsp-cta-trust-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 0.3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .fsp-cta-trust-icon {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .fsp-cta-trust-text {\r\n            font-size: 0.8rem;\r\n            color: #64748b;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* hidden keywords *\/\r\n        .fsp-cta-hidden {\r\n            display: none;\r\n        }\r\n\r\n        \/* ===== \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f (768px and up) ===== *\/\r\n        @media screen and (min-width: 768px) {\r\n            .fsp-cta-container {\r\n                padding: 5rem 3rem;\r\n            }\r\n            .fsp-cta-heading-line {\r\n                font-size: 2.5rem;\r\n            }\r\n            .fsp-cta-buttons {\r\n                flex-direction: row;\r\n            }\r\n            .fsp-cta-btn {\r\n                flex: 1;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1024px and up) ===== *\/\r\n        @media screen and (min-width: 1024px) {\r\n            .fsp-cta-container {\r\n                padding: 6rem 4rem;\r\n            }\r\n            .fsp-cta-heading-line {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== \u09ac\u09dc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (1300px+) ===== *\/\r\n        @media screen and (min-width: 1300px) {\r\n            .fsp-cta-heading-line {\r\n                font-size: 3.5rem;\r\n            }\r\n        }\r\n\r\n        \/* \u099b\u09cb\u099f \u09ae\u09cb\u09ac\u09be\u0987\u09b2 *\/\r\n        @media screen and (max-width: 480px) {\r\n            .fsp-cta-container {\r\n                padding: 3rem 1rem;\r\n                justify-content: center;\r\n            }\r\n            .fsp-cta-card {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n            .fsp-cta-heading-line {\r\n                font-size: 1.8rem;\r\n            }\r\n            .fsp-cta-features {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .fsp-cta-trust {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n                align-items: center;\r\n            }\r\n            .fsp-cta-floating-badge {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                white-space: nowrap;\r\n            }\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 stop penetration, fire stopping solutions, pipe penetration fire seal \ud83d\udd25 FIRE SAFETY SPECIALISTS Fire Stop Penetration Installation Service Dudof (BD) LTD provides reliable Fire Stop Penetration solutions that prevent fire and smoke from spreading through pipe, cable, and duct penetrations in walls and floors. Our systems<\/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-2527","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2527","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=2527"}],"version-history":[{"count":13,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2527\/revisions"}],"predecessor-version":[{"id":2541,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2527\/revisions\/2541"}],"wp:attachment":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}