{"id":2490,"date":"2026-03-08T11:39:21","date_gmt":"2026-03-08T11:39:21","guid":{"rendered":"http:\/\/www.main.dudofbd.com\/?page_id=2490"},"modified":"2026-03-08T11:57:19","modified_gmt":"2026-03-08T11:57:19","slug":"expansion-joint","status":"publish","type":"page","link":"http:\/\/www.main.dudofbd.com\/?page_id=2490","title":{"rendered":"Expansion Joint"},"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 Hero \u00b7 Expansion Joint Fire Barrier<\/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 .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 (mobile: stacked) *\/\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 \/* LEFT: 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: normal;\r\n text-align: center;\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 \/* RIGHT: image container *\/\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 }\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: 16 \/ 9;\r\n }\r\n\r\n \/* hidden keyword metadata *\/\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;\r\n }\r\n\r\n .hero-image-wrapper {\r\n order: 2;\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%;\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 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 Expansion Joint Fire Barrier Installation Service -->\r\n <section class=\"hero-section\">\r\n <!-- hidden meta for context -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">expansion joint fire barrier, fire barrier installation<\/div>\r\n\r\n <div class=\"hero-grid\">\r\n <!-- LEFT: text content (updated) -->\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Expansion Joint Fire Barrier Installation Service<\/h1>\r\n <p class=\"hero-description\">\r\n Dudof BD Ltd provides professional expansion joint fire barrier solutions that help prevent fire and smoke from spreading through structural movement joints. These systems maintain the fire resistance of walls and floors while allowing buildings to move naturally due to temperature changes and structural movement.\r\n <\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#\" class=\"btn btn-primary\">Get Fire Safety Consultation<\/a>\r\n <a href=\"#\" class=\"btn btn-secondary\">Contact Our Team<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: image with exact URL provided -->\r\n <div class=\"hero-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"hero-image\" \r\n src=\"https:\/\/www.inprocorp.com\/cdn-cgi\/image\/format=auto\/https:\/\/pimly-prod-assets.pimlyapp.com\/fb1ae60b-f7bd-4040-8ccc-2a012cc62df2\/00D6g000001VB0lEAG\/925-fire-barrier.jpg\" \r\n alt=\"Expansion joint fire barrier installation for structural movement joints\"\r\n loading=\"lazy\"\r\n width=\"1200\"\r\n height=\"675\">\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-5e45f4d e-flex e-con-boxed e-con e-parent\" data-id=\"5e45f4d\" 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-ae921cc elementor-widget elementor-widget-html\" data-id=\"ae921cc\" 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 \u00b7 Expansion Joint Fire Barrier<\/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;\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 \/* LEFT: image container *\/\r\n .about-image-wrapper {\r\n order: 1;\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;\r\n background: #d0dfeb;\r\n }\r\n\r\n \/* RIGHT: text content *\/\r\n .about-content {\r\n order: 2;\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 key terms (optional) *\/\r\n .highlight-term {\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 metadata *\/\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;\r\n }\r\n\r\n .about-content {\r\n order: 2;\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 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 Section: What is an Expansion Joint Fire Barrier (left image, right text) -->\r\n <section class=\"about-section\">\r\n <!-- hidden meta keywords for context -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">expansion joint fire barrier, passive fire protection, structural movement joints<\/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:\/\/s3-eu-west-1.amazonaws.com\/specifiedbypro\/80487\/155098\/atec-products-3d-fireflex-2200_0f7d0dd7.jpg\" \r\n alt=\"Expansion joint fire barrier system for structural movement joints\"\r\n loading=\"lazy\"\r\n width=\"800\"\r\n height=\"600\">\r\n <\/div>\r\n\r\n <!-- RIGHT: text content (updated) -->\r\n <div class=\"about-content\">\r\n <h2 class=\"about-title\">What is an Expansion Joint Fire Barrier<\/h2>\r\n <div class=\"about-text\">\r\n <p><span class=\"highlight-term\">Expansion joints<\/span> are structural gaps in buildings that allow movement caused by temperature changes, wind pressure, or structural loads. While these joints are necessary for building safety, they can also create openings that allow fire, smoke, and heat to spread between compartments.<\/p>\r\n <p>An <span class=\"highlight-term\">expansion joint fire barrier<\/span> is a passive fire protection system designed to seal these joints during fire conditions. The system uses flexible fire-resistant materials that expand and maintain the fire rating of the structure while allowing normal building movement.<\/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-b27ba1a e-flex e-con-boxed e-con e-parent\" data-id=\"b27ba1a\" 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-b712e21 elementor-widget elementor-widget-html\" data-id=\"b712e21\" 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 Expansion Joint Fire Barrier<\/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 .section-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.02em;\r\n border-bottom: 3px solid #d32f2f;\r\n padding-bottom: 0.75rem;\r\n display: inline-block;\r\n width: auto;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* three column 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 using CSS icons (no image) *\/\r\n .feature-icon {\r\n width: 70px;\r\n height: 70px;\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.08);\r\n border-radius: 20px;\r\n font-size: 2.2rem;\r\n color: #d32f2f;\r\n flex-shrink: 0;\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 *\/\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 .section-title {\r\n font-size: 2.4rem;\r\n margin-bottom: 3rem;\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: 80px;\r\n height: 80px;\r\n font-size: 2.5rem;\r\n border-radius: 24px;\r\n }\r\n .section-title {\r\n font-size: 2.8rem;\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: 60px;\r\n height: 60px;\r\n font-size: 1.8rem;\r\n }\r\n .section-title {\r\n font-size: 1.9rem;\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 <!-- Key Features section \u2013 3 column grid with icons (no images) -->\r\n <section class=\"features-section\">\r\n <!-- hidden meta keywords -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">expansion joint fire barrier features, passive fire protection<\/div>\r\n\r\n <h2 class=\"section-title\">Key Features<\/h2>\r\n\r\n <div class=\"features-grid\">\r\n \r\n <!-- FEATURE 1: Fire Spread Protection -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd25<\/div>\r\n <h3 class=\"feature-title\">Fire Spread Protection<\/h3>\r\n <p class=\"feature-desc\">Prevents flames, smoke and heat from spreading through expansion joints.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 2: Flexible Movement -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcd0<\/div>\r\n <h3 class=\"feature-title\">Flexible Movement<\/h3>\r\n <p class=\"feature-desc\">Allows the building to expand and contract without damaging the fire barrier system.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 3: Maintains Fire Rating -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3 class=\"feature-title\">Maintains Fire Rating<\/h3>\r\n <p class=\"feature-desc\">Ensures walls, floors and ceilings maintain their required fire resistance.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 4: Durable Materials -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u23f3<\/div>\r\n <h3 class=\"feature-title\">Durable Materials<\/h3>\r\n <p class=\"feature-desc\">High quality fire resistant materials for long term protection.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 5: Automatic Fire Reaction -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u26a1<\/div>\r\n <h3 class=\"feature-title\">Automatic Fire Reaction<\/h3>\r\n <p class=\"feature-desc\">Materials expand during fire conditions to seal the joint.<\/p>\r\n <\/div>\r\n\r\n <!-- FEATURE 6: Professional Installation -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udc77<\/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 <\/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-eebc95b e-flex e-con-boxed e-con e-parent\" data-id=\"eebc95b\" 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-5196c15 elementor-widget elementor-widget-html\" data-id=\"5196c15\" 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 Expansion Joint Fire Barrier<\/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 .section-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.02em;\r\n border-bottom: 3px solid #d32f2f;\r\n padding-bottom: 0.75rem;\r\n display: inline-block;\r\n width: auto;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* Layout: image above steps *\/\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 image above process *\/\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: 320px;\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 (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 *\/\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 .process-image-block {\r\n max-height: 350px;\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 gap: 3rem;\r\n }\r\n \r\n .steps-grid {\r\n grid-template-columns: repeat(4, 1fr); \/* 4 horizontal steps *\/\r\n gap: 1.5rem;\r\n }\r\n\r\n .step-card {\r\n padding: 1.8rem 1.2rem;\r\n }\r\n\r\n .step-number {\r\n font-size: 2.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 .process-image-block {\r\n max-height: 380px;\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 .steps-grid {\r\n gap: 2rem;\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.4rem;\r\n }\r\n .step-desc {\r\n font-size: 1.05rem;\r\n }\r\n .process-image-block {\r\n max-height: 420px;\r\n }\r\n .section-title {\r\n font-size: 2.8rem;\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 .section-title {\r\n font-size: 1.9rem;\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 steps with optional image at top -->\r\n <section class=\"process-section\">\r\n <!-- hidden search keywords -->\r\n <div class=\"meta-keywords\" aria-hidden=\"true\">expansion joint fire barrier installation, fire barrier system installation<\/div>\r\n\r\n <h2 class=\"section-title\">Our Installation Process<\/h2>\r\n\r\n <div class=\"process-wrapper\">\r\n <!-- Optional image (top) -->\r\n <div class=\"process-image-block\">\r\n <img loading=\"lazy\" decoding=\"async\" class=\"process-image\" \r\n src=\"https:\/\/www.tenmat.com\/wp-content\/uploads\/2024\/11\/Blog-featured-images.jpg\" \r\n alt=\"Expansion joint fire barrier installation process\"\r\n loading=\"lazy\"\r\n width=\"800\"\r\n height=\"450\">\r\n <\/div>\r\n\r\n <!-- 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 expansion joints and identifies areas that require fire protection.<\/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\">System Design<\/h3>\r\n <p class=\"step-desc\">We select the correct fire barrier system based on joint size and fire rating.<\/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\">Our technicians install the expansion joint fire barrier system professionally.<\/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\">Final Inspection<\/h3>\r\n <p class=\"step-desc\">We check the installation to ensure reliable 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-cf66b3d e-flex e-con-boxed e-con e-parent\" data-id=\"cf66b3d\" 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-1c62f82 elementor-widget elementor-widget-html\" data-id=\"1c62f82\" 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 Expansion Joint Fire Barrier<\/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 .section-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n color: #0b2b3b;\r\n letter-spacing: -0.02em;\r\n border-bottom: 3px solid #d32f2f;\r\n padding-bottom: 0.75rem;\r\n display: inline-block;\r\n width: auto;\r\n margin-left: auto;\r\n margin-right: auto;\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-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 }\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: 16 \/ 9;\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-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 .section-title {\r\n font-size: 2.4rem;\r\n margin-bottom: 3rem;\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-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 .section-title {\r\n font-size: 2.8rem;\r\n }\r\n }\r\n\r\n \/* ===== LARGE DESKTOP (1300px+) ===== *\/\r\n @media screen and (min-width: 1300px) {\r\n .application-intro {\r\n font-size: 1.25rem;\r\n }\r\n .section-title {\r\n font-size: 3rem;\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-intro {\r\n font-size: 1rem;\r\n }\r\n .list-item {\r\n font-size: 0.98rem;\r\n }\r\n .section-title {\r\n font-size: 1.9rem;\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\">expansion joint fire barrier applications, structural movement joints fire protection<\/div>\r\n\r\n <h2 class=\"section-title\">Application Areas<\/h2>\r\n\r\n <div class=\"application-grid\">\r\n <!-- LEFT: text content with bullet list -->\r\n <div class=\"application-content\">\r\n <p class=\"application-intro\">\r\n Expansion joint fire barrier systems are used in many types of buildings where structural movement joints exist.\r\n <\/p>\r\n <div class=\"application-list\">\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Commercial office 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> Shopping malls<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Airports<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Residential high rise buildings<\/div>\r\n <div class=\"list-item\"><span class=\"list-icon\">\u25b6<\/span> Data centers<\/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:\/\/blog.nystrom.com\/hubfs\/561311.jpg\" \r\n alt=\"Expansion joint fire barrier application in modern building\"\r\n loading=\"lazy\"\r\n width=\"800\"\r\n height=\"450\">\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-ca3f25f e-flex e-con-boxed e-con e-parent\" data-id=\"ca3f25f\" 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-fb20fa2 elementor-widget elementor-widget-html\" data-id=\"fb20fa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CALL TO ACTION SECTION (Section 6) - Fully independent, no class conflict -->\r\n<section class=\"cta-final-section\">\r\n <!-- hidden search keywords -->\r\n <div class=\"cta-final-keywords\" aria-hidden=\"true\">expansion joint fire barrier installation, structural joint fire protection<\/div>\r\n\r\n <div class=\"cta-final-container\">\r\n <h2 class=\"cta-final-heading\">Call To Action<\/h2>\r\n <p class=\"cta-final-message\">\r\n Protect your building from fire spread through structural joints with professional expansion joint fire barrier installation services from Dudof BD Ltd.\r\n <\/p>\r\n <div class=\"cta-final-buttons\">\r\n <a href=\"#\" class=\"cta-final-btn cta-final-btn-primary\">Request Consultation<\/a>\r\n <a href=\"#\" class=\"cta-final-btn cta-final-btn-secondary\">Contact Dudof BD Ltd<\/a>\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 - \u0985\u09a8\u09cd\u09af \u0995\u09cb\u09a8\u09cb \u09b8\u09c7\u0995\u09b6\u09a8\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09cd\u09b2\u09be\u09b8\u09c7\u09b0 \u09ae\u09bf\u09b2 \u09a8\u09c7\u0987 *\/\r\n .cta-final-section {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n width: 100%;\r\n background-color: #f0f4f8; \/* fallback color *\/\r\n background-image: url('https:\/\/www.premierfirefl.com\/wp-content\/uploads\/2021\/12\/fire-extinguisher-system-data-storage-in-data-war-2021-11-10-17-57-37-utc1-1080x628.png');\r\n background-size: cover;\r\n background-position: center 30%;\r\n background-repeat: no-repeat;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n \/* \u09b9\u09be\u09b2\u0995\u09be \u0993\u09ad\u09be\u09b0\u09b2\u09c7 (\u099f\u09c7\u0995\u09cd\u09b8\u099f \u09aa\u09dc\u09be\u09b0 \u099c\u09a8\u09cd\u09af) *\/\r\n .cta-final-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255, 255, 255, 0.85); \/* \u09b8\u09be\u09a6\u09be \u0993\u09ad\u09be\u09b0\u09b2\u09c7 - \u09b9\u09be\u09b2\u0995\u09be *\/\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .cta-final-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 display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n \/* \u099f\u09be\u0987\u099f\u09c7\u09b2 - \u0995\u09be\u09b2\u09cb \u09b0\u0999, \u09b2\u09be\u09b2 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09ac\u09be\u09ae\u09c7 *\/\r\n .cta-final-heading {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n color: #0b2b3b; \/* \u0997\u09be\u09dd \u0995\u09be\u09b2\u09cb\/\u09a8\u09c7\u09ad\u09bf *\/\r\n letter-spacing: -0.02em;\r\n border-left: 6px solid #d32f2f; \/* \u09b2\u09be\u09b2 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 *\/\r\n padding-left: 1.2rem;\r\n text-align: left;\r\n width: 100%;\r\n background: transparent; \/* \u0995\u09cb\u09a8\u09cb \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09a8\u09c7\u0987 *\/\r\n }\r\n\r\n \/* \u099f\u09c7\u0995\u09cd\u09b8\u099f - \u0997\u09be\u09dd \u09a7\u09c2\u09b8\u09b0 *\/\r\n .cta-final-message {\r\n font-size: 1.2rem;\r\n line-height: 1.6;\r\n margin-bottom: 2.2rem;\r\n max-width: 700px;\r\n color: #1e2f3d; \/* \u0997\u09be\u09dd \u09a7\u09c2\u09b8\u09b0 *\/\r\n text-align: left;\r\n }\r\n\r\n \/* \u09ac\u09be\u099f\u09a8 \u0997\u09cd\u09b0\u09c1\u09aa *\/\r\n .cta-final-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n\r\n .cta-final-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 line-height: 1.3;\r\n }\r\n\r\n .cta-final-btn-primary {\r\n background: #d32f2f;\r\n color: white;\r\n border-color: #d32f2f;\r\n box-shadow: 0 6px 14px rgba(211, 47, 47, 0.25);\r\n }\r\n\r\n .cta-final-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 .cta-final-btn-secondary {\r\n background: transparent;\r\n color: #0b2b3b;\r\n border: 2px solid #0b2b3b;\r\n }\r\n\r\n .cta-final-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 \/* \u0995\u09c0\u0993\u09df\u09be\u09b0\u09cd\u09a1 \u09b2\u09c1\u0995\u09be\u09a8\u09cb *\/\r\n .cta-final-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-final-container {\r\n padding: 3rem 1.2rem;\r\n }\r\n .cta-final-heading {\r\n font-size: 1.9rem;\r\n padding-left: 1rem;\r\n border-left-width: 5px;\r\n }\r\n .cta-final-message {\r\n font-size: 1.1rem;\r\n }\r\n .cta-final-btn {\r\n width: 100%;\r\n padding: 0.9rem 1.5rem;\r\n }\r\n .cta-final-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: 768px) {\r\n .cta-final-container {\r\n padding: 5rem 2.5rem;\r\n }\r\n .cta-final-heading {\r\n font-size: 2.6rem;\r\n }\r\n .cta-final-message {\r\n font-size: 1.25rem;\r\n }\r\n }\r\n\r\n \/* \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa *\/\r\n @media screen and (min-width: 1024px) {\r\n .cta-final-container {\r\n padding: 6rem 3rem;\r\n }\r\n .cta-final-heading {\r\n font-size: 3rem;\r\n }\r\n .cta-final-message {\r\n font-size: 1.3rem;\r\n max-width: 800px;\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>Hero \u00b7 Expansion Joint Fire Barrier expansion joint fire barrier, fire barrier installation Expansion Joint Fire Barrier Installation Service Dudof BD Ltd provides professional expansion joint fire barrier solutions that help prevent fire and smoke from spreading through structural movement joints. These systems maintain the fire resistance<\/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-2490","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2490"}],"version-history":[{"count":13,"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2490\/revisions"}],"predecessor-version":[{"id":2505,"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=\/wp\/v2\/pages\/2490\/revisions\/2505"}],"wp:attachment":[{"href":"http:\/\/www.main.dudofbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}