{"id":162,"date":"2026-07-03T19:13:07","date_gmt":"2026-07-03T19:13:07","guid":{"rendered":"https:\/\/mayfair.jrtechnology.com.pk\/?page_id=162"},"modified":"2026-07-04T19:50:18","modified_gmt":"2026-07-04T19:50:18","slug":"residential-gas-safety-certificate","status":"publish","type":"page","link":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/residential-gas-safety-certificate\/","title":{"rendered":"Residential Gas Safety Certificate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"162\" class=\"elementor elementor-162\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24ea4c0 e-con e-atomic-element e-flexbox-base e-e4d70e2 \" data-id=\"24ea4c0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"24ea4c0\">\n    \t\t<div class=\"elementor-element elementor-element-e5ab086 elementor-widget elementor-widget-html\" data-id=\"e5ab086\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Residential Gas Safety Hero (Refined Dark Theme) --- *\/\r\n.mf-res-hero-section {\r\n    position: relative;\r\n    min-height: 90vh; \/* Better flexibility *\/\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 180px 8% 150px; \/* Added top and bottom space for premium feel *\/\r\n    \/* Darker gradient overlay to dim the bright image *\/\r\n    background: linear-gradient(rgba(18, 18, 18, 0.88), rgba(18, 18, 18, 0.98)), \r\n                url('https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/20260704_000508-scaled.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-attachment: fixed; \/* Parallax effect *\/\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    transition: background-color 0.4s ease;\r\n    border-bottom: 1px solid rgba(234, 179, 8, 0.15);\r\n}\r\n\r\n\/* Light Mode Toggle Support *\/\r\nbody.light-mode .mf-res-hero-section {\r\n    \/* Brighter overlay specifically for light mode *\/\r\n    background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.95)), \r\n                url('https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/20260704_000508-scaled.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-attachment: fixed;\r\n    background-color: #ffffff;\r\n}\r\n\r\n.mf-res-hero-content {\r\n    max-width: 850px;\r\n    position: relative;\r\n    z-index: 2;\r\n    \/* Smooth entry animation *\/\r\n    animation: mfFadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n}\r\n\r\n@keyframes mfFadeInUp {\r\n    from { opacity: 0; transform: translateY(40px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Premium Authority Badge *\/\r\n.mf-res-badge {\r\n    background: rgba(234, 179, 8, 0.1);\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    color: #eab308;\r\n    padding: 8px 22px;\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin-bottom: 25px;\r\n    display: inline-block;\r\n    font-weight: 700;\r\n    backdrop-filter: blur(4px);\r\n}\r\n\r\n.mf-res-hero-title {\r\n    font-size: 5rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #ffffff; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n    letter-spacing: -1px; \r\n}\r\nbody.light-mode .mf-res-hero-title { color: #0b132b; }\r\n\r\n\/* The Accent always stays Gold *\/\r\n.mf-res-hero-title .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-res-hero-sub {\r\n    font-size: 1.25rem;\r\n    color: #d1d1d1;\r\n    line-height: 1.8;\r\n    margin-bottom: 45px;\r\n    max-width: 650px;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-res-hero-sub { color: #444444; }\r\n\r\n\/* Interactive Premium Button *\/\r\n.mf-res-btn-gold {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px 45px;\r\n    background: #eab308;\r\n    color: #000000;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    letter-spacing: 2px;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    border: 1px solid #eab308;\r\n}\r\n\r\n.mf-res-btn-gold:hover {\r\n    background: transparent;\r\n    color: #eab308;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 15px 30px rgba(234, 179, 8, 0.15);\r\n}\r\nbody.light-mode .mf-res-btn-gold:hover {\r\n    background: #0b132b;\r\n    color: #ffffff;\r\n    border-color: #0b132b;\r\n    box-shadow: 0 15px 30px rgba(11, 19, 43, 0.2);\r\n}\r\n\r\n\/* --- Responsive Breakpoints for All Devices --- *\/\r\n@media (max-width: 1200px) {\r\n    .mf-res-hero-title { font-size: 4.2rem; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .mf-res-hero-title { font-size: 3.8rem; }\r\n    .mf-res-hero-sub { font-size: 1.15rem; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mf-res-hero-section { min-height: auto; padding: 160px 8% 120px; text-align: center; }\r\n    .mf-res-hero-content { display: flex; flex-direction: column; align-items: center; }\r\n    .mf-res-hero-title { font-size: 3.2rem; }\r\n    .mf-res-hero-sub { margin-left: auto; margin-right: auto; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-res-hero-section { padding: 140px 5% 100px; }\r\n    .mf-res-hero-title { font-size: 2.6rem; margin-bottom: 20px; }\r\n    .mf-res-hero-sub { font-size: 1.05rem; margin-bottom: 35px; }\r\n    .mf-res-btn-gold { padding: 18px 30px; font-size: 0.95rem; width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-res-hero-section\">\r\n    <div class=\"mf-res-hero-content\">\r\n        <div class=\"mf-res-badge\">CP12 Certified Engineers<\/div>\r\n        <h1 class=\"mf-res-hero-title\">Residential <br><span class=\"mf-accent\">Gas Safety<\/span><\/h1>\r\n        <p class=\"mf-res-hero-sub\">Providing statutory CP12 certification and gas compliance services for London property assets. Trusted by landlords and estate agents for rigorous safety standards.<\/p>\r\n        <a href=\"#booking\" class=\"mf-res-btn-gold\">Book Inspection<\/a>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99419ef elementor-widget elementor-widget-html\" data-id=\"99419ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 2: Technical Compliance (Premium Charcoal Theme) --- *\/\r\n.mf-precision-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    position: relative;\r\n    transition: background-color 0.4s ease;\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-precision-sec { background-color: #ffffff; }\r\n\r\n.mf-precision-wrapper {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 100px;\r\n    align-items: center;\r\n}\r\n\r\n\/* Luxury Interactive Image Frame *\/\r\n.mf-precision-img {\r\n    position: relative;\r\n    border: 1px solid rgba(234, 179, 8, 0.2); \/* Subtle gold border *\/\r\n    padding: 20px;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n\/* Custom Corner Accents *\/\r\n.mf-precision-img::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -12px; left: -12px;\r\n    width: 70px; height: 70px;\r\n    border-top: 2px solid #eab308;\r\n    border-left: 2px solid #eab308;\r\n    transition: all 0.5s ease;\r\n}\r\n.mf-precision-img::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -12px; right: -12px;\r\n    width: 70px; height: 70px;\r\n    border-bottom: 2px solid #eab308;\r\n    border-right: 2px solid #eab308;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n\/* Hover Effect for Frame *\/\r\n.mf-precision-img:hover::before,\r\n.mf-precision-img:hover::after {\r\n    width: 100px; height: 100px;\r\n}\r\n\r\n.mf-precision-img img {\r\n    width: 100%;\r\n    display: block;\r\n    filter: grayscale(15%) brightness(0.9);\r\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.mf-precision-img:hover img {\r\n    filter: grayscale(0%) brightness(1.1);\r\n    transform: scale(1.03);\r\n    box-shadow: 0 20px 40px rgba(234, 179, 8, 0.15); \/* Soft gold glow *\/\r\n}\r\n\r\n\/* Editorial Content *\/\r\n.mf-precision-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n}\r\nbody.light-mode .mf-precision-title { color: #0b132b !important; }\r\n\r\n.mf-precision-title .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-precision-desc {\r\n    font-size: 1.2rem;\r\n    color: #d1d1d1;\r\n    line-height: 1.8;\r\n    margin-bottom: 40px;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-precision-desc { color: #555555; }\r\n\r\n\/* Premium Interactive List *\/\r\n.mf-luxury-list { list-style: none; padding: 0; margin: 0; }\r\n.mf-luxury-list li {\r\n    font-size: 1.15rem;\r\n    margin-bottom: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    color: #ffffff;\r\n    transition: all 0.4s ease;\r\n    padding: 15px 20px;\r\n    background: rgba(255, 255, 255, 0.02); \/* Glassy background *\/\r\n    border-left: 1px solid transparent;\r\n}\r\nbody.light-mode .mf-luxury-list li { color: #333333; background: rgba(0, 0, 0, 0.02); }\r\n\r\n\/* List Item Hover Shift *\/\r\n.mf-luxury-list li:hover {\r\n    transform: translateX(15px);\r\n    background: rgba(234, 179, 8, 0.05);\r\n    border-left: 2px solid #eab308;\r\n    color: #eab308;\r\n}\r\nbody.light-mode .mf-luxury-list li:hover { color: #0b132b; }\r\n\r\n.mf-luxury-list li::before {\r\n    content: \"01\";\r\n    color: #eab308;\r\n    font-weight: 800;\r\n    margin-right: 25px;\r\n    font-size: 0.95rem;\r\n    letter-spacing: 2px;\r\n    transition: transform 0.4s ease;\r\n}\r\n.mf-luxury-list li:nth-child(2)::before { content: \"02\"; }\r\n.mf-luxury-list li:nth-child(3)::before { content: \"03\"; }\r\n\r\n\/* Number expansion on hover *\/\r\n.mf-luxury-list li:hover::before { transform: scale(1.2); }\r\n\r\n\/* Responsive Breakpoints *\/\r\n@media (max-width: 1200px) {\r\n    .mf-precision-wrapper { gap: 60px; }\r\n    .mf-precision-title { font-size: 3rem; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .mf-precision-wrapper { grid-template-columns: 1fr; gap: 60px; }\r\n    .mf-precision-sec { padding: 100px 8%; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-precision-sec { padding: 80px 5%; }\r\n    .mf-precision-title { font-size: 2.4rem; }\r\n    .mf-precision-desc { font-size: 1.05rem; }\r\n    .mf-precision-img { padding: 10px; }\r\n    .mf-luxury-list li { font-size: 1rem; padding: 12px 15px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-precision-sec\">\r\n    <div class=\"mf-precision-wrapper\">\r\n        <div class=\"mf-precision-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/20260704_000550-scaled.webp\" alt=\"Mayfair Gas Safe Tech\">\r\n        <\/div>\r\n        <div class=\"mf-precision-content\">\r\n            <h2 class=\"mf-precision-title\">Technical <br><span class=\"mf-accent\">Compliance<\/span><\/h2>\r\n            <p class=\"mf-precision-desc\">At Mayfair Safety Group, we define the standard for residential gas safety. Our technical audits ensure your systems are not just \"functioning,\" but operating at peak manufacturer efficiency within Gas Safe compliance parameters.<\/p>\r\n            \r\n            <ul class=\"mf-luxury-list\">\r\n                <li>Statutory CP12 Certification<\/li>\r\n                <li>Appliance Integrity & Leak Detection<\/li>\r\n                <li>Flue Flow & Spillage Audits<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cac562 elementor-widget elementor-widget-html\" data-id=\"3cac562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 3: Audit-Ready Certification (Premium Charcoal Theme) --- *\/\r\n.mf-cert-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    position: relative;\r\n    transition: background-color 0.4s ease;\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-cert-sec { background-color: #f9f9f9; \/* Slightly off-white for section contrast *\/ }\r\n\r\n.mf-cert-wrapper {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 100px;\r\n    align-items: center;\r\n}\r\n\r\n\/* Content Style *\/\r\n.mf-cert-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n}\r\nbody.light-mode .mf-cert-title { color: #0b132b !important; }\r\n\r\n.mf-cert-title .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-cert-desc {\r\n    font-size: 1.2rem;\r\n    color: #d1d1d1;\r\n    line-height: 1.8;\r\n    margin-bottom: 40px;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-cert-desc { color: #555555; }\r\n\r\n\/* Luxury Action Button (Ghost to Solid) *\/\r\n.mf-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px 45px;\r\n    background: transparent;\r\n    border: 1px solid #eab308;\r\n    color: #eab308;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mf-cta-btn:hover {\r\n    background: #eab308;\r\n    color: #000000;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 30px rgba(234, 179, 8, 0.15);\r\n}\r\nbody.light-mode .mf-cta-btn:hover {\r\n    color: #ffffff;\r\n    background: #0b132b;\r\n    border-color: #0b132b;\r\n    box-shadow: 0 15px 30px rgba(11, 19, 43, 0.2);\r\n}\r\n\r\n\/* Image Frame (Symmetrical Variation) *\/\r\n.mf-cert-img {\r\n    position: relative;\r\n    border: 1px solid rgba(234, 179, 8, 0.2);\r\n    padding: 20px;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n\/* Corner Accents (Top-Right and Bottom-Left for layout balance) *\/\r\n.mf-cert-img::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -12px; right: -12px;\r\n    width: 70px; height: 70px;\r\n    border-top: 2px solid #eab308;\r\n    border-right: 2px solid #eab308;\r\n    transition: all 0.5s ease;\r\n}\r\n.mf-cert-img::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -12px; left: -12px;\r\n    width: 70px; height: 70px;\r\n    border-bottom: 2px solid #eab308;\r\n    border-left: 2px solid #eab308;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.mf-cert-img:hover::before,\r\n.mf-cert-img:hover::after {\r\n    width: 100px; height: 100px;\r\n}\r\n\r\n.mf-cert-img img {\r\n    width: 100%;\r\n    display: block;\r\n    filter: grayscale(15%) brightness(0.9);\r\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.mf-cert-img:hover img {\r\n    filter: grayscale(0%) brightness(1.1);\r\n    transform: scale(1.03);\r\n    box-shadow: 0 20px 40px rgba(234, 179, 8, 0.15);\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 1200px) {\r\n    .mf-cert-wrapper { gap: 60px; }\r\n    .mf-cert-title { font-size: 3rem; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .mf-cert-wrapper { grid-template-columns: 1fr; gap: 60px; }\r\n    .mf-cert-sec { padding: 100px 8%; }\r\n    \r\n    \/* Reorder to show image above text on mobile *\/\r\n    .mf-cert-content { order: 2; text-align: center; }\r\n    .mf-cert-img { order: 1; max-width: 600px; margin: 0 auto; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-cert-sec { padding: 80px 5%; }\r\n    .mf-cert-title { font-size: 2.4rem; }\r\n    .mf-cert-desc { font-size: 1.05rem; margin-bottom: 30px; }\r\n    .mf-cert-img { padding: 10px; }\r\n    .mf-cta-btn { padding: 15px 30px; font-size: 0.95rem; width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-cert-sec\">\r\n    <div class=\"mf-cert-wrapper\">\r\n        <div class=\"mf-cert-content\">\r\n            <h2 class=\"mf-cert-title\">Audit-Ready <br><span class=\"mf-accent\">Certification<\/span><\/h2>\r\n            <p class=\"mf-cert-desc\">Our commitment extends beyond inspection. We deliver digitally-secured, CP12-compliant certification that withstands the most rigorous audits. Landlords and Estate Agents across London rely on our documentation for its meticulous detail and immediate legal standing.<\/p>\r\n            \r\n            <a href=\"#\" class=\"mf-cta-btn\">View Sample Certificate<\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"mf-cert-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/20260704_000612-scaled.webp\" alt=\"Mayfair Audit Ready Certification\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbdc8e1 elementor-widget elementor-widget-html\" data-id=\"fbdc8e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 4: The Advantage Grid (Premium Charcoal Theme) --- *\/\r\n.mf-adv-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    position: relative;\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n    transition: background-color 0.4s ease, border-color 0.4s ease;\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-adv-sec { \r\n    background-color: #ffffff; \r\n    border-top: 1px solid rgba(0,0,0,0.05); \r\n}\r\n\r\n.mf-adv-grid {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px;\r\n}\r\n\r\n\/* Luxury Interactive Cards *\/\r\n.mf-adv-card {\r\n    padding: 60px 40px;\r\n    background: rgba(255, 255, 255, 0.02); \/* Subtle glass effect *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(10px);\r\n}\r\nbody.light-mode .mf-adv-card { \r\n    background: #fcfcfc; \r\n    border: 1px solid #eeeeee; \r\n}\r\n\r\n\/* Top Accent Line (Hidden by default, animates on hover) *\/\r\n.mf-adv-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 0%; \r\n    height: 3px;\r\n    background: #eab308;\r\n    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n\/* Hover Interaction: Premium Glow & Lift *\/\r\n.mf-adv-card:hover {\r\n    border-color: rgba(234, 179, 8, 0.3);\r\n    background: rgba(255, 255, 255, 0.04);\r\n    transform: translateY(-15px);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n}\r\nbody.light-mode .mf-adv-card:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 20px 40px rgba(11, 19, 43, 0.08);\r\n}\r\n.mf-adv-card:hover::after { width: 100%; } \/* Animate top border *\/\r\n\r\n\/* Content Styling *\/\r\n.mf-adv-card h3 {\r\n    font-size: 1.5rem;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    margin-bottom: 20px;\r\n    color: #ffffff; \/* Clean white typography[cite: 1] *\/\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-adv-card h3 { color: #0b132b; }\r\n\r\n.mf-adv-card p {\r\n    font-size: 1.05rem;\r\n    color: #a0a0a0;\r\n    line-height: 1.8;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-adv-card p { color: #555555; }\r\n\r\n\/* Icon Styling *\/\r\n.mf-adv-icon {\r\n    font-size: 2.8rem;\r\n    color: #eab308;\r\n    margin-bottom: 30px;\r\n    display: inline-block;\r\n    transition: transform 0.4s ease;\r\n}\r\n.mf-adv-card:hover .mf-adv-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 1200px) {\r\n    .mf-adv-grid { gap: 30px; }\r\n    .mf-adv-card { padding: 50px 30px; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    \/* Switch to 2 columns on tablets *\/\r\n    .mf-adv-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .mf-adv-sec { padding: 100px 8%; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    \/* Switch to 1 column on mobile *\/\r\n    .mf-adv-grid { grid-template-columns: 1fr; gap: 25px; }\r\n    .mf-adv-sec { padding: 80px 5%; }\r\n    .mf-adv-card { padding: 40px 25px; }\r\n    .mf-adv-card:hover { transform: translateY(-10px); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-adv-sec\">\r\n    <div class=\"mf-adv-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"mf-adv-card\">\r\n            <span class=\"mf-adv-icon\">\u2726<\/span>\r\n            <h3>Statutory Compliance<\/h3>\r\n            <p>We ensure your property fully adheres to the Gas Safety (Installation and Use) Regulations 1998, shielding you from landlord liability.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"mf-adv-card\">\r\n            <span class=\"mf-adv-icon\">\u25c8<\/span>\r\n            <h3>Rapid Audit Trails<\/h3>\r\n            <p>Our cloud-integrated reporting system allows you to access or share your CP12 certificates instantly with management portals.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"mf-adv-card\">\r\n            <span class=\"mf-adv-icon\">\u27e1<\/span>\r\n            <h3>London Expertise<\/h3>\r\n            <p>Specialized service across Greater London. We understand the unique safety requirements of both heritage and modern residential developments.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b67e1 elementor-widget elementor-widget-html\" data-id=\"f4b67e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 5: Trust & Endorsements (Premium Charcoal Theme) --- *\/\r\n.mf-trust-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    position: relative;\r\n    transition: background-color 0.4s ease;\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-trust-sec { background-color: #f9f9f9; }\r\n\r\n.mf-trust-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.mf-trust-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\nbody.light-mode .mf-trust-title { color: #0b132b !important; }\r\n\r\n.mf-trust-title .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-trust-grid {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px;\r\n}\r\n\r\n\/* Premium Glass-Morphism Testimonial Cards *\/\r\n.mf-trust-card {\r\n    padding: 50px 40px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(10px);\r\n}\r\nbody.light-mode .mf-trust-card {\r\n    background: #ffffff;\r\n    border: 1px solid #eeeeee;\r\n}\r\n\r\n\/* Editorial Background Quote Icon *\/\r\n.mf-trust-card::before {\r\n    content: \"\u201d\";\r\n    position: absolute;\r\n    top: -30px;\r\n    right: 20px;\r\n    font-size: 10rem;\r\n    color: rgba(234, 179, 8, 0.03);\r\n    font-family: Georgia, serif;\r\n    z-index: -1;\r\n    transition: color 0.6s ease;\r\n    line-height: 1;\r\n}\r\n\r\n\/* Hover Interaction: Lift & Glow *\/\r\n.mf-trust-card:hover {\r\n    border-color: rgba(234, 179, 8, 0.4);\r\n    background: rgba(255, 255, 255, 0.04);\r\n    transform: translateY(-15px);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n}\r\nbody.light-mode .mf-trust-card:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 20px 40px rgba(11, 19, 43, 0.08);\r\n}\r\n.mf-trust-card:hover::before { color: rgba(234, 179, 8, 0.1); }\r\n\r\n\/* Star Ratings *\/\r\n.mf-stars {\r\n    color: #eab308;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 25px;\r\n    display: block;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* Quote Text *\/\r\n.mf-trust-card p {\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: #d1d1d1;\r\n    margin-bottom: 40px;\r\n    font-style: italic;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-trust-card p { color: #555555; }\r\n\r\n\/* Client Details *\/\r\n.mf-trust-client {\r\n    border-top: 1px solid rgba(234, 179, 8, 0.2);\r\n    padding-top: 20px;\r\n}\r\n.mf-trust-name {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    color: #ffffff;\r\n    display: block;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-trust-name { color: #0b132b; }\r\n\r\n.mf-trust-role {\r\n    display: block;\r\n    font-size: 0.8rem;\r\n    color: #eab308;\r\n    margin-top: 8px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 1200px) {\r\n    .mf-trust-grid { gap: 25px; }\r\n    .mf-trust-card { padding: 40px 30px; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    \/* Switch to 1 column for tablets to keep cards looking premium and wide *\/\r\n    .mf-trust-grid { grid-template-columns: 1fr; gap: 30px; max-width: 700px; }\r\n    .mf-trust-sec { padding: 100px 8%; }\r\n    .mf-trust-title { font-size: 3rem; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-trust-sec { padding: 80px 5%; }\r\n    .mf-trust-title { font-size: 2.4rem; }\r\n    .mf-trust-card { padding: 40px 25px; }\r\n    .mf-trust-card p { font-size: 1.05rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-trust-sec\">\r\n    <div class=\"mf-trust-header\">\r\n        <h2 class=\"mf-trust-title\">Endorsed By <br><span class=\"mf-accent\">Industry Leaders<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mf-trust-grid\">\r\n        <!-- Testimonial 1 -->\r\n        <div class=\"mf-trust-card\">\r\n            <span class=\"mf-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <p>\"The Mayfair team handled our entire property portfolio certification seamlessly. Their 24\/7 rapid response and audit-ready reporting have set a new benchmark for compliance.\"<\/p>\r\n            <div class=\"mf-trust-client\">\r\n                <span class=\"mf-trust-name\">James T.<\/span>\r\n                <span class=\"mf-trust-role\">Senior Facilities Manager<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimonial 2 -->\r\n        <div class=\"mf-trust-card\">\r\n            <span class=\"mf-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <p>\"We switched to Mayfair for our corporate gas safety compliance across all locations. The clinical precision and bespoke strategy they provided was unmatched.\"<\/p>\r\n            <div class=\"mf-trust-client\">\r\n                <span class=\"mf-trust-name\">Sarah L.<\/span>\r\n                <span class=\"mf-trust-role\">Operations Director<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimonial 3 -->\r\n        <div class=\"mf-trust-card\">\r\n            <span class=\"mf-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <p>\"Highly professional and remarkably efficient. Their digital reporting system saved us hours of administrative work. They are truly a premium, all-level safety compliance partner.\"<\/p>\r\n            <div class=\"mf-trust-client\">\r\n                <span class=\"mf-trust-name\">David W.<\/span>\r\n                <span class=\"mf-trust-role\">Commercial Landlord<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d486d3 elementor-widget elementor-widget-html\" data-id=\"8d486d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 6: Concierge Booking (Premium Charcoal Theme) --- *\/\r\n.mf-contact-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    position: relative;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    transition: background-color 0.4s ease;\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-contact-sec {\r\n    background-color: #ffffff;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.mf-contact-wrapper {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.mf-contact-header { margin-bottom: 70px; }\r\n\r\n.mf-contact-header h2 { \r\n    font-size: 3.5rem; \r\n    text-transform: uppercase; \r\n    margin-bottom: 20px; \r\n    font-weight: 800;\r\n    color: #ffffff !important; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n}\r\nbody.light-mode .mf-contact-header h2 { color: #0b132b !important; }\r\n\r\n.mf-contact-header .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-contact-desc {\r\n    color: #d1d1d1;\r\n    font-size: 1.15rem;\r\n    transition: color 0.4s ease;\r\n}\r\nbody.light-mode .mf-contact-desc { color: #555555; }\r\n\r\n\/* --- Premium Interactive Form --- *\/\r\n.mf-booking-form {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    text-align: left;\r\n}\r\n\r\n.mf-input-group { position: relative; }\r\n.mf-input-group.full { grid-column: span 2; }\r\n\r\n\/* Glass-morphism Inputs *\/\r\n.mf-input-group input, \r\n.mf-input-group textarea {\r\n    width: 100%;\r\n    padding: 20px 25px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid transparent;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n    color: #ffffff;\r\n    font-size: 1.05rem;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    outline: none;\r\n    font-family: inherit;\r\n}\r\nbody.light-mode .mf-input-group input, \r\nbody.light-mode .mf-input-group textarea {\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.15);\r\n    color: #333333;\r\n}\r\n\r\n\/* Custom Placeholder Color *\/\r\n.mf-input-group input::placeholder,\r\n.mf-input-group textarea::placeholder {\r\n    color: #888888;\r\n    transition: color 0.3s;\r\n}\r\n\r\n\/* Interactive Focus States *\/\r\n.mf-input-group input:focus, \r\n.mf-input-group textarea:focus { \r\n    background: rgba(234, 179, 8, 0.05);\r\n    border-bottom: 1px solid #eab308; \r\n    transform: translateY(-2px);\r\n}\r\n.mf-input-group input:focus::placeholder,\r\n.mf-input-group textarea:focus::placeholder {\r\n    color: #aaaaaa;\r\n}\r\n\r\n\/* Luxury Submit Button (Ghost to Solid) *\/\r\n.mf-submit-btn {\r\n    grid-column: span 2;\r\n    padding: 22px 60px;\r\n    background: transparent;\r\n    color: #eab308;\r\n    border: 1px solid #eab308;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    cursor: pointer;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    margin-top: 10px;\r\n    font-size: 1.05rem;\r\n}\r\n\r\n.mf-submit-btn:hover { \r\n    background: #eab308; \r\n    color: #000000;\r\n    transform: translateY(-4px); \r\n    box-shadow: 0 15px 30px rgba(234, 179, 8, 0.15);\r\n}\r\nbody.light-mode .mf-submit-btn:hover {\r\n    background: #0b132b;\r\n    border-color: #0b132b;\r\n    color: #ffffff;\r\n    box-shadow: 0 15px 30px rgba(11, 19, 43, 0.2);\r\n}\r\n\r\n\/* --- Registration Info (Editorial Footer Strip) --- *\/\r\n.mf-reg-strip {\r\n    margin-top: 100px;\r\n    padding-top: 40px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    font-size: 0.85rem;\r\n    color: #777777;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    line-height: 2;\r\n    transition: border-color 0.4s ease, color 0.4s ease;\r\n}\r\nbody.light-mode .mf-reg-strip {\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n    color: #666666;\r\n}\r\n\r\n.mf-reg-strip a {\r\n    color: #eab308;\r\n    text-decoration: none;\r\n    transition: 0.3s;\r\n    font-weight: 600;\r\n}\r\n\r\n.mf-reg-strip a:hover { color: #ffffff; }\r\nbody.light-mode .mf-reg-strip a:hover { color: #0b132b; }\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 992px) {\r\n    .mf-contact-header h2 { font-size: 3rem; }\r\n    .mf-booking-form { gap: 30px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mf-contact-sec { padding: 100px 8%; }\r\n    .mf-booking-form { grid-template-columns: 1fr; gap: 25px; }\r\n    .mf-input-group.full, .mf-submit-btn { grid-column: span 1; }\r\n    .mf-submit-btn { padding: 20px 40px; width: 100%; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-contact-sec { padding: 80px 5%; }\r\n    .mf-contact-header h2 { font-size: 2.4rem; }\r\n    .mf-contact-desc { font-size: 1.05rem; }\r\n    .mf-input-group input, .mf-input-group textarea { padding: 15px 20px; }\r\n    .mf-reg-strip { margin-top: 60px; font-size: 0.75rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-contact-sec\">\r\n    <div class=\"mf-contact-wrapper\">\r\n        <div class=\"mf-contact-header\">\r\n            <h2>Secure Your <br><span class=\"mf-accent\">Compliance<\/span><\/h2>\r\n            <p class=\"mf-contact-desc\">Complete the form below to receive a bespoke quotation from our senior engineering team.<\/p>\r\n        <\/div>\r\n\r\n        <form class=\"mf-booking-form\">\r\n            <div class=\"mf-input-group\">\r\n                <input type=\"text\" placeholder=\"Full Name\" required>\r\n            <\/div>\r\n            <div class=\"mf-input-group\">\r\n                <input type=\"email\" placeholder=\"Email Address\" required>\r\n            <\/div>\r\n            <div class=\"mf-input-group full\">\r\n                <input type=\"text\" placeholder=\"Property Address \/ Postcode\" required>\r\n            <\/div>\r\n            <div class=\"mf-input-group full\">\r\n                <textarea rows=\"4\" placeholder=\"Service Requirements (e.g., CP12, Boiler Servicing)\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"mf-submit-btn\">Request Quotation<\/button>\r\n        <\/form>\r\n\r\n        <div class=\"mf-reg-strip\">\r\n            Mayfair Safety Group | Registration No: 17301876<br>\r\n            <a href=\"mailto:info@safetygroup.co.uk\">info@safetygroup.co.uk<\/a><br>\r\n            SIU Office, Unit A1221, 4-6 Greatorex Street, London E1 5NF\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8eb8006 elementor-widget elementor-widget-html\" data-id=\"8eb8006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Section 7: FAQ Accordion (Premium Charcoal Theme) --- *\/\r\n.mf-faq-sec {\r\n    padding: 150px 8%;\r\n    background-color: #121212; \/* Bespoke static base[cite: 1] *\/\r\n    transition: background-color 0.4s ease;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n\/* Light Mode Support *\/\r\nbody.light-mode .mf-faq-sec { \r\n    background-color: #fdfdfd; \r\n    border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.mf-faq-wrapper { \r\n    max-width: 900px; \r\n    margin: 0 auto; \r\n}\r\n\r\n\/* Premium Heading Styling *\/\r\n.mf-faq-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n    position: relative;\r\n}\r\n\r\n.mf-faq-title {\r\n    font-size: 3.8rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Clean white typography[cite: 1] *\/\r\n    line-height: 1.1;\r\n    margin-bottom: 25px;\r\n    letter-spacing: 1px;\r\n}\r\nbody.light-mode .mf-faq-title { color: #0b132b !important; }\r\n\r\n.mf-faq-title .mf-accent { color: #eab308 !important; }\r\n\r\n.mf-faq-divider {\r\n    width: 60px;\r\n    height: 3px;\r\n    background: #eab308;\r\n    margin: 0 auto;\r\n    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.mf-faq-sec:hover .mf-faq-divider { width: 120px; }\r\n\r\n\/* Pure CSS Accordion Items (No JS required for instant load) *\/\r\n.mf-faq-item {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    transition: 0.3s;\r\n}\r\nbody.light-mode .mf-faq-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }\r\n\r\n.mf-faq-item:hover {\r\n    border-bottom: 1px solid rgba(234, 179, 8, 0.5);\r\n}\r\n\r\n.mf-faq-item details { width: 100%; }\r\n\r\n.mf-faq-item summary {\r\n    list-style: none;\r\n    padding: 35px 0;\r\n    font-size: 1.25rem;\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    position: relative;\r\n    transition: color 0.3s ease, padding-left 0.3s ease;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\nbody.light-mode .mf-faq-item summary { color: #0b132b; }\r\n\r\n\/* Editorial Numbering *\/\r\n.mf-faq-num {\r\n    color: #eab308;\r\n    margin-right: 20px;\r\n    font-weight: 800;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.mf-faq-item:hover summary { color: #eab308; padding-left: 10px; }\r\nbody.light-mode .mf-faq-item:hover summary { color: #eab308; }\r\n\r\n\/* Custom Plus\/Minus Icon *\/\r\n.mf-faq-item summary::after {\r\n    content: '+';\r\n    color: #eab308;\r\n    font-size: 2rem;\r\n    font-weight: 300;\r\n    transition: transform 0.4s ease, color 0.3s ease;\r\n    line-height: 1;\r\n}\r\n\r\n.mf-faq-item details[open] summary::after {\r\n    content: '\u2212';\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\/* Hide default marker *\/\r\n.mf-faq-item summary::-webkit-details-marker { display: none; }\r\n\r\n.mf-faq-content {\r\n    padding-bottom: 35px;\r\n    padding-left: 45px; \/* Aligned with text, past the number *\/\r\n    padding-right: 40px;\r\n    font-size: 1.1rem;\r\n    line-height: 1.9;\r\n    color: #d1d1d1;\r\n    transition: color 0.4s ease;\r\n    animation: mfFadeInDown 0.4s ease-out forwards;\r\n}\r\nbody.light-mode .mf-faq-content { color: #555555; }\r\n\r\n@keyframes mfFadeInDown {\r\n    from { opacity: 0; transform: translateY(-10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 992px) {\r\n    .mf-faq-title { font-size: 3.2rem; }\r\n    .mf-faq-item summary { font-size: 1.15rem; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mf-faq-sec { padding: 100px 8%; }\r\n    .mf-faq-title { font-size: 2.8rem; }\r\n    .mf-faq-item summary { padding: 25px 0; font-size: 1.05rem; }\r\n    .mf-faq-content { padding-left: 0; padding-right: 0; padding-bottom: 25px; }\r\n    .mf-faq-num { display: none; \/* Hide numbers on mobile for cleaner look *\/ }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .mf-faq-sec { padding: 80px 5%; }\r\n    .mf-faq-title { font-size: 2.4rem; }\r\n    .mf-faq-item summary { font-size: 1rem; line-height: 1.4; }\r\n    .mf-faq-item summary::after { font-size: 1.5rem; }\r\n    .mf-faq-content { font-size: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mf-faq-sec\">\r\n    <div class=\"mf-faq-wrapper\">\r\n        <div class=\"mf-faq-header\">\r\n            <h2 class=\"mf-faq-title\">Compliance <br><span class=\"mf-accent\">Insights<\/span><\/h2>\r\n            <div class=\"mf-faq-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mf-faq-item\">\r\n            <details>\r\n                <summary><span class=\"mf-faq-text\"><span class=\"mf-faq-num\">01.<\/span> How long is a CP12 certificate valid for?<\/span><\/summary>\r\n                <div class=\"mf-faq-content\">By UK law, a Gas Safety Certificate (CP12) is valid for 12 months. Landlords are legally required to renew this check annually to ensure tenant safety and maintain legal compliance with HSE standards.<\/div>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"mf-faq-item\">\r\n            <details>\r\n                <summary><span class=\"mf-faq-text\"><span class=\"mf-faq-num\">02.<\/span> What happens if a boiler fails inspection?<\/span><\/summary>\r\n                <div class=\"mf-faq-content\">If an appliance fails, our engineers will label it 'At Risk' or 'Immediately Dangerous'. We provide a detailed report and a quote for the necessary repairs to restore your property to full safety compliance as quickly as possible.<\/div>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"mf-faq-item\">\r\n            <details>\r\n                <summary><span class=\"mf-faq-text\"><span class=\"mf-faq-num\">03.<\/span> Can you provide 24-hour emergency response?<\/span><\/summary>\r\n                <div class=\"mf-faq-content\">Yes. Mayfair Safety Group operates a dedicated rapid-response unit across Greater London. We prioritize emergency leaks and gas safety breaches to ensure your property portfolio remains secure and habitable at all times.<\/div>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"mf-faq-item\">\r\n            <details>\r\n                <summary><span class=\"mf-faq-text\"><span class=\"mf-faq-num\">04.<\/span> Are all engineers Gas Safe Registered?<\/span><\/summary>\r\n                <div class=\"mf-faq-content\">Absolutely. Every engineer at Mayfair Safety Group is fully Gas Safe Registered. We strictly adhere to all current UK Building Regulations, and we maintain an audit trail of all our technicians' qualifications for your peace of mind.<\/div>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"mf-faq-item\">\r\n            <details>\r\n                <summary><span class=\"mf-faq-text\"><span class=\"mf-faq-num\">05.<\/span> Do you manage portfolios for Estate Agents?<\/span><\/summary>\r\n                <div class=\"mf-faq-content\">Yes, we specialize in high-volume property management. We integrate our digital reporting with your agency portal, allowing for seamless scheduling, automated renewal reminders, and centralized document storage.<\/div>\r\n            <\/details>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CP12 Certified Engineers Residential Gas Safety Providing statutory CP12 certification and gas compliance services for London property assets. Trusted by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":46,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}