{"id":1617,"date":"2025-06-04T21:34:13","date_gmt":"2025-06-04T19:34:13","guid":{"rendered":"https:\/\/bleu-nf.fr\/?page_id=1617"},"modified":"2025-11-04T11:09:05","modified_gmt":"2025-11-04T10:09:05","slug":"politique-de-confidentialite-2","status":"publish","type":"page","link":"https:\/\/bleu-nf.fr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1617\" class=\"elementor elementor-1617\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-728c51d e-flex e-con-boxed e-con e-parent\" data-id=\"728c51d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/bleu-nf.fr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Main.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-7d81178 elementor-widget elementor-widget-heading\" data-id=\"7d81178\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Blue NF<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc39745 elementor-widget elementor-widget-heading\" data-id=\"dc39745\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Excellence in construction &amp; renovation<\/h2>\t\t\t\t<\/div>\n\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-4471198 e-con-full e-flex e-con e-parent\" data-id=\"4471198\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca0c7eb elementor-widget elementor-widget-html\" data-id=\"ca0c7eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-about-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .about-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .about-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.06) !important;\r\n            border-radius: 50%;\r\n            animation: aboutFloat 12s ease-in-out infinite;\r\n        }\r\n\r\n        .about-shape-1 {\r\n            width: 250px;\r\n            height: 250px;\r\n            top: 15%;\r\n            right: 8%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .about-shape-2 {\r\n            width: 180px;\r\n            height: 180px;\r\n            bottom: 20%;\r\n            left: 5%;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        .about-shape-3 {\r\n            width: 120px;\r\n            height: 120px;\r\n            top: 60%;\r\n            right: 40%;\r\n            animation-delay: 8s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .about-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .about-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: aboutFloatDot 8s ease-in-out infinite;\r\n            box-shadow: 0 0 15px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .about-dot-1 { width: 5px; height: 5px; top: 20%; left: 15%; animation-delay: 0s; }\r\n        .about-dot-2 { width: 4px; height: 4px; top: 40%; right: 20%; animation-delay: 2s; }\r\n        .about-dot-3 { width: 6px; height: 6px; bottom: 30%; left: 30%; animation-delay: 4s; }\r\n        .about-dot-4 { width: 3px; height: 3px; top: 70%; right: 15%; animation-delay: 6s; }\r\n        .about-dot-5 { width: 5px; height: 5px; bottom: 15%; right: 50%; animation-delay: 1s; }\r\n\r\n        \/* About Container *\/\r\n        .about-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .about-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Left Content *\/\r\n        .about-left {\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: fadeInLeft 1s ease-out 0.3s forwards;\r\n        }\r\n\r\n        .about-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 25px;\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .about-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .about-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -3px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: aboutHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .about-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.1rem;\r\n            font-weight: 300;\r\n            color: #333333 !important;\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .about-location {\r\n            display: flex;\r\n            align-items: center;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: #539497 !important;\r\n            margin-bottom: 20px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .about-location i {\r\n            margin-right: 10px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* Right Content - Stats Grid *\/\r\n        .about-right {\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: fadeInRight 1s ease-out 0.6s forwards;\r\n        }\r\n\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .stat-card {\r\n            background: rgba(255, 255, 255, 0.7) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 15px;\r\n            padding: 25px 20px;\r\n            text-align: center;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .stat-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: rgba(83, 148, 151, 0.4) !important;\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15), 0 0 25px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .stat-number {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 2.5rem;\r\n            font-weight: 600;\r\n            color: #539497 !important;\r\n            margin-bottom: 8px;\r\n            display: block;\r\n        }\r\n\r\n        .stat-label {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.95rem;\r\n            color: #333333 !important;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* Certifications *\/\r\n        .certifications {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cert-badge {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.3) !important;\r\n            border-radius: 25px;\r\n            padding: 12px 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .cert-badge:hover {\r\n            transform: translateY(-3px);\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), 0 0 20px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .cert-icon {\r\n            color: #539497 !important;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .cert-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.9rem;\r\n            color: #333333 !important;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes aboutFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-40px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes aboutFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-20px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-35px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-15px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInLeft {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInRight {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes aboutHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-about-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .about-content {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 40px !important;\r\n            }\r\n\r\n            .about-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 20px !important;\r\n            }\r\n\r\n            .about-description {\r\n                font-size: 1rem !important;\r\n                margin-bottom: 25px !important;\r\n            }\r\n\r\n            .stats-grid {\r\n                gap: 20px !important;\r\n                margin-bottom: 30px !important;\r\n            }\r\n\r\n            .stat-card {\r\n                padding: 20px 15px !important;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 2rem !important;\r\n            }\r\n\r\n            .stat-label {\r\n                font-size: 0.9rem !important;\r\n            }\r\n\r\n            .certifications {\r\n                gap: 15px !important;\r\n            }\r\n\r\n            .cert-badge {\r\n                padding: 10px 15px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .about-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 15px !important;\r\n            }\r\n\r\n            .certifications {\r\n                flex-direction: column !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            .cert-badge {\r\n                width: fit-content !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"about-bg-animation\">\r\n        <div class=\"about-floating-shape about-shape-1\"><\/div>\r\n        <div class=\"about-floating-shape about-shape-2\"><\/div>\r\n        <div class=\"about-floating-shape about-shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"about-floating-dots\">\r\n        <div class=\"about-dot about-dot-1\"><\/div>\r\n        <div class=\"about-dot about-dot-2\"><\/div>\r\n        <div class=\"about-dot about-dot-3\"><\/div>\r\n        <div class=\"about-dot about-dot-4\"><\/div>\r\n        <div class=\"about-dot about-dot-5\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- About Content -->\r\n    <div class=\"about-container\">\r\n        <div class=\"about-content\">\r\n            <!-- Left Content -->\r\n            <div class=\"about-left\">\r\n                <h2 class=\"about-title\">\r\n                    <span class=\"about-highlight\">Blue NF<\/span><br>\r\n                    Your trusted construction partner\r\n                <\/h2>\r\n                \r\n                <div class=\"about-location\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                    Based in Lille, Hauts-de-France\r\n                <\/div>\r\n\r\n                <p class=\"about-description\">\r\n                    Bleu NF is an eco-responsible general contractor based in Lille, with over 25 years' experience. We help individuals, businesses and local authorities with their construction, renovation and refurbishment projects, combining quality, on-time delivery and energy efficiency.\r\n                <\/p>\r\n\r\n              \r\n            <\/div>\r\n\r\n            <!-- Right Content -->\r\n            <div class=\"about-right\">\r\n                <!-- Stats Grid -->\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-card\">\r\n                        <span class=\"stat-number\">25+<\/span>\r\n                        <span class=\"stat-label\">Years of experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-card\">\r\n                        <span class=\"stat-number\">100%<\/span>\r\n                        <span class=\"stat-label\">Eco-responsible<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-card\">\r\n                        <span class=\"stat-number\">100+<\/span>\r\n                        <span class=\"stat-label\">Completed projects<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-card\">\r\n                        <span class=\"stat-number\">+45000<\/span>\r\n                        <span class=\"stat-label\">m2<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Certifications -->\r\n                <div class=\"certifications\">\r\n                   <div class=\"cert-badge\">\r\n                        <i class=\"fas fa-cogs cert-icon\"><\/i>\r\n                        <span class=\"cert-text\">Lean Management<\/span>\r\n                    <\/div>\r\n                    <div class=\"cert-badge\">\r\n                        <i class=\"fas fa-medal cert-icon\"><\/i>\r\n                        <span class=\"cert-text\">Qualibat (In progress)<\/span>\r\n                    <\/div>\r\n                    <div class=\"cert-badge\">\r\n                        <i class=\"fas fa-leaf cert-icon\"><\/i>\r\n                        <span class=\"cert-text\">RGE<\/span>\r\n                    <\/div>\r\n                  \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b63d0c e-flex e-con-boxed e-con e-parent\" data-id=\"4b63d0c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-180e925 elementor-widget elementor-widget-image-carousel\" data-id=\"180e925\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:1500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:26,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/1.jpg\" alt=\"1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/2.jpg\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/3.jpg\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/4.jpg\" alt=\"4\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/5.jpg\" alt=\"5\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/6.jpg\" alt=\"6\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 sur 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/7.jpg\" alt=\"7\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-1a8930c e-con-full e-flex e-con e-parent\" data-id=\"1a8930c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b82005 elementor-widget elementor-widget-html\" data-id=\"0b82005\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: 400px;    display: flex;    align-items: center;    justify-content: center;\">\r\n    <!-- Import Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Animated Background Elements *\/\r\n        .bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.15) !important;\r\n            border-radius: 50%;\r\n            animation: float 8s ease-in-out infinite;\r\n            box-shadow: 0 0 20px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .shape-1 {\r\n            width: 120px;\r\n            height: 120px;\r\n            top: 20%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .shape-2 {\r\n            width: 80px;\r\n            height: 80px;\r\n            top: 60%;\r\n            right: 15%;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .shape-3 {\r\n            width: 150px;\r\n            height: 150px;\r\n            bottom: 10%;\r\n            left: 20%;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        .shape-4 {\r\n            width: 60px;\r\n            height: 60px;\r\n            top: 10%;\r\n            right: 30%;\r\n            animation-delay: 6s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: floatDot 6s ease-in-out infinite;\r\n            box-shadow: 0 0 10px rgba(83, 148, 151, 0.5) !important;\r\n        }\r\n\r\n        .dot-1 {\r\n            width: 4px;\r\n            height: 4px;\r\n            top: 15%;\r\n            left: 8%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .dot-2 {\r\n            width: 6px;\r\n            height: 6px;\r\n            top: 35%;\r\n            right: 12%;\r\n            animation-delay: 1.5s;\r\n        }\r\n\r\n        .dot-3 {\r\n            width: 3px;\r\n            height: 3px;\r\n            top: 65%;\r\n            left: 25%;\r\n            animation-delay: 3s;\r\n        }\r\n\r\n        .dot-4 {\r\n            width: 5px;\r\n            height: 5px;\r\n            bottom: 20%;\r\n            right: 20%;\r\n            animation-delay: 4.5s;\r\n        }\r\n\r\n        .dot-5 {\r\n            width: 4px;\r\n            height: 4px;\r\n            top: 25%;\r\n            left: 70%;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .dot-6 {\r\n            width: 3px;\r\n            height: 3px;\r\n            top: 80%;\r\n            left: 60%;\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .dot-7 {\r\n            width: 6px;\r\n            height: 6px;\r\n            top: 45%;\r\n            left: 15%;\r\n            animation-delay: 3.5s;\r\n        }\r\n\r\n        .dot-8 {\r\n            width: 4px;\r\n            height: 4px;\r\n            bottom: 35%;\r\n            right: 8%;\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .dot-9 {\r\n            width: 5px;\r\n            height: 5px;\r\n            top: 10%;\r\n            left: 45%;\r\n            animation-delay: 2.5s;\r\n        }\r\n\r\n        .dot-10 {\r\n            width: 3px;\r\n            height: 3px;\r\n            bottom: 15%;\r\n            left: 40%;\r\n            animation-delay: 4s;\r\n        }\r\n        .geometric-lines {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .line {\r\n            position: absolute;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.6), transparent) !important;\r\n            height: 1px;\r\n            animation: slide 12s linear infinite;\r\n            box-shadow: 0 0 10px rgba(83, 148, 151, 0.3) !important;\r\n        }\r\n\r\n        .line-1 {\r\n            top: 25%;\r\n            width: 200px;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .line-2 {\r\n            top: 75%;\r\n            width: 150px;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        .line-3 {\r\n            top: 50%;\r\n            width: 180px;\r\n            animation-delay: 8s;\r\n        }\r\n\r\n        \/* Content Container *\/\r\n        .content-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            text-align: center;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: 'Poppins', 'Inter', sans-serif;\r\n            font-size: 30px!important;\r\n            font-weight: 400;\r\n            color: #333333 !important;\r\n            line-height: 1.4;\r\n            margin-bottom: 30px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.5s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .highlight {\r\n            color: #539497 !important;\r\n            font-weight: 500;\r\n            position: relative;\r\n        }\r\n\r\n        .highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: highlightLine 2s ease-out 2s forwards;\r\n        }\r\n\r\n        .expertise-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.4) !important;\r\n            padding: 15px 30px;\r\n            border-radius: 50px;\r\n            margin-top: 30px;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 1.5s forwards;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 30px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .expertise-text {\r\n            color: #333333 !important;\r\n            font-family: 'Inter', 'Poppins', sans-serif;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            margin-left: 10px;\r\n            letter-spacing: 0.01em;\r\n        }\r\n\r\n        .expertise-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            position: relative;\r\n            box-shadow: 0 2px 8px rgba(83, 148, 151, 0.3) !important;\r\n        }\r\n\r\n        .expertise-icon::after {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            color: white !important;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        @keyframes floatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-15px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-25px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-10px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            25% {\r\n                transform: translateY(-20px) rotate(90deg);\r\n                opacity: 0.5;\r\n            }\r\n            50% {\r\n                transform: translateY(-10px) rotate(180deg);\r\n                opacity: 0.7;\r\n            }\r\n            75% {\r\n                transform: translateY(-30px) rotate(270deg);\r\n                opacity: 0.4;\r\n            }\r\n        }\r\n\r\n        @keyframes slide {\r\n            0% {\r\n                left: -200px;\r\n                opacity: 0;\r\n            }\r\n            20% {\r\n                opacity: 1;\r\n            }\r\n            80% {\r\n                opacity: 1;\r\n            }\r\n            100% {\r\n                left: 100%;\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes highlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-section {\r\n                padding: 60px 15px !important;\r\n                min-height: 350px !important;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 14px!important;\r\n                margin-bottom:25px !important;\r\n            }\r\n\r\n            .expertise-badge {\r\n                padding: 12px 25px !important;\r\n                margin-top: 25px !important;\r\n            }\r\n\r\n            .expertise-text {\r\n                font-size: 0.9rem !important;\r\n            }\r\n\r\n            .floating-shape {\r\n                opacity: 0.6 !important;\r\n            }\r\n\r\n            .shape-1 {\r\n                width: 80px !important;\r\n                height: 80px !important;\r\n            }\r\n\r\n            .shape-2 {\r\n                width: 60px !important;\r\n                height: 60px !important;\r\n            }\r\n\r\n            .shape-3 {\r\n                width: 100px !important;\r\n                height: 100px !important;\r\n            }\r\n\r\n            .shape-4 {\r\n                width: 40px !important;\r\n                height: 40px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .section-title {\r\n                font-size:17px !important;\r\n                line-height: 1.3 !important;\r\n            }\r\n\r\n            .bleu-nf-section {\r\n                padding: 50px 15px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Animated Background -->\r\n    <div class=\"bg-animation\">\r\n        <div class=\"floating-shape shape-1\"><\/div>\r\n        <div class=\"floating-shape shape-2\"><\/div>\r\n        <div class=\"floating-shape shape-3\"><\/div>\r\n        <div class=\"floating-shape shape-4\"><\/div>\r\n        \r\n        <div class=\"geometric-lines\">\r\n            <div class=\"line line-1\"><\/div>\r\n            <div class=\"line line-2\"><\/div>\r\n            <div class=\"line line-3\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"floating-dots\">\r\n        <div class=\"dot dot-1\"><\/div>\r\n        <div class=\"dot dot-2\"><\/div>\r\n        <div class=\"dot dot-3\"><\/div>\r\n        <div class=\"dot dot-4\"><\/div>\r\n        <div class=\"dot dot-5\"><\/div>\r\n        <div class=\"dot dot-6\"><\/div>\r\n        <div class=\"dot dot-7\"><\/div>\r\n        <div class=\"dot dot-8\"><\/div>\r\n        <div class=\"dot dot-9\"><\/div>\r\n        <div class=\"dot dot-10\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"content-container\">\r\n        <h2 class=\"section-title\">\r\n            Construction and renovation solutions <span class=\"highlight\">made-to-measure<\/span>environmentally friendly, supported by more than <span class=\"highlight\">25 years of expertise<\/span>.\r\n        <\/h2>\r\n        \r\n        <div class=\"expertise-badge\">\r\n            <div class=\"expertise-icon\"><\/div>\r\n            <span class=\"expertise-text\">Qualibat &amp; RGE certified<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89b2c6b elementor-widget elementor-widget-html\" data-id=\"89b2c6b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-services-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .services-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .services-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.08) !important;\r\n            border-radius: 50%;\r\n            animation: servicesFloat 10s ease-in-out infinite;\r\n        }\r\n\r\n        .services-shape-1 {\r\n            width: 200px;\r\n            height: 200px;\r\n            top: 10%;\r\n            left: 5%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .services-shape-2 {\r\n            width: 150px;\r\n            height: 150px;\r\n            top: 70%;\r\n            right: 10%;\r\n            animation-delay: 3s;\r\n        }\r\n\r\n        .services-shape-3 {\r\n            width: 120px;\r\n            height: 120px;\r\n            bottom: 20%;\r\n            left: 60%;\r\n            animation-delay: 6s;\r\n        }\r\n\r\n        \/* Services Container *\/\r\n        .services-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .services-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .services-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .services-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .services-highlight {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        \/* Service Card *\/\r\n        .service-card {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 20px;\r\n            padding: 30px 25px;\r\n            text-align: center;\r\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 40px rgba(83, 148, 151, 0.1) !important;\r\n            background: rgba(255, 255, 255, 0.95) !important;\r\n        }\r\n\r\n        \/* Service Icon *\/\r\n        .service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.5rem;\r\n            color: white !important;\r\n            box-shadow: 0 8px 25px rgba(83, 148, 151, 0.3) !important;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-icon::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .service-card:hover .service-icon::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .service-card:hover .service-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            box-shadow: 0 12px 35px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        \/* Service Title *\/\r\n        .service-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 15px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-card:hover .service-title {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        \/* Service Description *\/\r\n        .service-desc {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.95rem;\r\n            font-weight: 300;\r\n            color: #666666 !important;\r\n            line-height: 1.5;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-card:hover .service-desc {\r\n            color: #333333 !important;\r\n        }\r\n\r\n        \/* Animation Delays for Cards *\/\r\n        .service-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .service-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .service-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .service-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .service-card:nth-child(5) { animation-delay: 0.5s; }\r\n        .service-card:nth-child(6) { animation-delay: 0.6s; }\r\n        .service-card:nth-child(7) { animation-delay: 0.7s; }\r\n        .service-card:nth-child(8) { animation-delay: 0.8s; }\r\n        .service-card:nth-child(9) { animation-delay: 0.9s; }\r\n        .service-card:nth-child(10) { animation-delay: 1.0s; }\r\n        .service-card:nth-child(11) { animation-delay: 1.1s; }\r\n        .service-card:nth-child(12) { animation-delay: 1.2s; }\r\n\r\n        \/* Animations *\/\r\n        @keyframes servicesFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-30px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-services-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .services-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .services-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .services-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n                gap: 20px !important;\r\n            }\r\n\r\n            .service-card {\r\n                padding: 25px 20px !important;\r\n            }\r\n\r\n            .service-icon {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 20px !important;\r\n            }\r\n\r\n            .service-title {\r\n                font-size: 1.2rem !important;\r\n            }\r\n\r\n            .service-desc {\r\n                font-size: 0.9rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .services-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 15px !important;\r\n            }\r\n\r\n            .services-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .service-card {\r\n                padding: 20px 15px !important;\r\n            }\r\n        }\r\n\r\n        \/* Custom Grid for Mobile - 3 cards per row on very small screens *\/\r\n        @media (max-width: 600px) and (min-width: 400px) {\r\n            .services-grid {\r\n                grid-template-columns: repeat(3, 1fr) !important;\r\n                gap: 10px !important;\r\n            }\r\n\r\n            .service-card {\r\n                padding: 15px 10px !important;\r\n            }\r\n\r\n            .service-icon {\r\n                width: 50px !important;\r\n                height: 50px !important;\r\n                font-size: 1.5rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .service-title {\r\n                font-size: 0.9rem !important;\r\n                margin-bottom: 8px !important;\r\n            }\r\n\r\n            .service-desc {\r\n                font-size: 0.75rem !important;\r\n                line-height: 1.3 !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"services-bg-animation\">\r\n        <div class=\"services-floating-shape services-shape-1\"><\/div>\r\n        <div class=\"services-floating-shape services-shape-2\"><\/div>\r\n        <div class=\"services-floating-shape services-shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Services Content -->\r\n    <div class=\"services-container\">\r\n        <!-- Header -->\r\n        <div class=\"services-header\">\r\n            <h2 class=\"services-title\">Our <span class=\"services-highlight\">Services<\/span><\/h2>\r\n            <p class=\"services-subtitle\">\r\n                Comprehensive building expertise to meet all your needs,\r\n                from design to completion.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Services Grid -->\r\n        <div class=\"services-grid\">\r\n            <!-- Service 1: Gestion de projets -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-tasks\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Project management<\/h3>\r\n                <p class=\"service-desc\">Complete management of your projects from A to Z with a rigorous, methodical approach.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 2: Construction neuve -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-home\"><\/i><\/div>\r\n                <h3 class=\"service-title\">New construction<\/h3>\r\n                <p class=\"service-desc\">Construction of new buildings using modern, sustainable techniques.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 3: R\u00e9novation int\u00e9rieure -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Interior renovation<\/h3>\r\n                <p class=\"service-desc\">Transform and modernize your interior spaces to suit your needs.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 4: R\u00e9habilitation -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-hammer\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Rehabilitation<\/h3>\r\n                <p class=\"service-desc\">Restoration and enhancement of existing buildings with respect for heritage.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 5: Fa\u00e7ades -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Fa\u00e7ades<\/h3>\r\n                <p class=\"service-desc\">Refurbishment and embellishment of facades for a modern, attractive image.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 6: Peinture -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-paint-roller\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Paint<\/h3>\r\n                <p class=\"service-desc\">Interior and exterior painting work with quality finishes.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 7: Rev\u00eatements muraux -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-th-large\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Wall coverings<\/h3>\r\n                <p class=\"service-desc\">Installation of decorative and technical wall coverings.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 8: Carrelage & fa\u00efence -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-border-all\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Tiling &amp; earthenware<\/h3>\r\n                <p class=\"service-desc\">Installation of tiles and earthenware in every room of your home.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 9: Cloisons & pl\u00e2trerie -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-ruler-combined\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Partitions &amp; plasterwork<\/h3>\r\n                <p class=\"service-desc\">Creation and modification of partitions with associated plasterwork.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 10: Isolation -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-thermometer-half\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Insulation<\/h3>\r\n                <p class=\"service-desc\">Improving energy efficiency through high-performance insulation solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 11: \u00c9co-services -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Eco-services<\/h3>\r\n                <p class=\"service-desc\">Ecological and sustainable solutions for environmentally-friendly living.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 12: Sur-mesure -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon\"><i class=\"fas fa-star\"><\/i><\/div>\r\n                <h3 class=\"service-title\">Made-to-measure<\/h3>\r\n                <p class=\"service-desc\">Custom creations tailored to your specific and unique needs.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4f7e32 e-flex e-con-boxed e-con e-parent\" data-id=\"d4f7e32\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feb8054 elementor-widget elementor-widget-image-carousel\" data-id=\"feb8054\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:1500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:26,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 out of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/1-1.jpg\" alt=\"1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 out of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/2-1.jpg\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/3-1.jpg\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/5-1.jpg\" alt=\"5\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/6-1.jpg\" alt=\"6\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG_0602.jpeg\" alt=\"IMG_0602\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-7.jpg\" alt=\"Untitled design\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/2.png\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 sur 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/2.jpg\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/4-2.jpg\" alt=\"4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-81be7f9 e-con-full e-flex e-con e-parent\" data-id=\"81be7f9\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e9e4c elementor-widget elementor-widget-html\" data-id=\"a6e9e4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-process-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .process-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .process-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.05) !important;\r\n            border-radius: 50%;\r\n            animation: processFloat 15s ease-in-out infinite;\r\n        }\r\n\r\n        .process-shape-1 {\r\n            width: 300px;\r\n            height: 300px;\r\n            top: 10%;\r\n            left: 5%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .process-shape-2 {\r\n            width: 200px;\r\n            height: 200px;\r\n            bottom: 15%;\r\n            right: 8%;\r\n            animation-delay: 5s;\r\n        }\r\n\r\n        .process-shape-3 {\r\n            width: 150px;\r\n            height: 150px;\r\n            top: 50%;\r\n            left: 70%;\r\n            animation-delay: 10s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .process-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .process-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: processFloatDot 10s ease-in-out infinite;\r\n            box-shadow: 0 0 15px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .process-dot-1 { width: 4px; height: 4px; top: 25%; left: 20%; animation-delay: 0s; }\r\n        .process-dot-2 { width: 6px; height: 6px; top: 60%; right: 25%; animation-delay: 3s; }\r\n        .process-dot-3 { width: 3px; height: 3px; bottom: 40%; left: 60%; animation-delay: 6s; }\r\n        .process-dot-4 { width: 5px; height: 5px; top: 80%; right: 40%; animation-delay: 9s; }\r\n        .process-dot-5 { width: 4px; height: 4px; bottom: 20%; left: 40%; animation-delay: 2s; }\r\n        .process-dot-6 { width: 5px; height: 5px; top: 40%; left: 80%; animation-delay: 7s; }\r\n\r\n        \/* Process Container *\/\r\n        .process-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .process-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n        }\r\n\r\n        .process-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .process-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .process-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: processHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .process-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Timeline Container *\/\r\n        .timeline-container {\r\n            position: relative;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        \/* Process Steps *\/\r\n        .process-steps {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .process-step {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 40px;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            position: relative;\r\n        }\r\n\r\n        .process-step:nth-child(1) { animation-delay: 1.2s; }\r\n        .process-step:nth-child(2) { animation-delay: 1.5s; }\r\n        .process-step:nth-child(3) { animation-delay: 1.8s; }\r\n        .process-step:nth-child(4) { animation-delay: 2.1s; }\r\n        .process-step:nth-child(5) { animation-delay: 2.4s; }\r\n\r\n        \/* Alternate layout for even steps *\/\r\n        .process-step:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        \/* Step Number Circle *\/\r\n        .step-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.8rem;\r\n            font-weight: 600;\r\n            color: white !important;\r\n            box-shadow: 0 10px 30px rgba(83, 148, 151, 0.3) !important;\r\n            position: relative;\r\n            z-index: 5;\r\n            flex-shrink: 0;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .step-number::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -5px;\r\n            left: -5px;\r\n            right: -5px;\r\n            bottom: -5px;\r\n            background: linear-gradient(135deg, #539497, transparent);\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        .process-step:hover .step-number::before {\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .process-step:hover .step-number {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 15px 40px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        \/* Step Content *\/\r\n        .step-content {\r\n            flex: 1;\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .step-content::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .process-step:hover .step-content::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .process-step:hover .step-content {\r\n            transform: translateY(-5px);\r\n            border-color: rgba(83, 148, 151, 0.4) !important;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .step-icon {\r\n            color: #539497 !important;\r\n            font-size: 2rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .step-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 15px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .process-step:hover .step-title {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        .step-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            line-height: 1.6;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .step-details {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.9rem;\r\n            color: #666666 !important;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes processFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-50px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes processFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-25px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-40px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-20px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes processHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-process-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .process-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .process-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .timeline-line {\r\n                display: none !important;\r\n            }\r\n\r\n            .process-steps {\r\n                gap: 40px !important;\r\n            }\r\n\r\n            .process-step {\r\n                flex-direction: column !important;\r\n                gap: 20px !important;\r\n                text-align: center !important;\r\n            }\r\n\r\n            .process-step:nth-child(even) {\r\n                flex-direction: column !important;\r\n            }\r\n\r\n            .step-number {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n                font-size: 1.5rem !important;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 25px 20px !important;\r\n            }\r\n\r\n            .step-title {\r\n                font-size: 1.3rem !important;\r\n            }\r\n\r\n            .step-description {\r\n                font-size: 0.95rem !important;\r\n            }\r\n\r\n            .step-details {\r\n                font-size: 0.85rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .process-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .step-number {\r\n                width: 60px !important;\r\n                height: 60px !important;\r\n                font-size: 1.3rem !important;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 20px 15px !important;\r\n            }\r\n\r\n            .step-icon {\r\n                font-size: 1.5rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"process-bg-animation\">\r\n        <div class=\"process-floating-shape process-shape-1\"><\/div>\r\n        <div class=\"process-floating-shape process-shape-2\"><\/div>\r\n        <div class=\"process-floating-shape process-shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"process-floating-dots\">\r\n        <div class=\"process-dot process-dot-1\"><\/div>\r\n        <div class=\"process-dot process-dot-2\"><\/div>\r\n        <div class=\"process-dot process-dot-3\"><\/div>\r\n        <div class=\"process-dot process-dot-4\"><\/div>\r\n        <div class=\"process-dot process-dot-5\"><\/div>\r\n        <div class=\"process-dot process-dot-6\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Process Content -->\r\n    <div class=\"process-container\">\r\n        <!-- Header -->\r\n        <div class=\"process-header\">\r\n            <h2 class=\"process-title\">Our <span class=\"process-highlight\">Process<\/span><\/h2>\r\n            <p class=\"process-subtitle\">\r\n                A proven methodology to carry out your construction and renovation projects\r\n                with excellence, from initial design to final delivery.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Timeline -->\r\n        <div class=\"timeline-container\">\r\n            \r\n            <div class=\"process-steps\">\r\n                <!-- Step 1: Consultation -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-content\">\r\n                        <i class=\"fas fa-comments step-icon\"><\/i>\r\n                        <h3 class=\"step-title\">Consulting &amp; Analysis<\/h3>\r\n                        <p class=\"step-description\">\r\n                            Initial meeting to understand your needs, define your budget and analyze the feasibility of your project.\r\n                        <\/p>\r\n                        <p class=\"step-details\">\r\n                            - Technical evaluation - Personalized advice - Budget estimate\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 2: Design & Planning -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-content\">\r\n                        <i class=\"fas fa-drafting-compass step-icon\"><\/i>\r\n                        <h3 class=\"step-title\">Design &amp; Planning<\/h3>\r\n                        <p class=\"step-description\">\r\n                            Preparation of detailed plans, choice of materials and execution schedule.\r\n                        <\/p>\r\n                        <p class=\"step-details\">\r\n                            - Technical drawings - Materials selection - Detailed planning - Permits required\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 3: Contract -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-content\">\r\n                        <i class=\"fas fa-file-contract step-icon\"><\/i>\r\n                        <h3 class=\"step-title\">Contractualization<\/h3>\r\n                        <p class=\"step-description\">\r\n                            Signature of contract with detailed estimate, performance conditions and guarantees included.\r\n                        <\/p>\r\n                        <p class=\"step-details\">\r\n                            - Final quotation - Contractual clauses - Insurance - Warranties\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 4: Execution -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">4<\/div>\r\n                    <div class=\"step-content\">\r\n                        <i class=\"fas fa-hard-hat step-icon\"><\/i>\r\n                        <h3 class=\"step-title\">Work execution<\/h3>\r\n                        <p class=\"step-description\">\r\n                            Implementation of the project according to quality standards, with regular monitoring and compliance with deadlines.\r\n                        <\/p>\r\n                        <p class=\"step-details\">\r\n                            - Site management - Quality control - Planning follow-up - Regular communication\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 5: Delivery -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">5<\/div>\r\n                    <div class=\"step-content\">\r\n                        <i class=\"fas fa-key step-icon\"><\/i>\r\n                        <h3 class=\"step-title\">Delivery &amp; Tracking<\/h3>\r\n                        <p class=\"step-description\">\r\n                            Acceptance of work, final cleaning and post-delivery support with guarantees.\r\n                        <\/p>\r\n                        <p class=\"step-details\">\r\n                            - Acceptance of work - Cleaning - Documentation - After-sales service &amp; warranties\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-289e118 e-con-full e-flex e-con e-parent\" data-id=\"289e118\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c85b810 elementor-widget elementor-widget-html\" data-id=\"c85b810\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-portfolio-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .portfolio-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .portfolio-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.05) !important;\r\n            border-radius: 50%;\r\n            animation: portfolioFloat 22s ease-in-out infinite;\r\n        }\r\n\r\n        .portfolio-shape-1 {\r\n            width: 350px;\r\n            height: 350px;\r\n            top: 5%;\r\n            left: 3%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .portfolio-shape-2 {\r\n            width: 240px;\r\n            height: 240px;\r\n            bottom: 10%;\r\n            right: 5%;\r\n            animation-delay: 11s;\r\n        }\r\n\r\n        .portfolio-shape-3 {\r\n            width: 190px;\r\n            height: 190px;\r\n            top: 45%;\r\n            right: 25%;\r\n            animation-delay: 7s;\r\n        }\r\n\r\n        .portfolio-shape-4 {\r\n            width: 170px;\r\n            height: 170px;\r\n            bottom: 50%;\r\n            left: 65%;\r\n            animation-delay: 16s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .portfolio-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .portfolio-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: portfolioFloatDot 16s ease-in-out infinite;\r\n            box-shadow: 0 0 18px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .portfolio-dot-1 { width: 4px; height: 4px; top: 12%; left: 18%; animation-delay: 0s; }\r\n        .portfolio-dot-2 { width: 6px; height: 6px; top: 78%; right: 22%; animation-delay: 5.5s; }\r\n        .portfolio-dot-3 { width: 3px; height: 3px; bottom: 22%; left: 75%; animation-delay: 11s; }\r\n        .portfolio-dot-4 { width: 5px; height: 5px; top: 88%; right: 12%; animation-delay: 3s; }\r\n        .portfolio-dot-5 { width: 4px; height: 4px; bottom: 12%; right: 58%; animation-delay: 8.5s; }\r\n        .portfolio-dot-6 { width: 5px; height: 5px; top: 32%; left: 88%; animation-delay: 14s; }\r\n        .portfolio-dot-7 { width: 3px; height: 3px; top: 65%; left: 28%; animation-delay: 2.5s; }\r\n        .portfolio-dot-8 { width: 4px; height: 4px; bottom: 45%; right: 85%; animation-delay: 9.5s; }\r\n\r\n        \/* Portfolio Container *\/\r\n        .portfolio-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .portfolio-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .portfolio-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .portfolio-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .portfolio-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: portfolioHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .portfolio-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Filter Buttons *\/\r\n        .portfolio-filters {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 50px;\r\n            flex-wrap: wrap;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.9s forwards;\r\n        }\r\n\r\n        .filter-btn {\r\n            background: rgba(255, 255, 255, 0.9) !important;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(83, 148, 151, 0.3) !important;\r\n            color: #555555 !important;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            padding: 12px 25px;\r\n            border-radius: 25px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .filter-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.2), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .filter-btn:hover::before,\r\n        .filter-btn.active::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .filter-btn:hover,\r\n        .filter-btn.active {\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            color: white !important;\r\n            border-color: #539497 !important;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(83, 148, 151, 0.3) !important;\r\n        }\r\n\r\n        \/* Portfolio Grid - \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0647\u0646\u0627 \u0625\u0644\u0649 3 \u0623\u0639\u0645\u062f\u0629 *\/\r\n        .portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Portfolio Item *\/\r\n        .portfolio-item {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            position: relative;\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        \/* \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n        .portfolio-item:nth-child(1) { animation-delay: 1.2s; }\r\n        .portfolio-item:nth-child(2) { animation-delay: 1.4s; }\r\n        .portfolio-item:nth-child(3) { animation-delay: 1.6s; }\r\n        .portfolio-item:nth-child(4) { animation-delay: 1.8s; }\r\n        .portfolio-item:nth-child(5) { animation-delay: 2.0s; }\r\n        .portfolio-item:nth-child(6) { animation-delay: 2.2s; }\r\n        .portfolio-item:nth-child(7) { animation-delay: 2.4s; }\r\n        .portfolio-item:nth-child(8) { animation-delay: 2.6s; }\r\n        .portfolio-item:nth-child(9) { animation-delay: 2.8s; }\r\n        .portfolio-item:nth-child(10) { animation-delay: 3.0s; }\r\n        .portfolio-item:nth-child(11) { animation-delay: 3.2s; }\r\n        .portfolio-item:nth-child(12) { animation-delay: 3.4s; }\r\n\r\n        .portfolio-item:hover {\r\n            transform: translateY(-15px);\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.2), 0 0 50px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        \/* Portfolio Image *\/\r\n        .portfolio-image {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .portfolio-item:hover .portfolio-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Image Overlay *\/\r\n        .portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 250px;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .portfolio-item:hover .portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .overlay-icon {\r\n            color: #539497 !important;\r\n            font-size: 3rem;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        \/* Portfolio Content *\/\r\n        .portfolio-content {\r\n            padding: 25px;\r\n        }\r\n\r\n        .portfolio-category {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            color: white !important;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 0.8rem;\r\n            font-weight: 500;\r\n            padding: 6px 15px;\r\n            border-radius: 15px;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 5px 15px rgba(83, 148, 151, 0.3) !important;\r\n        }\r\n\r\n        .portfolio-item-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 10px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .portfolio-item:hover .portfolio-item-title {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        .portfolio-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.95rem;\r\n            color: #555555 !important;\r\n            line-height: 1.6;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .portfolio-details {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.85rem;\r\n            color: #666666 !important;\r\n        }\r\n\r\n        .portfolio-location {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .portfolio-year {\r\n            font-weight: 500;\r\n            color: #539497 !important;\r\n        }\r\n\r\n        \/* Lightbox *\/\r\n        .lightbox {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .lightbox-content {\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            position: relative;\r\n        }\r\n\r\n        .lightbox-image {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 10px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .lightbox-close {\r\n            position: absolute;\r\n            top: -40px;\r\n            right: 0;\r\n            color: white;\r\n            font-size: 2rem;\r\n            cursor: pointer;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .lightbox-close:hover {\r\n            color: #539497;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes portfolioFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-60px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes portfolioFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-40px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-60px) scale(1.3);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-30px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes portfolioHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% {\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                transform: scale(1.1);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design - \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0647\u0646\u0627 *\/\r\n        @media (max-width: 992px) {\r\n            .portfolio-grid {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .bleu-nf-portfolio-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .portfolio-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .portfolio-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .portfolio-filters {\r\n                gap: 10px !important;\r\n            }\r\n\r\n            .filter-btn {\r\n                font-size: 0.85rem !important;\r\n                padding: 10px 20px !important;\r\n            }\r\n\r\n            .portfolio-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 25px !important;\r\n            }\r\n\r\n            .portfolio-image {\r\n                height: 200px !important;\r\n            }\r\n\r\n            .portfolio-overlay {\r\n                height: 200px !important;\r\n            }\r\n\r\n            .portfolio-content {\r\n                padding: 20px !important;\r\n            }\r\n\r\n            .portfolio-item-title {\r\n                font-size: 1.2rem !important;\r\n            }\r\n\r\n            .portfolio-description {\r\n                font-size: 0.9rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .portfolio-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .portfolio-filters {\r\n                flex-direction: column !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            .portfolio-image {\r\n                height: 180px !important;\r\n            }\r\n\r\n            .portfolio-overlay {\r\n                height: 180px !important;\r\n            }\r\n\r\n            .overlay-icon {\r\n                font-size: 2.5rem !important;\r\n            }\r\n\r\n            .portfolio-details {\r\n                flex-direction: column !important;\r\n                gap: 5px !important;\r\n                align-items: flex-start !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"portfolio-bg-animation\">\r\n        <div class=\"portfolio-floating-shape portfolio-shape-1\"><\/div>\r\n        <div class=\"portfolio-floating-shape portfolio-shape-2\"><\/div>\r\n        <div class=\"portfolio-floating-shape portfolio-shape-3\"><\/div>\r\n        <div class=\"portfolio-floating-shape portfolio-shape-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"portfolio-floating-dots\">\r\n        <div class=\"portfolio-dot portfolio-dot-1\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-2\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-3\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-4\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-5\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-6\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-7\"><\/div>\r\n        <div class=\"portfolio-dot portfolio-dot-8\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Portfolio Content -->\r\n    <div class=\"portfolio-container\">\r\n        <!-- Header -->\r\n        <div class=\"portfolio-header\">\r\n            <h2 class=\"portfolio-title\">Our <span class=\"portfolio-highlight\">Achievements<\/span><\/h2>\r\n            <p class=\"portfolio-subtitle\">\r\n                Discover some of the projects we've completed with excellence.\r\n                From new build to complete renovation, each project reflects our expertise.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Filter Buttons -->\r\n        <div class=\"portfolio-filters\">\r\n            <button class=\"filter-btn active\" data-filter=\"all\">All projects<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"construction\">Construction<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"renovation\">Renovation<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"facade\">Fa\u00e7ades<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"interieur\">Design<\/button>\r\n        <\/div>\r\n\r\n        <!-- Portfolio Grid -->\r\n        <div class=\"portfolio-grid\">\r\n            <!-- Project 1: Piktura \u00c9cole Design -->\r\n            <div class=\"portfolio-item\" data-category=\"construction interieur\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG_0599-1.jpeg\" \r\n                         alt=\"Piktura \u00c9cole Design\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">School of Design<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Piktura - School of Design - 100 Student Housing Units - 14700 m\u00b2 - France<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        Design school with 100 student residences and 14700 m\u00b2 of rooms\/classrooms\/amphitheater\/offices with specialized facilities.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Roubaix, Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 2: Peinture Industrielle -->\r\n            <div class=\"portfolio-item\" data-category=\"renovation\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG_2842.jpeg\" \r\n                         alt=\"Peinture Industrielle\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Industrial paint<\/span>\r\n                    <h3 class=\"portfolio-item-title\">12,000 m\u00b2 of metal cladding - 4,800 m\u00b2 of resin flooring<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        Industrial painting project: 12,000 m\u00b2 of metal cladding renovated, 4,800 m\u00b2 of floor resin applied.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Seclin, Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 3: Extension Laventie -->\r\n            <div class=\"portfolio-item\" data-category=\"construction renovation\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG-20241127-WA0011.jpg\" \r\n                         alt=\"Extension Laventie\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Turnkey<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Cl\u00e9 en main de A \u00e0 Z - 60 m\u00b2 extension<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        Turnkey project from A to Z for a modern 60 m\u00b2 extension using eco-responsible materials.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Laventie, Pas-de-Calais, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 4: Restauration Fa\u00e7ade H\u00f4tel -->\r\n            <div class=\"portfolio-item\" data-category=\"facade\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG_4227-3-scaled.jpeg\" \r\n                         alt=\"Restauration Fa\u00e7ade H\u00f4tel\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Catering<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Restoration of a hotel facade - 3400 sq.m.<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        Restoration of hotel facades: 3,400 m\u00b2 renovated for elegance, durability and enhancement.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Valenciennes, Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 5: Cool Roofing -->\r\n            <div class=\"portfolio-item\" data-category=\"renovation\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/IMG_1240.jpeg\" \r\n                         alt=\"Cool Roofing\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Cool Roofing<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Cool Roofing, energy-saving - 2000 m\u00b2<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        2000 m\u00b2 energy-saving cool roofing system with reflective materials.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 6: 35 Logements Linselles -->\r\n            <div class=\"portfolio-item\" data-category=\"construction\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/2.png\" \r\n                         alt=\"35 Logements Linselles\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">New construction<\/span>\r\n                    <h3 class=\"portfolio-item-title\">35 Housing units - Linselles<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        New construction of a 35-unit residential complex with environmental standards.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Linselles, Nord<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 7: 64 Logements Tourcoing -->\r\n            <div class=\"portfolio-item\" data-category=\"construction\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/3-2.jpg\" \r\n                         alt=\"64 Logements Tourcoing\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Top of the range<\/span>\r\n                    <h3 class=\"portfolio-item-title\">64 Top-of-the-range homes - Tourcoing<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                        Upscale new construction of 64 homes with premium finishes and modern technologies.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Tourcoing, Nord<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 8: R\u00e9am\u00e9nagement int\u00e9rieur -->\r\n            <div class=\"portfolio-item\" data-category=\"construction interieur\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-2.jpg\" \r\n                         alt=\"R\u00e9am\u00e9nagement int\u00e9rieur\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Interior refurbishment<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Tailor-made interior refurbishment<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                      Tailor-made interior refurbishment in Lambersart: design, layout and finishing tailored to specific needs.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Lambersart, Nord France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 9: R\u00e9habilitation des Bureaux -->\r\n            <div class=\"portfolio-item\" data-category=\"construction interieur\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-3.jpg\" \r\n                         alt=\"R\u00e9habilitation des Bureaux\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Office refurbishment<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Office refurbishment - Carrefour - Boulogne sur mer<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                      Complete refurbishment of the Carrefour offices in Boulogne-sur-Mer: modernization, layout, finishes and optimized comfort.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Pas-de-calais, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 10: R\u00e9habilitation Divers -->\r\n            <div class=\"portfolio-item\" data-category=\"construction interieur\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-4.jpg\" \r\n                         alt=\"R\u00e9habilitation Divers\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Rehabilitation Miscellaneous<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Rehabilitation Miscellaneous, Thermal Insulation<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                      Various renovation work including thermal insulation to improve comfort, energy performance and overall sustainability.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 11: R\u00e9novation fa\u00e7ade -->\r\n            <div class=\"portfolio-item\" data-category=\"facade\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-5.jpg\" \r\n                         alt=\"R\u00e9novation fa\u00e7ade\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Facade renovation<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Renovation of the facade - 1850 m\u00b2<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                     Complete facade renovation in Lille: 1850 m\u00b2 restored for a modern, long-lasting look.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Lille, Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 12: Travaux et Meubles sur mesure -->\r\n            <div class=\"portfolio-item\" data-category=\"interieur\">\r\n                <div style=\"position: relative;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/06\/Untitled-design-7.jpg\" \r\n                         alt=\"Travaux et Meubles sur mesure\" class=\"portfolio-image\">\r\n                    <div class=\"portfolio-overlay\">\r\n                        <i class=\"fas fa-search-plus overlay-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"portfolio-content\">\r\n                    <span class=\"portfolio-category\">Work<\/span>\r\n                    <h3 class=\"portfolio-item-title\">Custom work and furniture - Marcq en Baroeul<\/h3>\r\n                    <p class=\"portfolio-description\">\r\n                     Interior design work with bespoke furniture manufacture in Marcq-en-Bar\u0153ul, unique and functional design.\r\n                    <\/p>\r\n                    <div class=\"portfolio-details\">\r\n                        <div class=\"portfolio-location\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Nord, France<\/span>\r\n                        <\/div>\r\n                        <div class=\"portfolio-year\">2024<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"lightbox\" id=\"lightbox\">\r\n        <div class=\"lightbox-content\">\r\n            <span class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/span>\r\n            <img decoding=\"async\" class=\"lightbox-image\" id=\"lightboxImage\" src=\"\" alt=\"\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Filter functionality\r\n        const filterBtns = document.querySelectorAll('.filter-btn');\r\n        const portfolioItems = document.querySelectorAll('.portfolio-item');\r\n\r\n        filterBtns.forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                \/\/ Remove active class from all buttons\r\n                filterBtns.forEach(b => b.classList.remove('active'));\r\n                \/\/ Add active class to clicked button\r\n                btn.classList.add('active');\r\n\r\n                const filterValue = btn.getAttribute('data-filter');\r\n\r\n                portfolioItems.forEach(item => {\r\n                    if (filterValue === 'all') {\r\n                        item.style.display = 'block';\r\n                        setTimeout(() => {\r\n                            item.style.opacity = '1';\r\n                            item.style.transform = 'translateY(0)';\r\n                        }, 100);\r\n                    } else {\r\n                        const categories = item.getAttribute('data-category').split(' ');\r\n                        if (categories.includes(filterValue)) {\r\n                            item.style.display = 'block';\r\n                            setTimeout(() => {\r\n                                item.style.opacity = '1';\r\n                                item.style.transform = 'translateY(0)';\r\n                            }, 100);\r\n                        } else {\r\n                            item.style.opacity = '0';\r\n                            item.style.transform = 'translateY(50px)';\r\n                            setTimeout(() => {\r\n                                item.style.display = 'none';\r\n                            }, 300);\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Lightbox functionality\r\n        const portfolioImages = document.querySelectorAll('.portfolio-image');\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxImage = document.getElementById('lightboxImage');\r\n\r\n        portfolioImages.forEach(img => {\r\n            img.addEventListener('click', () => {\r\n                lightboxImage.src = img.src;\r\n                lightbox.style.display = 'flex';\r\n                document.body.style.overflow = 'hidden';\r\n            });\r\n        });\r\n\r\n        function closeLightbox() {\r\n            lightbox.style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        \/\/ Close lightbox on background click\r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n\r\n        \/\/ Close lightbox on escape key\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape') {\r\n                closeLightbox();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca2da0b e-con-full e-flex e-con e-parent\" data-id=\"ca2da0b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7abb7a6 elementor-widget elementor-widget-html\" data-id=\"7abb7a6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-why-choose-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .why-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .why-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.06) !important;\r\n            border-radius: 50%;\r\n            animation: whyFloat 18s ease-in-out infinite;\r\n        }\r\n\r\n        .why-shape-1 {\r\n            width: 320px;\r\n            height: 320px;\r\n            top: 10%;\r\n            left: 5%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .why-shape-2 {\r\n            width: 200px;\r\n            height: 200px;\r\n            bottom: 15%;\r\n            right: 10%;\r\n            animation-delay: 9s;\r\n        }\r\n\r\n        .why-shape-3 {\r\n            width: 160px;\r\n            height: 160px;\r\n            top: 60%;\r\n            right: 30%;\r\n            animation-delay: 6s;\r\n        }\r\n\r\n        .why-shape-4 {\r\n            width: 140px;\r\n            height: 140px;\r\n            bottom: 40%;\r\n            left: 70%;\r\n            animation-delay: 12s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .why-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .why-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: whyFloatDot 12s ease-in-out infinite;\r\n            box-shadow: 0 0 15px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .why-dot-1 { width: 4px; height: 4px; top: 20%; left: 15%; animation-delay: 0s; }\r\n        .why-dot-2 { width: 6px; height: 6px; top: 70%; right: 20%; animation-delay: 4s; }\r\n        .why-dot-3 { width: 3px; height: 3px; bottom: 30%; left: 60%; animation-delay: 8s; }\r\n        .why-dot-4 { width: 5px; height: 5px; top: 80%; right: 40%; animation-delay: 2s; }\r\n        .why-dot-5 { width: 4px; height: 4px; bottom: 20%; right: 60%; animation-delay: 6s; }\r\n        .why-dot-6 { width: 5px; height: 5px; top: 40%; left: 80%; animation-delay: 10s; }\r\n        .why-dot-7 { width: 3px; height: 3px; top: 30%; left: 40%; animation-delay: 3s; }\r\n        .why-dot-8 { width: 4px; height: 4px; bottom: 50%; right: 15%; animation-delay: 7s; }\r\n\r\n        \/* Why Choose Container *\/\r\n        .why-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .why-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n        }\r\n\r\n        .why-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .why-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .why-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: whyHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .why-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Reasons Grid *\/\r\n        .reasons-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        \/* Reason Card *\/\r\n        .reason-card {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 25px;\r\n            padding: 40px 30px;\r\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .reason-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .reason-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .reason-card:hover {\r\n            transform: translateY(-15px);\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15), 0 0 50px rgba(83, 148, 151, 0.1) !important;\r\n            background: rgba(255, 255, 255, 0.95) !important;\r\n        }\r\n\r\n        \/* Animation Delays for Cards *\/\r\n        .reason-card:nth-child(1) { animation-delay: 0.9s; }\r\n        .reason-card:nth-child(2) { animation-delay: 1.1s; }\r\n        .reason-card:nth-child(3) { animation-delay: 1.3s; }\r\n        .reason-card:nth-child(4) { animation-delay: 1.5s; }\r\n        .reason-card:nth-child(5) { animation-delay: 1.7s; }\r\n        .reason-card:nth-child(6) { animation-delay: 1.9s; }\r\n\r\n        \/* Reason Header *\/\r\n        .reason-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        \/* Reason Icon *\/\r\n        .reason-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.2rem;\r\n            color: white !important;\r\n            box-shadow: 0 10px 30px rgba(83, 148, 151, 0.3) !important;\r\n            transition: all 0.4s ease;\r\n            flex-shrink: 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .reason-icon::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .reason-card:hover .reason-icon::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .reason-card:hover .reason-icon {\r\n            transform: scale(1.1) rotate(10deg);\r\n            box-shadow: 0 15px 40px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        \/* Reason Content *\/\r\n        .reason-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .reason-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 15px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .reason-card:hover .reason-title {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        .reason-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            line-height: 1.6;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .reason-details {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.9rem;\r\n            color: #666666 !important;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Special Badge for Experience *\/\r\n        .experience-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            color: white !important;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            padding: 8px 15px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 5px 15px rgba(83, 148, 151, 0.3) !important;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes whyFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-40px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes whyFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-30px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-45px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-20px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes whyHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% {\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                transform: scale(1.05);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-why-choose-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .why-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .why-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .reasons-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 30px !important;\r\n            }\r\n\r\n            .reason-card {\r\n                padding: 30px 25px !important;\r\n            }\r\n\r\n            .reason-header {\r\n                flex-direction: column !important;\r\n                text-align: center !important;\r\n                gap: 15px !important;\r\n            }\r\n\r\n            .reason-content {\r\n                text-align: center !important;\r\n            }\r\n\r\n            .reason-icon {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n                font-size: 2rem !important;\r\n            }\r\n\r\n            .reason-title {\r\n                font-size: 1.3rem !important;\r\n            }\r\n\r\n            .reason-description {\r\n                font-size: 0.95rem !important;\r\n            }\r\n\r\n            .experience-badge {\r\n                position: static !important;\r\n                display: inline-block !important;\r\n                margin-top: 15px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .why-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .reason-card {\r\n                padding: 25px 20px !important;\r\n            }\r\n\r\n            .reason-icon {\r\n                width: 60px !important;\r\n                height: 60px !important;\r\n                font-size: 1.8rem !important;\r\n            }\r\n\r\n            .reason-title {\r\n                font-size: 1.2rem !important;\r\n            }\r\n\r\n            .reason-description {\r\n                font-size: 0.9rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"why-bg-animation\">\r\n        <div class=\"why-floating-shape why-shape-1\"><\/div>\r\n        <div class=\"why-floating-shape why-shape-2\"><\/div>\r\n        <div class=\"why-floating-shape why-shape-3\"><\/div>\r\n        <div class=\"why-floating-shape why-shape-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"why-floating-dots\">\r\n        <div class=\"why-dot why-dot-1\"><\/div>\r\n        <div class=\"why-dot why-dot-2\"><\/div>\r\n        <div class=\"why-dot why-dot-3\"><\/div>\r\n        <div class=\"why-dot why-dot-4\"><\/div>\r\n        <div class=\"why-dot why-dot-5\"><\/div>\r\n        <div class=\"why-dot why-dot-6\"><\/div>\r\n        <div class=\"why-dot why-dot-7\"><\/div>\r\n        <div class=\"why-dot why-dot-8\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Why Choose Content -->\r\n    <div class=\"why-container\">\r\n        <!-- Header -->\r\n        <div class=\"why-header\">\r\n            <h2 class=\"why-title\">Why choose <span class=\"why-highlight\">Blue NF<\/span> ?<\/h2>\r\n            <p class=\"why-subtitle\">\r\n                Discover the advantages that make us your ideal partner for all your construction\r\n                in the North of France and beyond.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Reasons Grid -->\r\n        <div class=\"reasons-grid\">\r\n            <!-- Reason 1: Experience -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"experience-badge\">25+ YEARS<\/div>\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-award\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Recognized expertise<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Over 25 years' experience in the construction industry with an experienced and qualified team.\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Complete mastery of modern and traditional techniques\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Reason 2: Certifications -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-certificate\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Qualibat &amp; RGE certifications<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Certified to guarantee the quality and energy efficiency of our work.\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Eligibility for financial assistance - Compliance with standards\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Reason 3: Lean Management -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-cogs\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Lean Management<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Proven method for large-scale professional projects (+\u20ac500k).\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Planning optimization - Cost control - Maximum efficiency\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Reason 4: Eco-Responsibility -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-leaf\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Eco-responsible approach<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Eco-friendly materials, waste management and reduced environmental impact.\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Sustainable construction - Respect for the environment\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Reason 5: Communication -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-handshake\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Transparent communication<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Regular monitoring, detailed reporting and clear communication throughout the project.\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Total transparency - Personalized follow-up - Responsiveness\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Reason 6: Deadlines -->\r\n            <div class=\"reason-card\">\r\n                <div class=\"reason-header\">\r\n                    <div class=\"reason-icon\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"reason-content\">\r\n                        <h3 class=\"reason-title\">Meeting deadlines<\/h3>\r\n                        <p class=\"reason-description\">\r\n                            Rigorous planning and strict adherence to agreed deadlines for all our projects.\r\n                        <\/p>\r\n                        <p class=\"reason-details\">\r\n                            Optimized planning - Contractual commitment - Reliability\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a65850 e-con-full e-flex e-con e-parent\" data-id=\"0a65850\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1e0812 elementor-widget elementor-widget-html\" data-id=\"d1e0812\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-testimonials-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .testimonials-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .testimonials-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.06) !important;\r\n            border-radius: 50%;\r\n            animation: testimonialsFloat 14s ease-in-out infinite;\r\n        }\r\n\r\n        .testimonials-shape-1 {\r\n            width: 220px;\r\n            height: 220px;\r\n            top: 20%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .testimonials-shape-2 {\r\n            width: 160px;\r\n            height: 160px;\r\n            bottom: 25%;\r\n            right: 15%;\r\n            animation-delay: 7s;\r\n        }\r\n\r\n        .testimonials-shape-3 {\r\n            width: 180px;\r\n            height: 180px;\r\n            top: 60%;\r\n            right: 50%;\r\n            animation-delay: 3s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .testimonials-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .testimonials-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: testimonialsFloatDot 9s ease-in-out infinite;\r\n            box-shadow: 0 0 12px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .testimonials-dot-1 { width: 4px; height: 4px; top: 30%; left: 25%; animation-delay: 0s; }\r\n        .testimonials-dot-2 { width: 5px; height: 5px; top: 70%; right: 30%; animation-delay: 3s; }\r\n        .testimonials-dot-3 { width: 3px; height: 3px; bottom: 40%; left: 70%; animation-delay: 6s; }\r\n        .testimonials-dot-4 { width: 6px; height: 6px; top: 50%; right: 20%; animation-delay: 1.5s; }\r\n        .testimonials-dot-5 { width: 4px; height: 4px; bottom: 30%; left: 50%; animation-delay: 4.5s; }\r\n\r\n        \/* Testimonials Container *\/\r\n        .testimonials-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1000px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .testimonials-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .testimonials-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .testimonials-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .testimonials-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: testimonialsHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .testimonials-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Slider Container *\/\r\n        .testimonials-slider {\r\n            position: relative;\r\n            height: 400px;\r\n            overflow: hidden;\r\n            border-radius: 25px;\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        \/* Testimonial Card *\/\r\n        .testimonial-card {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 50px 40px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: translateX(100px);\r\n            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        .testimonial-card.active {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .testimonial-card.prev {\r\n            opacity: 0;\r\n            transform: translateX(-100px);\r\n        }\r\n\r\n        \/* Quote Icon *\/\r\n        .quote-icon {\r\n            font-size: 3rem;\r\n            color: #539497 !important;\r\n            margin-bottom: 25px;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        \/* Testimonial Text *\/\r\n        .testimonial-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.3rem;\r\n            font-weight: 300;\r\n            color: #333333 !important;\r\n            line-height: 1.7;\r\n            margin-bottom: 35px;\r\n            font-style: italic;\r\n            max-width: 700px;\r\n        }\r\n\r\n        \/* Client Info *\/\r\n        .client-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .client-avatar {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2rem;\r\n            color: white !important;\r\n            font-weight: 600;\r\n            box-shadow: 0 10px 30px rgba(83, 148, 151, 0.3) !important;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .client-details {\r\n            text-align: left;\r\n        }\r\n\r\n        .client-name {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 500;\r\n            color: #539497 !important;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .client-service {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: #666666 !important;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .client-rating {\r\n            display: flex;\r\n            gap: 2px;\r\n        }\r\n\r\n        .star {\r\n            color: #539497 !important;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Navigation Dots *\/\r\n        .slider-dots {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 12px;\r\n            z-index: 5;\r\n        }\r\n\r\n        .dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(83, 148, 151, 0.3) !important;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .dot.active {\r\n            background: #539497 !important;\r\n            box-shadow: 0 0 15px rgba(83, 148, 151, 0.5) !important;\r\n            border-color: rgba(83, 148, 151, 0.3);\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes testimonialsFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-30px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes testimonialsFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-20px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-30px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-15px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes testimonialsHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-testimonials-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .testimonials-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .testimonials-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .testimonials-slider {\r\n                height: 450px !important;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 40px 25px !important;\r\n            }\r\n\r\n            .testimonial-text {\r\n                font-size: 1.1rem !important;\r\n                margin-bottom: 30px !important;\r\n            }\r\n\r\n            .client-info {\r\n                flex-direction: column !important;\r\n                gap: 15px !important;\r\n            }\r\n\r\n            .client-details {\r\n                text-align: center !important;\r\n            }\r\n\r\n            .client-avatar {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n                font-size: 1.8rem !important;\r\n            }\r\n\r\n            .quote-icon {\r\n                font-size: 2.5rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .testimonials-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .testimonials-slider {\r\n                height: 500px !important;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 30px 20px !important;\r\n            }\r\n\r\n            .testimonial-text {\r\n                font-size: 1rem !important;\r\n            }\r\n\r\n            .client-name {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .client-service {\r\n                font-size: 0.9rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"testimonials-bg-animation\">\r\n        <div class=\"testimonials-floating-shape testimonials-shape-1\"><\/div>\r\n        <div class=\"testimonials-floating-shape testimonials-shape-2\"><\/div>\r\n        <div class=\"testimonials-floating-shape testimonials-shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"testimonials-floating-dots\">\r\n        <div class=\"testimonials-dot testimonials-dot-1\"><\/div>\r\n        <div class=\"testimonials-dot testimonials-dot-2\"><\/div>\r\n        <div class=\"testimonials-dot testimonials-dot-3\"><\/div>\r\n        <div class=\"testimonials-dot testimonials-dot-4\"><\/div>\r\n        <div class=\"testimonials-dot testimonials-dot-5\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Testimonials Content -->\r\n    <div class=\"testimonials-container\">\r\n        <!-- Header -->\r\n        <div class=\"testimonials-header\">\r\n            <h2 class=\"testimonials-title\">What our <span class=\"testimonials-highlight\">Customers<\/span><\/h2>\r\n            <p class=\"testimonials-subtitle\">\r\n                Discover the testimonials of our satisfied customers who trust us\r\n                for their construction and renovation projects.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Testimonials Slider -->\r\n        <div class=\"testimonials-slider\">\r\n            <!-- Testimonial 1 -->\r\n            <div class=\"testimonial-card active\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Bleu NF completely renovated our living room. Impeccable work, deadlines met and very professional team.\r\n                    We highly recommend their services!\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">MC<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">Marie Coudray<\/div>\r\n                        <div class=\"client-service\">Interior renovation<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 2 -->\r\n            <div class=\"testimonial-card\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Construction of our house with Bleu NF. Excellent follow-up, valuable advice and quality finishing.\r\n                    A team that listens and is very competent.\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">PD<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">Pierre Dubois<\/div>\r\n                        <div class=\"client-service\">New construction<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 3 -->\r\n            <div class=\"testimonial-card\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Fa\u00e7ade of our building redone by Bleu NF. Magnificent result! On budget and on schedule.\r\n                    A serious and reliable company.\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">AL<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">Antoine Lefebvre<\/div>\r\n                        <div class=\"client-service\">Fa\u00e7ades<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 4 -->\r\n            <div class=\"testimonial-card\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Thermal insulation of our house carried out by Bleu NF. Visible energy savings from the first winter.\r\n                    Meticulous work and friendly team.\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">SB<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">Sophie Bernard<\/div>\r\n                        <div class=\"client-service\">Insulation<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 5 -->\r\n            <div class=\"testimonial-card\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Complete refurbishment of our old office. Bleu NF combined modernity with respect for the building's character.\r\n                    Exceptional result!\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">JM<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">Jean Martin<\/div>\r\n                        <div class=\"client-service\">Rehabilitation<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 6 -->\r\n            <div class=\"testimonial-card\">\r\n                <i class=\"fas fa-quote-left quote-icon\"><\/i>\r\n                <p class=\"testimonial-text\">\r\n                    \"Tiling throughout our house. Meticulous and clean work. The Bleu NF team is very professional.\r\n                    We are delighted with the result!\"\r\n                <\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-avatar\">EM<\/div>\r\n                    <div class=\"client-details\">\r\n                        <div class=\"client-name\">\u00c9milie Moreau<\/div>\r\n                        <div class=\"client-service\">Tiling &amp; earthenware<\/div>\r\n                        <div class=\"client-rating\">\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                            <i class=\"fas fa-star star\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Navigation Dots -->\r\n            <div class=\"slider-dots\">\r\n                <span class=\"dot active\" onclick=\"currentSlide(1)\"><\/span>\r\n                <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\r\n                <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span>\r\n                <span class=\"dot\" onclick=\"currentSlide(4)\"><\/span>\r\n                <span class=\"dot\" onclick=\"currentSlide(5)\"><\/span>\r\n                <span class=\"dot\" onclick=\"currentSlide(6)\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentTestimonial = 0;\r\n        const testimonials = document.querySelectorAll('.testimonial-card');\r\n        const dots = document.querySelectorAll('.dot');\r\n        const totalTestimonials = testimonials.length;\r\n\r\n        function showTestimonial(n) {\r\n            \/\/ Hide all testimonials\r\n            testimonials.forEach(testimonial => {\r\n                testimonial.classList.remove('active', 'prev');\r\n            });\r\n            \r\n            \/\/ Remove active class from all dots\r\n            dots.forEach(dot => {\r\n                dot.classList.remove('active');\r\n            });\r\n\r\n            \/\/ Show current testimonial\r\n            testimonials[n].classList.add('active');\r\n            dots[n].classList.add('active');\r\n        }\r\n\r\n        function nextTestimonial() {\r\n            testimonials[currentTestimonial].classList.add('prev');\r\n            currentTestimonial = (currentTestimonial + 1) % totalTestimonials;\r\n            showTestimonial(currentTestimonial);\r\n        }\r\n\r\n        function currentSlide(n) {\r\n            currentTestimonial = n - 1;\r\n            showTestimonial(currentTestimonial);\r\n        }\r\n\r\n        \/\/ Auto-advance testimonials every 4 seconds\r\n        setInterval(nextTestimonial, 4000);\r\n\r\n        \/\/ Initialize\r\n        showTestimonial(0);\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0c7f4f e-con-full e-flex e-con e-parent\" data-id=\"e0c7f4f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cfbc6f elementor-widget elementor-widget-html\" data-id=\"8cfbc6f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-eco-commitment-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .eco-commitment-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .eco-commitment-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.08) !important;\r\n            border-radius: 50%;\r\n            animation: ecoCommitmentFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        .eco-commitment-shape-1 {\r\n            width: 300px;\r\n            height: 300px;\r\n            top: 8%;\r\n            right: 5%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .eco-commitment-shape-2 {\r\n            width: 220px;\r\n            height: 220px;\r\n            bottom: 20%;\r\n            left: 8%;\r\n            animation-delay: 10s;\r\n        }\r\n\r\n        .eco-commitment-shape-3 {\r\n            width: 180px;\r\n            height: 180px;\r\n            top: 50%;\r\n            left: 60%;\r\n            animation-delay: 5s;\r\n        }\r\n\r\n        .eco-commitment-shape-4 {\r\n            width: 160px;\r\n            height: 160px;\r\n            bottom: 60%;\r\n            right: 40%;\r\n            animation-delay: 15s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .eco-commitment-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .eco-commitment-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: ecoCommitmentFloatDot 15s ease-in-out infinite;\r\n            box-shadow: 0 0 20px rgba(83, 148, 151, 0.5) !important;\r\n        }\r\n\r\n        .eco-commitment-dot-1 { width: 5px; height: 5px; top: 18%; left: 12%; animation-delay: 0s; }\r\n        .eco-commitment-dot-2 { width: 4px; height: 4px; top: 75%; right: 25%; animation-delay: 5s; }\r\n        .eco-commitment-dot-3 { width: 6px; height: 6px; bottom: 25%; left: 70%; animation-delay: 10s; }\r\n        .eco-commitment-dot-4 { width: 3px; height: 3px; top: 85%; right: 15%; animation-delay: 2.5s; }\r\n        .eco-commitment-dot-5 { width: 5px; height: 5px; bottom: 15%; right: 55%; animation-delay: 7.5s; }\r\n        .eco-commitment-dot-6 { width: 4px; height: 4px; top: 35%; left: 85%; animation-delay: 12.5s; }\r\n        .eco-commitment-dot-7 { width: 4px; height: 4px; top: 60%; left: 25%; animation-delay: 3.5s; }\r\n        .eco-commitment-dot-8 { width: 5px; height: 5px; bottom: 40%; right: 80%; animation-delay: 8.5s; }\r\n\r\n        \/* Eco Container *\/\r\n        .eco-commitment-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .eco-commitment-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n        }\r\n\r\n        .eco-commitment-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .eco-commitment-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .eco-commitment-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: ecoCommitmentHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .eco-commitment-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Main Content Layout *\/\r\n        .eco-commitment-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: start;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Left Content - Commitments *\/\r\n        .eco-commitment-left {\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: fadeInLeft 1s ease-out 0.9s forwards;\r\n        }\r\n\r\n        .eco-commitment-commitments {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        .eco-commitment-item {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.3) !important;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .eco-commitment-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .eco-commitment-item:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .eco-commitment-item:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .eco-commitment-item-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .eco-commitment-item-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #539497, #66BB6A) !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.3rem;\r\n            color: white !important;\r\n            box-shadow: 0 8px 25px rgba(83, 148, 151, 0.3) !important;\r\n            flex-shrink: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .eco-commitment-item:hover .eco-commitment-item-icon {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 12px 35px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .eco-commitment-item-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .eco-commitment-item:hover .eco-commitment-item-title {\r\n            color: #539497 !important;\r\n        }\r\n\r\n        .eco-commitment-item-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.95rem;\r\n            color: #555555 !important;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Right Content - Stats & Impact *\/\r\n        .eco-commitment-right {\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: fadeInRight 1s ease-out 1.2s forwards;\r\n        }\r\n\r\n        .eco-commitment-stats-container {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 25px;\r\n            padding: 40px 30px;\r\n            margin-bottom: 30px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .eco-commitment-stats-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            color: #539497 !important;\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .eco-commitment-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .eco-commitment-stat-item {\r\n            text-align: center;\r\n            background: rgba(83, 148, 151, 0.1) !important;\r\n            border-radius: 15px;\r\n            padding: 20px 15px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .eco-commitment-stat-item:hover {\r\n            transform: translateY(-5px);\r\n            background: rgba(83, 148, 151, 0.15) !important;\r\n        }\r\n\r\n        .eco-commitment-stat-number {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            color: #539497 !important;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .eco-commitment-stat-label {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.85rem;\r\n            color: #666666 !important;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* Certifications *\/\r\n        .eco-commitment-certifications {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 20px;\r\n            padding: 25px;\r\n            text-align: center;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .eco-commitment-cert-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .eco-commitment-cert-badges {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .eco-commitment-cert-badge {\r\n            background: linear-gradient(135deg, #539497, #66BB6A) !important;\r\n            color: white !important;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            padding: 12px 20px;\r\n            border-radius: 25px;\r\n            box-shadow: 0 8px 25px rgba(83, 148, 151, 0.3) !important;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .eco-commitment-cert-badge:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 35px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        \/* Bottom Message *\/\r\n        .eco-commitment-bottom-message {\r\n            background: rgba(83, 148, 151, 0.1) !important;\r\n            border: 1px solid rgba(83, 148, 151, 0.3) !important;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 1.8s forwards;\r\n        }\r\n\r\n        .eco-commitment-bottom-message-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.1rem;\r\n            color: #333333 !important;\r\n            line-height: 1.6;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes ecoCommitmentFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-50px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes ecoCommitmentFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-35px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-50px) scale(1.3);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-25px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInLeft {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInRight {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes ecoCommitmentHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-eco-commitment-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .eco-commitment-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .eco-commitment-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .eco-commitment-content {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 40px !important;\r\n            }\r\n\r\n            .eco-commitment-item {\r\n                padding: 25px 20px !important;\r\n            }\r\n\r\n            .eco-commitment-item-header {\r\n                flex-direction: column !important;\r\n                text-align: center !important;\r\n                gap: 10px !important;\r\n            }\r\n\r\n            .eco-commitment-stats-container {\r\n                padding: 30px 20px !important;\r\n            }\r\n\r\n            .eco-commitment-stats-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 20px !important;\r\n            }\r\n\r\n            .eco-commitment-cert-badges {\r\n                flex-direction: column !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            .eco-commitment-bottom-message {\r\n                padding: 25px 20px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .eco-commitment-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .eco-commitment-item {\r\n                padding: 20px 15px !important;\r\n            }\r\n\r\n            .eco-commitment-item-icon {\r\n                width: 45px !important;\r\n                height: 45px !important;\r\n                font-size: 1.2rem !important;\r\n            }\r\n\r\n            .eco-commitment-stat-number {\r\n                font-size: 1.8rem !important;\r\n            }\r\n\r\n            .eco-commitment-bottom-message-text {\r\n                font-size: 1rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"eco-commitment-bg-animation\">\r\n        <div class=\"eco-commitment-floating-shape eco-commitment-shape-1\"><\/div>\r\n        <div class=\"eco-commitment-floating-shape eco-commitment-shape-2\"><\/div>\r\n        <div class=\"eco-commitment-floating-shape eco-commitment-shape-3\"><\/div>\r\n        <div class=\"eco-commitment-floating-shape eco-commitment-shape-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"eco-commitment-floating-dots\">\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-1\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-2\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-3\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-4\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-5\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-6\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-7\"><\/div>\r\n        <div class=\"eco-commitment-dot eco-commitment-dot-8\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Eco Content -->\r\n    <div class=\"eco-commitment-container\">\r\n        <!-- Header -->\r\n        <div class=\"eco-commitment-header\">\r\n            <h2 class=\"eco-commitment-title\">Our Commitment <span class=\"eco-commitment-highlight\">Eco-Responsible<\/span><\/h2>\r\n            <p class=\"eco-commitment-subtitle\">\r\n                At Bleu NF, we're building the future while respecting our planet.\r\n                Discover our concrete actions for a more sustainable and responsible construction industry.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"eco-commitment-content\">\r\n            <!-- Left - Commitments -->\r\n            <div class=\"eco-commitment-left\">\r\n                <div class=\"eco-commitment-commitments\">\r\n                    <!-- Commitment 1 -->\r\n                    <div class=\"eco-commitment-item\">\r\n                        <div class=\"eco-commitment-item-header\">\r\n                            <div class=\"eco-commitment-item-icon\">\r\n                                <i class=\"fas fa-seedling\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"eco-commitment-item-title\">Eco-friendly materials<\/h3>\r\n                        <\/div>\r\n                        <p class=\"eco-commitment-item-description\">\r\n                            Priority use of environmentally friendly materials,\r\n                            from sustainable sources for all our projects.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Commitment 2 -->\r\n                    <div class=\"eco-commitment-item\">\r\n                        <div class=\"eco-commitment-item-header\">\r\n                            <div class=\"eco-commitment-item-icon\">\r\n                                <i class=\"fas fa-recycle\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"eco-commitment-item-title\">Waste Management<\/h3>\r\n                        <\/div>\r\n                        <p class=\"eco-commitment-item-description\">\r\n                            Systematic selective sorting and recovery of site waste.\r\n                            Maximum reduction of waste sent to landfill.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Commitment 3 -->\r\n                    <div class=\"eco-commitment-item\">\r\n                        <div class=\"eco-commitment-item-header\">\r\n                            <div class=\"eco-commitment-item-icon\">\r\n                                <i class=\"fas fa-tools\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"eco-commitment-item-title\">Reusing tools<\/h3>\r\n                        <\/div>\r\n                        <p class=\"eco-commitment-item-description\">\r\n                            Systematic cleaning and reuse of our tools and equipment\r\n                            to reduce our environmental impact.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Commitment 4 -->\r\n                    <div class=\"eco-commitment-item\">\r\n                        <div class=\"eco-commitment-item-header\">\r\n                            <div class=\"eco-commitment-item-icon\">\r\n                                <i class=\"fas fa-ban\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"eco-commitment-item-title\">Reduction of pollutant materials<\/h3>\r\n                        <\/div>\r\n                        <p class=\"eco-commitment-item-description\">\r\n                            Progressive reduction in the use of non-ecological materials\r\n                            in favor of sustainable and respectful alternatives.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right - Stats & Certifications -->\r\n            <div class=\"eco-commitment-right\">\r\n                <!-- Stats Container -->\r\n                <div class=\"eco-commitment-stats-container\">\r\n                    <h3 class=\"eco-commitment-stats-title\">Our Positive Impact<\/h3>\r\n                    \r\n                    <div class=\"eco-commitment-stats-grid\">\r\n                        <div class=\"eco-commitment-stat-item\">\r\n                            <span class=\"eco-commitment-stat-number\">85%<\/span>\r\n                            <span class=\"eco-commitment-stat-label\">Recycled waste<\/span>\r\n                        <\/div>\r\n                        <div class=\"eco-commitment-stat-item\">\r\n                            <span class=\"eco-commitment-stat-number\">100%<\/span>\r\n                            <span class=\"eco-commitment-stat-label\">Eco-designed projects<\/span>\r\n                        <\/div>\r\n                        <div class=\"eco-commitment-stat-item\">\r\n                            <span class=\"eco-commitment-stat-number\">30%<\/span>\r\n                            <span class=\"eco-commitment-stat-label\">Emissions reduction<\/span>\r\n                        <\/div>\r\n                        <div class=\"eco-commitment-stat-item\">\r\n                            <span class=\"eco-commitment-stat-number\">25+<\/span>\r\n                            <span class=\"eco-commitment-stat-label\">Years of commitment<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Certifications -->\r\n                <div class=\"eco-commitment-certifications\">\r\n                    <h3 class=\"eco-commitment-cert-title\">Our Environmental Certifications<\/h3>\r\n                    <div class=\"eco-commitment-cert-badges\">\r\n                        <div class=\"eco-commitment-cert-badge\">\r\n                            <i class=\"fas fa-leaf\"><\/i>\r\n                            RGE\r\n                        <\/div>\r\n                        <div class=\"eco-commitment-cert-badge\">\r\n                            <i class=\"fas fa-certificate\"><\/i>\r\n                            Qualibat (In progress)\r\n                        <\/div>\r\n                        <div class=\"eco-commitment-cert-badge\">\r\n                            <i class=\"fas fa-award\"><\/i>\r\n                            \u00c9co-BTP\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Message -->\r\n        <div class=\"eco-commitment-bottom-message\">\r\n            <p class=\"eco-commitment-bottom-message-text\">\r\n                \"Building today with tomorrow in mind. Every project is an opportunity\r\n                to contribute to a more sustainable future for generations to come.\"\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d746eb e-con-full e-flex e-con e-parent\" data-id=\"4d746eb\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9cd876 elementor-widget elementor-widget-html\" data-id=\"f9cd876\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bleu-nf-contact-section\" style=\"    font-family: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    position: relative;    padding: 80px 20px;    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 25%, #ffffff 50%, #f1f3f4 75%, #ffffff 100%) !important;    overflow: hidden;    min-height: auto;\">\r\n    <!-- Import Google Fonts & Font Awesome -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        \/* Background Animation *\/\r\n        .contact-bg-animation {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .contact-floating-shape {\r\n            position: absolute;\r\n            background: rgba(83, 148, 151, 0.07) !important;\r\n            border-radius: 50%;\r\n            animation: contactFloat 16s ease-in-out infinite;\r\n        }\r\n\r\n        .contact-shape-1 {\r\n            width: 280px;\r\n            height: 280px;\r\n            top: 15%;\r\n            right: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .contact-shape-2 {\r\n            width: 190px;\r\n            height: 190px;\r\n            bottom: 20%;\r\n            left: 8%;\r\n            animation-delay: 8s;\r\n        }\r\n\r\n        .contact-shape-3 {\r\n            width: 140px;\r\n            height: 140px;\r\n            top: 55%;\r\n            left: 60%;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        \/* Floating Dots *\/\r\n        .contact-floating-dots {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n        }\r\n\r\n        .contact-dot {\r\n            position: absolute;\r\n            background: #539497 !important;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: contactFloatDot 11s ease-in-out infinite;\r\n            box-shadow: 0 0 12px rgba(83, 148, 151, 0.5) !important;\r\n        }\r\n\r\n        .contact-dot-1 { width: 5px; height: 5px; top: 25%; left: 20%; animation-delay: 0s; }\r\n        .contact-dot-2 { width: 4px; height: 4px; top: 65%; right: 25%; animation-delay: 3.5s; }\r\n        .contact-dot-3 { width: 6px; height: 6px; bottom: 35%; left: 65%; animation-delay: 7s; }\r\n        .contact-dot-4 { width: 3px; height: 3px; top: 80%; right: 15%; animation-delay: 1.5s; }\r\n        .contact-dot-5 { width: 5px; height: 5px; bottom: 25%; right: 50%; animation-delay: 5s; }\r\n        .contact-dot-6 { width: 4px; height: 4px; top: 40%; left: 85%; animation-delay: 9s; }\r\n\r\n        \/* Contact Container *\/\r\n        .contact-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .contact-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .contact-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .contact-highlight {\r\n            color: #539497 !important;\r\n            position: relative;\r\n        }\r\n\r\n        .contact-highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #539497, transparent) !important;\r\n            opacity: 0;\r\n            animation: contactHighlightLine 2s ease-out 1.5s forwards;\r\n        }\r\n\r\n        .contact-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Main Content *\/\r\n        .contact-content {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        \/* Contact CTA *\/\r\n        .contact-left {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 1s ease-out 0.9s forwards;\r\n            width: 100%;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .cta-content {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 25px;\r\n            padding: 50px 40px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .cta-content::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(83, 148, 151, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .cta-content:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-content:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(83, 148, 151, 0.4) !important;\r\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 40px rgba(83, 148, 151, 0.1) !important;\r\n        }\r\n\r\n        .cta-icon {\r\n            width: 100px;\r\n            height: 100px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 3rem;\r\n            color: white !important;\r\n            margin: 0 auto 30px;\r\n            box-shadow: 0 15px 40px rgba(83, 148, 151, 0.3) !important;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-content:hover .cta-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            box-shadow: 0 20px 50px rgba(83, 148, 151, 0.4) !important;\r\n        }\r\n\r\n        .cta-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.8rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cta-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.1rem;\r\n            font-weight: 300;\r\n            color: #555555 !important;\r\n            line-height: 1.6;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            background: linear-gradient(135deg, #539497, #6db0b3) !important;\r\n            color: white !important;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            padding: 15px 35px;\r\n            border-radius: 50px;\r\n            text-decoration: none !important;\r\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n            box-shadow: 0 10px 30px rgba(83, 148, 151, 0.3) !important;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px) scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(83, 148, 151, 0.4) !important;\r\n            color: white !important;\r\n            text-decoration: none !important;\r\n        }\r\n\r\n        .cta-button:active {\r\n            transform: translateY(-1px) scale(1.02);\r\n        }\r\n\r\n        \/* Right Content - Form Area *\/\r\n        .contact-right {\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: fadeInRight 1s ease-out 1.2s forwards;\r\n        }\r\n\r\n        .form-container {\r\n            background: rgba(255, 255, 255, 0.8) !important;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(83, 148, 151, 0.2) !important;\r\n            border-radius: 25px;\r\n            padding: 50px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        .form-title {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1.8rem;\r\n            font-weight: 500;\r\n            color: #333333 !important;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        .form-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: #666666 !important;\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .form-placeholder {\r\n            background: rgba(83, 148, 151, 0.05) !important;\r\n            border: 2px dashed rgba(83, 148, 151, 0.3) !important;\r\n            border-radius: 15px;\r\n            padding: 40px 20px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-placeholder:hover {\r\n            border-color: rgba(83, 148, 151, 0.5) !important;\r\n            background: rgba(83, 148, 151, 0.08) !important;\r\n        }\r\n\r\n        .form-placeholder-icon {\r\n            color: #539497 !important;\r\n            font-size: 2.5rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .form-placeholder-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: #666666 !important;\r\n            line-height: 1.5;\r\n        }\r\n\r\n\r\n\r\n        \/* Animations *\/\r\n        @keyframes contactFloat {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-35px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        @keyframes contactFloatDot {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n            25% {\r\n                opacity: 0.8;\r\n                transform: translateY(-25px) scale(1);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(-35px) scale(1.2);\r\n            }\r\n            75% {\r\n                opacity: 0.6;\r\n                transform: translateY(-18px) scale(0.8);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(0) scale(0.5);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInLeft {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInRight {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes contactHighlightLine {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .bleu-nf-contact-section {\r\n                padding: 60px 15px !important;\r\n            }\r\n\r\n            .contact-title {\r\n                font-size: 2.2rem !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n\r\n            .contact-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .contact-content {\r\n                justify-content: center !important;\r\n            }\r\n\r\n            .contact-left {\r\n                width: 100% !important;\r\n                max-width: 600px !important;\r\n            }\r\n\r\n            .cta-content {\r\n                padding: 40px 25px !important;\r\n            }\r\n\r\n            .cta-icon {\r\n                width: 80px !important;\r\n                height: 80px !important;\r\n                font-size: 2.5rem !important;\r\n                margin-bottom: 25px !important;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 1.5rem !important;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1rem !important;\r\n                margin-bottom: 25px !important;\r\n            }\r\n\r\n            .cta-button {\r\n                font-size: 1rem !important;\r\n                padding: 12px 30px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .contact-title {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .cta-content {\r\n                padding: 30px 20px !important;\r\n            }\r\n\r\n            .cta-icon {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n                font-size: 2.2rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Background Animation -->\r\n    <div class=\"contact-bg-animation\">\r\n        <div class=\"contact-floating-shape contact-shape-1\"><\/div>\r\n        <div class=\"contact-floating-shape contact-shape-2\"><\/div>\r\n        <div class=\"contact-floating-shape contact-shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Dots -->\r\n    <div class=\"contact-floating-dots\">\r\n        <div class=\"contact-dot contact-dot-1\"><\/div>\r\n        <div class=\"contact-dot contact-dot-2\"><\/div>\r\n        <div class=\"contact-dot contact-dot-3\"><\/div>\r\n        <div class=\"contact-dot contact-dot-4\"><\/div>\r\n        <div class=\"contact-dot contact-dot-5\"><\/div>\r\n        <div class=\"contact-dot contact-dot-6\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Contact Content -->\r\n    <div class=\"contact-container\">\r\n        <!-- Header -->\r\n        <div class=\"contact-header\">\r\n            <h2 class=\"contact-title\">Let's talk about your <span class=\"contact-highlight\">Project<\/span><\/h2>\r\n            <p class=\"contact-subtitle\">\r\n                Contact us today to discuss your construction and renovation needs.\r\n                Our team of experts is here to support you.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"contact-content\">\r\n            <!-- Contact CTA -->\r\n            <div class=\"contact-left\">\r\n                <div class=\"cta-content\">\r\n                    <div class=\"cta-icon\">\r\n                        <i class=\"fas fa-comments\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"cta-title\">Need a quote?<\/h3>\r\n                    <p class=\"cta-description\">\r\n                        Contact us directly for a free personalized quote.\r\n                        We respond quickly to all your requests.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/bleu-nf.fr\/en\/contact\/\" class=\"cta-button\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        Contact us\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-040f76e e-flex e-con-boxed e-con e-parent\" data-id=\"040f76e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b183ef elementor-widget elementor-widget-shortcode\" data-id=\"5b183ef\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<div class=\"srfm-form-container srfm-form-container-1610 srfm-bg-color\">\n\t\t\t<style>\n\t\t\t\t\/* Need to check and remove the input variables related to the Style Tab. *\/\n\t\t\t\t.srfm-form-container-1610 {\n\t\t\t\t\t\/* New test variables *\/\n\t\t\t\t\t--srfm-color-scheme-primary: var(--ast-global-color-5);\n\t\t\t\t\t--srfm-color-scheme-text-on-primary: #d5b73a;\n\t\t\t\t\t--srfm-color-scheme-text: #d5b73a;\n\n\t\t\t\t\t--srfm-color-input-label: #d5b73a;\n\t\t\t\t\t--srfm-color-input-description: hsl( from #d5b73a h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-placeholder: hsl( from #d5b73a h s l \/ 0.5 );\n\t\t\t\t\t--srfm-color-input-text: #d5b73a;\n\t\t\t\t\t--srfm-color-input-prefix: hsl( from #d5b73a h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-background: hsl( from #d5b73a h s l \/ 0.02 );\n\t\t\t\t\t--srfm-color-input-background-hover: hsl( from #d5b73a h s l \/ 0.05 );\n\t\t\t\t\t--srfm-color-input-background-disabled: hsl( from #d5b73a h s l \/ 0.07 );\n\t\t\t\t\t--srfm-color-input-border: hsl( from #d5b73a h s l \/ 0.25 );\n\t\t\t\t\t--srfm-color-input-border-disabled: hsl( from #d5b73a h s l \/ 0.15 );\n\t\t\t\t\t--srfm-color-multi-choice-svg: hsl( from #d5b73a h s l \/ 0.7 );\n\t\t\t\t\t--srfm-color-input-border-hover: hsl( from var(--ast-global-color-5) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-border-focus-glow: hsl( from var(--ast-global-color-5) h s l \/ 0.15 );\n\t\t\t\t\t--srfm-color-input-selected: hsl( from var(--ast-global-color-5) h s l \/ 0.1 );\n\t\t\t\t\t--srfm-btn-color-hover: hsl( from var(--ast-global-color-5) h s l \/ 0.9 );\n\t\t\t\t\t--srfm-btn-color-disabled: hsl( from var(--ast-global-color-5) h s l \/ 0.25 );\n\n\t\t\t\t\t\/* Dropdown Variables *\/\n\t\t\t\t\t--srfm-dropdown-input-background-hover: hsl( from #d5b73a h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-option-background-hover: hsl( from #d5b73a h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-option-background-selected: hsl( from #d5b73a h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-option-selected-icon: hsl( from #d5b73a h s l \/ 0.65 );\n\t\t\t\t\t--srfm-dropdown-option-text-color: hsl( from #d5b73a h s l \/ 0.80 );\n\t\t\t\t\t--srfm-dropdown-option-selected-text: #d5b73a;\n\t\t\t\t\t--srfm-dropdown-badge-background: hsl( from #d5b73a h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-badge-background-hover: hsl( from #d5b73a h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-menu-border-color: hsl( from #d5b73a h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-placeholder-color: hsl( from #d5b73a h s l \/ 0.50 );\n\t\t\t\t\t--srfm-dropdown-icon-color: hsl( from #d5b73a h s l \/ 0.65 );\n\t\t\t\t\t--srfm-dropdown-icon-disabled: hsl( from #d5b73a h s l \/ 0.25 );\n\n\t\t\t\t\t\/* Background Control Variables *\/\n\t\t\t\t\t--srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-color: #ffffff00;--srfm-bg-overlay-opacity: 1;\t\t\t\t\t--srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px;\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t\t\t\t\t<form method=\"post\" enctype=\"multipart\/form-data\" id=\"srfm-form-1610\" class=\"srfm-form\"\n\t\t\t\tform-id=\"1610\" after-submission=\"hide form\" message-type=\"same page\" success-url=\"\" ajaxurl=\"https:\/\/bleu-nf.fr\/wp-admin\/admin-ajax.php\" data-nonce=\"e9802a2e03\" action=\"\"\n\t\t\t\t>\n\t\t\t\t<input type=\"hidden\" id=\"sureforms_form_submit\" name=\"sureforms_form_submit\" value=\"c963f1cdae\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1617\" \/>\n\t\t\t\t<input type=\"hidden\" value=\"1610\" name=\"form-id\">\n\t\t\t\t<input type=\"hidden\" value=\"\" name=\"srfm-sender-email-field\" id=\"srfm-sender-email\">\n\t\t\t\t<input type=\"hidden\" value=\"\" id=\"srfm-page-break\">\n\t\t\t\t\t\t<p id=\"srfm-error-message\" class=\"srfm-common-error-message srfm-error-message srfm-head-error\" hidden=\"true\"><span class=\"srfm-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 6.66602V9.99935\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 13.334H10.0083\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg><\/span><span class=\"srfm-error-content\">There was an error trying to submit your form. Please try again.<\/span><\/p>\n\t\t\t\t\t<div data-block-id=\"6891c440\" class=\"srfm-block-single srfm-block srfm-input-block srf-input-6891c440-block  srfm-block-width-100 srfm-slug-nom 1610\" >\n\t\t\t<label id=\"srfm-label-6891c440-lbl-Tm9t\" for=\"srfm-input-6891c440-lbl-Tm9t\" class=\"srfm-block-label\">Name<span class=\"srfm-required\" aria-label=\"Required\"><span aria-hidden=\"true\"> *<\/span><\/span><\/label>\t\t\t<div class=\"srfm-description\" id=\"srfm-description-6891c440\">Please enter your full name.<\/div>\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<input class=\"srfm-input-common srfm-input-input\" type=\"text\" name=\"srfm-input-6891c440-lbl-Tm9t-nom\" id=\"srfm-input-6891c440-lbl-Tm9t\"\n\t\t\t\t\taria-describedby='srfm-error-6891c440 srfm-description-6891c440'\t\t\t\t\tdata-required=\"true\" data-unique=\"false\" maxlength=\"100\" value=\"\"  data-srfm-mask=\"none\"  \/>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-6891c440\" data-error-msg=\"This field is required.\" data-unique-msg=\"Value needs to be unique.\">This field is required.<\/div>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\n\t\t\t<div data-block-id=\"34b43d17\" class=\"srfm-block-single srfm-block srfm-email-block-wrap srfm-block-width-100 1610\">\n\t\t\t\t<div class=\"srfm-email-block srf-email-34b43d17-block\">\n\t\t\t\t\t<label id=\"srfm-label-34b43d17-lbl-RW1haWw\" for=\"srfm-email-34b43d17-lbl-RW1haWw\" class=\"srfm-block-label\">Email<span class=\"srfm-required\" aria-label=\"Required\"><span aria-hidden=\"true\"> *<\/span><\/span><\/label>\t\t\t\t\t<div class=\"srfm-description\" id=\"srfm-description-34b43d17\">Please enter your email address.<\/div>\t\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t\t\t<input class=\"srfm-input-common srfm-input-email\" type=\"email\" name=\"srfm-email-34b43d17-lbl-RW1haWw-email\" id=\"srfm-email-34b43d17-lbl-RW1haWw\"\n\t\t\t\t\t\taria-describedby='srfm-error-34b43d17 srfm-description-34b43d17'\t\t\t\t\t\tdata-required=\"true\" data-unique=\"false\" value=\"\"  \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-34b43d17\" data-error-msg=\"This field is required.\" data-unique-msg=\"Value needs to be unique.\">This field is required.<\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\n\t\t<div data-block-id=\"19edc8d0\" class=\"srfm-block-single srfm-block srfm-phone-block srf-phone-19edc8d0-block srfm-block-width-100 1610\">\n\t\t\t<label id=\"srfm-label-19edc8d0-lbl-TnVtw6lybyBkZSB0w6lsw6lwaG9uZQ\" for=\"srfm-phone-19edc8d0-lbl-TnVtw6lybyBkZSB0w6lsw6lwaG9uZQ\" class=\"srfm-block-label\">Phone number<span class=\"srfm-required\" aria-label=\"Required\"><span aria-hidden=\"true\"> *<\/span><\/span><\/label>\t\t\t<div class=\"srfm-description\" id=\"srfm-description-19edc8d0\">Please enter your phone number.<\/div>\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<input type=\"tel\" class=\"srfm-input-common srfm-input-phone\" name=\"srfm-phone-19edc8d0-lbl-TnVtw6lybyBkZSB0w6lsw6lwaG9uZQ-numero-de-telephone\" id=\"srfm-phone-19edc8d0-lbl-TnVtw6lybyBkZSB0w6lsw6lwaG9uZQ\"\n\t\t\t\taria-describedby='srfm-error-19edc8d0 srfm-description-19edc8d0'\t\t\t\tdata-required=\"true\" auto-country=\"true\" value=\"\"  data-unique=\"false\">\n\t\t\t<\/div>\n\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-19edc8d0\" data-error-msg=\"This field is required.\" data-unique-msg=\"Value needs to be unique.\">This field is required.<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t\t<div data-block-id=\"8a0e0c75\" class=\"srfm-block-single srfm-block srfm-textarea-block srf-textarea-8a0e0c75-block srfm-block-width-100 1610\">\n\t\t\t<label id=\"srfm-label-8a0e0c75-lbl-TWVzc2FnZQ\" for=\"srfm-textarea-8a0e0c75-lbl-TWVzc2FnZQ\" class=\"srfm-block-label\">Message<\/label>\t\t\t<div class=\"srfm-description\" id=\"srfm-description-8a0e0c75\">If you wish to add additional information, please enter it here.<\/div>\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<textarea class=\"srfm-input-common srfm-input-textarea\" name=\"srfm-textarea-8a0e0c75-lbl-TWVzc2FnZQ-message\" id=\"srfm-textarea-8a0e0c75-lbl-TWVzc2FnZQ\"\n\t\t\t\taria-describedby='srfm-error-8a0e0c75 srfm-description-8a0e0c75'\t\t\t\tdata-required=\"false\"  rows=\"4\"  ><\/textarea>\n\t\t\t<\/div>\n\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"srfm-submit-container\" style=\"\">\n\t\t\t\t\t\t<div style=\"width: ; text-align: center\" class=\"wp-block-button\">\n\t\t\t\t\t\t\t\t\t\t\t\t<button style=\"\" id=\"srfm-submit-btn\" class=\"srfm-btn-frontend srfm-button srfm-submit-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"srfm-submit-wrap\">\n\t\t\t\t\t\t\t\tSubmit\t\t\t\t\t\t\t<div class=\"srfm-loader\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<p id=\"srfm-error-message\" class=\"srfm-common-error-message srfm-error-message srfm-footer-error\" hidden=\"true\"><span class=\"srfm-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 6.66602V9.99935\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 13.334H10.0083\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg><\/span><span class=\"srfm-error-content\">There was an error trying to submit your form. Please try again.<\/span><\/p>\n\t\t\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t\t\t<div class=\"srfm-single-form srfm-success-box in-page\">\n\t\t\t\t<div aria-live=\"polite\" aria-atomic=\"true\" role=\"alert\" id=\"srfm-success-message-page-1610\" class=\"srfm-success-box-description\"><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-76bda9f e-con-full e-flex e-con e-parent\" data-id=\"76bda9f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df24302 elementor-widget elementor-widget-html\" data-id=\"df24302\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Font Awesome for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .footer {\r\n    background-color: #000; \/* \u062e\u0644\u0641\u064a\u0629 \u0633\u0648\u062f\u0627\u0621 *\/\r\n    color: #fff;\r\n    padding: 50px 20px 30px;\r\n    font-family: 'Tajawal', sans-serif;\r\n    direction: lrt;\r\n  }\r\n\r\n  .footer-container {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 40px;\r\n  }\r\n\r\n  .footer-logo {\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    color: #d5b73a;\r\n  }\r\n\r\n  .footer-description {\r\n    font-size: 15px;\r\n    color: #fff;\r\n    margin-top: 10px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .footer-title {\r\n    font-size: 18px;\r\n    margin-bottom: 15px;\r\n    color: #d5b73a;\r\n    font-weight: 600;\r\n    border: none;\r\n  }\r\n\r\n  .footer-links ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .footer-links ul li {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .footer-links ul li a {\r\n    color: #fff;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .footer-links ul li a:hover {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .footer-contact p {\r\n    margin: 8px 0;\r\n    color: #fff;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .footer-social {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .footer-social a {\r\n    color: #d5b73a;\r\n    margin-left: 10px;\r\n    font-size: 18px;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .footer-social a:hover {\r\n    color: #fff;\r\n  }\r\n\r\n  .footer-bottom {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n    font-size: 14px;\r\n    color: #ccc;\r\n    border-top: 1px solid #ccc;\r\n    padding-top: 20px;\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"footer\">\r\n  <div class=\"footer-container\">\r\n\r\n    <div>\r\n      <div class=\"footer-logo\">Blue NF<\/div>\r\n      <p class=\"footer-description\">\r\n        Bleu NF is an eco-responsible general contractor based in Lille, with over 25 years' experience.\r\n        <br>\r\n        We support individuals, businesses and local authorities in their construction, renovation and refurbishment projects, combining quality, on-time delivery and energy efficiency.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-links\">\r\n      <div class=\"footer-title\">Useful pages<\/div>\r\n      <ul>\r\n        <li><a href=\"#\">Home<\/a><\/li>\r\n        <li><a href=\"#\">About us<\/a><\/li>\r\n        <li><a href=\"#\">Services<\/a><\/li>\r\n        <li><a href=\"#\">Blog<\/a><\/li>\r\n        <li><a href=\"#\">Contact<\/a><\/li>\r\n        <li><a href=\"#\">Privacy<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"footer-contact\">\r\n      <div class=\"footer-title\">Contact<\/div>\r\n      <p><i class=\"fas fa-envelope\"><\/i> contact@bleu-nf.fr<\/p>\r\n      <p><i class=\"fas fa-phone\"><\/i> 0374090394<\/p>\r\n      <p>\r\n        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        210 Bd Beaurepaire, 59100 Roubaix, France\r\n      <\/p>\r\n      <div class=\"footer-social\">\r\n        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61556280265330\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/bleu.nf\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.google.com\/maps\/place\/Bleu+NF+Peinture\/@50.6908246,3.2003511,17z\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-map-marker-alt\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    2025 All rights reserved | Bleu NF\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bleu NF L\u2019excellence en construction &amp; r\u00e9novation Bleu NF Votre partenaire BTP de confiance Bas\u00e9e \u00e0 Lille, Hauts-de-France Bleu NF [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1617","page","type-page","status-publish","hentry"],"rankMath":{"parentDomain":"bleu-nf.fr","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"politique-de-confidentialite-2","permalinkFormat":"https:\/\/bleu-nf.fr\/en\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/bleu-nf.fr\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":true,"primaryTaxonomy":false,"serpData":{"title":"","description":"","focusKeywords":"","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin6958","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":["a cut above","absolute","absolutely","absolutely lowest","absurd","abuse","accurate","accuse","achieve","actionable","adaptable","adequate","admit","adorable","advantage","advice","affordable","aggravate","aggressive","agitated","agonizing","agony","alarmed","alarming","alienated","aligned","alive","all-inclusive","alluring","always","amazing","amp","animated","annihilate","announcing","anonymous","antagonistic","anxious","apocalypse","appalled","approved","approving","argumentative","armageddon","arrogant","ass kicking","assault","assured","astonishing","astounded","astounding","at ease","atrocious","attack","attractive","audacity","authentic","authoritative","authority","avoid","aware","awe-inspiring","awesome","awkward","backbone","backdoor","backed","backlash","backstabbing","badass","balanced","banned","bargain","barrage","basic","battle","beaming","beat down","beating","beautiful","beauty","begging","behind the scenes","belief","belong","best","best-selling","better","beware","big","billion","black market","blacklisted","blast","blessed","blinded","blissful","blood","bloodbath","bloodcurdling","bloody","blunder","blushing","bold","bomb","bona","bona fide","bonanza","bonus","bootleg","bottom line","bountiful","brave","bravery","brazen","break","breaking","breakthrough","breathtaking","bright","brilliant","broke","brutal","budget","buffoon","bullshit","bully","bumbling","buy","cadaver","calm","cancel anytime","capable","captivate","captivating","carefree","case study","cash","cataclysmic","catapult","catastrophe","caution","censored","centered","certain","certainly","certified","challenge","charming","cheap","cheat","cheat-sheet","cheer","cheerful","child-like","clarity","classified","clear","clueless","collapse","colorful","colossal","comfortable","compare","competitive","complete","completely","completeness","comprehensive","compromise","compulsive","concealed","conclusive","condemning","condescending","confess","confession","confessions","confident","confidential","conquer","conscientious","constructive","content","contrary","controlling","controversial","convenient","convert","cool","cooperative","copy","corpse","corrupt","corrupting","courage","courageous","cover-up","covert","coward","cowardly","crammed","crave","crazy","create","creative","cringeworthy","cripple","crisis","critical","crooked","crush","crushing","damaging","danger","dangerous","daring","dazzling","dead","deadline","deadly","death","decadent","deceived","deceptive","deep","defiance","definitely","definitive","defying","dejected","delicious","delight","delighted","delightful","delirious","delivered","demoralizing","deplorable","depraved","desire","desperate","despicable","destiny","destroy","detailed","devastating","devoted","diagnosed","direct","dirty","disadvantages","disastrous","discount","discover","disdainful","disempowered","disgusted","disgusting","dishonest","disillusioned","disoriented","distracted","distraught","distressed","distrustful","divulge","document","dollar","dominate","doomed","double","doubtful","download","dreadful","dreamy","drive","drowning","dumb","dynamic","eager","earnest","easily","easy","economical","ecstatic","edge","effective","efficient","effortless","elated","eliminate","elite","embarrass","embarrassed","embarrassing","emergency","emerging","emphasize","empowered","enchant","encouraged","endorsed","energetic","energy","enormous","enraged","enthusiastic","envy","epic","epidemic","essential","ethical","euphoric","evil","exactly","exasperated","excellent","excited","excitement","exciting","exclusive","exclusivity","excruciating","exhilarated","expensive","expert","explode","exploit","explosive","exposed","exquisite","extra","extraordinary","extremely","exuberant","eye-opening","fail","fail-proof","failure","faith","famous","fantasy","fascinating","fatigued","faux","faux pas","fearless","feast","feeble","festive","fide","fierce","fight","final","fine","fired","first","first ever","flirt","fluid","focus","focused","fool","fooled","foolish","forbidden","force-fed","forever","forgiving","forgotten","formula","fortune","foul","frantic","free","freebie","freedom","frenzied","frenzy","frightening","frisky","frugal","frustrated","fulfill","fulfilled","full","fully","fun","fun-loving","fundamentals","funniest","funny","furious","gambling","gargantuan","genius","genuine","gift","gigantic","giveaway","glamorous","gleeful","glorious","glowing","goddamn","gorgeous","graceful","grateful","gratified","gravity","great","greatest","greatness","greed","greedy","gripping","grit","grounded","growth","guaranteed","guilt","guilt-free","gullible","guts","hack","happiness","happy","harmful","harsh","hate","have you heard","havoc","hazardous","healthy","heart","heartbreaking","heartwarming","heavenly","hell","helpful","helplessness","hero","hesitant","hidden","high tech","highest","highly effective","hilarious","hoak","hoax","honest","honored","hope","hopeful","horribly","horrific","horrifying","horror","hostile","how to","huge","humility","humor","hurricane","hurry","hypnotic","idiot","ignite","illegal","illusive","imagination","immediately","imminently","impatience","impatient","impenetrable","important","impressive","improved","in the zone","incapable","incapacitated","incompetent","inconsiderate","increase","incredible","indecisive","indulgence","indulgent","inexpensive","inferior","informative","infuriated","ingredients","innocent","innovative","insane","insecure","insider","insidious","inspired","inspiring","instant savings","instantly","instructive","insult","intel","intelligent","intense","interesting","intriguing","introducing","invasion","investment","iron-clad","ironclad","irresistible","irs","is here","jackpot","jail","jaw-dropping","jealous","jeopardy","jittery","jovial","joyous","jubilant","judgmental","jumpstart","just arrived","keen","kickass","kickstart","kill","killed","killing","kills","know it all","lame","largest","lascivious","last","last chance","last minute","latest","laugh","laughing","launch","launching","lavishly","lawsuit","lazy","left behind","legendary","legitimate","liberal","liberated","lick","lies","life-changing","lifetime","light","lighthearted","likely","limited","literally","little-known","loathsome","lonely","looming","loser","lost","love","lucrative","lunatic","lurking","lust","luxurious","luxury","lying","magic","magical","magnificent","mainstream","malicious","mammoth","manipulative","marked down","massive","master","masterclass","maul","mediocre","meditative","meltdown","memorability","memorable","menacing","mesmerizing","meticulous","mind-blowing","minimalist","miracle","mired","mischievous","misgiving","missing out","mistake","monetize","money","moneyback","moneygrubbing","monumental","most important","motivated","mouth-watering","murder","mystery","nail","naked","natural","naughty","nazi","nest egg","never","new","nightmare","no good","no obligation","no one talks about","no questions asked","no risk","no strings attached","non-controlling","noted","novelty","now","obnoxious","obsessed","obsession","obvious","odd","off-kilter","off-limits","off-the record","offensive","official","okay","on-demand","open-minded","opportunities","optimistic","ordeal","outlawed","outrageousness","outstanding","overcome","overjoyed","overnight","overwhelmed","packed","painful","painless","painstaking","pale","panic","panicked","paralyzed","pas","passionate","pathetic","pay zero","payback","perfect","peril","perplexed","perspective","pessimistic","pioneering","piranha","pitfall","pitiful","placid","plague","played","playful","pleased","pluck","plummet","plunge","poison","poisonous","polarizing","poor","popular","portfolio","pound","powerful","powerless","practical","preposterous","prestige","price","priceless","pride","prison","privacy","private","privileged","prize","problem","productive","professional","profit","profitable","profound","promiscuous","promising","promote","protect","protected","proven","provocative","provoke","psychological","pummel","punch","punish","pus","quadruple","quality","quarrelsome","quick","quick-start","quickly","quiet","radiant","rare","ravenous","rebellious","recession-proof","reckoning","recognized","recommend","recreate","reduced","reflective","refugee","refund","refundable","reject","relaxed","release","relentless","reliable","remarkable","replicate","report","reprimanding","repulsed","repulsive","research","resentful","resourceful","responsible","responsive","rested","restricted","results","retaliating","reveal","revealing","revenge","revengeful","revisited","revolting","revolutionary","reward","rich","ridiculous","risky","riveting","rookie","rowdy","ruin","rules","ruthless","sabotaging","sacred","sadistic","sadly","sadness","safe","safety","sale","sampler","sarcastic","satisfied","savage","savagery","save","savings","savvy","scam","scandal","scandalous","scarce","scared","scary","scornful","scream","searing","secret","secret agenda","secret plot","secrets","secure","security","seductive","seething","seize","selected","self-hating","self-sufficient","sensational","senseless","sensual","serene","seriously","severe","sex","sexy","shaking","shameful","shameless","shaming","shatter","shellacking","shocking","should","shrewd","sick and tired","signs","silly","simple","simplicity","simplified","simplistic","sincere","sinful","sins","six-figure","sizable","sizzle","sizzled","sizzles","sizzling","sizzlingly","skill","skyrocket","slaughter","slave","sleazy","sleeping","sly","smash","smiling","smug","smuggle","smuggled","sneak-peek","sneaky","sniveling","snob","snooty","snotty","soar","soaring","solid","solution","spank","special","spectacular","speedy","spell-binding","spine","spirit","spirited","spiteful","spoiler","spontaneous","spotlight","spunky","squirming","stable","staggering","startling","steady","steal","stealthy","steamy","step-by-step","still","stoic","stop","strange","strangle","strategy","stressed","strong","strongly suggest","struggle","stuck up","studies","stunning","stupid","stupid-simple","sturdy","sublime","succeed","success","successful","suck","suddenly","suffer","sunny","super","super-human","superb","supercharge","superior","supported","supportive","sure","sure fire","surefire","surge","surging","surprise","surprised","surprising","survival","survive","suspicious","sweaty","swoon","swoon-worthy","tailspin","tank","tantalizing","targeted","tawdry","tease","technology","teetering","tempting","tenacious","tense","terrible","terrific","terrified","terrifying","terror","terrorist","tested","thankful","the truth","threaten","threatened","thrilled","thrilling","thug","ticked off","tickled","timely","today","torture","toxic","track record","trade secret","tragedy","tragic","transform","transparency","trap","trapped","trauma","traumatized","treacherous","treasure","tremendous","trend","tricks","triggers","triple","triumph","truly","trusting","trustworthy","truth","truthful","turbo-charge","turbocharges","tweaks","twitching","ultimate","unadulterated","unassuming","unauthorized","unbelievable","unburdened","uncaring","uncensored","uncertain","uncomfortable","unconditional","uncontrollable","unconventional","uncovered","undeniable","under priced","undercover","underground","underhanded","underused","unexpected","unforgettable","unheard of","unhurried","uninterested","unique","unjustified","unknowingly","unleashed","unlimited","unlock","unparalleled","unpopular","unreliable","unresponsive","unseen","unstable","unstoppable","unsure","unsurpassed","untapped","unusual","up-sell","upbeat","uplifted","uplifting","urge","urgent","useful","useless","validate","valor","valuable","value","vanquish","vaporize","venomous","verify","vibrant","vicious","victim","victory","vigorous","vilified","vindictive","violated","violent","volatile","vulnerable","waiting","wanted","wanton","warning","waste","weak","wealth","weird","what no one tells you","whip","whopping","wicked","wild","willpower","withheld","wonderful","wondrous","woozy","world","worry","worst","worthwhile","wounded","wreaking","youthful","zen","zinger"],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":true},"homeUrl":"https:\/\/bleu-nf.fr\/en","objectID":1617,"objectType":"post","locale":"en","localeFull":"en_US","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/bleu-nf.fr\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/home\/bleunfe\/www\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/bleu-nf.fr\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/home\/bleunfe\/www\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/bleu-nf.fr\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fbleu-nf.fr%2Fen&r=https%3A%2F%2Fbleu-nf.fr%2Fen%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1617%3Fnonce%3Dafd9788b98","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/bleu-nf.fr\/wp-content\/uploads\/2025\/05\/cropped-28592841_PNG_NO_BG-scaled-1-32x32.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"showKeywordIntent":true,"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/bleu-nf.fr\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":["a cut above","absolute","absolutely","absolutely lowest","absurd","abuse","accurate","accuse","achieve","actionable","adaptable","adequate","admit","adorable","advantage","advice","affordable","aggravate","aggressive","agitated","agonizing","agony","alarmed","alarming","alienated","aligned","alive","all-inclusive","alluring","always","amazing","amp","animated","annihilate","announcing","anonymous","antagonistic","anxious","apocalypse","appalled","approved","approving","argumentative","armageddon","arrogant","ass kicking","assault","assured","astonishing","astounded","astounding","at ease","atrocious","attack","attractive","audacity","authentic","authoritative","authority","avoid","aware","awe-inspiring","awesome","awkward","backbone","backdoor","backed","backlash","backstabbing","badass","balanced","banned","bargain","barrage","basic","battle","beaming","beat down","beating","beautiful","beauty","begging","behind the scenes","belief","belong","best","best-selling","better","beware","big","billion","black market","blacklisted","blast","blessed","blinded","blissful","blood","bloodbath","bloodcurdling","bloody","blunder","blushing","bold","bomb","bona","bona fide","bonanza","bonus","bootleg","bottom line","bountiful","brave","bravery","brazen","break","breaking","breakthrough","breathtaking","bright","brilliant","broke","brutal","budget","buffoon","bullshit","bully","bumbling","buy","cadaver","calm","cancel anytime","capable","captivate","captivating","carefree","case study","cash","cataclysmic","catapult","catastrophe","caution","censored","centered","certain","certainly","certified","challenge","charming","cheap","cheat","cheat-sheet","cheer","cheerful","child-like","clarity","classified","clear","clueless","collapse","colorful","colossal","comfortable","compare","competitive","complete","completely","completeness","comprehensive","compromise","compulsive","concealed","conclusive","condemning","condescending","confess","confession","confessions","confident","confidential","conquer","conscientious","constructive","content","contrary","controlling","controversial","convenient","convert","cool","cooperative","copy","corpse","corrupt","corrupting","courage","courageous","cover-up","covert","coward","cowardly","crammed","crave","crazy","create","creative","cringeworthy","cripple","crisis","critical","crooked","crush","crushing","damaging","danger","dangerous","daring","dazzling","dead","deadline","deadly","death","decadent","deceived","deceptive","deep","defiance","definitely","definitive","defying","dejected","delicious","delight","delighted","delightful","delirious","delivered","demoralizing","deplorable","depraved","desire","desperate","despicable","destiny","destroy","detailed","devastating","devoted","diagnosed","direct","dirty","disadvantages","disastrous","discount","discover","disdainful","disempowered","disgusted","disgusting","dishonest","disillusioned","disoriented","distracted","distraught","distressed","distrustful","divulge","document","dollar","dominate","doomed","double","doubtful","download","dreadful","dreamy","drive","drowning","dumb","dynamic","eager","earnest","easily","easy","economical","ecstatic","edge","effective","efficient","effortless","elated","eliminate","elite","embarrass","embarrassed","embarrassing","emergency","emerging","emphasize","empowered","enchant","encouraged","endorsed","energetic","energy","enormous","enraged","enthusiastic","envy","epic","epidemic","essential","ethical","euphoric","evil","exactly","exasperated","excellent","excited","excitement","exciting","exclusive","exclusivity","excruciating","exhilarated","expensive","expert","explode","exploit","explosive","exposed","exquisite","extra","extraordinary","extremely","exuberant","eye-opening","fail","fail-proof","failure","faith","famous","fantasy","fascinating","fatigued","faux","faux pas","fearless","feast","feeble","festive","fide","fierce","fight","final","fine","fired","first","first ever","flirt","fluid","focus","focused","fool","fooled","foolish","forbidden","force-fed","forever","forgiving","forgotten","formula","fortune","foul","frantic","free","freebie","freedom","frenzied","frenzy","frightening","frisky","frugal","frustrated","fulfill","fulfilled","full","fully","fun","fun-loving","fundamentals","funniest","funny","furious","gambling","gargantuan","genius","genuine","gift","gigantic","giveaway","glamorous","gleeful","glorious","glowing","goddamn","gorgeous","graceful","grateful","gratified","gravity","great","greatest","greatness","greed","greedy","gripping","grit","grounded","growth","guaranteed","guilt","guilt-free","gullible","guts","hack","happiness","happy","harmful","harsh","hate","have you heard","havoc","hazardous","healthy","heart","heartbreaking","heartwarming","heavenly","hell","helpful","helplessness","hero","hesitant","hidden","high tech","highest","highly effective","hilarious","hoak","hoax","honest","honored","hope","hopeful","horribly","horrific","horrifying","horror","hostile","how to","huge","humility","humor","hurricane","hurry","hypnotic","idiot","ignite","illegal","illusive","imagination","immediately","imminently","impatience","impatient","impenetrable","important","impressive","improved","in the zone","incapable","incapacitated","incompetent","inconsiderate","increase","incredible","indecisive","indulgence","indulgent","inexpensive","inferior","informative","infuriated","ingredients","innocent","innovative","insane","insecure","insider","insidious","inspired","inspiring","instant savings","instantly","instructive","insult","intel","intelligent","intense","interesting","intriguing","introducing","invasion","investment","iron-clad","ironclad","irresistible","irs","is here","jackpot","jail","jaw-dropping","jealous","jeopardy","jittery","jovial","joyous","jubilant","judgmental","jumpstart","just arrived","keen","kickass","kickstart","kill","killed","killing","kills","know it all","lame","largest","lascivious","last","last chance","last minute","latest","laugh","laughing","launch","launching","lavishly","lawsuit","lazy","left behind","legendary","legitimate","liberal","liberated","lick","lies","life-changing","lifetime","light","lighthearted","likely","limited","literally","little-known","loathsome","lonely","looming","loser","lost","love","lucrative","lunatic","lurking","lust","luxurious","luxury","lying","magic","magical","magnificent","mainstream","malicious","mammoth","manipulative","marked down","massive","master","masterclass","maul","mediocre","meditative","meltdown","memorability","memorable","menacing","mesmerizing","meticulous","mind-blowing","minimalist","miracle","mired","mischievous","misgiving","missing out","mistake","monetize","money","moneyback","moneygrubbing","monumental","most important","motivated","mouth-watering","murder","mystery","nail","naked","natural","naughty","nazi","nest egg","never","new","nightmare","no good","no obligation","no one talks about","no questions asked","no risk","no strings attached","non-controlling","noted","novelty","now","obnoxious","obsessed","obsession","obvious","odd","off-kilter","off-limits","off-the record","offensive","official","okay","on-demand","open-minded","opportunities","optimistic","ordeal","outlawed","outrageousness","outstanding","overcome","overjoyed","overnight","overwhelmed","packed","painful","painless","painstaking","pale","panic","panicked","paralyzed","pas","passionate","pathetic","pay zero","payback","perfect","peril","perplexed","perspective","pessimistic","pioneering","piranha","pitfall","pitiful","placid","plague","played","playful","pleased","pluck","plummet","plunge","poison","poisonous","polarizing","poor","popular","portfolio","pound","powerful","powerless","practical","preposterous","prestige","price","priceless","pride","prison","privacy","private","privileged","prize","problem","productive","professional","profit","profitable","profound","promiscuous","promising","promote","protect","protected","proven","provocative","provoke","psychological","pummel","punch","punish","pus","quadruple","quality","quarrelsome","quick","quick-start","quickly","quiet","radiant","rare","ravenous","rebellious","recession-proof","reckoning","recognized","recommend","recreate","reduced","reflective","refugee","refund","refundable","reject","relaxed","release","relentless","reliable","remarkable","replicate","report","reprimanding","repulsed","repulsive","research","resentful","resourceful","responsible","responsive","rested","restricted","results","retaliating","reveal","revealing","revenge","revengeful","revisited","revolting","revolutionary","reward","rich","ridiculous","risky","riveting","rookie","rowdy","ruin","rules","ruthless","sabotaging","sacred","sadistic","sadly","sadness","safe","safety","sale","sampler","sarcastic","satisfied","savage","savagery","save","savings","savvy","scam","scandal","scandalous","scarce","scared","scary","scornful","scream","searing","secret","secret agenda","secret plot","secrets","secure","security","seductive","seething","seize","selected","self-hating","self-sufficient","sensational","senseless","sensual","serene","seriously","severe","sex","sexy","shaking","shameful","shameless","shaming","shatter","shellacking","shocking","should","shrewd","sick and tired","signs","silly","simple","simplicity","simplified","simplistic","sincere","sinful","sins","six-figure","sizable","sizzle","sizzled","sizzles","sizzling","sizzlingly","skill","skyrocket","slaughter","slave","sleazy","sleeping","sly","smash","smiling","smug","smuggle","smuggled","sneak-peek","sneaky","sniveling","snob","snooty","snotty","soar","soaring","solid","solution","spank","special","spectacular","speedy","spell-binding","spine","spirit","spirited","spiteful","spoiler","spontaneous","spotlight","spunky","squirming","stable","staggering","startling","steady","steal","stealthy","steamy","step-by-step","still","stoic","stop","strange","strangle","strategy","stressed","strong","strongly suggest","struggle","stuck up","studies","stunning","stupid","stupid-simple","sturdy","sublime","succeed","success","successful","suck","suddenly","suffer","sunny","super","super-human","superb","supercharge","superior","supported","supportive","sure","sure fire","surefire","surge","surging","surprise","surprised","surprising","survival","survive","suspicious","sweaty","swoon","swoon-worthy","tailspin","tank","tantalizing","targeted","tawdry","tease","technology","teetering","tempting","tenacious","tense","terrible","terrific","terrified","terrifying","terror","terrorist","tested","thankful","the truth","threaten","threatened","thrilled","thrilling","thug","ticked off","tickled","timely","today","torture","toxic","track record","trade secret","tragedy","tragic","transform","transparency","trap","trapped","trauma","traumatized","treacherous","treasure","tremendous","trend","tricks","triggers","triple","triumph","truly","trusting","trustworthy","truth","truthful","turbo-charge","turbocharges","tweaks","twitching","ultimate","unadulterated","unassuming","unauthorized","unbelievable","unburdened","uncaring","uncensored","uncertain","uncomfortable","unconditional","uncontrollable","unconventional","uncovered","undeniable","under priced","undercover","underground","underhanded","underused","unexpected","unforgettable","unheard of","unhurried","uninterested","unique","unjustified","unknowingly","unleashed","unlimited","unlock","unparalleled","unpopular","unreliable","unresponsive","unseen","unstable","unstoppable","unsure","unsurpassed","untapped","unusual","up-sell","upbeat","uplifted","uplifting","urge","urgent","useful","useless","validate","valor","valuable","value","vanquish","vaporize","venomous","verify","vibrant","vicious","victim","victory","vigorous","vilified","vindictive","violated","violent","volatile","vulnerable","waiting","wanted","wanton","warning","waste","weak","wealth","weird","what no one tells you","whip","whopping","wicked","wild","willpower","withheld","wonderful","wondrous","woozy","world","worry","worst","worthwhile","wounded","wreaking","youthful","zen","zinger"],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":true,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin6958","author_link":"https:\/\/bleu-nf.fr\/en\/author\/admin6958\/"},"uagb_comment_info":0,"uagb_excerpt":"Bleu NF L\u2019excellence en construction &amp; r\u00e9novation Bleu NF Votre partenaire BTP de confiance Bas\u00e9e \u00e0 Lille, Hauts-de-France Bleu NF [&hellip;]","_links":{"self":[{"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/pages\/1617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/comments?post=1617"}],"version-history":[{"count":25,"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/pages\/1617\/revisions"}],"predecessor-version":[{"id":2113,"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/pages\/1617\/revisions\/2113"}],"wp:attachment":[{"href":"https:\/\/bleu-nf.fr\/en\/wp-json\/wp\/v2\/media?parent=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}