{"id":5344,"date":"2025-12-08T06:15:03","date_gmt":"2025-12-08T06:15:03","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5344"},"modified":"2025-12-10T05:04:48","modified_gmt":"2025-12-10T05:04:48","slug":"protect-the-environment","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/protect-the-environment\/","title":{"rendered":"Prot\u00e9ger l'environnement"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"environment-banner\">\n<div class=\"environment-background\">\n<div class=\"environment-wave environment-wave-1\"><\/div>\n<div class=\"environment-wave environment-wave-2\"><\/div>\n<div class=\"environment-wave environment-wave-3\"><\/div>\n<\/p><\/div>\n<div class=\"environment-container\">\n<div class=\"environment-content\">\n<div class=\"environment-icon-wrapper\">\n<div class=\"environment-icon\">\n                    <svg viewbox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- Earth\/Globe with enhanced details -->\n                        <defs>\n                            <lineargradient id=\"earthGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#4ECDC4;stop-opacity:0.8\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#44A08D;stop-opacity:0.9\"><\/stop>\n                            <\/lineargradient>\n                            <filter id=\"glow\">\n                                <fegaussianblur stddeviation=\"2\" result=\"coloredBlur\"><\/fegaussianblur>\n                                <femerge>\n                                    <femergenode in=\"coloredBlur\"><\/femergenode>\n                                    <femergenode in=\"SourceGraphic\"><\/femergenode>\n                                <\/femerge>\n                            <\/filter>\n                        <\/defs><\/p>\n<p>                        <circle cx=\"50\" cy=\"50\" r=\"35\" fill=\"url(#earthGradient)\" filter=\"url(#glow)\"><\/circle><\/p>\n<p>                        <!-- Continents with better shapes -->\n                        <path d=\"M35 30 Q45 25, 55 30 Q65 35, 62 45 Q58 55, 48 52 Q38 49, 35 40 Z\" fill=\"rgba(46, 125, 50, 0.85)\" opacity=\"0.9\"><\/path>\n                        <path d=\"M28 52 Q38 48, 48 52 Q58 56, 54 66 Q48 73, 38 70 Q28 67, 28 58 Z\" fill=\"rgba(56, 142, 60, 0.85)\" opacity=\"0.9\"><\/path>\n                        <ellipse cx=\"70\" cy=\"40\" rx=\"8\" ry=\"12\" fill=\"rgba(67, 160, 71, 0.8)\" opacity=\"0.85\"><\/ellipse><\/p>\n<p>                        <!-- Protection shield with gradient -->\n                        <defs>\n                            <lineargradient id=\"shieldGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#e8f5e9;stop-opacity:0.95\"><\/stop>\n                            <\/lineargradient>\n                        <\/defs>\n                        <path d=\"M50 20 L40 26 L40 42 Q40 50, 50 54 Q60 50, 60 42 L60 26 Z\" fill=\"url(#shieldGradient)\" stroke=\"#2ecc71\" stroke-width=\"2.5\" filter=\"url(#glow)\"><\/path>\n<p>                        <!-- Enhanced leaf -->\n                        <path d=\"M50 32 Q45 36, 47 41 Q50 46, 53 41 Q55 36, 50 32 Z\" fill=\"#27ae60\"><\/path>\n                        <line x1=\"50\" y1=\"32\" x2=\"50\" y2=\"43\" stroke=\"#1e8449\" stroke-width=\"1\"><\/line>\n                    <\/svg>\n                <\/div>\n<div class=\"environment-icon-ring\"><\/div>\n<div class=\"environment-icon-ring environment-icon-ring-2\"><\/div>\n<\/p><\/div>\n<div class=\"environment-text\">\n<div class=\"environment-badge\">\n                    <span class=\"environment-badge-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span><br \/>\n                    <span class=\"environment-badge-text\">Sustainability Initiative<\/span>\n                <\/div>\n<h1 class=\"environment-title\">Prot\u00e9ger l'environnement<\/h1>\n<p class=\"environment-description\">\n                    As we continue to expand, our commitment to thoughtful sustainability endures,<br \/>\n                    driving us to adopt strategies that minimize our ecological footprint and<br \/>\n                    safeguard natural resources for future generations.\n                <\/p>\n<div class=\"environment-stats\">\n<div class=\"environment-stat\">\n<div class=\"environment-stat-value\">50%<\/div>\n<div class=\"environment-stat-label\">Carbone R\u00e9duit<\/div>\n<\/p><\/div>\n<div class=\"environment-stat\">\n<div class=\"environment-stat-value\">100%<\/div>\n<div class=\"environment-stat-label\">Renewable Energy<\/div>\n<\/p><\/div>\n<div class=\"environment-stat\">\n<div class=\"environment-stat-value\">Z\u00e9ro<\/div>\n<div class=\"environment-stat-label\">Waste Goal<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"environment-decoration\">\n<div class=\"environment-leaf environment-leaf-1\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf3f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f33f.svg\"><\/div>\n<div class=\"environment-leaf environment-leaf-2\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf43\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f343.svg\"><\/div>\n<div class=\"environment-leaf environment-leaf-3\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<div class=\"environment-leaf environment-leaf-4\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf3e\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f33e.svg\"><\/div>\n<div class=\"environment-particle environment-particle-1\"><\/div>\n<div class=\"environment-particle environment-particle-2\"><\/div>\n<div class=\"environment-particle environment-particle-3\"><\/div>\n<div class=\"environment-particle environment-particle-4\"><\/div>\n<div class=\"environment-particle environment-particle-5\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .environment-banner {\n        background: linear-gradient(135deg, #0f2027 0%, #203a43 30%, #2c5364 70%, #1e3c72 100%);\n        padding: 100px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .environment-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n    }<\/p>\n<p>    .environment-wave {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 200%;\n        height: 100%;\n        background: linear-gradient(180deg, transparent 0%, rgba(46, 213, 115, 0.1) 100%);\n        border-radius: 50%;\n    }<\/p>\n<p>    .environment-wave-1 {\n        animation: environment-wave-animation 15s ease-in-out infinite;\n        opacity: 0.3;\n    }<\/p>\n<p>    .environment-wave-2 {\n        animation: environment-wave-animation 12s ease-in-out infinite reverse;\n        opacity: 0.2;\n        animation-delay: -5s;\n    }<\/p>\n<p>    .environment-wave-3 {\n        animation: environment-wave-animation 18s ease-in-out infinite;\n        opacity: 0.15;\n        animation-delay: -10s;\n    }<\/p>\n<p>    .environment-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .environment-content {\n        display: flex;\n        align-items: center;\n        gap: 60px;\n        text-align: left;\n    }<\/p>\n<p>    .environment-icon-wrapper {\n        position: relative;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .environment-icon {\n        width: 140px;\n        height: 140px;\n        background: rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        backdrop-filter: blur(20px);\n        border: 3px solid rgba(46, 213, 115, 0.4);\n        animation: environment-float 6s ease-in-out infinite;\n        box-shadow: \n            0 10px 40px rgba(46, 213, 115, 0.3),\n            inset 0 0 20px rgba(255, 255, 255, 0.1);\n        position: relative;\n        z-index: 3;\n    }<\/p>\n<p>    .environment-icon::before {\n        content: '';\n        position: absolute;\n        top: -10px;\n        left: -10px;\n        right: -10px;\n        bottom: -10px;\n        border-radius: 50%;\n        background: linear-gradient(45deg, \n            rgba(46, 213, 115, 0.3) 0%, \n            transparent 50%, \n            rgba(78, 205, 196, 0.3) 100%);\n        animation: environment-pulse 3s ease-in-out infinite;\n        z-index: -1;\n    }<\/p>\n<p>    .environment-icon svg {\n        width: 85px;\n        height: 85px;\n        z-index: 1;\n        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n    }<\/p>\n<p>    .environment-icon-ring {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 180px;\n        height: 180px;\n        border: 2px solid rgba(46, 213, 115, 0.2);\n        border-radius: 50%;\n        animation: environment-ring-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .environment-icon-ring-2 {\n        width: 220px;\n        height: 220px;\n        border-color: rgba(78, 205, 196, 0.15);\n        animation-delay: 1s;\n        animation-duration: 5s;\n    }<\/p>\n<p>    .environment-text {\n        flex: 1;\n        color: white;\n    }<\/p>\n<p>    .environment-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(46, 213, 115, 0.15);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(46, 213, 115, 0.3);\n        padding: 8px 20px;\n        border-radius: 50px;\n        margin-bottom: 24px;\n        animation: environment-badge-glow 3s ease-in-out infinite;\n    }<\/p>\n<p>    .environment-badge-icon {\n        font-size: 1.2rem;\n        animation: environment-badge-rotate 4s ease-in-out infinite;\n    }<\/p>\n<p>    .environment-badge-text {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 0.9rem;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        color: #a8e6cf;\n    }<\/p>\n<p>    .environment-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 3.8rem;\n        font-weight: 800;\n        margin: 0 0 28px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, \n            #ffffff 0%, \n            #a8e6cf 50%, \n            #7ed6b8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        text-shadow: none;\n        letter-spacing: -1px;\n        animation: environment-title-shimmer 8s ease-in-out infinite;\n        background-size: 200% 200%;\n    }<\/p>\n<p>    .environment-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.2rem;\n        line-height: 1.8;\n        margin: 0 0 32px 0;\n        color: rgba(255, 255, 255, 0.9);\n        max-width: 650px;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    .environment-stats {\n        display: flex;\n        gap: 40px;\n        margin-top: 32px;\n    }<\/p>\n<p>    .environment-stat {\n        text-align: center;\n    }<\/p>\n<p>    .environment-stat-value {\n        font-size: 2.2rem;\n        font-weight: 800;\n        color: #2ecc71;\n        margin-bottom: 8px;\n        text-shadow: 0 0 20px rgba(46, 204, 113, 0.5);\n        animation: environment-stat-glow 2s ease-in-out infinite;\n    }<\/p>\n<p>    .environment-stat-label {\n        font-size: 0.85rem;\n        color: rgba(255, 255, 255, 0.7);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-weight: 600;\n    }<\/p>\n<p>    .environment-decoration {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .environment-leaf {\n        position: absolute;\n        font-size: 2.5rem;\n        animation: environment-leaf-float 8s ease-in-out infinite;\n        opacity: 0.6;\n        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));\n    }<\/p>\n<p>    .environment-leaf-1 {\n        top: 10%;\n        left: 10%;\n        animation-duration: 7s;\n    }<\/p>\n<p>    .environment-leaf-2 {\n        top: 20%;\n        right: 15%;\n        animation-delay: 2s;\n        animation-duration: 9s;\n    }<\/p>\n<p>    .environment-leaf-3 {\n        bottom: 15%;\n        left: 15%;\n        animation-delay: 4s;\n        animation-duration: 8s;\n    }<\/p>\n<p>    .environment-leaf-4 {\n        bottom: 20%;\n        right: 20%;\n        animation-delay: 6s;\n        animation-duration: 10s;\n    }<\/p>\n<p>    .environment-particle {\n        position: absolute;\n        width: 8px;\n        height: 8px;\n        background: radial-gradient(circle, rgba(144, 238, 144, 1) 0%, rgba(144, 238, 144, 0) 70%);\n        border-radius: 50%;\n        animation: environment-particle-rise 12s ease-in-out infinite;\n        box-shadow: 0 0 10px rgba(144, 238, 144, 0.8);\n    }<\/p>\n<p>    .environment-particle-1 {\n        bottom: 0;\n        left: 20%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .environment-particle-2 {\n        bottom: 0;\n        left: 45%;\n        animation-delay: 3s;\n    }<\/p>\n<p>    .environment-particle-3 {\n        bottom: 0;\n        left: 70%;\n        animation-delay: 6s;\n    }<\/p>\n<p>    .environment-particle-4 {\n        bottom: 0;\n        left: 35%;\n        animation-delay: 9s;\n    }<\/p>\n<p>    .environment-particle-5 {\n        bottom: 0;\n        left: 85%;\n        animation-delay: 2s;\n    }<\/p>\n<p>    \/* Animations *\/\n    @keyframes environment-float {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n        50% {\n            transform: translateY(-20px) rotate(5deg);\n        }\n    }<\/p>\n<p>    @keyframes environment-pulse {\n        0%, 100% {\n            opacity: 0.3;\n            transform: scale(1);\n        }\n        50% {\n            opacity: 0.6;\n            transform: scale(1.1);\n        }\n    }<\/p>\n<p>    @keyframes environment-ring-pulse {\n        0%, 100% {\n            transform: translate(-50%, -50%) scale(1);\n            opacity: 0.3;\n        }\n        50% {\n            transform: translate(-50%, -50%) scale(1.15);\n            opacity: 0.6;\n        }\n    }<\/p>\n<p>    @keyframes environment-leaf-float {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg) scale(1);\n            opacity: 0.6;\n        }\n        25% {\n            transform: translateY(-20px) rotate(8deg) scale(1.05);\n            opacity: 0.8;\n        }\n        50% {\n            transform: translateY(-35px) rotate(-5deg) scale(1.1);\n            opacity: 1;\n        }\n        75% {\n            transform: translateY(-15px) rotate(3deg) scale(1.05);\n            opacity: 0.8;\n        }\n    }<\/p>\n<p>    @keyframes environment-particle-rise {\n        0% {\n            transform: translateY(0px) scale(0);\n            opacity: 0;\n        }\n        10% {\n            opacity: 1;\n            transform: translateY(-20px) scale(1);\n        }\n        90% {\n            opacity: 1;\n        }\n        100% {\n            transform: translateY(-120px) scale(0.5);\n            opacity: 0;\n        }\n    }<\/p>\n<p>    @keyframes environment-wave-animation {\n        0%, 100% {\n            transform: translateX(0) translateY(0);\n        }\n        50% {\n            transform: translateX(-25%) translateY(-10px);\n        }\n    }<\/p>\n<p>    @keyframes environment-badge-glow {\n        0%, 100% {\n            box-shadow: 0 0 10px rgba(46, 213, 115, 0.3);\n        }\n        50% {\n            box-shadow: 0 0 20px rgba(46, 213, 115, 0.5);\n        }\n    }<\/p>\n<p>    @keyframes environment-badge-rotate {\n        0%, 100% {\n            transform: rotate(0deg);\n        }\n        25% {\n            transform: rotate(-10deg);\n        }\n        75% {\n            transform: rotate(10deg);\n        }\n    }<\/p>\n<p>    @keyframes environment-title-shimmer {\n        0%, 100% {\n            background-position: 0% 50%;\n        }\n        50% {\n            background-position: 100% 50%;\n        }\n    }<\/p>\n<p>    @keyframes environment-stat-glow {\n        0%, 100% {\n            text-shadow: 0 0 20px rgba(46, 204, 113, 0.5);\n        }\n        50% {\n            text-shadow: 0 0 30px rgba(46, 204, 113, 0.8);\n        }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 968px) {\n        .environment-banner {\n            padding: 80px 20px;\n            min-height: 450px;\n        }<\/p>\n<p>        .environment-content {\n            gap: 40px;\n        }<\/p>\n<p>        .environment-icon {\n            width: 120px;\n            height: 120px;\n        }<\/p>\n<p>        .environment-icon svg {\n            width: 70px;\n            height: 70px;\n        }<\/p>\n<p>        .environment-title {\n            font-size: 3rem;\n        }<\/p>\n<p>        .environment-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .environment-stats {\n            gap: 30px;\n        }<\/p>\n<p>        .environment-stat-value {\n            font-size: 1.8rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .environment-banner {\n            padding: 60px 20px;\n            min-height: 400px;\n        }<\/p>\n<p>        .environment-content {\n            flex-direction: column;\n            text-align: center;\n            gap: 35px;\n        }<\/p>\n<p>        .environment-icon {\n            width: 110px;\n            height: 110px;\n        }<\/p>\n<p>        .environment-icon svg {\n            width: 65px;\n            height: 65px;\n        }<\/p>\n<p>        .environment-icon-ring {\n            width: 150px;\n            height: 150px;\n        }<\/p>\n<p>        .environment-icon-ring-2 {\n            width: 190px;\n            height: 190px;\n        }<\/p>\n<p>        .environment-title {\n            font-size: 2.5rem;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .environment-description {\n            font-size: 1.05rem;\n            margin-bottom: 28px;\n        }<\/p>\n<p>        .environment-stats {\n            justify-content: center;\n            gap: 25px;\n        }<\/p>\n<p>        .environment-leaf {\n            font-size: 2rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .environment-banner {\n            padding: 50px 15px;\n            min-height: 350px;\n        }<\/p>\n<p>        .environment-content {\n            gap: 30px;\n        }<\/p>\n<p>        .environment-icon {\n            width: 90px;\n            height: 90px;\n        }<\/p>\n<p>        .environment-icon svg {\n            width: 55px;\n            height: 55px;\n        }<\/p>\n<p>        .environment-icon-ring {\n            width: 120px;\n            height: 120px;\n        }<\/p>\n<p>        .environment-icon-ring-2 {\n            width: 150px;\n            height: 150px;\n        }<\/p>\n<p>        .environment-badge {\n            padding: 6px 16px;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .environment-badge-text {\n            font-size: 0.75rem;\n        }<\/p>\n<p>        .environment-title {\n            font-size: 2rem;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .environment-description {\n            font-size: 0.95rem;\n            line-height: 1.6;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .environment-stats {\n            flex-direction: column;\n            gap: 20px;\n        }<\/p>\n<p>        .environment-stat-value {\n            font-size: 1.6rem;\n        }<\/p>\n<p>        .environment-stat-label {\n            font-size: 0.75rem;\n        }<\/p>\n<p>        .environment-leaf {\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .environment-particle {\n            width: 6px;\n            height: 6px;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<div class=\"environment-stats-section\">\n<div class=\"environment-stats-container\">\n<div class=\"stats-row\">\n<div class=\"stat-card\">\n<div class=\"stat-icon\">\n                    <svg viewbox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- Safety Shield with Checkmark -->\n                        <defs>\n                            <lineargradient id=\"shieldGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#32CD32\"><\/stop>\n                            <\/lineargradient>\n                        <\/defs>\n                        <path d=\"M30 10 L20 14 L20 30 Q20 42 30 52 Q40 42 40 30 L40 14 Z\" fill=\"url(#shieldGrad)\" stroke=\"#fff\" stroke-width=\"2.5\"><\/path>\n                        <path d=\"M25 30 L28 34 L35 24\" stroke=\"#fff\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">100%<\/div>\n<div class=\"stat-label\">R\u00e9ussite en mati\u00e8re de s\u00e9curit\u00e9<\/div>\n<div class=\"stat-description\">Taux de blessures enregistrables nul sur toutes les installations<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-icon\">\n                    <svg viewbox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- Tree Icon -->\n                        <defs>\n                            <lineargradient id=\"treeGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#32CD32\"><\/stop>\n                                <stop offset=\"50%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#228B22\"><\/stop>\n                            <\/lineargradient>\n                            <lineargradient id=\"trunkGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#8B4513\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#654321\"><\/stop>\n                            <\/lineargradient>\n                        <\/defs>\n                        <!-- Tree Crown - Three layers -->\n                        <ellipse cx=\"30\" cy=\"20\" rx=\"12\" ry=\"10\" fill=\"url(#treeGrad)\" opacity=\"0.9\"><\/ellipse>\n                        <ellipse cx=\"30\" cy=\"26\" rx=\"14\" ry=\"11\" fill=\"url(#treeGrad)\" opacity=\"0.95\"><\/ellipse>\n                        <ellipse cx=\"30\" cy=\"32\" rx=\"16\" ry=\"12\" fill=\"url(#treeGrad)\"><\/ellipse>\n                        <!-- Tree Trunk -->\n                        <rect x=\"26\" y=\"38\" width=\"8\" height=\"14\" fill=\"url(#trunkGrad)\" rx=\"1\"><\/rect>\n                        <!-- Highlight on crown -->\n                        <ellipse cx=\"26\" cy=\"18\" rx=\"4\" ry=\"3\" fill=\"#90EE90\" opacity=\"0.6\"><\/ellipse>\n                        <!-- White outline for definition -->\n                        <ellipse cx=\"30\" cy=\"20\" rx=\"12\" ry=\"10\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.5\"><\/ellipse>\n                        <ellipse cx=\"30\" cy=\"26\" rx=\"14\" ry=\"11\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.5\"><\/ellipse>\n                        <ellipse cx=\"30\" cy=\"32\" rx=\"16\" ry=\"12\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.5\"><\/ellipse>\n                    <\/svg>\n                <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">\u00c9co-efficacit\u00e9<\/div>\n<div class=\"stat-label\">Optimisation de la production<\/div>\n<div class=\"stat-description\">Suivi en temps r\u00e9el sur toutes les bases de production<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-icon\">\n                    <svg viewbox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- Leaf with Zero Emissions -->\n                        <defs>\n                            <lineargradient id=\"leafGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#90EE90\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#32CD32\"><\/stop>\n                            <\/lineargradient>\n                        <\/defs>\n                        <path d=\"M30 10 Q20 12 16 22 Q13 32 21 42 Q26 48 30 52 Q34 48 39 42 Q47 32 44 22 Q40 12 30 10 Z\" fill=\"url(#leafGrad)\" stroke=\"#fff\" stroke-width=\"2.5\"><\/path>\n                        <path d=\"M30 10 L30 52\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.6\"><\/path>\n                        <path d=\"M30 20 Q35 25 30 30\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\"><\/path>\n                        <path d=\"M30 32 Q25 37 30 42\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\"><\/path>\n                        <circle cx=\"30\" cy=\"31\" r=\"8\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\"><\/circle>\n                    <\/svg>\n                <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">Z\u00e9ro Net<\/div>\n<div class=\"stat-label\">Objectif Neutralit\u00e9 Carbone<\/div>\n<div class=\"stat-description\">Engag\u00e9s \u00e0 atteindre la neutralit\u00e9 carbone d'ici 2030<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-icon\">\n                    <svg viewbox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- ISO Certification Badge -->\n                        <defs>\n                            <lineargradient id=\"isoGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" style=\"stop-color:#228B22\"><\/stop>\n                                <stop offset=\"100%\" style=\"stop-color:#2E8B57\"><\/stop>\n                            <\/lineargradient>\n                        <\/defs>\n                        <circle cx=\"30\" cy=\"30\" r=\"22\" fill=\"url(#isoGrad)\" stroke=\"#fff\" stroke-width=\"2.5\"><\/circle>\n                        <circle cx=\"30\" cy=\"30\" r=\"17\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.5\"><\/circle>\n                        <path d=\"M30 14 L32 23 L41 23 L34 28 L37 37 L30 32 L23 37 L26 28 L19 23 L28 23 Z\" fill=\"#fff\"><\/path>\n                        <text x=\"30\" y=\"48\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"7\" font-weight=\"bold\" font-family=\"Arial\">ISO 14001<\/text>\n                    <\/svg>\n                <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">ISO 14001<\/div>\n<div class=\"stat-label\">Op\u00e9rations Certifi\u00e9es<\/div>\n<div class=\"stat-description\">Excellence du syst\u00e8me de management environnemental<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .environment-stats-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .environment-stats-section::before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        left: -50%;\n        width: 200%;\n        height: 200%;\n        background: radial-gradient(circle, rgba(46, 139, 87, 0.03) 1px, transparent 1px);\n        background-size: 30px 30px;\n        animation: backgroundMove 60s linear infinite;\n    }<\/p>\n<p>    @keyframes backgroundMove {\n        0% { transform: translate(0, 0); }\n        100% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    .environment-stats-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .stats-row {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    .stat-card {\n        background: rgba(255, 255, 255, 0.95);\n        padding: 45px 30px;\n        border-radius: 28px;\n        text-align: center;\n        box-shadow: 0 10px 40px rgba(46, 139, 87, 0.08);\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 2px solid rgba(255, 255, 255, 0.9);\n        position: relative;\n        overflow: hidden;\n        backdrop-filter: blur(20px);\n    }<\/p>\n<p>    .stat-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n        transition: left 0.7s;\n    }<\/p>\n<p>    .stat-card::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #2E8B57, #32CD32, #90EE90);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.5s ease;\n    }<\/p>\n<p>    .stat-card:hover::before {\n        left: 100%;\n    }<\/p>\n<p>    .stat-card:hover::after {\n        transform: scaleX(1);\n    }<\/p>\n<p>    .stat-card:hover {\n        transform: translateY(-16px) scale(1.03);\n        box-shadow: 0 25px 70px rgba(46, 139, 87, 0.18);\n        border-color: rgba(46, 139, 87, 0.4);\n        background: rgba(255, 255, 255, 1);\n    }<\/p>\n<p>    .stat-icon {\n        width: 80px;\n        height: 80px;\n        margin: 0 auto 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        filter: drop-shadow(0 6px 16px rgba(46, 139, 87, 0.15));\n    }<\/p>\n<p>    .stat-card:hover .stat-icon {\n        transform: scale(1.15) rotate(8deg);\n        filter: drop-shadow(0 12px 24px rgba(46, 139, 87, 0.25));\n    }<\/p>\n<p>    .stat-icon svg {\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    .stat-content {\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .stat-number {\n        font-size: 2.4rem;\n        font-weight: 800;\n        margin-bottom: 12px;\n        background: linear-gradient(135deg, #2E8B57 0%, #32CD32 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        line-height: 1.1;\n        letter-spacing: -0.03em;\n    }<\/p>\n<p>    .stat-label {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #2E8B57;\n        margin-bottom: 10px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .stat-description {\n        font-size: 0.95rem;\n        color: #64748b;\n        line-height: 1.5;\n        font-weight: 500;\n        min-height: 44px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 0 5px;\n    }<\/p>\n<p>    \/* Individual card gradient variations *\/\n    .stat-card:nth-child(1) .stat-number {\n        background: linear-gradient(135deg, #2E8B57 0%, #228B22 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .stat-card:nth-child(2) .stat-number {\n        background: linear-gradient(135deg, #32CD32 0%, #90EE90 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .stat-card:nth-child(3) .stat-number {\n        background: linear-gradient(135deg, #90EE90 0%, #32CD32 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .stat-card:nth-child(4) .stat-number {\n        background: linear-gradient(135deg, #228B22 0%, #2E8B57 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .stats-row {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .environment-stats-section {\n            padding: 70px 15px;\n        }<\/p>\n<p>        .stats-row {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }<\/p>\n<p>        .stat-card {\n            padding: 36px 24px;\n        }<\/p>\n<p>        .stat-icon {\n            width: 70px;\n            height: 70px;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .stat-number {\n            font-size: 2rem;\n        }<\/p>\n<p>        .stat-label {\n            font-size: 1rem;\n        }<\/p>\n<p>        .stat-description {\n            font-size: 0.9rem;\n            min-height: 40px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .environment-stats-section {\n            padding: 50px 12px;\n        }<\/p>\n<p>        .stat-card {\n            padding: 30px 20px;\n        }<\/p>\n<p>        .stat-icon {\n            width: 60px;\n            height: 60px;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .stat-number {\n            font-size: 1.75rem;\n        }<\/p>\n<p>        .stat-label {\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .stat-description {\n            font-size: 0.85rem;\n            min-height: 38px;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"6\">\n<div class=\"landu-markets-section\">\n<div class=\"landu-markets-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">Partenariats Mondiaux, Progr\u00e8s Durable<\/h2>\n<\/p><\/div>\n<p>        <!-- Content Grid --><\/p>\n<div class=\"markets-grid\">\n            <!-- Safety First Card --><\/p>\n<div class=\"market-card\">\n<div class=\"card-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-marketing-personnel.jpg\" alt=\"Personnel professionnel en marketing LANDU\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1Z\" fill=\"url(#safetyGrad)\"><\/path>\n                            <defs>\n                                <lineargradient id=\"safetyGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                    <stop offset=\"100%\" style=\"stop-color:#32CD32\"><\/stop>\n                                <\/lineargradient>\n                            <\/defs>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"card-title\">La s\u00e9curit\u00e9 avant tout : Excellence des programmes et des performances<\/h3>\n<p class=\"card-description\">\n                        Offrir un lieu de travail s\u00fbr et sain est essentiel non seulement pour la p\u00e9rennit\u00e9 de notre entreprise, mais aussi pour attirer des professionnels avant-gardistes et hautement qualifi\u00e9s qui sont le moteur de notre succ\u00e8s.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Voir les d\u00e9tails<\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Eco-Conscious Products Card --><\/p>\n<div class=\"market-card\">\n<div class=\"card-image\">\n                    <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Certification LANDU ISO REACH ECOVADIS\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 12L11 14L15 10M21 12C21 16.97 16.97 21 12 21C7.03 21 3 16.97 3 12C3 7.03 7.03 3 12 3C16.97 3 21 7.03 21 12Z\" stroke=\"url(#certGrad)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <defs>\n                                <lineargradient id=\"certGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#32CD32\"><\/stop>\n                                    <stop offset=\"100%\" style=\"stop-color:#90EE90\"><\/stop>\n                                <\/lineargradient>\n                            <\/defs>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"card-title\">Excellence en Certifications de Qualit\u00e9 et Normes<\/h3>\n<p class=\"card-description\">\n                        Nous maintenons les normes les plus \u00e9lev\u00e9es de l'industrie gr\u00e2ce \u00e0 des certifications compl\u00e8tes telles que ISO, REACH et EcoVadis, garantissant que nos produits r\u00e9pondent aux exigences mondiales en mati\u00e8re de qualit\u00e9 et d'environnement.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Voir les d\u00e9tails<\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Sustainable Development Card --><\/p>\n<div class=\"market-card\">\n<div class=\"card-image\">\n                    <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-sustainable-development-equipment.jpg\" alt=\"\u00c9quipements de d\u00e9veloppement durable LANDU\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z\" fill=\"url(#sustainableGrad)\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"url(#sustainableGrad)\" stroke-width=\"2\"><\/circle>\n                            <defs>\n                                <lineargradient id=\"sustainableGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#228B22\"><\/stop>\n                                    <stop offset=\"100%\" style=\"stop-color:#32CD32\"><\/stop>\n                                <\/lineargradient>\n                            <\/defs>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"card-title\">Technologie durable avanc\u00e9e et innovation<\/h3>\n<p class=\"card-description\">\n                        Notre \u00e9quipement de d\u00e9veloppement durable de pointe repr\u00e9sente notre engagement envers la responsabilit\u00e9 environnementale, utilisant des technologies innovantes qui r\u00e9duisent l'impact environnemental tout en maximisant l'efficacit\u00e9.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Voir les d\u00e9tails<\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Partnership & Collaboration Card --><\/p>\n<div class=\"market-card\">\n<div class=\"card-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-sales-handshaking.jpg\" alt=\"Partenariat de vente LANDU\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M16 4H18C19.1 4 20 4.9 20 6V18C20 19.1 19.1 20 18 20H6C4.9 20 4 19.1 4 18V6C4 4.9 4.9 4 6 4H8M16 4V2C16 1.45 15.55 1 15 1H9C8.45 1 8 1.45 8 2V4M16 4H8\" stroke=\"url(#partnershipGrad)\" stroke-width=\"2\" fill=\"none\"><\/path>\n                            <path d=\"M9 12L11 14L15 10\" stroke=\"url(#partnershipGrad)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <defs>\n                                <lineargradient id=\"partnershipGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                    <stop offset=\"100%\" style=\"stop-color:#228B22\"><\/stop>\n                                <\/lineargradient>\n                            <\/defs>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"card-title\">Partenariats Strat\u00e9giques et Collaboration Mondiale<\/h3>\n<p class=\"card-description\">\n                        En b\u00e2tissant de solides partenariats \u00e0 travers le monde, nous collaborons avec les leaders de l'industrie pour offrir des solutions innovantes qui r\u00e9pondent aux divers besoins du march\u00e9 tout en favorisant des relations commerciales durables.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Voir les d\u00e9tails<\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .landu-markets-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        position: relative;\n    }<\/p>\n<p>    .landu-markets-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 20% 20%, rgba(46, 139, 87, 0.05) 0%, transparent 50%),\n            radial-gradient(circle at 80% 80%, rgba(50, 205, 50, 0.05) 0%, transparent 50%);\n        z-index: 1;\n    }<\/p>\n<p>    .landu-markets-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .section-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 3rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #2E8B57 0%, #32CD32 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin: 0;\n        letter-spacing: -0.02em;\n        position: relative;\n    }<\/p>\n<p>    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -16px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 4px;\n        background: linear-gradient(90deg, #2E8B57, #32CD32);\n        border-radius: 2px;\n    }<\/p>\n<p>    .markets-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n    }<\/p>\n<p>    .market-card {\n        background: white;\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(46, 139, 87, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 1px solid rgba(46, 139, 87, 0.08);\n        position: relative;\n    }<\/p>\n<p>    .market-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 3px;\n        background: linear-gradient(90deg, #2E8B57, #32CD32, #90EE90);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }<\/p>\n<p>    .market-card:hover::before {\n        opacity: 1;\n    }<\/p>\n<p>    .market-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 25px 70px rgba(46, 139, 87, 0.18);\n        border-color: rgba(46, 139, 87, 0.2);\n    }<\/p>\n<p>    .card-image {\n        position: relative;\n        height: 240px;\n        overflow: hidden;\n    }<\/p>\n<p>    .card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n        filter: brightness(1) saturate(1.1);\n    }<\/p>\n<p>    .market-card:hover .card-image img {\n        transform: scale(1.08);\n    }<\/p>\n<p>    .image-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(46, 139, 87, 0.15) 0%, rgba(50, 205, 50, 0.1) 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .market-card:hover .image-overlay {\n        opacity: 1;\n    }<\/p>\n<p>    .card-content {\n        padding: 36px 32px;\n        position: relative;\n    }<\/p>\n<p>    .card-icon {\n        position: absolute;\n        top: -22px;\n        right: 32px;\n        width: 44px;\n        height: 44px;\n        background: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 6px 20px rgba(46, 139, 87, 0.25);\n        border: 3px solid rgba(46, 139, 87, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .market-card:hover .card-icon {\n        transform: scale(1.1);\n        box-shadow: 0 8px 25px rgba(46, 139, 87, 0.35);\n    }<\/p>\n<p>    .card-icon svg {\n        width: 22px;\n        height: 22px;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.45rem;\n        font-weight: 700;\n        color: #2d3748;\n        margin-bottom: 18px;\n        line-height: 1.3;\n        padding-right: 24px;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .market-card:hover .card-title {\n        color: #2E8B57;\n    }<\/p>\n<p>    .card-description {\n        color: #4a5568;\n        font-size: 1rem;\n        line-height: 1.65;\n        margin-bottom: 28px;\n        font-weight: 400;\n    }<\/p>\n<p>    .view-details-btn {\n        display: inline-flex;\n        align-items: center;\n        color: #2E8B57;\n        font-weight: 600;\n        text-decoration: none;\n        font-size: 1rem;\n        transition: all 0.3s ease;\n        position: relative;\n        padding: 8px 20px 8px 0;\n        border-radius: 20px;\n    }<\/p>\n<p>    .view-details-btn::after {\n        content: '\u2192';\n        position: absolute;\n        right: 0;\n        transition: all 0.3s ease;\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .view-details-btn:hover {\n        color: #228B22;\n        transform: translateX(6px);\n        padding-left: 8px;\n        background: rgba(46, 139, 87, 0.05);\n    }<\/p>\n<p>    .view-details-btn:hover::after {\n        transform: translateX(6px) scale(1.1);\n    }<\/p>\n<p>    \/* Enhanced responsive animations *\/\n    @media (prefers-reduced-motion: no-preference) {\n        .market-card {\n            animation: fadeInUp 0.6s ease-out forwards;\n            opacity: 0;\n            transform: translateY(30px);\n        }<\/p>\n<p>        .market-card:nth-child(1) { animation-delay: 0.1s; }\n        .market-card:nth-child(2) { animation-delay: 0.2s; }\n        .market-card:nth-child(3) { animation-delay: 0.3s; }\n        .market-card:nth-child(4) { animation-delay: 0.4s; }\n    }<\/p>\n<p>    @keyframes fadeInUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .markets-grid {\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .landu-markets-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .section-header {\n            margin-bottom: 40px;\n        }<\/p>\n<p>        .markets-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }<\/p>\n<p>        .card-content {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .card-title {\n            font-size: 1.35rem;\n            padding-right: 20px;\n        }<\/p>\n<p>        .card-description {\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .card-image {\n            height: 220px;\n        }<\/p>\n<p>        .card-icon {\n            width: 40px;\n            height: 40px;\n            right: 28px;\n        }<\/p>\n<p>        .card-icon svg {\n            width: 20px;\n            height: 20px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .landu-markets-section {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .card-content {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .card-title {\n            font-size: 1.25rem;\n        }<\/p>\n<p>        .card-description {\n            font-size: 0.9rem;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .card-image {\n            height: 200px;\n        }<\/p>\n<p>        .card-icon {\n            width: 36px;\n            height: 36px;\n            right: 24px;\n        }<\/p>\n<p>        .card-icon svg {\n            width: 18px;\n            height: 18px;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"7\">\n<div class=\"carbon-future-section\">\n<div class=\"carbon-future-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">Driving a Greener Future with LANDU\u2019s Sustainable Innovation<\/h2>\n<\/p><\/div>\n<p>        <!-- Manufacturing Efficiency Section --><\/p>\n<div class=\"efficiency-section\">\n<div class=\"efficiency-content\">\n<div class=\"efficiency-text\">\n<h3 class=\"subsection-title\">Stimuler l'efficacit\u00e9 manufacturi\u00e8re pour un avenir \u00e0 faible \u00e9mission de carbone<\/h3>\n<p class=\"subsection-description\">\n                        Bien que nous ayons r\u00e9alis\u00e9 des progr\u00e8s consid\u00e9rables dans la gestion des \u00e9missions, nous savons que notre parcours vers la neutralit\u00e9 carbone est loin d'\u00eatre termin\u00e9. Notre plan de r\u00e9duction global utilise plusieurs strat\u00e9gies, notamment :\n                    <\/p>\n<div class=\"strategy-list\">\n<div class=\"strategy-item\">\n<div class=\"strategy-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"#2E8B57\"><\/path>\n                                    <path d=\"M2 17L12 22L22 17\" stroke=\"#2E8B57\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                    <path d=\"M2 12L12 17L22 12\" stroke=\"#2E8B57\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p><strong>Affiner et rationaliser<\/strong> les processus de fabrication actuels pour une efficacit\u00e9 optimale.<\/p>\n<\/p><\/div>\n<div class=\"strategy-item\">\n<div class=\"strategy-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M3 16.5V21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21V16.5L12 13L3 16.5Z\" fill=\"#32CD32\"><\/path>\n                                    <path d=\"M12 2L3 6V16.5L12 13L21 16.5V6L12 2Z\" stroke=\"#32CD32\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p><strong>Explorer et mettre en \u0153uvre<\/strong> des solutions de capture de carbone pour r\u00e9pondre aux r\u00e9glementations plus strictes et aux attentes croissantes des clients.<\/p>\n<\/p><\/div>\n<div class=\"strategy-item\">\n<div class=\"strategy-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M9 12L11 14L15 10\" stroke=\"#90EE90\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#90EE90\" stroke-width=\"2\" fill=\"none\"><\/circle>\n                                <\/svg>\n                            <\/div>\n<p><strong>D\u00e9velopper et d\u00e9ployer<\/strong> des technologies de production r\u00e9volutionnaires et sans \u00e9missions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"commitment-badge\">\n                        <span>Nos engagements de r\u00e9duction de carbone<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"efficiency-image\">\n                    <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landercoll-facilities.jpg\" alt=\"Installations de fabrication Landercoll\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Installations de fabrication avanc\u00e9es<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Circular Economy Section --><\/p>\n<div class=\"circular-section\">\n<div class=\"circular-content\">\n<div class=\"circular-image\">\n                    <img height=\"1360\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/field-of-cornfloweres-covered-with-cotton-2025-01-29-07-15-47-utc-scaled.jpg\" alt=\"Champs de coton durables\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Sources de mati\u00e8res premi\u00e8res durables<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"circular-text\">\n<h3 class=\"subsection-title\">Favoriser un \u00e9cosyst\u00e8me industriel circulaire<\/h3>\n<p class=\"subsection-description\">\n                        Nous menons activement des initiatives qui transforment les d\u00e9chets en valeur, fermentent les boucles de production et favorisent une \u00e9conomie v\u00e9ritablement circulaire en :\n                    <\/p>\n<div class=\"circular-list\">\n<div class=\"circular-item\">\n<div class=\"circular-number\">01<\/div>\n<p><strong>Collaborer avec les fournisseurs<\/strong> pour s'approvisionner en mati\u00e8res premi\u00e8res renouvelables issues de pratiques agricoles durables.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">02<\/div>\n<p><strong>Mettre en \u0153uvre des syst\u00e8mes de production en boucle ferm\u00e9e<\/strong> qui minimisent les d\u00e9chets et maximisent l'efficacit\u00e9 des ressources.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">03<\/div>\n<p><strong>Co-investir avec des partenaires<\/strong> dans des infrastructures critiques et des technologies avanc\u00e9es qui renforcent et modernisent l'\u00e9cosyst\u00e8me industriel.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Sustainability Products Section --><\/p>\n<div class=\"sustainability-products\">\n<div class=\"products-content\">\n<div class=\"products-text\">\n<h3 class=\"subsection-title\">Livraison de produits avec une durabilit\u00e9 sup\u00e9rieure<\/h3>\n<p class=\"products-description\">\n                        Our mission is to ensure LANDU\u2019s products outperform alternatives in sustainability. From natural cellulose processing to final product delivery, we maintain the highest environmental standards throughout our entire value chain, helping customers reduce their environmental impact.\n                    <\/p>\n<div class=\"sustainability-highlights\">\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<p>                            <span>Mati\u00e8res premi\u00e8res naturelles \u00e0 100%<\/span>\n                        <\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u267b\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/267b.svg\"><\/div>\n<p>                            <span>Processus de production circulaire<\/span>\n                        <\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<p>                            <span>Op\u00e9rations neutres en carbone<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"products-image\">\n                    <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-worker-dealing-with-cotton.jpg\" alt=\"Travailleur LANDU traitant des mat\u00e9riaux naturels\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Traitement durable des mat\u00e9riaux<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .carbon-future-section {\n        padding: 100px 20px;\n        background: linear-gradient(180deg, #f8fffe 0%, #ffffff 50%, #f0fff4 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        position: relative;\n    }<\/p>\n<p>    .carbon-future-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 25% 25%, rgba(46, 139, 87, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 75% 75%, rgba(50, 205, 50, 0.03) 0%, transparent 50%);\n        z-index: 1;\n    }<\/p>\n<p>    .carbon-future-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .section-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 3.5rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #2E8B57 0%, #32CD32 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin: 0;\n        letter-spacing: -0.02em;\n        position: relative;\n    }<\/p>\n<p>    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -20px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 100px;\n        height: 4px;\n        background: linear-gradient(90deg, #2E8B57, #32CD32);\n        border-radius: 2px;\n    }<\/p>\n<p>    \/* Efficiency Section *\/\n    .efficiency-section {\n        margin-bottom: 120px;\n    }<\/p>\n<p>    .efficiency-content {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .subsection-title {\n        font-size: 2.4rem;\n        font-weight: 700;\n        color: #2d3748;\n        margin-bottom: 24px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .subsection-description {\n        font-size: 1.2rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .strategy-list {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .strategy-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 24px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(46, 139, 87, 0.08);\n        border: 1px solid rgba(46, 139, 87, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .strategy-item::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 4px;\n        height: 100%;\n        background: linear-gradient(135deg, #2E8B57, #32CD32);\n        transform: scaleY(0);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .strategy-item:hover {\n        transform: translateX(8px);\n        box-shadow: 0 12px 35px rgba(46, 139, 87, 0.18);\n    }<\/p>\n<p>    .strategy-item:hover::before {\n        transform: scaleY(1);\n    }<\/p>\n<p>    .strategy-icon {\n        flex-shrink: 0;\n        width: 44px;\n        height: 44px;\n        background: rgba(46, 139, 87, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .strategy-item:hover .strategy-icon {\n        background: rgba(46, 139, 87, 0.15);\n        transform: scale(1.1);\n    }<\/p>\n<p>    .strategy-icon svg {\n        width: 22px;\n        height: 22px;\n    }<\/p>\n<p>    .strategy-item p {\n        margin: 0;\n        color: #4a5568;\n        line-height: 1.6;\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .commitment-badge {\n        display: inline-block;\n        background: linear-gradient(135deg, #2E8B57, #32CD32);\n        color: white;\n        padding: 14px 28px;\n        border-radius: 25px;\n        font-weight: 600;\n        font-size: 1rem;\n        box-shadow: 0 6px 20px rgba(46, 139, 87, 0.3);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .commitment-badge:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(46, 139, 87, 0.4);\n    }<\/p>\n<p>    .efficiency-image,\n    .circular-image,\n    .products-image {\n        position: relative;\n    }<\/p>\n<p>    .efficiency-image img,\n    .circular-image img,\n    .products-image img {\n        width: 100%;\n        height: 420px;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 15px 45px rgba(46, 139, 87, 0.2);\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .efficiency-image:hover img,\n    .circular-image:hover img,\n    .products-image:hover img {\n        transform: scale(1.02);\n    }<\/p>\n<p>    .image-caption {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        background: rgba(46, 139, 87, 0.9);\n        backdrop-filter: blur(10px);\n        color: white;\n        padding: 8px 16px;\n        border-radius: 20px;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Circular Economy Section *\/\n    .circular-section {\n        margin-bottom: 120px;\n    }<\/p>\n<p>    .circular-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .circular-list {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }<\/p>\n<p>    .circular-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 24px;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .circular-item:hover {\n        transform: translateX(8px);\n    }<\/p>\n<p>    .circular-number {\n        flex-shrink: 0;\n        width: 44px;\n        height: 44px;\n        background: linear-gradient(135deg, #32CD32, #90EE90);\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 1.1rem;\n        box-shadow: 0 6px 20px rgba(50, 205, 50, 0.3);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .circular-item:hover .circular-number {\n        transform: scale(1.1);\n        box-shadow: 0 8px 25px rgba(50, 205, 50, 0.4);\n    }<\/p>\n<p>    .circular-item p {\n        margin: 0;\n        color: #4a5568;\n        line-height: 1.6;\n        font-size: 1.1rem;\n    }<\/p>\n<p>    \/* Sustainability Products Section *\/\n    .sustainability-products {\n        background: white;\n        padding: 60px;\n        border-radius: 24px;\n        box-shadow: 0 15px 50px rgba(46, 139, 87, 0.12);\n        border: 1px solid rgba(46, 139, 87, 0.05);\n    }<\/p>\n<p>    .products-content {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .products-description {\n        font-size: 1.3rem;\n        color: #4a5568;\n        line-height: 1.7;\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .sustainability-highlights {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 16px;\n    }<\/p>\n<p>    .highlight-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(46, 139, 87, 0.05);\n        padding: 12px 16px;\n        border-radius: 20px;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2E8B57;\n        border: 1px solid rgba(46, 139, 87, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .highlight-item:hover {\n        background: rgba(46, 139, 87, 0.1);\n        transform: translateY(-2px);\n    }<\/p>\n<p>    .highlight-icon {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .efficiency-content,\n        .circular-content,\n        .products-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .circular-content {\n            grid-template-columns: 1fr;\n        }<\/p>\n<p>        .circular-image {\n            order: -1;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .carbon-future-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.8rem;\n        }<\/p>\n<p>        .section-header {\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .efficiency-section,\n        .circular-section {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .subsection-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .subsection-description,\n        .products-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .strategy-item {\n            padding: 20px;\n        }<\/p>\n<p>        .sustainability-products {\n            padding: 40px 30px;\n        }<\/p>\n<p>        .efficiency-image img,\n        .circular-image img,\n        .products-image img {\n            height: 320px;\n        }<\/p>\n<p>        .sustainability-highlights {\n            flex-direction: column;\n        }<\/p>\n<p>        .highlight-item {\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .section-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .subsection-title {\n            font-size: 1.6rem;\n        }<\/p>\n<p>        .strategy-item {\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .circular-item {\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .sustainability-products {\n            padding: 30px 20px;\n        }<\/p>\n<p>        .efficiency-image img,\n        .circular-image img,\n        .products-image img {\n            height: 280px;\n        }<\/p>\n<p>        .image-caption {\n            bottom: 15px;\n            left: 15px;\n            font-size: 0.8rem;\n            padding: 6px 12px;\n        }\n    }\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Sustainability Initiative Protecting the Environment As we continue to expand, our commitment to thoughtful sustainability endures, driving us to adopt strategies that minimize our ecological footprint and safeguard natural resources for future generations. 50% Carbon Reduced 100% Renewable Energy Zero Waste Goal 100% Safety Achievement Zero recordable injury rate across all facilities Eco-Efficiency Production Optimization [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/comments?post=5344"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5344\/revisions"}],"predecessor-version":[{"id":5345,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5344\/revisions\/5345"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/media?parent=5344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}