{"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\/ro\/sustainability-in-landu\/protect-the-environment\/","title":{"rendered":"Protejeaz\u0103 mediul \u00eenconjur\u0103tor"},"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\">Ini\u021biativa de Sustenabilitate<\/span>\n                <\/div>\n<h1 class=\"environment-title\">Protejarea Mediului<\/h1>\n<p class=\"environment-description\">\n                    Pe m\u0103sur\u0103 ce continu\u0103m s\u0103 ne extindem, angajamentul nostru fa\u021b\u0103 de sustenabilitatea atent\u0103 r\u0103m\u00e2ne constant,<br \/>\n                    ne determin\u0103 s\u0103 adopt\u0103m strategii care minimizeaz\u0103 amprenta noastr\u0103 ecologic\u0103 \u0219i<br \/>\n                    protejeaz\u0103 resursele naturale pentru genera\u021biile viitoare.\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\">Reducere a Emisiilor de Carbon<\/div>\n<\/p><\/div>\n<div class=\"environment-stat\">\n<div class=\"environment-stat-value\">100%<\/div>\n<div class=\"environment-stat-label\">Energie Regenerabil\u0103<\/div>\n<\/p><\/div>\n<div class=\"environment-stat\">\n<div class=\"environment-stat-value\">Zero<\/div>\n<div class=\"environment-stat-label\">Obiectiv de De\u0219euri<\/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\">Realizarea \u00een Securitate<\/div>\n<div class=\"stat-description\">Rat\u0103 zero de accidente raportabile \u00een toate facilit\u0103\u021bile<\/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\">Eficien\u021b\u0103 Ecologic\u0103<\/div>\n<div class=\"stat-label\">Optimizarea Produc\u021biei<\/div>\n<div class=\"stat-description\">Urm\u0103rire \u00een timp real \u00een toate bazele de produc\u021bie<\/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\">Net Zero<\/div>\n<div class=\"stat-label\">Obiectiv de Neutralitate a Carbonului<\/div>\n<div class=\"stat-description\">Angajat s\u0103 ating\u0103 neutralitatea carbonului p\u00e2n\u0103 \u00een 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\">Opera\u021biuni Certificate<\/div>\n<div class=\"stat-description\">Excelen\u021b\u0103 \u00een sistemul de management al mediului<\/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\">Parteneriate Globale, Progres Durabil<\/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=\"Personal de marketing profesionist 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\">Siguran\u021ba \u00cenainte: Program \u0219i Excelen\u021b\u0103 \u00een Performan\u021b\u0103<\/h3>\n<p class=\"card-description\">\n                        Oferirea unui mediu de lucru sigur \u0219i s\u0103n\u0103tos este esen\u021bial nu doar pentru sus\u021binerea afacerii noastre, ci \u0219i pentru atragerea profesioni\u0219tilor cu g\u00e2ndire avansat\u0103 \u0219i \u00eenalt calificati care ne conduc spre succes.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Vizualizeaz\u0103 Detalii<\/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=\"Certificare 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\">Certific\u0103ri de Calitate &amp; Excelen\u021b\u0103 \u00een Standarde<\/h3>\n<p class=\"card-description\">\n                        Men\u021binem cele mai \u00eenalte standarde din industrie prin certific\u0103ri cuprinz\u0103toare, inclusiv ISO, REACH \u0219i EcoVadis, asigur\u00e2nd c\u0103 produsele noastre respect\u0103 cerin\u021bele globale de calitate \u0219i mediu.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Vizualizeaz\u0103 Detalii<\/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=\"Echipamente de dezvoltare durabil\u0103 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\">Tehnologie Avansat\u0103 \u0219i Inova\u021bie Durabil\u0103<\/h3>\n<p class=\"card-description\">\n                        Echipamentele noastre de dezvoltare durabil\u0103 de ultim\u0103 genera\u021bie reprezint\u0103 angajamentul nostru fa\u021b\u0103 de responsabilitatea fa\u021b\u0103 de mediu, utiliz\u00e2nd tehnologii inovatoare care reduc impactul asupra mediului \u0219i maximizeaz\u0103 eficien\u021ba.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Vizualizeaz\u0103 Detalii<\/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=\"Parteneriat de v\u00e2nz\u0103ri 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\">Parteneriate Strategice \u0219i Colaborare Global\u0103<\/h3>\n<p class=\"card-description\">\n                        Construind parteneriate solide la nivel mondial, colabor\u0103m cu lideri din industrie pentru a oferi solu\u021bii inovatoare care r\u0103spund diverselor nevoi ale pie\u021bei, promov\u00e2nd \u00een acela\u0219i timp rela\u021bii de afaceri durabile.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Vizualizeaz\u0103 Detalii<\/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\">Conduc\u00e2nd un viitor mai verde cu Inova\u021bia Sustenabil\u0103 LANDU<\/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\">Cre\u0219terea Eficien\u021bei \u00een Produc\u021bie pentru un Viitor cu Emisii Reduse de Carbon<\/h3>\n<p class=\"subsection-description\">\n                        De\u0219i am f\u0103cut pa\u0219i importan\u021bi \u00een gestionarea emisiilor, \u0219tim c\u0103 drumul nostru spre neutralitatea carbonului este departe de final. Planul nostru cuprinz\u0103tor de reducere employeaz\u0103 multiple strategii, inclusiv:\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>Perfec\u021bionarea \u0219i simplificarea<\/strong> proceselor de fabrica\u021bie actuale pentru eficien\u021b\u0103 optim\u0103.<\/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>Explorarea \u0219i implementarea<\/strong> solu\u021biilor de captare a carbonului pentru a respecta reglement\u0103rile tot mai stricte \u0219i a\u0219tept\u0103rile crescute ale clien\u021bilor.<\/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>Dezvoltarea \u0219i implementarea<\/strong> tehnologiilor revolu\u021bionare, de produc\u021bie f\u0103r\u0103 emisii.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"commitment-badge\">\n                        <span>Angajamentele noastre pentru reducerea carbonului<\/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=\"Facilit\u0103\u021bi de fabrica\u021bie Landercoll\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Facilit\u0103\u021bi de fabrica\u021bie avansate<\/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=\"C\u00e2mpuri de bumbac durabile\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Surs\u0103 durabil\u0103 de materii prime<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"circular-text\">\n<h3 class=\"subsection-title\">\u00cemputernicirea unui ecosistem industrial circular<\/h3>\n<p class=\"subsection-description\">\n                        Suntem implica\u021bi activ \u00een ini\u021biative care transform\u0103 de\u0219eurile \u00een valoare, \u00eenchid ciclurile de produc\u021bie \u0219i promoveaz\u0103 o economie cu adev\u0103rat circular\u0103 prin:\n                    <\/p>\n<div class=\"circular-list\">\n<div class=\"circular-item\">\n<div class=\"circular-number\">01<\/div>\n<p><strong>Parteneriat cu furnizorii<\/strong> pentru a ob\u021bine materii prime regenerabile din practici agricole durabile.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">02<\/div>\n<p><strong>Implementarea sistemelor de produc\u021bie cu circuit \u00eenchis<\/strong> care minimizeaz\u0103 de\u0219eurile \u0219i maximizeaz\u0103 eficien\u021ba resurselor.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">03<\/div>\n<p><strong>Co-investind cu parteneri<\/strong> \u00een infrastructur\u0103 critic\u0103 \u0219i tehnologii avansate care \u00eent\u0103resc \u0219i modernizeaz\u0103 ecosistemul industrial.<\/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\">Oferind produse cu o durabilitate superioar\u0103<\/h3>\n<p class=\"products-description\">\n                        Misiunea noastr\u0103 este s\u0103 asigur\u0103m c\u0103 produsele LANDU dep\u0103\u0219esc alternativele \u00een ceea ce prive\u0219te sustenabilitatea. De la procesarea celulozei naturale p\u00e2n\u0103 la livrarea produsului final, men\u021binem cele mai \u00eenalte standarde de mediu pe \u00eentregul lan\u021b valoric, ajut\u00e2nd clien\u021bii s\u0103-\u0219i reduc\u0103 impactul asupra mediului.\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>Materii prime naturale 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>Proces de produc\u021bie circular<\/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>Opera\u021biuni neutre din punct de vedere al emisiilor de carbon<\/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=\"Lucr\u0103tor LANDU Procesare Materiale Naturale\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Procesarea durabil\u0103 a materialelor<\/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>Ini\u021biativa de Sustenabilitate Protejarea Mediului Pe m\u0103sur\u0103 ce continu\u0103m s\u0103 ne extindem, angajamentul nostru fa\u021b\u0103 de sustenabilitatea responsabil\u0103 r\u0103m\u00e2ne constant, motiv\u00e2ndu-ne s\u0103 adopt\u0103m strategii care s\u0103 minimizeze amprenta noastr\u0103 ecologic\u0103 \u0219i s\u0103 protejeze resursele naturale pentru genera\u021biile viitoare. 50% Emisii de carbon reduse 100% Energie regenerabil\u0103 Obiectiv zero de de\u0219euri 100% Realizarea \u00een siguran\u021b\u0103 Rat\u0103 de accidente f\u0103r\u0103 \u00eenregistrare \u00een toate facilit\u0103\u021bile Eficien\u021b\u0103 ecologic\u0103 Optimizarea produc\u021biei [\u2026]<\/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\/ro\/wp-json\/wp\/v2\/pages\/5344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/comments?post=5344"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/pages\/5344\/revisions"}],"predecessor-version":[{"id":5345,"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/pages\/5344\/revisions\/5345"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/ro\/wp-json\/wp\/v2\/media?parent=5344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}