{"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\/sk\/sustainability-in-landu\/protect-the-environment\/","title":{"rendered":"Chr\u00e1ni\u0165 \u017eivotn\u00e9 prostredie"},"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\">Ochrana \u017eivotn\u00e9ho prostredia<\/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\">Zn\u00ed\u017een\u00fd uhl\u00edk<\/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\">Nula<\/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\">Bezpe\u010dnostn\u00e9 dosiahnutie<\/div>\n<div class=\"stat-description\">Nulov\u00e1 miera zaznamenan\u00fdch zranen\u00ed vo v\u0161etk\u00fdch zariadeniach<\/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\">Eko-efekt\u00edvnos\u0165<\/div>\n<div class=\"stat-label\">Optimaliz\u00e1cia v\u00fdroby<\/div>\n<div class=\"stat-description\">Sledovanie v re\u00e1lnom \u010dase vo v\u0161etk\u00fdch v\u00fdrobn\u00fdch z\u00e1kladniach<\/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\">Nulov\u00fd \u010dist\u00fd emisi\u00ed<\/div>\n<div class=\"stat-label\">Cie\u013e uhl\u00edkovej neutrality<\/div>\n<div class=\"stat-description\">Z\u00e1v\u00e4zok dosiahnu\u0165 uhl\u00edkov\u00fa neutralitu do roku 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\">Certifikovan\u00e9 oper\u00e1cie<\/div>\n<div class=\"stat-description\">Excelentnos\u0165 syst\u00e9mu environment\u00e1lneho mana\u017e\u00e9rstva<\/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\">Glob\u00e1lne partnerstv\u00e1, udr\u017eate\u013en\u00fd pokrok<\/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=\"LANDU Profesion\u00e1lny marketingov\u00fd person\u00e1l\" 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\">Bezpe\u010dnos\u0165 na prvom mieste: Program a excelentnos\u0165 v\u00fdkonu<\/h3>\n<p class=\"card-description\">\n                        Poskytovanie bezpe\u010dn\u00e9ho a zdrav\u00e9ho pracoviska je nevyhnutn\u00e9 nielen na udr\u017eanie n\u00e1\u0161ho podnikania, ale aj na pril\u00e1kanie progres\u00edvnych, vysoko kvalifikovan\u00fdch odborn\u00edkov, ktor\u00ed poh\u00e1\u0148aj\u00fa n\u00e1\u0161 \u00faspech.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Zobrazi\u0165 podrobnosti<\/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=\"cURL Too many subrequests.\" 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\">Excelencia v certifik\u00e1toch kvality a norm\u00e1ch<\/h3>\n<p class=\"card-description\">\n                        Udr\u017eiavame najvy\u0161\u0161ie priemyseln\u00e9 \u0161tandardy prostredn\u00edctvom komplexn\u00fdch certifik\u00e1ci\u00ed vr\u00e1tane ISO, REACH a EcoVadis, zabezpe\u010duj\u00fac, \u017ee na\u0161e produkty sp\u013a\u0148aj\u00fa glob\u00e1lne po\u017eiadavky na kvalitu a \u017eivotn\u00e9 prostredie.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Zobrazi\u0165 podrobnosti<\/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=\"LANDU Zariadenia pre udr\u017eate\u013en\u00fd rozvoj\" 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\">Pokro\u010dil\u00e1 udr\u017eate\u013en\u00e1 technol\u00f3gia a inov\u00e1cie<\/h3>\n<p class=\"card-description\">\n                        Na\u0161e \u0161pi\u010dkov\u00e9 zariadenia pre udr\u017eate\u013en\u00fd rozvoj predstavuj\u00fa n\u00e1\u0161 z\u00e1v\u00e4zok k environment\u00e1lnej zodpovednosti, vyu\u017e\u00edvaj\u00fa inovat\u00edvne technol\u00f3gie, ktor\u00e9 zni\u017euj\u00fa dopad na \u017eivotn\u00e9 prostredie a z\u00e1rove\u0148 maximalizuj\u00fa efektivitu.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Zobrazi\u0165 podrobnosti<\/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=\"LANDU Predajn\u00e9 partnerstvo\" 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\">Strategick\u00e9 partnerstv\u00e1 a glob\u00e1lna spolupr\u00e1ca<\/h3>\n<p class=\"card-description\">\n                        Budovanie siln\u00fdch partnerstiev po celom svete, spolupracujeme s ved\u00facimi predstavite\u013emi odvetvia na poskytovan\u00ed inovat\u00edvnych rie\u0161en\u00ed, ktor\u00e9 sp\u013a\u0148aj\u00fa r\u00f4znorod\u00e9 po\u017eiadavky trhu a z\u00e1rove\u0148 podporuj\u00fa udr\u017eate\u013en\u00e9 obchodn\u00e9 vz\u0165ahy.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"view-details-btn\">Zobrazi\u0165 podrobnosti<\/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\">Zv\u00fd\u0161enie efekt\u00edvnosti v\u00fdroby pre n\u00edzkouhl\u00edkov\u00fa bud\u00facnos\u0165<\/h3>\n<p class=\"subsection-description\">\n                        Hoci sme dosiahli v\u00fdznamn\u00e9 pokroky v riaden\u00ed emisi\u00ed, vieme, \u017ee na\u0161a cesta k uhl\u00edkovej neutrality je e\u0161te \u010faleko od konca. N\u00e1\u0161 komplexn\u00fd pl\u00e1n na zn\u00ed\u017eenie emisi\u00ed vyu\u017e\u00edva viacero strat\u00e9gi\u00ed, vr\u00e1tane:\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>Zlep\u0161ovanie a zjednodu\u0161ovanie<\/strong> s\u00fa\u010dasn\u00fdch v\u00fdrobn\u00fdch procesov pre optim\u00e1lnu efekt\u00edvnos\u0165.<\/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>Presk\u00famavanie a implement\u00e1cia<\/strong> rie\u0161en\u00ed na zachyt\u00e1vanie uhl\u00edka na splnenie pr\u00edsnej\u0161\u00edch noriem a rast\u00facich o\u010dak\u00e1van\u00ed z\u00e1kazn\u00edkov.<\/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>V\u00fdvoj a nasadenie<\/strong> prielomov\u00fdch, bezemisn\u00fdch v\u00fdrobn\u00fdch technol\u00f3gi\u00ed.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"commitment-badge\">\n                        <span>Na\u0161e z\u00e1v\u00e4zky na zn\u00ed\u017eenie uhl\u00edkovej stopy<\/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=\"Landercoll V\u00fdrobn\u00e9 zariadenia\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Pokro\u010dil\u00e9 v\u00fdrobn\u00e9 zariadenia<\/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=\"Udr\u017eate\u013en\u00e9 bavlnen\u00e9 polia\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Udr\u017eate\u013en\u00e9 zdroje surov\u00edn<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"circular-text\">\n<h3 class=\"subsection-title\">Posil\u0148ovanie cirkul\u00e1rneho priemyseln\u00e9ho ekosyst\u00e9mu<\/h3>\n<p class=\"subsection-description\">\n                        Akt\u00edvne realizujeme iniciat\u00edvy, ktor\u00e9 premie\u0148aj\u00fa odpad na hodnotu, uzatv\u00e1raj\u00fa v\u00fdrobn\u00e9 slu\u010dky a podporuj\u00fa skuto\u010dne cirkul\u00e1rnu ekonomiku t\u00fdm, \u017ee:\n                    <\/p>\n<div class=\"circular-list\">\n<div class=\"circular-item\">\n<div class=\"circular-number\">01<\/div>\n<p><strong>Partnerstvo s dod\u00e1vate\u013emi<\/strong> na z\u00edskavanie obnovite\u013en\u00fdch surov\u00edn z udr\u017eate\u013en\u00fdch po\u013enohospod\u00e1rskych prakt\u00edk.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">02<\/div>\n<p><strong>Implement\u00e1cia uzavret\u00fdch v\u00fdrobn\u00fdch syst\u00e9mov<\/strong> minimalizuj\u00face odpad a maximalizuj\u00face efekt\u00edvnos\u0165 zdrojov.<\/p>\n<\/p><\/div>\n<div class=\"circular-item\">\n<div class=\"circular-number\">03<\/div>\n<p><strong>Spolo\u010dn\u00e9 invest\u00edcie s partnermi<\/strong> do kritickej infra\u0161trukt\u00fary a pokro\u010dil\u00fdch technol\u00f3gi\u00ed, ktor\u00e9 posil\u0148uj\u00fa a modernizuj\u00fa priemyseln\u00fd ekosyst\u00e9m.<\/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\">Doru\u010dovanie produktov s vynikaj\u00facou udr\u017eate\u013enos\u0165ou<\/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>100% Pr\u00edrodn\u00e9 suroviny<\/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>Obehov\u00fd v\u00fdrobn\u00fd proces<\/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>Uhl\u00edkovo neutr\u00e1lne oper\u00e1cie<\/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=\"Spracovanie pr\u00edrodn\u00fdch materi\u00e1lov pracovn\u00edkom LANDU\" loading=\"lazy\"><\/p>\n<div class=\"image-caption\">\n                        <span>Udr\u017eate\u013en\u00e9 spracovanie materi\u00e1lov<\/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\/sk\/wp-json\/wp\/v2\/pages\/5344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/comments?post=5344"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5344\/revisions"}],"predecessor-version":[{"id":5345,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5344\/revisions\/5345"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/media?parent=5344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}