Sustainability & ESG - Corporate Approach<\/title>\n \n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n color: #2d3436;\n line-height: 1.6;\n }\n \n \/* Main Container *\/\n .sustainability-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 60px 20px;\n }\n \n \/* Section Styles *\/\n .section-wrapper {\n margin-bottom: 80px;\n }\n \n \/* Image Container *\/\n .section-image {\n width: 100%;\n margin-bottom: 30px;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n \n .section-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.3s ease;\n }\n \n .section-image:hover img {\n transform: scale(1.02);\n }\n \n \/* Approach Section *\/\n .approach-content {\n max-width: 800px;\n }\n \n .approach-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: #1a472a;\n letter-spacing: -0.5px;\n }\n \n .approach-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 0;\n }\n \n \/* Materiality Section *\/\n .materiality-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n \n .materiality-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: #1a472a;\n }\n \n .materiality-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #555;\n }\n \n \/* ESG Cards Section *\/\n .esg-cards {\n margin-top: 40px;\n }\n \n .esg-card {\n background: white;\n border-radius: 20px;\n padding: 35px 25px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n height: 100%;\n border: 1px solid #eef2f6;\n text-decoration: none;\n display: block;\n cursor: pointer;\n }\n \n .esg-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n \/* Make the entire card clickable *\/\n .clickable-card {\n text-decoration: none;\n display: block;\n }\n \n .clickable-card:hover .esg-card {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .esg-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 1.8rem;\n }\n \n .esg-card h3 {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .esg-card p {\n color: #666;\n margin-bottom: 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n \/* Card Colors *\/\n .card-environment .esg-icon i {\n color: #2ecc71;\n }\n \n .card-environment h3 {\n color: #2ecc71;\n }\n \n .card-social .esg-icon i {\n color: #3498db;\n }\n \n .card-social h3 {\n color: #3498db;\n }\n \n .card-governance .esg-icon i {\n color: #e74c3c;\n }\n \n .card-governance h3 {\n color: #e74c3c;\n }\n \n \/* ESG Activity Report *\/\n .esg-report {\n margin-top: 50px;\n text-align: center;\n }\n \n .btn-esg {\n background: linear-gradient(135deg, #FF013C 0%, #FF6B6B 100%);\n color: white;\n padding: 14px 40px;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n font-size: 1rem;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n \n .btn-esg:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(255, 1, 60, 0.3);\n color: white;\n text-decoration: none;\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n .sustainability-container {\n padding: 40px 20px;\n }\n \n .section-wrapper {\n margin-bottom: 50px;\n }\n \n .approach-title {\n font-size: 1.8rem;\n }\n \n .approach-text {\n font-size: 1rem;\n }\n \n .materiality-title {\n font-size: 1.6rem;\n }\n \n .esg-card {\n margin-bottom: 20px;\n padding: 25px 20px;\n }\n }\n \n @media (max-width: 480px) {\n .approach-title {\n font-size: 1.5rem;\n }\n \n .materiality-title {\n font-size: 1.3rem;\n }\n }\n \n \/* Animation *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .section-wrapper {\n opacity: 0;\n animation: fadeInUp 0.6s ease-out forwards;\n }\n \n .section-wrapper:nth-child(1) {\n animation-delay: 0.1s;\n }\n \n .section-wrapper:nth-child(2) {\n animation-delay: 0.2s;\n }\n \n .esg-card {\n opacity: 0;\n animation: fadeInUp 0.6s ease-out forwards;\n }\n \n .esg-card:nth-child(1) {\n animation-delay: 0.3s;\n }\n \n .esg-card:nth-child(2) {\n animation-delay: 0.4s;\n }\n \n .esg-card:nth-child(3) {\n animation-delay: 0.5s;\n }\n \n .esg-report {\n opacity: 0;\n animation: fadeInUp 0.6s ease-out forwards;\n animation-delay: 0.6s;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"esg-cards\">\n <div class=\"row g-4\">\n \n <div class=\"col-md-4\">\n <div class=\"esg-card card-environment\">\n <div class=\"esg-icon\">\n <i class=\"fas fa-leaf fa-2x\"><\/i>\n <\/div>\n <h3>Environment<\/h3>\n <p>Environmental sustainability initiatives, reducing carbon footprint, and promoting renewable energy solutions.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"col-md-4\">\n <a href=\"https:\/\/turbomek.com\/?page_id=6737\" class=\"clickable-card\" target=\"_self\">\n <div class=\"esg-card card-social\">\n <div class=\"esg-icon\">\n <i class=\"fas fa-users fa-2x\"><\/i>\n <\/div>\n <h3>Society<\/h3>\n <p>Community engagement, employee well-being, diversity and inclusion, and creating positive social impact.<\/p>\n <div class=\"card-link-hint\">\n <i class=\"fas fa-arrow-right\"><\/i> Photos\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"col-md-4\">\n <div class=\"esg-card card-governance\">\n <div class=\"esg-icon\">\n <i class=\"fas fa-building fa-2x\"><\/i>\n <\/div>\n <h3>Governance<\/h3>\n <p>Transparent corporate governance, ethical business practices, and strong leadership for sustainable growth.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n<div class=\"sustainability-container\">\n \n <div class=\"section-wrapper\">\n \n <div class=\"section-image\">\n <img decoding=\"async\" src=\"https:\/\/turbomek.com\/assets\/sustainability%20kids.png?w=1200&h=400&fit=crop\" \n alt=\"Sustainability Approach\" \n style=\"width: 100%; height: 300px; object-fit: cover;\">\n <\/div>\n \n \n <div class=\"approach-content\">\n <h1 class=\"approach-title\">Approach to Sustainability<\/h1>\n <p class=\"approach-text\">\n Our company's guiding principles are to promote prosperity, foster innovation, \n and strive for environmental harmony, while the company's management practices are focused on \n the idea of using its energy and environmental companies to benefit society.\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"section-wrapper\">\n \n <div class=\"section-image\">\n <img decoding=\"async\" src=\"https:\/\/turbomek.com\/assets\/sustainability.png?w=1200&h=400&fit=crop\" \n alt=\"Materiality ESG\" \n style=\"width: 100%; height: 300px; object-fit: cover;\">\n <\/div>\n \n \n <div class=\"materiality-content\">\n <h2 class=\"materiality-title\">Materiality<\/h2>\n <p class=\"materiality-text\">\n We have identified important ESG-related problems and objectives, and we are attempting to find solutions.\n <\/p>\n <\/div>\n <\/div>\n \n\n\n\n<style>\n .card-link-hint {\n margin-top: 15px;\n font-size: 0.85rem;\n color: #3498db;\n opacity: 0;\n transition: opacity 0.3s ease;\n font-weight: 500;\n }\n \n .esg-card:hover .card-link-hint {\n opacity: 1;\n }\n \n .clickable-card {\n text-decoration: none;\n display: block;\n height: 100%;\n }\n \n .clickable-card:hover {\n text-decoration: none;\n }\n \n \/* Optional: Add a subtle arrow indicator for clickable cards *\/\n .card-social {\n position: relative;\n }\n \n .card-social::after {\n content: '';\n position: absolute;\n bottom: 20px;\n right: 20px;\n width: 30px;\n height: 30px;\n background: rgba(52, 152, 219, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n opacity: 0;\n }\n \n .card-social:hover::after {\n opacity: 1;\n transform: translateX(5px);\n }\n<\/style>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n\n<script>\n \/\/ Optional: Add click tracking if needed\n document.querySelectorAll('.clickable-card').forEach(card => {\n card.addEventListener('click', function(e) {\n console.log('Navigating to: ' + this.getAttribute('href'));\n \/\/ You can add analytics tracking here if needed\n \/\/ gtag('event', 'click', { 'event_category': 'ESG Card', 'event_label': 'Society' });\n });\n });\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sustainability Sustainability & ESG – Corporate Approach Environment Environmental sustainability initiatives, reducing carbon footprint, and promoting renewable energy solutions. Society Community engagement, employee well-being, diversity and inclusion, and creating positive social impact. Photos Governance Transparent corporate governance, ethical business practices, and strong leadership for sustainable growth. Approach to Sustainability Our company’s guiding principles are to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-5519","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turbomek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5519"}],"version-history":[{"count":58,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5519\/revisions"}],"predecessor-version":[{"id":6837,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5519\/revisions\/6837"}],"wp:attachment":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}