{"id":5325,"date":"2025-12-08T03:19:03","date_gmt":"2025-12-08T03:19:03","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5325"},"modified":"2025-12-16T07:49:41","modified_gmt":"2025-12-16T07:49:41","slug":"collaborating-with-employees","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/ar\/sustainability-in-landu\/collaborating-with-employees\/","title":{"rendered":"\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646"},"content":{"rendered":"<div class=\"responsibility-modern-banner\">\n<div class=\"responsibility-modern-container\">\n<div class=\"responsibility-modern-content\">\n<div class=\"responsibility-modern-visual\">\n<div class=\"modern-image-container\">\n                    <img height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-asia-business-people-stack-hands-together-2024-12-07-01-50-28-utc-scaled.jpg\" alt=\"\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\" class=\"responsibility-image\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"floating-dots\">\n<div class=\"dot dot-1\"><\/div>\n<div class=\"dot dot-2\"><\/div>\n<div class=\"dot dot-3\"><\/div>\n<div class=\"dot dot-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"responsibility-modern-text\">\n<div class=\"modern-tag\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/div>\n<h1 class=\"responsibility-modern-title\">LANDU: \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0641\u064a \u062c\u0648\u0647\u0631\u0647\u0627<\/h1>\n<p class=\"responsibility-modern-description\">\n                    \u0646\u0636\u0639 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0645 \u0627\u0644\u0623\u0648\u0644\u060c \u0646\u0639\u0632\u0632 \u0627\u0644\u0634\u0645\u0648\u0644 \u0648\u0627\u0644\u062a\u0646\u0648\u0639\u060c \u0648\u0646\u062f\u0639\u0645 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629. \u0645\u0633\u062a\u0631\u0634\u062f\u064a\u0646 \u0628\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u0628\u0646\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u064b\u0627 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0645\u0639\u064b\u0627.\n                <\/p>\n<div class=\"responsibility-modern-metrics\">\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u0627\u064b<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 100%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">\u0627\u0644\u0625\u062f\u0645\u0627\u062c \u0648\u0627\u0644\u062a\u0646\u0648\u0639<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 95%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 90%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"modern-background\">\n<div class=\"bg-gradient-1\"><\/div>\n<div class=\"bg-gradient-2\"><\/div>\n<div class=\"bg-grid\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-modern-banner {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 40%, #20B2AA 80%, #4ECDC4 100%);\n        padding: 60px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .responsibility-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .responsibility-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 50px;\n        align-items: center;\n    }<\/p>\n<p>    .responsibility-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 280px;\n    }<\/p>\n<p>    .modern-image-container {\n        position: relative;\n        width: auto;\n        height: auto;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        animation: responsibility-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .responsibility-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .modern-image-container:hover .responsibility-image {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .image-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.2) 0%, rgba(46, 139, 87, 0.2) 50%, rgba(32, 178, 170, 0.2) 100%);\n        pointer-events: none;\n        animation: responsibility-overlay-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-dots {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .dot {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 50%;\n        animation: responsibility-dot-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .dot-1 {\n        width: 6px;\n        height: 6px;\n        top: 15%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .dot-2 {\n        width: 4px;\n        height: 4px;\n        top: 70%;\n        right: 15%;\n        animation-delay: 1.5s;\n    }<\/p>\n<p>    .dot-3 {\n        width: 5px;\n        height: 5px;\n        bottom: 20%;\n        left: 5%;\n        animation-delay: 3s;\n    }<\/p>\n<p>    .dot-4 {\n        width: 3px;\n        height: 3px;\n        top: 40%;\n        right: 10%;\n        animation-delay: 4.5s;\n    }<\/p>\n<p>    .responsibility-modern-text {\n        color: white;\n    }<\/p>\n<p>    .modern-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(15px);\n        padding: 6px 16px;\n        border-radius: 20px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        margin-bottom: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    .responsibility-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 2.8rem;\n        font-weight: 900;\n        margin: 0 0 16px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 40%, #b2dfdb 80%, #ffffff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .responsibility-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.5;\n        margin: 0 0 24px 0;\n        opacity: 0.95;\n        font-weight: 300;\n        max-width: 600px;\n    }<\/p>\n<p>    .responsibility-modern-metrics {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(25px);\n        padding: 20px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .metric-box {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.9rem;\n        font-weight: 600;\n        opacity: 0.9;\n    }<\/p>\n<p>    .metric-bar {\n        height: 6px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 3px;\n        overflow: hidden;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff 0%, #e0f7fa 50%, #b2dfdb 100%);\n        border-radius: 3px;\n        animation: responsibility-progress 2s ease-out;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n        animation: responsibility-shimmer 2s ease-in-out infinite;\n    }<\/p>\n<p>    .modern-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }<\/p>\n<p>    .bg-gradient-1 {\n        position: absolute;\n        top: -25%;\n        right: -20%;\n        width: 60%;\n        height: 75%;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n        animation: responsibility-bg-move 20s ease-in-out infinite;\n    }<\/p>\n<p>    .bg-gradient-2 {\n        position: absolute;\n        bottom: -15%;\n        left: -10%;\n        width: 50%;\n        height: 50%;\n        background: radial-gradient(circle, rgba(32, 178, 170, 0.1) 0%, transparent 60%);\n        animation: responsibility-bg-move 25s ease-in-out infinite reverse;\n    }<\/p>\n<p>    .bg-grid {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: \n            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 30px 30px;\n        animation: responsibility-grid-move 30s linear infinite;\n    }<\/p>\n<p>    @keyframes responsibility-image-float {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n        50% {\n            transform: translateY(-15px) rotate(2deg);\n        }\n    }<\/p>\n<p>    @keyframes responsibility-overlay-pulse {\n        0%, 100% {\n            opacity: 0.6;\n        }\n        50% {\n            opacity: 0.3;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-dot-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: translateY(-15px) scale(1.2);\n            opacity: 1;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-progress {\n        0% { width: 0; }\n        100% { width: inherit; }\n    }<\/p>\n<p>    @keyframes responsibility-shimmer {\n        0% { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n    }<\/p>\n<p>    @keyframes responsibility-bg-move {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(10px, -10px) scale(1.05); }\n    }<\/p>\n<p>    @keyframes responsibility-grid-move {\n        0% { transform: translate(0, 0); }\n        100% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .responsibility-modern-content {\n            grid-template-columns: 1fr;\n            gap: 35px;\n            text-align: center;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 240px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 180px;\n            height: 180px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-modern-banner {\n            padding: 50px 15px;\n            min-height: 250px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 200px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 160px;\n            height: 160px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 16px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .responsibility-modern-banner {\n            padding: 40px 15px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 180px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 140px;\n            height: 140px;\n            border-radius: 20px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 14px;\n        }\n    }\n<\/style>\n<div class=\"responsibility-content-section\">\n<div class=\"responsibility-content-container\">\n        <!-- Safety Section --><\/p>\n<div class=\"safety-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">\u0625\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629 \u0644\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u0648\u0642 \u0643\u0644 \u0634\u064a\u0621<\/h2>\n<p class=\"section-intro\">\n                        \u0641\u064a LANDU\u060c \u0646\u0624\u0645\u0646 \u0623\u0646 \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0627\u0644\u0635\u062d\u064a\u0629 \u0647\u064a \u0627\u0644\u0623\u0633\u0627\u0633 \u0644\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u0644\u062c\u0630\u0628 \u0627\u0644\u0645\u0647\u0646\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0627\u0641\u0639\u064a\u0646. \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0640 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u0627\u064b \u064a\u0645\u062a\u062f \u0644\u064a\u0634\u0645\u0644 \u062c\u0645\u064a\u0639 \u062c\u0648\u0627\u0646\u0628 \u0623\u0639\u0645\u0627\u0644\u0646\u0627.\n                    <\/p>\n<p class=\"section-description\">\n                        \u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u062b\u0642\u0627\u0641\u0629 \u0633\u0644\u0627\u0645\u0629 \u0642\u0648\u064a\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0642\u0636\u0627\u0621 \u0639\u0644\u0649 \u0625\u0635\u0627\u0628\u0627\u062a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u0639\u0627\u0642\u062f\u064a\u0646 \u0645\u0646 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u062b\u0627\u0644\u062b\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0645\u0646\u0639 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u062a\u0633\u0628\u0628 \u0641\u064a \u0623\u0636\u0631\u0627\u0631 \u0645\u0627\u062f\u064a\u0629. \u064a\u062a\u0645 \u062a\u062c\u0633\u064a\u062f \u0647\u0630\u0647 \u0627\u0644\u0631\u0624\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644:\n                    <\/p>\n<div class=\"safety-features\">\n<div class=\"feature-item\">\n<div class=\"feature-number\">01<\/div>\n<div class=\"feature-content\">\n<h3>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629<\/h3>\n<p>\u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0638\u0647\u0631.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">02<\/div>\n<div class=\"feature-content\">\n<h3>\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0623\u0645\u0631\u0627\u0636<\/h3>\n<p>\u062f\u0645\u062c \u0627\u0644\u062a\u062f\u0627\u0628\u064a\u0631 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0641\u064a \u0643\u0644 \u0639\u0645\u0644\u064a\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">03<\/div>\n<div class=\"feature-content\">\n<h3>\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/h3>\n<p>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-images-with-quote\">\n<div class=\"image-grid\">\n                        <img height=\"1206\" width=\"1811\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/happiness-engineer-and-worker-team-group-joining-h-2025-09-08-10-20-32-utc.jpg\" alt=\"\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0641\u0646\u064a\u064a \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\"><br \/>\n                        <img height=\"1371\" width=\"2189\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-successful-business-people-at-work-in-off-2025-03-14-22-00-42-utc.jpg\" alt=\"LANDU In-Service Training\" loading=\"lazy\">\n                    <\/div>\n<div class=\"safety-quote\">\n<p>\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0633\u064a\u0627\u0633\u0629 \u0641\u064a LANDU\u061b \u0625\u0646\u0647\u0627 \u062c\u0632\u0621 \u0645\u0646 \u062d\u0645\u0636\u0646\u0627 \u0627\u0644\u0646\u0648\u0648\u064a. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0644\u0644\u0648\u0638\u0627\u0626\u0641\u060c \u0648\u062a\u0646\u0641\u064a\u0630 \u062d\u0648\u0627\u062c\u0632 \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062b\u0627\u0628\u062a \u0628\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a\u060c \u0646\u0636\u0645\u0646 \u0623\u0646 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0647\u0645\u0629\u060c \u0648\u0642\u0631\u0627\u0631 \u064a\u062a\u0645 \u0627\u062a\u062e\u0627\u0630\u0647 \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0631\u0641\u0627\u0647\u064a\u0629 \u0645\u0648\u0638\u0641\u064a\u0646\u0627 \u0641\u064a \u0627\u0644\u0642\u0644\u0628.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Inclusion & Diversity Section --><\/p>\n<div class=\"diversity-section\">\n<div class=\"section-content reverse\">\n<div class=\"section-images\">\n<div class=\"image-single\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/two-businesswomen-shaking-hands-after-successful-a-2025-08-10-06-13-08-utc-scaled.jpg\" alt=\"LANDU Professional Service\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<div class=\"section-text\">\n<h2 class=\"section-title\">\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0645\u0627\u062c \u0648\u0627\u0644\u062a\u0646\u0648\u0639<\/h2>\n<p class=\"section-description\">\n                        \u0627\u0644\u062a\u0646\u0648\u0639 \u0648\u0627\u0644\u0634\u0645\u0648\u0644 \u0636\u0631\u0648\u0631\u064a\u0627\u0646 \u0644\u0641\u062a\u062d \u0643\u0627\u0645\u0644 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0642\u0648\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u062f\u064a\u0646\u0627. \u0641\u064a LANDU\u060c \u0646\u0633\u0639\u0649 \u0644\u062e\u0644\u0642 \u0628\u064a\u0626\u0629 \u064a\u0634\u0639\u0631 \u0641\u064a\u0647\u0627 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0628\u0627\u0644\u062a\u0631\u062d\u064a\u0628\u060c \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0645 \u0645\u0646 \u0645\u0634\u0627\u0631\u0643\u0629 \u0623\u0641\u0643\u0627\u0631\u0647\u0645\u060c \u0648\u0627\u0644\u062b\u0642\u0629 \u0641\u064a \u062a\u062d\u062f\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0631\u0627\u0647\u0646.\n                    <\/p>\n<div class=\"commitment-list\">\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>\u0645\u0639\u0627\u0645\u0644\u0629 \u0643\u0644 \u0641\u0631\u062f \u0628\u0643\u0631\u0627\u0645\u0629 \u0648\u0639\u062f\u0627\u0644\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0645.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0627\u062a \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0627\u0644\u0639\u0645\u0631\u060c \u0623\u0648 \u0627\u0644\u0639\u0631\u0642\u060c \u0623\u0648 \u0627\u0644\u062c\u0646\u0633\u064a\u0629\u060c \u0623\u0648 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062c\u0646\u0633\u064a\u0629\u060c \u0623\u0648 \u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u062c\u0646\u0633\u064a.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u062d\u0648\u0627\u0631 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        \u0646\u0631\u0627\u0642\u0628 \u0648\u0646\u0642\u064a\u0645 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u062a\u0646\u0648\u0639 \u0641\u0631\u0642\u0646\u0627\u060c \u0646\u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0646\u062d\u062f\u062f \u062a\u062d\u062f\u064a\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u0623\u0646\u0641\u0633\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0645\u0643\u0627\u0646 \u0639\u0645\u0644\u0646\u0627 \u062d\u064a\u0648\u064a\u064b\u0627 \u0648\u0634\u0627\u0645\u0644\u064b\u0627 \u0648\u0645\u0628\u062a\u0643\u0631\u064b\u0627.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Community Engagement Section --><\/p>\n<div class=\"community-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0645\u062c\u062a\u0645\u0639\u0627\u062a\u0646\u0627<\/h2>\n<p class=\"section-description\">\n                        \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629 \u0645\u0639 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u2014 \u062e\u0627\u0635\u0629 \u062a\u0644\u0643 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u2014 \u0647\u064a \u0645\u0641\u062a\u0627\u062d \u0646\u062c\u0627\u062d\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u0646\u062c\u0631\u064a \u062a\u062f\u0642\u064a\u0642\u0627\u062a \u0623\u062f\u0627\u0621 \u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0645\u0631\u0627\u0641\u0642\u0646\u0627 \u0644\u0625\u0628\u0642\u0627\u0621 \u062c\u064a\u0631\u0627\u0646\u0646\u0627 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639\u060c \u0648\u0645\u0634\u0627\u0631\u0643\u064a\u0646\u060c \u0648\u0648\u0627\u062b\u0642\u064a\u0646 \u0645\u0646 \u0645\u0639\u0627\u064a\u064a\u0631\u0646\u0627.\n                    <\/p>\n<div class=\"focus-areas\">\n<div class=\"focus-card\">\n<h4>\u0627\u0644\u0643\u064a\u0645\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h4>\n<p>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0643\u064a\u0645\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0623\u0645\u0627\u0646 \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0629.<\/p>\n<\/p><\/div>\n<div class=\"focus-card\">\n<h4>\u062d\u0648\u0627\u0631 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0635\u0644\u062d\u0629<\/h4>\n<p>\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062d\u0648\u0627\u0631 \u0628\u0646\u0627\u0621 \u0645\u0639 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0635\u0644\u062d\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0646\u0634\u0637\u0629\u060c \u0648\u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629\u060c \u0646\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0641\u0648\u0627\u0626\u062f \u0645\u0644\u0645\u0648\u0633\u0629 \u0644\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627. \u0647\u0630\u0647 \u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0644\u0627 \u062a\u0639\u0632\u0632 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u062a\u0644\u0647\u0645 \u0641\u0631\u0642\u0646\u0627 \u0623\u064a\u0636\u064b\u0627 \u0644\u0644\u0641\u062e\u0631 \u0628\u062f\u0648\u0631\u0647\u0645 \u062e\u0627\u0631\u062c \u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0645\u0635\u0646\u0639.\n                    <\/p>\n<\/p><\/div>\n<div class=\"section-images\">\n<div class=\"image-grid\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/volunteers-collecting-rubbish-and-recycling-2025-04-03-13-17-59-utc-scaled.jpg\" alt=\"LANDU Product Sample\" loading=\"lazy\"><br \/>\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-business-team-leader-discuss-financial-pap-2025-03-27-01-57-40-utc-scaled.jpg\" alt=\"\u0645\u062f\u064a\u0631 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CSR Section --><\/p>\n<div class=\"csr-section\">\n<div class=\"csr-content\">\n<h2 class=\"section-title centered\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/h2>\n<p class=\"csr-intro\">\n                    \u0646\u0647\u062c \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u062f\u064a\u0646\u0627 \u0647\u0648 \u062c\u0648\u0647\u0631 \u0645\u0647\u0645\u062a\u0646\u0627: \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0633\u062a\u062f\u0627\u0645. \u0646\u0647\u062f\u0641 \u0625\u0644\u0649 \u0636\u0645\u0627\u0646 \u0623\u0646 \u0638\u0631\u0648\u0641 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u064a \u0646\u0648\u0641\u0631\u0647\u0627 \u0644\u0647\u0627 \u062a\u0623\u062b\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a \u0639\u0644\u0649 \u0635\u062d\u0629 \u0645\u0648\u0638\u0641\u064a\u0646\u0627\u060c \u0648\u062a\u062d\u0641\u064a\u0632\u0647\u0645\u060c \u0648\u0646\u0645\u0648\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a.\n                <\/p>\n<div class=\"csr-pillars\">\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\" fill=\"#4A90E2\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>\u0628\u064a\u0626\u0629 \u062f\u0627\u0639\u0645\u0629<\/h3>\n<p>\u062e\u0644\u0642 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u062f\u0627\u0639\u0645\u0629 \u0648\u0634\u0627\u0645\u0644\u0629.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6H16V4C16 2.89 15.11 2 14 2H10C8.89 2 8 2.89 8 4V6H4C2.89 6 2.01 6.89 2.01 8L2 19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V8C22 6.89 21.11 6 20 6ZM14 6H10V4H14V6Z\" fill=\"#2E8B57\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>\u0645\u0647\u0627\u0645 \u0630\u0627\u062a \u0645\u0639\u0646\u0649<\/h3>\n<p>\u062a\u0642\u062f\u064a\u0645 \u0645\u0647\u0627\u0645 \u0630\u0627\u062a \u0645\u0639\u0646\u0649 \u0648\u062c\u0630\u0627\u0628\u0629 \u0645\u0639 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0628\u0646\u0627\u0621\u0629.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z\" fill=\"#20B2AA\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u062c\u0645\u0627\u0639\u064a<\/h3>\n<p>\u062f\u0641\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"csr-conclusion\">\n                    \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0645\u062c \u0627\u0644\u062a\u0637\u0648\u0639\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\u060c \u0648\u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627\u060c \u0646\u062f\u0639\u0645 \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u062a\u062d\u0648\u064a\u0644\u064a\u0629 \u062a\u0641\u064a\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0643\u0643\u0644 \u2014 \u0645\u0645\u0627 \u064a\u062d\u0648\u0644 \u0639\u0647\u062f\u0646\u0627 \u0625\u0644\u0649 \u062a\u0642\u062f\u0645 \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633.\n                <\/p>\n<div class=\"csr-actions\">\n                    <a href=\"https:\/\/hpmc.ae\/ar\/sustainability-in-landu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button primary editing\"><br \/>\n                        <span>\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/ar\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button secondary\"><br \/>\n                        <span>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 8L10.89 13.26C11.23 13.47 11.61 13.59 12 13.59C12.39 13.59 12.77 13.47 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #f0f8ff 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .responsibility-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .safety-section,\n    .diversity-section,\n    .community-section {\n        margin-bottom: 100px;\n    }<\/p>\n<p>    .section-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }<\/p>\n<p>    .section-content.reverse {\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n    }<\/p>\n<p>    .section-content.reverse .section-images {\n        order: 1;\n    }<\/p>\n<p>    .section-content.reverse .section-text {\n        order: 2;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2.8rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 50%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }<\/p>\n<p>    .section-title.centered {\n        text-align: center;\n        font-size: 3.2rem;\n    }<\/p>\n<p>    .section-intro,\n    .section-description {\n        font-size: 1.1rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .section-conclusion {\n        font-size: 1.05rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-top: 24px;\n    }<\/p>\n<p>    \/* Safety Features *\/\n    .safety-features {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        margin: 32px 0;\n    }<\/p>\n<p>    .feature-item {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n        padding: 24px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.1);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .feature-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .feature-number {\n        flex-shrink: 0;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #4A90E2, #2E8B57);\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    }<\/p>\n<p>    .feature-content h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 8px;\n    }<\/p>\n<p>    .feature-content p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* Images with Quote Container *\/\n    .section-images-with-quote {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .safety-quote {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #4A90E2;\n    }<\/p>\n<p>    .safety-quote p {\n        font-style: italic;\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Images *\/\n    .section-images {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n        width: 100%;\n    }<\/p>\n<p>    .image-single {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid img {\n        width: 100%;\n        height: 280px;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-single img {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-grid img:hover,\n    .image-single img:hover {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* Commitment List *\/\n    .commitment-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .commitment-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n    }<\/p>\n<p>    .commitment-bullet {\n        flex-shrink: 0;\n        width: 8px;\n        height: 8px;\n        background: linear-gradient(135deg, #4A90E2, #20B2AA);\n        border-radius: 50%;\n        margin-top: 8px;\n    }<\/p>\n<p>    .commitment-item p {\n        margin: 0;\n        color: #4a5568;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Focus Areas *\/\n    .focus-areas {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .focus-card {\n        background: white;\n        padding: 24px;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .focus-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.12);\n    }<\/p>\n<p>    .focus-card h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .focus-card p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Section *\/\n    .csr-section {\n        background: white;\n        padding: 80px 60px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .csr-content {\n        text-align: center;\n    }<\/p>\n<p>    .csr-intro,\n    .csr-conclusion {\n        font-size: 1.2rem;\n        color: #4a5568;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto 40px;\n    }<\/p>\n<p>    .csr-pillars {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 40px;\n        margin: 60px 0;\n    }<\/p>\n<p>    .csr-pillar {\n        text-align: center;\n        padding: 32px 24px;\n        background: rgba(74, 144, 226, 0.02);\n        border-radius: 20px;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .csr-pillar:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .pillar-icon {\n        width: 60px;\n        height: 60px;\n        margin: 0 auto 20px;\n        background: rgba(74, 144, 226, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .pillar-icon svg {\n        width: 28px;\n        height: 28px;\n    }<\/p>\n<p>    .csr-pillar h4 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .csr-pillar p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Action Buttons *\/\n    .csr-actions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        margin-top: 48px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .csr-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 16px 32px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.2);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .csr-button::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.3), transparent);\n        transition: left 0.5s ease;\n    }<\/p>\n<p>    .csr-button:hover::before {\n        left: 100%;\n    }<\/p>\n<p>    .csr-button.primary {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n    }<\/p>\n<p>    .csr-button.primary:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button.secondary {\n        background: white;\n        color: #4A90E2;\n        border: 2px solid #4A90E2;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .csr-button.secondary:hover {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n        border-color: transparent;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button svg {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .csr-button:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .csr-button.secondary:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .section-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .section-content.reverse .section-images,\n        .section-content.reverse .section-text {\n            order: unset;\n        }<\/p>\n<p>        .focus-areas {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.6rem;\n        }<\/p>\n<p>        .safety-section,\n        .diversity-section,\n        .community-section {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .safety-features {\n            gap: 16px;\n        }<\/p>\n<p>        .feature-item {\n            padding: 20px;\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 220px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 60px 30px;\n        }<\/p>\n<p>        .csr-pillars {\n            grid-template-columns: 1fr;\n            gap: 30px;\n            margin: 40px 0;\n        }<\/p>\n<p>        .csr-actions {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .csr-button {\n            width: 100%;\n            max-width: 300px;\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .section-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .feature-item {\n            padding: 16px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 40px 20px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 180px;\n        }<\/p>\n<p>        .csr-button {\n            padding: 14px 28px;\n            font-size: 1rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Corporate Social Responsibility LANDU: Responsibility at the Core We put safety first, foster inclusion and diversity, and support communities through active engagement. Guided by our CSR principles, we are committed to building a safer, more sustainable future together. Safety First Inclusion &amp; Diversity Sustainability Prioritizing Safety Above All At LANDU, we believe that a safe [&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-5325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/pages\/5325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/comments?post=5325"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/pages\/5325\/revisions"}],"predecessor-version":[{"id":5326,"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/pages\/5325\/revisions\/5326"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/ar\/wp-json\/wp\/v2\/media?parent=5325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}