{"id":4103,"date":"2026-10-07T07:07:16","date_gmt":"2026-10-07T07:07:16","guid":{"rendered":"https:\/\/greencares.my\/?page_id=4103"},"modified":"2026-10-08T02:24:50","modified_gmt":"2026-10-08T02:24:50","slug":"alcom-project","status":"publish","type":"page","link":"https:\/\/greencares.my\/index.php\/alcom-project\/","title":{"rendered":"ALCOM Project"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4103\" class=\"elementor elementor-4103\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f88b7 e-flex e-con-boxed e-con e-parent\" data-id=\"b3f88b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e2935 elementor-widget elementor-widget-html\" data-id=\"69e2935\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.gc-header {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    font-family: 'DM Sans', sans-serif;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 999999;\r\n    box-sizing: border-box;\r\n    transition: box-shadow 0.25s ease;\r\n}\r\n\r\n.gc-header * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-header.scrolled {\r\n    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.gc-header-container {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 105px;\r\n    margin: 0;\r\n    padding: 0 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    transition: height 0.25s ease;\r\n}\r\n\r\n.gc-header.scrolled .gc-header-container {\r\n    height: 82px;\r\n}\r\n\r\n.gc-header-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.gc-header-logo {\r\n    width: 170px;\r\n    height: auto;\r\n    max-height: 82px;\r\n    object-fit: contain;\r\n    display: block;\r\n    transition: width 0.25s ease, max-height 0.25s ease;\r\n}\r\n\r\n.gc-header.scrolled .gc-header-logo {\r\n    width: 145px;\r\n    max-height: 68px;\r\n}\r\n\r\n.gc-header-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: 30px;\r\n    margin-left: auto;\r\n}\r\n\r\n.gc-header-nav a {\r\n    position: relative;\r\n    color: #064C3B;\r\n    text-decoration: none;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    padding: 10px 0;\r\n    transition: color 0.25s ease;\r\n}\r\n\r\n.gc-header-nav a::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: #064C3B;\r\n    transition: width 0.25s ease;\r\n}\r\n\r\n.gc-header-nav a:hover {\r\n    color: #064C3B;\r\n}\r\n\r\n.gc-header-nav a:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n.gc-header-nav a.gc-active {\r\n    color: #064C3B;\r\n    font-weight: 600;\r\n}\r\n\r\n.gc-header-nav a.gc-active::after {\r\n    width: 100%;\r\n}\r\n\r\n.gc-header-contact {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 135px;\r\n    padding: 13px 22px;\r\n    background: #064C3B;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    border-radius: 4px;\r\n    line-height: 1 !important;\r\n    transition: background 0.25s ease, transform 0.25s ease;\r\n}\r\n\r\n.gc-header-contact::after {\r\n    display: none !important;\r\n}\r\n\r\n.gc-header-contact:hover {\r\n    background: #064C3B;\r\n    color: #ffffff !important;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.gc-header-menu-button {\r\n    display: none;\r\n    width: 44px;\r\n    height: 44px;\r\n    border: none;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n}\r\n\r\n.gc-header-menu-button span {\r\n    display: block;\r\n    width: 27px;\r\n    height: 2px;\r\n    background: #064C3B;\r\n    margin: 6px auto;\r\n    transition: transform 0.25s ease, opacity 0.25s ease;\r\n}\r\n\r\n.gc-header-menu-button.active span:nth-child(1) {\r\n    transform: translateY(8px) rotate(45deg);\r\n}\r\n\r\n.gc-header-menu-button.active span:nth-child(2) {\r\n    opacity: 0;\r\n}\r\n\r\n.gc-header-menu-button.active span:nth-child(3) {\r\n    transform: translateY(-8px) rotate(-45deg);\r\n}\r\n\r\n.gc-header-mobile-menu {\r\n    display: none;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    border-top: 1px solid #eeeeee;\r\n    padding: 10px 25px 25px;\r\n}\r\n\r\n.gc-header-mobile-menu a {\r\n    display: block;\r\n    padding: 15px 5px;\r\n    color: #064C3B;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.gc-header-mobile-menu a:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.gc-header-mobile-menu a:hover {\r\n    color: #064C3B;\r\n}\r\n\r\n.gc-header-mobile-menu a.gc-active {\r\n    color: #064C3B;\r\n    font-weight: 600;\r\n}\r\n\r\n.gc-header-mobile-menu .gc-mobile-contact {\r\n    margin-top: 12px;\r\n    padding: 14px 20px;\r\n    background: #064C3B;\r\n    color: #ffffff;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n    border-bottom: none;\r\n}\r\n\r\n.gc-header-mobile-menu .gc-mobile-contact:hover {\r\n    color: #ffffff;\r\n    background: #064C3B;\r\n}\r\n\r\n.gc-header-mobile-menu.active {\r\n    display: block;\r\n}\r\n\r\nbody {\r\n    padding-top: 105px;\r\n}\r\n\r\n@media (max-width: 1150px) {\r\n    .gc-header-container {\r\n        padding: 0 30px;\r\n        gap: 25px;\r\n    }\r\n\r\n    .gc-header-nav {\r\n        gap: 21px;\r\n    }\r\n\r\n    .gc-header-nav a {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .gc-header-contact {\r\n        min-width: 115px;\r\n        padding: 12px 17px;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-container {\r\n        height: 76px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1000px) {\r\n    .gc-header-container {\r\n        height: 90px;\r\n        padding: 0 30px;\r\n    }\r\n\r\n    .gc-header-logo {\r\n        width: 145px;\r\n        max-height: 70px;\r\n    }\r\n\r\n    .gc-header-nav {\r\n        gap: 17px;\r\n    }\r\n\r\n    .gc-header-nav a {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gc-header-contact {\r\n        min-width: 105px;\r\n        padding: 11px 14px;\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    body {\r\n        padding-top: 90px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-container {\r\n        height: 72px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-logo {\r\n        width: 130px;\r\n        max-height: 62px;\r\n    }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n    .gc-header-container {\r\n        height: 78px;\r\n        padding: 0 22px;\r\n    }\r\n\r\n    .gc-header-logo {\r\n        width: 130px;\r\n        max-height: 62px;\r\n    }\r\n\r\n    .gc-header-nav {\r\n        display: none;\r\n    }\r\n\r\n    .gc-header-menu-button {\r\n        display: block;\r\n    }\r\n\r\n    body {\r\n        padding-top: 78px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-container {\r\n        height: 68px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-logo {\r\n        width: 120px;\r\n        max-height: 56px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .gc-header-container {\r\n        height: 70px;\r\n        padding: 0 18px;\r\n    }\r\n\r\n    .gc-header-logo {\r\n        width: 115px;\r\n        max-height: 55px;\r\n    }\r\n\r\n    .gc-header-menu-button {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .gc-header-menu-button span {\r\n        width: 24px;\r\n    }\r\n\r\n    body {\r\n        padding-top: 70px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-container {\r\n        height: 62px;\r\n    }\r\n\r\n    .gc-header.scrolled .gc-header-logo {\r\n        width: 105px;\r\n        max-height: 50px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<header class=\"gc-header\">\r\n\r\n    <div class=\"gc-header-container\">\r\n\r\n        <a\r\n            href=\"https:\/\/greencares.my\/\"\r\n            class=\"gc-header-brand\"\r\n            aria-label=\"Home\"\r\n        >\r\n            <img decoding=\"async\"\r\n                class=\"gc-header-logo\"\r\n                src=\"https:\/\/greencares.my\/wp-content\/uploads\/2026\/10\/gcs-logo-scaled.webp\"\r\n                alt=\"Green Cares Specialists\"\r\n                loading=\"eager\"\r\n                fetchpriority=\"high\"\r\n            >\r\n        <\/a>\r\n\r\n        <nav class=\"gc-header-nav\" aria-label=\"Main Navigation\">\r\n\r\n            <a\r\n                href=\"https:\/\/greencares.my\/index.php\/about-us\/\"\r\n                class=\"gc-nav-about\"\r\n            >\r\n                About Us\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"https:\/\/greencares.my\/index.php\/services\/\"\r\n                class=\"gc-nav-services\"\r\n            >\r\n                Services\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"https:\/\/greencares.my\/index.php\/products\/\"\r\n                class=\"gc-nav-products\"\r\n            >\r\n                Products\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"https:\/\/greencares.my\/index.php\/projects\/\"\r\n                class=\"gc-nav-projects\"\r\n            >\r\n                Projects\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"https:\/\/wa.link\/7zbsdo\"\r\n                class=\"gc-header-contact\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n            >\r\n                Contact Us\r\n            <\/a>\r\n\r\n        <\/nav>\r\n\r\n        <button\r\n            class=\"gc-header-menu-button\"\r\n            type=\"button\"\r\n            aria-label=\"Open menu\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gc-header-mobile-menu\">\r\n\r\n        <a\r\n            href=\"https:\/\/greencares.my\/index.php\/about-us\/\"\r\n            class=\"gc-mobile-about\"\r\n        >\r\n            About Us\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/greencares.my\/index.php\/services\/\"\r\n            class=\"gc-mobile-services\"\r\n        >\r\n            Services\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/greencares.my\/index.php\/products\/\"\r\n            class=\"gc-mobile-products\"\r\n        >\r\n            Products\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/greencares.my\/index.php\/projects\/\"\r\n            class=\"gc-mobile-projects\"\r\n        >\r\n            Projects\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/wa.link\/7zbsdo\"\r\n            class=\"gc-mobile-contact\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n        >\r\n            Contact Us\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n<script>\r\n(function() {\r\n\r\n    var header = document.querySelector('.gc-header');\r\n    var menuButton = document.querySelector('.gc-header-menu-button');\r\n    var mobileMenu = document.querySelector('.gc-header-mobile-menu');\r\n\r\n    if (!header) return;\r\n\r\n    function updateHeader() {\r\n        if (window.scrollY > 30) {\r\n            header.classList.add('scrolled');\r\n        } else {\r\n            header.classList.remove('scrolled');\r\n        }\r\n    }\r\n\r\n    window.addEventListener('scroll', updateHeader, {\r\n        passive: true\r\n    });\r\n\r\n    updateHeader();\r\n\r\n    if (menuButton && mobileMenu) {\r\n\r\n        menuButton.addEventListener('click', function() {\r\n\r\n            var isOpen = mobileMenu.classList.toggle('active');\r\n\r\n            menuButton.classList.toggle('active', isOpen);\r\n\r\n            menuButton.setAttribute(\r\n                'aria-expanded',\r\n                isOpen ? 'true' : 'false'\r\n            );\r\n\r\n            menuButton.setAttribute(\r\n                'aria-label',\r\n                isOpen ? 'Close menu' : 'Open menu'\r\n            );\r\n\r\n        });\r\n\r\n        var mobileLinks = mobileMenu.querySelectorAll('a');\r\n\r\n        mobileLinks.forEach(function(link) {\r\n\r\n            link.addEventListener('click', function() {\r\n\r\n                mobileMenu.classList.remove('active');\r\n                menuButton.classList.remove('active');\r\n\r\n                menuButton.setAttribute(\r\n                    'aria-expanded',\r\n                    'false'\r\n                );\r\n\r\n                menuButton.setAttribute(\r\n                    'aria-label',\r\n                    'Open menu'\r\n                );\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n    var currentPath = window.location.pathname.toLowerCase();\r\n\r\n    var aboutLink = document.querySelector('.gc-nav-about');\r\n    var servicesLink = document.querySelector('.gc-nav-services');\r\n    var productsLink = document.querySelector('.gc-nav-products');\r\n    var projectsLink = document.querySelector('.gc-nav-projects');\r\n\r\n    var mobileAboutLink = document.querySelector('.gc-mobile-about');\r\n    var mobileServicesLink = document.querySelector('.gc-mobile-services');\r\n    var mobileProductsLink = document.querySelector('.gc-mobile-products');\r\n    var mobileProjectsLink = document.querySelector('.gc-mobile-projects');\r\n\r\n    function removeActiveStates() {\r\n\r\n        [\r\n            aboutLink,\r\n            servicesLink,\r\n            productsLink,\r\n            projectsLink,\r\n            mobileAboutLink,\r\n            mobileServicesLink,\r\n            mobileProductsLink,\r\n            mobileProjectsLink\r\n        ].forEach(function(link) {\r\n\r\n            if (link) {\r\n                link.classList.remove('gc-active');\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n    function setActive(link, mobileLink) {\r\n\r\n        if (link) {\r\n            link.classList.add('gc-active');\r\n        }\r\n\r\n        if (mobileLink) {\r\n            mobileLink.classList.add('gc-active');\r\n        }\r\n\r\n    }\r\n\r\n    removeActiveStates();\r\n\r\n    if (\r\n        currentPath === '\/index.php\/about-us\/' ||\r\n        currentPath === '\/about-us\/' ||\r\n        currentPath.indexOf('\/about-us') !== -1\r\n    ) {\r\n\r\n        setActive(\r\n            aboutLink,\r\n            mobileAboutLink\r\n        );\r\n\r\n    } else if (\r\n        currentPath === '\/index.php\/services\/' ||\r\n        currentPath === '\/services\/' ||\r\n        currentPath.indexOf('\/services') !== -1\r\n    ) {\r\n\r\n        setActive(\r\n            servicesLink,\r\n            mobileServicesLink\r\n        );\r\n\r\n    } else if (\r\n        currentPath === '\/index.php\/products\/' ||\r\n        currentPath === '\/products\/' ||\r\n        currentPath.indexOf('\/products') !== -1\r\n    ) {\r\n\r\n        setActive(\r\n            productsLink,\r\n            mobileProductsLink\r\n        );\r\n\r\n    } else if (\r\n        currentPath === '\/index.php\/projects\/' ||\r\n        currentPath === '\/projects\/' ||\r\n        currentPath.indexOf('\/projects') !== -1\r\n    ) {\r\n\r\n        setActive(\r\n            projectsLink,\r\n            mobileProjectsLink\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e932b28 e-con-full e-flex e-con e-parent\" data-id=\"e932b28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4919d06 elementor-widget elementor-widget-html\" data-id=\"4919d06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.gc-services-hero,\r\n.gc-services-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-services-hero {\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    min-height: 390px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #FFFFFF;\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n}\r\n\r\n.gc-services-hero-image {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 52%;\r\n    height: 100%;\r\n    z-index: 1;\r\n}\r\n\r\n.gc-services-hero-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n.gc-services-hero-image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 0;\r\n    left: 0;\r\n    width: 58%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        to right,\r\n        #FFFFFF 0%,\r\n        rgba(255,255,255,0.98) 15%,\r\n        rgba(255,255,255,0.90) 32%,\r\n        rgba(255,255,255,0.62) 52%,\r\n        rgba(255,255,255,0.20) 78%,\r\n        rgba(255,255,255,0) 100%\r\n    );\r\n}\r\n\r\n.gc-services-hero-content {\r\n    position: relative;\r\n    z-index: 5;\r\n    width: 58%;\r\n    min-height: 390px;\r\n    padding: 75px 40px 65px 9.5%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.gc-services-hero-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin: 0 0 18px;\r\n    color: #064C3B;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 4px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.gc-services-hero-label::after {\r\n    content: \"\";\r\n    width: 38px;\r\n    height: 1.5px;\r\n    flex-shrink: 0;\r\n    background: #064C3B;\r\n}\r\n\r\n.gc-services-hero-title {\r\n    margin: 0;\r\n    max-width: 700px;\r\n    color: #064C3B;\r\n    font-size: clamp(48px, 5.3vw, 72px);\r\n    line-height: 1.02;\r\n    letter-spacing: -2.8px;\r\n    font-weight: 700;\r\n}\r\n\r\n.gc-services-hero-text {\r\n    max-width: 610px;\r\n    margin: 24px 0 0;\r\n    color: #626B67;\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    .gc-services-hero {\r\n        min-height: 370px;\r\n    }\r\n\r\n    .gc-services-hero-content {\r\n        width: 62%;\r\n        min-height: 370px;\r\n        padding-left: 7%;\r\n        padding-right: 35px;\r\n    }\r\n\r\n    .gc-services-hero-image {\r\n        width: 55%;\r\n    }\r\n\r\n    .gc-services-hero-title {\r\n        font-size: clamp(48px, 5.5vw, 62px);\r\n    }\r\n\r\n    .gc-services-hero-text {\r\n        max-width: 550px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 950px) {\r\n    .gc-services-hero {\r\n        min-height: 350px;\r\n    }\r\n\r\n    .gc-services-hero-content {\r\n        width: 68%;\r\n        min-height: 350px;\r\n        padding: 60px 30px 55px 6%;\r\n    }\r\n\r\n    .gc-services-hero-image {\r\n        width: 58%;\r\n    }\r\n\r\n    .gc-services-hero-image::before {\r\n        width: 65%;\r\n    }\r\n\r\n    .gc-services-hero-title {\r\n        font-size: 48px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .gc-services-hero-text {\r\n        max-width: 500px;\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .gc-services-hero {\r\n        width: 100vw;\r\n        min-height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .gc-services-hero-image {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        width: 100%;\r\n        height: 280px;\r\n        order: 2;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .gc-services-hero-image img {\r\n        object-position: center;\r\n    }\r\n\r\n    .gc-services-hero-image::before {\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 45%;\r\n        background: linear-gradient(\r\n            to bottom,\r\n            #FFFFFF 0%,\r\n            rgba(255,255,255,0.88) 30%,\r\n            rgba(255,255,255,0) 100%\r\n        );\r\n    }\r\n\r\n    .gc-services-hero-content {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: auto;\r\n        padding: 65px 25px 45px;\r\n        order: 1;\r\n    }\r\n\r\n    .gc-services-hero-label {\r\n        gap: 10px;\r\n        margin-bottom: 17px;\r\n        font-size: 9px;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .gc-services-hero-label::after {\r\n        width: 30px;\r\n    }\r\n\r\n    .gc-services-hero-title {\r\n        max-width: 100%;\r\n        font-size: clamp(40px, 10vw, 48px);\r\n        line-height: 1.02;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .gc-services-hero-text {\r\n        max-width: 100%;\r\n        margin-top: 20px;\r\n        font-size: 14px;\r\n        line-height: 1.65;\r\n    }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n    .gc-services-hero-content {\r\n        padding: 58px 20px 40px;\r\n    }\r\n\r\n    .gc-services-hero-label {\r\n        font-size: 8px;\r\n        letter-spacing: 2.7px;\r\n    }\r\n\r\n    .gc-services-hero-label::after {\r\n        width: 26px;\r\n    }\r\n\r\n    .gc-services-hero-title {\r\n        font-size: 39px;\r\n        line-height: 1.03;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n    .gc-services-hero-text {\r\n        margin-top: 19px;\r\n        font-size: 13.5px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .gc-services-hero-image {\r\n        height: 250px;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .gc-services-hero-content {\r\n        padding: 50px 17px 35px;\r\n    }\r\n\r\n    .gc-services-hero-label {\r\n        font-size: 7px;\r\n        letter-spacing: 2.3px;\r\n    }\r\n\r\n    .gc-services-hero-title {\r\n        font-size: 35px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .gc-services-hero-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .gc-services-hero-image {\r\n        height: 225px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gc-services-hero,\r\n    .gc-services-hero * {\r\n        scroll-behavior: auto;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gc-services-hero\">\r\n\r\n    <div class=\"gc-services-hero-image\">\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/greencares.my\/wp-content\/uploads\/2026\/10\/alcom.webp\"\r\n            alt=\"C2\"\r\n        >\r\n    <\/div>\r\n\r\n    <div class=\"gc-services-hero-content\">\r\n\r\n        <div class=\"gc-services-label\">PROJECT 02<\/div>\r\n\r\n        <h1 class=\"gc-services-hero-title\">\r\n            ALCOM\r\n        <\/h1>\r\n\r\n        <p class=\"gc-services-hero-text\">\r\n            Green Cares Specialists completed a range of improvement and installation works for ALCOM, focusing on enhancing the facility\u2019s functionality, electrical systems, equipment setup and overall operational efficiency.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad9b603 e-con-full e-flex e-con e-parent\" data-id=\"ad9b603\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5674e1 elementor-widget elementor-widget-html\" data-id=\"e5674e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.gc-projects-page,\r\n.gc-projects-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-projects-page {\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    padding: 70px 4vw 90px;\r\n    background: #ffffff;\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-projects-container {\r\n    width: 100%;\r\n    max-width: 1800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.gc-project-split {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);\r\n    gap: 50px;\r\n    align-items: center;\r\n}\r\n\r\n.gc-project-work {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n.gc-work-item {\r\n    width: 100%;\r\n    min-height: 145px;\r\n    padding: 30px 34px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 22px;\r\n    border: 1px solid #dfe5e2;\r\n    border-radius: 16px;\r\n    background: #ffffff;\r\n}\r\n\r\n.gc-work-number {\r\n    width: 42px;\r\n    height: 42px;\r\n    min-width: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 2px;\r\n    border-radius: 50%;\r\n    background: #f0f7f3;\r\n    color: #2e5e58;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n}\r\n\r\n.gc-work-content {\r\n    min-width: 0;\r\n    flex: 1;\r\n    padding-top: 1px;\r\n}\r\n\r\n.gc-work-title {\r\n    margin: 0;\r\n    color: #18231f;\r\n    font-size: clamp(21px, 1.6vw, 27px);\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n}\r\n\r\n.gc-work-description {\r\n    margin: 11px 0 0;\r\n    max-width: 700px;\r\n    color: #5f6b64;\r\n    font-size: clamp(15px, 1.05vw, 18px);\r\n    line-height: 1.65;\r\n}\r\n\r\n.gc-project-gallery {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 620px;\r\n    min-width: 0;\r\n    margin-left: auto;\r\n    padding-bottom: 55px;\r\n}\r\n\r\n.gc-carousel-viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 22px;\r\n    background: #f0f7f3;\r\n    box-shadow: 0 18px 45px rgba(31,58,52,.10);\r\n    cursor: grab;\r\n    touch-action: pan-y;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n}\r\n\r\n.gc-carousel-viewport:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n.gc-carousel-track {\r\n    width: 100%;\r\n    display: flex;\r\n    transition: transform .55s cubic-bezier(.4,0,.2,1);\r\n    will-change: transform;\r\n}\r\n\r\n.gc-carousel-slide {\r\n    width: 100%;\r\n    min-width: 100%;\r\n    flex: 0 0 100%;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n}\r\n\r\n.gc-carousel-slide img {\r\n    width: 100%;\r\n    height: 520px;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    pointer-events: none;\r\n}\r\n\r\n.gc-carousel-dots {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n    z-index: 5;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transform: translateX(-50%);\r\n    padding: 8px 12px;\r\n    border-radius: 30px;\r\n    background: #f6f7f3;\r\n    border: 1px solid #dfe5e2;\r\n}\r\n\r\n.gc-carousel-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #cbd9d4;\r\n    cursor: pointer;\r\n}\r\n\r\n.gc-carousel-dot.active {\r\n    width: 27px;\r\n    border-radius: 10px;\r\n    background: #2e5e58;\r\n}\r\n\r\n@media (max-width: 1300px) {\r\n    .gc-projects-page {\r\n        padding-left: 3vw;\r\n        padding-right: 3vw;\r\n    }\r\n\r\n    .gc-project-split {\r\n        grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr);\r\n        gap: 35px;\r\n    }\r\n\r\n    .gc-work-item {\r\n        padding: 27px 28px;\r\n        min-height: 140px;\r\n    }\r\n\r\n    .gc-carousel-slide img {\r\n        height: 480px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1000px) {\r\n    .gc-projects-page {\r\n        padding: 60px 24px 85px;\r\n    }\r\n\r\n    .gc-project-split {\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n    }\r\n\r\n    .gc-project-gallery {\r\n        order: -1;\r\n        width: 100%;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .gc-carousel-slide img {\r\n        height: 450px;\r\n    }\r\n\r\n    .gc-project-work {\r\n        width: 100%;\r\n    }\r\n\r\n    .gc-work-item {\r\n        min-height: 135px;\r\n    }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n    .gc-projects-page {\r\n        padding: 45px 16px 65px;\r\n    }\r\n\r\n    .gc-project-split {\r\n        gap: 55px;\r\n    }\r\n\r\n    .gc-project-gallery {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .gc-carousel-slide img {\r\n        height: 400px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .gc-work-item {\r\n        min-height: 125px;\r\n        padding: 23px 20px;\r\n        gap: 15px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .gc-work-number {\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gc-work-title {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .gc-work-description {\r\n        margin-top: 8px;\r\n        font-size: 14px;\r\n        line-height: 1.55;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .gc-projects-page {\r\n        padding: 40px 12px 60px;\r\n    }\r\n\r\n    .gc-carousel-slide img {\r\n        height: 340px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .gc-work-item {\r\n        min-height: 115px;\r\n        padding: 20px 16px;\r\n        gap: 13px;\r\n    }\r\n\r\n    .gc-work-number {\r\n        width: 32px;\r\n        height: 32px;\r\n        min-width: 32px;\r\n    }\r\n\r\n    .gc-work-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .gc-work-description {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gc-projects-page\">\r\n\r\n    <div class=\"gc-projects-container\">\r\n\r\n        <div class=\"gc-project-split\">\r\n\r\n            <div class=\"gc-project-work\">\r\n\r\n                <div class=\"gc-work-item\">\r\n                    <div class=\"gc-work-number\">01<\/div>\r\n                    <div class=\"gc-work-content\">\r\n                        <h3 class=\"gc-work-title\">Air Conditioning &amp; Cabling<\/h3>\r\n                        <p class=\"gc-work-description\">\r\n                            Air conditioning installation and cabling works completed to support the space's cooling and electrical requirements.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"gc-work-item\">\r\n                    <div class=\"gc-work-number\">02<\/div>\r\n                    <div class=\"gc-work-content\">\r\n                        <h3 class=\"gc-work-title\">Battery Rack Installation<\/h3>\r\n                        <p class=\"gc-work-description\">\r\n                            Installation of battery racks to provide organised and secure equipment placement.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"gc-work-item\">\r\n                    <div class=\"gc-work-number\">03<\/div>\r\n                    <div class=\"gc-work-content\">\r\n                        <h3 class=\"gc-work-title\">TV Installation<\/h3>\r\n                        <p class=\"gc-work-description\">\r\n                            TV installation completed with the necessary setup and positioning for the space.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"gc-work-item\">\r\n                    <div class=\"gc-work-number\">04<\/div>\r\n                    <div class=\"gc-work-content\">\r\n                        <h3 class=\"gc-work-title\">Server Compressor Installation<\/h3>\r\n                        <p class=\"gc-work-description\">\r\n                            Server compressor installation to support the operational requirements of the facility.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gc-project-gallery\">\r\n\r\n                <div class=\"gc-carousel-viewport\" id=\"gcAlcomCarouselViewport\">\r\n\r\n                    <div class=\"gc-carousel-track\" id=\"gcAlcomCarouselTrack\">\r\n\r\n                        <div class=\"gc-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/greencares.my\/wp-content\/uploads\/2026\/10\/project-1.webp\"\r\n                                alt=\"ALCOM project\"\r\n                                fetchpriority=\"high\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"gc-carousel-slide\">\r\n                            <img\r\n                                src=\"https:\/\/greencares.my\/wp-content\/uploads\/2026\/10\/project-2.webp\"\r\n                                alt=\"ALCOM air conditioning and cabling\"\r\n                                loading=\"lazy\"\r\n                                decoding=\"async\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"gc-carousel-slide\">\r\n                            <img\r\n                                src=\"https:\/\/greencares.my\/wp-content\/uploads\/2026\/10\/project-3.webp\"\r\n                                alt=\"ALCOM battery rack installation\"\r\n                                loading=\"lazy\"\r\n                                decoding=\"async\"\r\n                            >\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"gc-carousel-dots\">\r\n\r\n                    <button\r\n                        class=\"gc-carousel-dot active\"\r\n                        type=\"button\"\r\n                        aria-label=\"Show image 1\">\r\n                    <\/button>\r\n\r\n                    <button\r\n                        class=\"gc-carousel-dot\"\r\n                        type=\"button\"\r\n                        aria-label=\"Show image 2\">\r\n                    <\/button>\r\n\r\n                    <button\r\n                        class=\"gc-carousel-dot\"\r\n                        type=\"button\"\r\n                        aria-label=\"Show image 3\">\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n    const viewport = document.getElementById(\"gcAlcomCarouselViewport\");\r\n    const track = document.getElementById(\"gcAlcomCarouselTrack\");\r\n    const dots = document.querySelectorAll(\".gc-projects-page .gc-carousel-dot\");\r\n\r\n    if (!viewport || !track || !dots.length) {\r\n        return;\r\n    }\r\n\r\n    let current = 0;\r\n    let startX = 0;\r\n    let currentX = 0;\r\n    let isDragging = false;\r\n\r\n    const total = 3;\r\n\r\n    function update() {\r\n        track.style.transform = \"translate3d(-\" + (current * 100) + \"%, 0, 0)\";\r\n\r\n        dots.forEach(function (dot, index) {\r\n            dot.classList.toggle(\"active\", index === current);\r\n        });\r\n    }\r\n\r\n    function goNext() {\r\n        if (current < total - 1) {\r\n            current++;\r\n            update();\r\n        }\r\n    }\r\n\r\n    function goPrevious() {\r\n        if (current > 0) {\r\n            current--;\r\n            update();\r\n        }\r\n    }\r\n\r\n    viewport.addEventListener(\"touchstart\", function (event) {\r\n        startX = event.touches[0].clientX;\r\n        currentX = startX;\r\n        isDragging = true;\r\n        track.style.transition = \"none\";\r\n    }, { passive: true });\r\n\r\n    viewport.addEventListener(\"touchmove\", function (event) {\r\n        if (!isDragging) {\r\n            return;\r\n        }\r\n\r\n        currentX = event.touches[0].clientX;\r\n    }, { passive: true });\r\n\r\n    viewport.addEventListener(\"touchend\", function () {\r\n\r\n        if (!isDragging) {\r\n            return;\r\n        }\r\n\r\n        const distance = startX - currentX;\r\n\r\n        track.style.transition = \"transform .55s cubic-bezier(.4,0,.2,1)\";\r\n\r\n        if (Math.abs(distance) > 50) {\r\n\r\n            if (distance > 0) {\r\n                goNext();\r\n            } else {\r\n                goPrevious();\r\n            }\r\n\r\n        } else {\r\n            update();\r\n        }\r\n\r\n        isDragging = false;\r\n\r\n    }, { passive: true });\r\n\r\n    viewport.addEventListener(\"mousedown\", function (event) {\r\n        startX = event.clientX;\r\n        currentX = startX;\r\n        isDragging = true;\r\n        track.style.transition = \"none\";\r\n        event.preventDefault();\r\n    });\r\n\r\n    window.addEventListener(\"mousemove\", function (event) {\r\n        if (!isDragging) {\r\n            return;\r\n        }\r\n\r\n        currentX = event.clientX;\r\n    });\r\n\r\n    window.addEventListener(\"mouseup\", function () {\r\n\r\n        if (!isDragging) {\r\n            return;\r\n        }\r\n\r\n        const distance = startX - currentX;\r\n\r\n        track.style.transition = \"transform .55s cubic-bezier(.4,0,.2,1)\";\r\n\r\n        if (Math.abs(distance) > 50) {\r\n\r\n            if (distance > 0) {\r\n                goNext();\r\n            } else {\r\n                goPrevious();\r\n            }\r\n\r\n        } else {\r\n            update();\r\n        }\r\n\r\n        isDragging = false;\r\n\r\n    });\r\n\r\n    dots.forEach(function (dot, index) {\r\n        dot.addEventListener(\"click\", function () {\r\n            current = index;\r\n            update();\r\n        });\r\n    });\r\n\r\n    update();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>About Us Services Products Projects Contact Us About Us Services Products Projects Contact Us PROJECT 02 ALCOM Green Cares Specialists [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/pages\/4103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/comments?post=4103"}],"version-history":[{"count":18,"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/pages\/4103\/revisions"}],"predecessor-version":[{"id":4166,"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/pages\/4103\/revisions\/4166"}],"wp:attachment":[{"href":"https:\/\/greencares.my\/index.php\/wp-json\/wp\/v2\/media?parent=4103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}