{"id":2468,"date":"2026-03-08T10:23:12","date_gmt":"2026-03-08T10:23:12","guid":{"rendered":"http:\/\/www.main.dudofbd.com\/?page_id=2468"},"modified":"2026-03-08T10:49:40","modified_gmt":"2026-03-08T10:49:40","slug":"elementor-2468","status":"publish","type":"page","link":"https:\/\/dudofbd.com\/?page_id=2468","title":{"rendered":"Fire Stop Collar"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Fire Stop Collar \u00b7 Dudof BD<\/title>\r\n <style>\r\n \/* reset & base \u2014 responsive, mobile first *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .hero-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 2rem 1.5rem;\r\n color: #1e1e2f;\r\n }\r\n\r\n \/* grid layout: left text \/ right image *\/\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n align-items: center;\r\n }\r\n\r\n \/* text content *\/\r\n .hero-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n order: 1;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 1.25rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero-description {\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n color: #2d3e50;\r\n margin-bottom: 2rem;\r\n max-width: 600px;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* button group \u2014 stack on mobile, row on tablet+ *\/\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n width: 100%;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0.9rem 2rem;\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.2s ease;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n line-height: 1.2;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: #d32f2f;\r\n color: white;\r\n box-shadow: 0 6px 14px rgba(211, 47, 47, 0.25);\r\n border-color: #d32f2f;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #b71c1c;\r\n border-color: #b71c1c;\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 20px rgba(183, 28, 28, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: #0b2b3b;\r\n border: 2px solid #0b2b3b;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #0b2b3b;\r\n color: white;\r\n border-color: #0b2b3b;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* image container \u2014 right side *\/\r\n .hero-image-wrapper {\r\n order: 2;\r\n width: 100%;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.25);\r\n background: #f0f3f7;\r\n transition: all 0.3s;\r\n }\r\n\r\n .hero-image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 460px;\r\n object-fit: cover;\r\n object-position: center;\r\n aspect-ratio: 1000 \/ 553; \/* matches original image ratio *\/\r\n background: #e0e7ef;\r\n }\r\n\r\n \/* small note for keywords (invisible but present) *\/\r\n .meta-keywords {\r\n display: none;\r\n }\r\n\r\n \/* ===== TABLET (768px and up) ===== *\/\r\n @media screen and (min-width: 768px) {\r\n .hero-section {\r\n padding: 3rem 2.5rem;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .hero-content {\r\n order: 1; \/* text remains left *\/\r\n }\r\n\r\n .hero-image-wrapper {\r\n order: 2; \/* image right *\/\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.6rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 2.2rem;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n \/* ===== DESKTOP \/ LAPTOP (1024px and up) ===== *\/\r\n @media screen and (min-width: 1024px) {\r\n .hero-section {\r\n padding: 4rem 3rem;\r\n }\r\n\r\n .hero-grid {\r\n gap: 3rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .hero-description {\r\n font-size: 1.2rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 1.1rem 2.6rem;\r\n font-size: 1.15rem;\r\n }\r\n\r\n .hero-image-wrapper {\r\n border-radius: 32px;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1300px+) ===== *\/\r\n @media screen and (min-width: 1300px) {\r\n .hero-title {\r\n font-size: 3.5rem;\r\n }\r\n .hero-description {\r\n font-size: 1.3rem;\r\n }\r\n }\r\n\r\n \/* touch up for very small mobile (375px) *\/\r\n @media screen and (max-width: 420px) {\r\n .hero-title {\r\n font-size: 1.9rem;\r\n }\r\n .btn {\r\n width: 100%; \/* full width buttons on tiny mobile *\/\r\n white-space: normal;\r\n text-align: center;\r\n padding: 0.85rem 1rem;\r\n }\r\n .hero-section {\r\n padding: 1.5rem 1rem;\r\n }\r\n }\r\n\r\n \/* keep left\/right integrity, never overflow *\/\r\n img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero section \u2013 Fire Stop Collar Installation Service -->\r\n <section class=\"hero-section\">\r\n <!-- hidden keywords for search \/ context (Google search keywords) -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">fire stop collar pipe penetration, fire stop collar installation<\/div>\r\n\r\n <div class=\"hero-grid\">\r\n <!-- LEFT: text content -->\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Fire Stop Collar Installation Service<\/h1>\r\n <p class=\"hero-description\">\r\n Dudof BD Ltd provides professional Fire Stop Collar installation services that prevent fire and smoke from spreading through pipe openings in walls and floors. This passive fire protection system helps maintain the fire resistance of buildings and improves overall safety.\r\n <\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#\" class=\"btn btn-primary\">Get Consultation<\/a>\r\n <a href=\"#\" class=\"btn btn-secondary\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: image as per exact URL, fully responsive -->\r\n <div class=\"hero-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"hero-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 collar installed around pipe penetration through wall \u2014 passive fire protection system\"\r\n loading=\"lazy\"\r\n width=\"1000\"\r\n height=\"553\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- tiny assurance: the exact image from URL is placed, with correct ratio and responsiveness -->\r\n<\/body>\r\n<\/html>\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-73554e7 e-flex e-con-boxed e-con e-parent\" data-id=\"73554e7\" 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-72b1d01 elementor-widget elementor-widget-html\" data-id=\"72b1d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n <title>About Fire Stop Collar \u00b7 Dudof BD<\/title>\r\n <style>\r\n \/* reset & base \u2014 mobile first, completely responsive *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .about-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #f8fafc; \/* soft background to separate from hero *\/\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 2.5rem 1.5rem;\r\n color: #1e1e2f;\r\n }\r\n\r\n \/* grid layout: left image \/ right text (mobile: stacked) *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n align-items: center;\r\n }\r\n\r\n \/* image container \u2014 left side on desktop, top on mobile *\/\r\n .about-image-wrapper {\r\n order: 1; \/* image first on mobile *\/\r\n width: 100%;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 22px 35px -12px rgba(0, 20, 30, 0.25);\r\n background: #e9f0f5;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .about-image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 460px;\r\n object-fit: cover;\r\n object-position: center;\r\n aspect-ratio: 4 \/ 3; \/* flexible, keeps consistent shape *\/\r\n background: #d0dfeb;\r\n }\r\n\r\n \/* text content \u2014 right side on desktop *\/\r\n .about-content {\r\n order: 2; \/* text second on mobile *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .about-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 1.3rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.01em;\r\n border-left: 6px solid #d32f2f;\r\n padding-left: 1.2rem;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1.1rem;\r\n line-height: 1.7;\r\n color: #2d3e50;\r\n margin-bottom: 1.3rem;\r\n max-width: 650px;\r\n }\r\n\r\n .about-text p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* subtle highlight for intumescent concept *\/\r\n .intumescent-highlight {\r\n font-weight: 600;\r\n color: #b71c1c;\r\n background: linear-gradient(120deg, rgba(211,47,47,0.08) 0%, rgba(211,47,47,0.02) 80%);\r\n padding: 0.1rem 0.3rem;\r\n border-radius: 6px;\r\n }\r\n\r\n \/* hidden keyword metadata (visible for search, no layout impact) *\/\r\n .meta-keywords {\r\n display: none;\r\n }\r\n\r\n \/* ===== TABLET (768px and up) ===== *\/\r\n @media screen and (min-width: 768px) {\r\n .about-section {\r\n padding: 3.5rem 2.5rem;\r\n }\r\n\r\n .about-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.2rem;\r\n }\r\n\r\n .about-image-wrapper {\r\n order: 1; \/* left *\/\r\n }\r\n\r\n .about-content {\r\n order: 2; \/* right *\/\r\n }\r\n\r\n .about-title {\r\n font-size: 2.4rem;\r\n padding-left: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1.15rem;\r\n }\r\n }\r\n\r\n \/* ===== DESKTOP \/ LAPTOP (1024px and up) ===== *\/\r\n @media screen and (min-width: 1024px) {\r\n .about-section {\r\n padding: 4.5rem 3rem;\r\n }\r\n\r\n .about-grid {\r\n gap: 3.5rem;\r\n }\r\n\r\n .about-title {\r\n font-size: 2.9rem;\r\n margin-bottom: 1.8rem;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .about-image-wrapper {\r\n border-radius: 32px;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1300px+) ===== *\/\r\n @media screen and (min-width: 1300px) {\r\n .about-title {\r\n font-size: 3.2rem;\r\n }\r\n .about-text p {\r\n font-size: 1.25rem;\r\n }\r\n }\r\n\r\n \/* small mobile refinement (under 480px) *\/\r\n @media screen and (max-width: 480px) {\r\n .about-section {\r\n padding: 2rem 1rem;\r\n }\r\n .about-title {\r\n font-size: 1.9rem;\r\n padding-left: 1rem;\r\n border-left-width: 5px;\r\n }\r\n .about-text p {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n \/* image never overflows *\/\r\n img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- About Fire Stop Collar section \u2013 left image, right text (responsive) -->\r\n <section class=\"about-section\">\r\n <!-- hidden search keywords: intumescent fire stop collar, fire stop collar plastic pipe -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">intumescent fire stop collar, fire stop collar plastic pipe<\/div>\r\n\r\n <div class=\"about-grid\">\r\n <!-- LEFT: image (exact URL) -->\r\n <div class=\"about-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"about-image\" \r\n src=\"https:\/\/www.iep.com.my\/wp-content\/uploads\/2020\/09\/LCC-firestop-collars.jpg\" \r\n alt=\"Intumescent fire stop collars installed around plastic pipes for passive fire protection\"\r\n loading=\"lazy\"\r\n width=\"800\"\r\n height=\"600\">\r\n <\/div>\r\n\r\n <!-- RIGHT: text content -->\r\n <div class=\"about-content\">\r\n <h2 class=\"about-title\">What is a Fire Stop Collar<\/h2>\r\n <div class=\"about-text\">\r\n <p>A Fire Stop Collar is a passive fire protection device designed to seal openings around plastic pipes that pass through fire rated walls or floors. During a fire, plastic pipes can melt and leave open gaps which allow flames, smoke and heat to spread quickly through a building.<\/p>\r\n <p>Fire stop collars contain <span class=\"intumescent-highlight\">intumescent materials<\/span> that expand when exposed to high temperatures. When a fire occurs, the material expands and crushes the pipe, sealing the opening and preventing the spread of fire and smoke.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\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-79027e0 e-flex e-con-boxed e-con e-parent\" data-id=\"79027e0\" 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-c8da320 elementor-widget elementor-widget-html\" data-id=\"c8da320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n <title>Key Features \u00b7 Fire Stop Collar (updated icons)<\/title>\r\n <style>\r\n \/* reset & base \u2014 mobile first, fully responsive *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .features-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 1.5rem;\r\n color: #1e1e2f;\r\n }\r\n\r\n \/* 3\u2011column grid \u2014 mobile first = 1 column *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem 1.8rem;\r\n align-items: stretch;\r\n }\r\n\r\n \/* individual feature card *\/\r\n .feature-card {\r\n background: #f9fcff;\r\n border-radius: 28px;\r\n padding: 2rem 1.8rem;\r\n transition: all 0.25s ease;\r\n border: 1px solid rgba(0, 40, 50, 0.05);\r\n box-shadow: 0 12px 22px -10px rgba(0, 40, 50, 0.08);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n height: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(211, 47, 47, 0.15);\r\n box-shadow: 0 24px 32px -14px rgba(211, 47, 47, 0.18);\r\n background: #ffffff;\r\n }\r\n\r\n \/* icon container \u2014 fixed dimensions, perfectly centered *\/\r\n .feature-icon {\r\n width: 90px;\r\n height: 90px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n background: rgba(211, 47, 47, 0.06);\r\n border-radius: 24px;\r\n padding: 14px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* all icons exactly the same size \u2014 width & height forced uniform *\/\r\n .feature-icon img {\r\n width: 100%;\r\n height: 100%;\r\n max-width: 60px;\r\n max-height: 60px;\r\n object-fit: contain; \/* maintains proportions, no distortion *\/\r\n display: block;\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.35rem;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n color: #0b2b3b;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-desc {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #2d4055;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* hidden keyword metadata for search *\/\r\n .meta-keywords {\r\n display: none;\r\n }\r\n\r\n \/* ===== SMALL TABLET (560px+) ===== *\/\r\n @media screen and (min-width: 560px) {\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 columns on small tablet *\/\r\n }\r\n }\r\n\r\n \/* ===== TABLET \/ SMALL DESKTOP (768px and up) ===== *\/\r\n @media screen and (min-width: 768px) {\r\n .features-section {\r\n padding: 3.5rem 2rem;\r\n }\r\n .features-grid {\r\n gap: 2rem 1.8rem;\r\n }\r\n .feature-card {\r\n padding: 2rem 1.5rem;\r\n }\r\n }\r\n\r\n \/* ===== DESKTOP (992px and up) ===== *\/\r\n @media screen and (min-width: 992px) {\r\n .features-grid {\r\n grid-template-columns: repeat(3, 1fr); \/* 3 columns exactly *\/\r\n gap: 2rem;\r\n }\r\n .feature-title {\r\n font-size: 1.45rem;\r\n }\r\n .feature-desc {\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1200px+) ===== *\/\r\n @media screen and (min-width: 1200px) {\r\n .features-section {\r\n padding: 4rem 3rem;\r\n }\r\n .features-grid {\r\n gap: 2.4rem;\r\n }\r\n .feature-card {\r\n padding: 2.4rem 2rem;\r\n }\r\n .feature-title {\r\n font-size: 1.6rem;\r\n }\r\n .feature-desc {\r\n font-size: 1.1rem;\r\n }\r\n .feature-icon {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 28px;\r\n padding: 18px;\r\n }\r\n .feature-icon img {\r\n max-width: 64px;\r\n max-height: 64px;\r\n }\r\n }\r\n\r\n \/* extra small mobile (under 450px) *\/\r\n @media screen and (max-width: 450px) {\r\n .features-section {\r\n padding: 2rem 1rem;\r\n }\r\n .feature-card {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n .feature-icon {\r\n width: 80px;\r\n height: 80px;\r\n padding: 12px;\r\n }\r\n .feature-icon img {\r\n max-width: 50px;\r\n max-height: 50px;\r\n }\r\n }\r\n\r\n \/* all images fluid *\/\r\n img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Key Features section \u2013 3 column grid with uniform icons (UPDATED URLs for 3,4,6) -->\r\n <section class=\"features-section\">\r\n <!-- hidden search keywords (fire protection icon, safety shield icon) -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">fire protection icon, safety shield icon<\/div>\r\n\r\n <div class=\"features-grid\">\r\n \r\n <!-- FEATURE 1: Fire Spread Control (icon unchanged) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.vecteezy.com\/system\/resources\/previews\/009\/749\/741\/non_2x\/fire-control-icon-cartoon-flame-and-burn-symbol-free-vector.jpg\" \r\n alt=\"Fire Spread Control icon: flame and burn symbol\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Fire Spread Control<\/h3>\r\n <p class=\"feature-desc\">Blocks flames and smoke from spreading through pipe openings.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 2: Automatic Expansion (icon unchanged) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/4933\/4933078.png\" \r\n alt=\"Automatic Expansion icon: intumescent heat expansion\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Automatic Expansion<\/h3>\r\n <p class=\"feature-desc\">Intumescent material expands during high temperature conditions.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 3: Plastic Pipe Protection (UPDATED icon URL) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kalenborn.com\/wp-content\/uploads\/2024\/11\/icon-kundenspezifisch.png\" \r\n alt=\"Plastic pipe protection icon: custom pipe\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Plastic Pipe Protection<\/h3>\r\n <p class=\"feature-desc\">Specially designed for PVC, UPVC and other plastic pipes.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 4: Maintains Fire Rating (UPDATED icon URL) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.intrastack.co.uk\/wp-content\/uploads\/2024\/09\/Intrastack_ICON_RGB_Integrity.png\" \r\n alt=\"Fire rating icon: integrity shield\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Maintains Fire Rating<\/h3>\r\n <p class=\"feature-desc\">Helps maintain the fire resistance rating of walls and floors.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 5: Reliable Passive Protection (icon unchanged) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/12044\/12044044.png\" \r\n alt=\"Passive protection icon: automatic shield\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Reliable Passive Protection<\/h3>\r\n <p class=\"feature-desc\">Works automatically without electrical activation.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 6: Professional Installation (UPDATED icon URL) -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.standardheatingandairconditioning.com\/wp-content\/uploads\/2024\/09\/easy-installation.png\" \r\n alt=\"Professional installation icon: easy installation\" \r\n loading=\"lazy\"\r\n width=\"60\" \r\n height=\"60\">\r\n <\/div>\r\n <h3 class=\"feature-title\">Professional Installation<\/h3>\r\n <p class=\"feature-desc\">Installed by trained fire safety technicians.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\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-6becc3a e-flex e-con-boxed e-con e-parent\" data-id=\"6becc3a\" 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-94d214f elementor-widget elementor-widget-html\" data-id=\"94d214f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n <title>Installation Process \u00b7 Fire Stop Collar<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .process-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #f8fafc;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 1.5rem;\r\n color: #1e1e2f;\r\n }\r\n\r\n \/* Layout: image above steps on mobile, side-by-side on tablet+ *\/\r\n .process-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2.5rem;\r\n }\r\n\r\n \/* Image container \u2014 optional small image beside process (here placed above on mobile, left on large) *\/\r\n .process-image-block {\r\n width: 100%;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 22px 35px -12px rgba(0, 40, 50, 0.2);\r\n background: #d9e2ec;\r\n order: 1;\r\n }\r\n\r\n .process-image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 280px;\r\n object-fit: cover;\r\n object-position: center;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n \/* Steps grid \u2014 4 steps horizontal (mobile first: 1 column) *\/\r\n .steps-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.8rem;\r\n order: 2;\r\n width: 100%;\r\n }\r\n\r\n .step-card {\r\n background: white;\r\n border-radius: 26px;\r\n padding: 1.8rem 1.5rem;\r\n box-shadow: 0 12px 24px -12px rgba(0, 30, 40, 0.12);\r\n border: 1px solid rgba(211, 47, 47, 0.05);\r\n transition: transform 0.2s;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .step-card:hover {\r\n transform: translateY(-4px);\r\n border-color: rgba(211, 47, 47, 0.2);\r\n box-shadow: 0 20px 28px -10px rgba(211, 47, 47, 0.15);\r\n }\r\n\r\n .step-number {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: #d32f2f;\r\n line-height: 1;\r\n margin-bottom: 0.75rem;\r\n opacity: 0.7;\r\n }\r\n\r\n .step-title {\r\n font-size: 1.35rem;\r\n font-weight: 700;\r\n margin-bottom: 0.6rem;\r\n color: #0b2b3b;\r\n }\r\n\r\n .step-desc {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #2d4055;\r\n }\r\n\r\n \/* hidden keywords for search *\/\r\n .meta-keywords {\r\n display: none;\r\n }\r\n\r\n \/* ===== TABLET (600px and up) ===== *\/\r\n @media screen and (min-width: 600px) {\r\n .steps-grid {\r\n grid-template-columns: repeat(2, 1fr); \/* 2x2 on tablet *\/\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n \/* ===== LAPTOP \/ DESKTOP (992px and up) ===== *\/\r\n @media screen and (min-width: 992px) {\r\n .process-wrapper {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 2.5rem;\r\n }\r\n\r\n .process-image-block {\r\n flex: 0 0 40%; \/* image takes ~40% *\/\r\n order: 1; \/* left side *\/\r\n max-width: 440px;\r\n }\r\n\r\n .steps-grid {\r\n flex: 1; \/* steps take remaining space *\/\r\n grid-template-columns: repeat(4, 1fr); \/* 4 horizontal steps *\/\r\n order: 2;\r\n gap: 1.2rem;\r\n }\r\n\r\n .step-card {\r\n padding: 1.6rem 1.2rem;\r\n }\r\n\r\n .step-number {\r\n font-size: 2rem;\r\n }\r\n .step-title {\r\n font-size: 1.25rem;\r\n }\r\n .step-desc {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1200px+) ===== *\/\r\n @media screen and (min-width: 1200px) {\r\n .process-section {\r\n padding: 4rem 3rem;\r\n }\r\n .process-image-block {\r\n flex: 0 0 38%;\r\n max-width: 480px;\r\n }\r\n .steps-grid {\r\n gap: 1.8rem;\r\n }\r\n .step-card {\r\n padding: 2rem 1.6rem;\r\n }\r\n .step-number {\r\n font-size: 2.4rem;\r\n }\r\n .step-title {\r\n font-size: 1.45rem;\r\n }\r\n .step-desc {\r\n font-size: 1.05rem;\r\n }\r\n .process-image {\r\n max-height: 320px;\r\n }\r\n }\r\n\r\n \/* small mobile *\/\r\n @media screen and (max-width: 450px) {\r\n .process-section {\r\n padding: 2rem 1rem;\r\n }\r\n .step-card {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n .step-number {\r\n font-size: 2rem;\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<\/head>\r\n<body>\r\n <!-- Installation Process section \u2013 4 horizontal steps + image (fully responsive) -->\r\n <section class=\"process-section\">\r\n <!-- hidden search keywords -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">fire stopping pipe installation, fire safety inspection building<\/div>\r\n\r\n <div class=\"process-wrapper\">\r\n <!-- LEFT (or top) image: exact provided URL -->\r\n <div class=\"process-image-block\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"process-image\" \r\n src=\"https:\/\/afsystems.mdsimg.eu\/v2\/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.W10.M2Nsg35BOL1WTyL7r-QYaK3oeWk64oZYHs7Y0fb1C3k\/prodotti\/prodotti\/5f68b7137a1c8_Metallico+Coibentato+Asola+Sandwich.jpg\" \r\n alt=\"Fire stopping installation on pipe penetration through wall\"\r\n loading=\"lazy\"\r\n width=\"800\"\r\n height=\"450\">\r\n <\/div>\r\n\r\n <!-- RIGHT (or bottom) 4 steps grid -->\r\n <div class=\"steps-grid\">\r\n <!-- Step 1 -->\r\n <div class=\"step-card\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3 class=\"step-title\">Site Inspection<\/h3>\r\n <p class=\"step-desc\">Our team inspects pipe penetrations in fire rated walls and floors.<\/p>\r\n <\/div>\r\n <!-- Step 2 -->\r\n <div class=\"step-card\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3 class=\"step-title\">Product Selection<\/h3>\r\n <p class=\"step-desc\">Correct fire stop collar size is selected based on pipe diameter.<\/p>\r\n <\/div>\r\n <!-- Step 3 -->\r\n <div class=\"step-card\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3 class=\"step-title\">Installation<\/h3>\r\n <p class=\"step-desc\">The collar is installed securely around the pipe penetration.<\/p>\r\n <\/div>\r\n <!-- Step 4 -->\r\n <div class=\"step-card\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3 class=\"step-title\">Safety Check<\/h3>\r\n <p class=\"step-desc\">The installation is checked to ensure proper fire protection performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\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-2cee431 e-flex e-con-boxed e-con e-parent\" data-id=\"2cee431\" 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-4b0a661 elementor-widget elementor-widget-html\" data-id=\"4b0a661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n <title>Application Areas \u00b7 Fire Stop Collar<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .application-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 1.5rem;\r\n color: #1e1e2f;\r\n }\r\n\r\n \/* Grid layout: left text \/ right image (mobile: stacked) *\/\r\n .application-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT: text content *\/\r\n .application-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n order: 1;\r\n }\r\n\r\n .application-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 1.3rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.01em;\r\n border-left: 6px solid #d32f2f;\r\n padding-left: 1.2rem;\r\n }\r\n\r\n .application-intro {\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n color: #2d4055;\r\n margin-bottom: 1.8rem;\r\n max-width: 600px;\r\n }\r\n\r\n \/* application list - two column grid on large enough screens *\/\r\n .application-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0.8rem 1.5rem;\r\n width: 100%;\r\n max-width: 600px;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .list-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n font-size: 1.05rem;\r\n color: #1e2f3d;\r\n }\r\n\r\n .list-icon {\r\n color: #d32f2f;\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n line-height: 1;\r\n width: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n \/* RIGHT: image *\/\r\n .application-image-wrapper {\r\n order: 2;\r\n width: 100%;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 40px -16px rgba(0, 30, 40, 0.25);\r\n background: #e9f0f5;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .application-image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 460px;\r\n object-fit: cover;\r\n object-position: center;\r\n aspect-ratio: 798 \/ 449; \/* matches original image roughly *\/\r\n }\r\n\r\n \/* hidden keywords *\/\r\n .meta-keywords {\r\n display: none;\r\n }\r\n\r\n \/* ===== SMALL TABLET (600px and up) ===== *\/\r\n @media screen and (min-width: 600px) {\r\n .application-list {\r\n grid-template-columns: repeat(2, 1fr); \/* two columns for list *\/\r\n }\r\n }\r\n\r\n \/* ===== TABLET \/ DESKTOP (768px and up) ===== *\/\r\n @media screen and (min-width: 768px) {\r\n .application-section {\r\n padding: 3.5rem 2.5rem;\r\n }\r\n\r\n .application-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n }\r\n\r\n .application-content {\r\n order: 1; \/* left *\/\r\n }\r\n\r\n .application-image-wrapper {\r\n order: 2; \/* right *\/\r\n }\r\n\r\n .application-title {\r\n font-size: 2.4rem;\r\n padding-left: 1.5rem;\r\n }\r\n\r\n .application-intro {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .list-item {\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* ===== DESKTOP (1024px and up) ===== *\/\r\n @media screen and (min-width: 1024px) {\r\n .application-section {\r\n padding: 4.5rem 3rem;\r\n }\r\n\r\n .application-grid {\r\n gap: 3.5rem;\r\n }\r\n\r\n .application-title {\r\n font-size: 2.9rem;\r\n margin-bottom: 1.6rem;\r\n }\r\n\r\n .application-intro {\r\n font-size: 1.2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .application-list {\r\n gap: 1rem 2rem;\r\n }\r\n\r\n .list-item {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .list-icon {\r\n font-size: 1.4rem;\r\n width: 1.8rem;\r\n }\r\n\r\n .application-image-wrapper {\r\n border-radius: 32px;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1300px+) ===== *\/\r\n @media screen and (min-width: 1300px) {\r\n .application-title {\r\n font-size: 3.2rem;\r\n }\r\n .application-intro {\r\n font-size: 1.25rem;\r\n }\r\n }\r\n\r\n \/* small mobile *\/\r\n @media screen and (max-width: 450px) {\r\n .application-section {\r\n padding: 2rem 1rem;\r\n }\r\n .application-title {\r\n font-size: 1.9rem;\r\n padding-left: 1rem;\r\n border-left-width: 5px;\r\n }\r\n .application-intro {\r\n font-size: 1rem;\r\n }\r\n .list-item {\r\n font-size: 0.98rem;\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<\/head>\r\n<body>\r\n <!-- Application Areas section \u2013 left text, right image (fully responsive) -->\r\n <section class=\"application-section\">\r\n <!-- hidden search keywords -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">fire stop collar building service pipes, fire stopping pipe penetration building<\/div>\r\n\r\n <div class=\"application-grid\">\r\n <!-- LEFT: text content with bullet list -->\r\n <div class=\"application-content\">\r\n <h2 class=\"application-title\">Where Fire Stop Collars Are Used<\/h2>\r\n <p class=\"application-intro\">\r\n Fire stop collars are used in buildings where plastic service pipes pass through fire rated walls or floors. These systems help maintain compartmentation and prevent fire spread.\r\n <\/p>\r\n <div class=\"application-list\">\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Commercial buildings<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Industrial factories<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Hospitals<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Hotels<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Shopping malls<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Apartment buildings<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Office buildings<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Educational institutions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: image (exact URL provided) -->\r\n <div class=\"application-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"application-image\" \r\n src=\"https:\/\/media.fischer.group\/v7\/_pim-media-prod_\/Application%20Pictures\/Application%20Pictures%20CGI%20new%20CD\/FireStop\/W1_A_I_04_FFC-FLOOR-APPLICATION_SALL_AQQ_V1.jpg?func=crop&org_if_sml=0&w=798&h=448.875\" \r\n alt=\"Fire stop collar application on floor penetration in a building\"\r\n loading=\"lazy\"\r\n width=\"798\"\r\n height=\"449\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\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-3838494 e-flex e-con-boxed e-con e-parent\" data-id=\"3838494\" 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-8f18a37 elementor-widget elementor-widget-html\" data-id=\"8f18a37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n <title>Call to Action \u00b7 Fire Stop Collar (white title fixed)<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .cta-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n width: 100%;\r\n background-color: #132e3c;\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 20%;\r\n background-repeat: no-repeat;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n \/* \u09a1\u09be\u09b0\u09cd\u0995 \u0993\u09ad\u09be\u09b0\u09b2\u09c7 \u2014 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09aa\u09dc\u09be\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(100deg, rgba(5,25,35,0.9) 0%, rgba(5,35,50,0.7) 50%, rgba(5,45,65,0.5) 100%);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .cta-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 4rem 1.5rem;\r\n position: relative;\r\n z-index: 2;\r\n color: white; \/* \u09aa\u09c1\u09b0\u09cb \u0995\u09a8\u09cd\u099f\u09c7\u0987\u09a8\u09be\u09b0\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09be\u09a6\u09be *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .cta-title {\r\n font-size: 2.4rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 1.5rem;\r\n max-width: 750px;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n letter-spacing: -0.01em;\r\n color: white; \/* \u099f\u09be\u0987\u099f\u09c7\u09b2 \u09b8\u09be\u09a6\u09be *\/\r\n }\r\n\r\n .cta-text {\r\n font-size: 1.2rem;\r\n line-height: 1.6;\r\n margin-bottom: 2.2rem;\r\n max-width: 680px;\r\n text-shadow: 0 1px 6px rgba(0,0,0,0.5);\r\n opacity: 0.95;\r\n color: white; \/* \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09be\u09a6\u09be *\/\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n width: 100%;\r\n }\r\n\r\n .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.1rem;\r\n font-weight: 600;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n white-space: normal;\r\n text-align: center;\r\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);\r\n line-height: 1.3;\r\n }\r\n\r\n .btn-primary {\r\n background: #d32f2f;\r\n color: white;\r\n border-color: #d32f2f;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #b71c1c;\r\n border-color: #b71c1c;\r\n transform: scale(1.03);\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255,255,255,0.15);\r\n border-color: #ffffff;\r\n transform: scale(1.03);\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.35);\r\n }\r\n\r\n \/* \u09ae\u09c7\u099f\u09be \u0995\u09c0\u0993\u09df\u09be\u09b0\u09cd\u09a1 \u09b2\u09c1\u0995\u09be\u09a8\u09cb *\/\r\n .meta-keywords {\r\n display: none;\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 .cta-container {\r\n padding: 3rem 1.2rem;\r\n }\r\n .cta-title {\r\n font-size: 2rem;\r\n }\r\n .cta-text {\r\n font-size: 1.1rem;\r\n }\r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 0.9rem 1.5rem;\r\n }\r\n .cta-buttons {\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n \/* \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f *\/\r\n @media screen and (min-width: 600px) {\r\n .cta-container {\r\n padding: 5rem 2.5rem;\r\n }\r\n .cta-title {\r\n font-size: 2.8rem;\r\n }\r\n .cta-text {\r\n font-size: 1.25rem;\r\n }\r\n .btn {\r\n padding: 1.1rem 2.5rem;\r\n font-size: 1.15rem;\r\n }\r\n }\r\n\r\n \/* \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa *\/\r\n @media screen and (min-width: 992px) {\r\n .cta-container {\r\n padding: 6rem 3rem;\r\n }\r\n .cta-title {\r\n font-size: 3.3rem;\r\n max-width: 850px;\r\n }\r\n .cta-text {\r\n font-size: 1.3rem;\r\n max-width: 750px;\r\n margin-bottom: 2.5rem;\r\n }\r\n .btn {\r\n padding: 1.2rem 3rem;\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"cta-section\">\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">building fire protection system, firefighter building fire response<\/div>\r\n\r\n <div class=\"cta-container\">\r\n <h2 class=\"cta-title\">Improve Your Building Fire Safety<\/h2>\r\n <p class=\"cta-text\">\r\n Protect your building from fire spread through pipe openings with professional Fire Stop Collar installation services from Dudof BD Ltd. Our experienced team provides reliable passive fire protection solutions for modern buildings.\r\n <\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"#\" class=\"btn btn-primary\">Contact Dudof BD Ltd<\/a>\r\n <a href=\"#\" class=\"btn btn-secondary\">Request Fire Safety Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\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 Collar \u00b7 Dudof BD fire stop collar pipe penetration, fire stop collar installation Fire Stop Collar Installation Service Dudof BD Ltd provides professional Fire Stop Collar installation services that prevent fire and smoke from spreading through pipe openings in walls and floors. This passive fire<\/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-2468","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2468","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=2468"}],"version-history":[{"count":17,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2468\/revisions"}],"predecessor-version":[{"id":2487,"href":"https:\/\/dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2468\/revisions\/2487"}],"wp:attachment":[{"href":"https:\/\/dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}