{"id":929,"date":"2025-12-02T04:15:24","date_gmt":"2025-12-02T04:15:24","guid":{"rendered":"http:\/\/hkcss-caring-live.local\/home-2\/"},"modified":"2026-03-18T14:47:12","modified_gmt":"2026-03-18T14:47:12","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div block-name=\"home-banner\"\n    class=\"h-full min-h-[500px] lg:min-h-[709px] relative bg-cover bg-center bg-no-repeat py-[60px] lg:py-20 xl:py-[120px] flex items-center\"\n    style=\"background-image: url('https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-13.png');\">\n    <div class=\"container h-full flex justify-start items-center\">\n        <div class=\"container-3xl h-full \">\n            <div class=\"relative w-fit h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative w-fit max-w-[700px] lg:max-w-[800px] 5xl:max-w-[900px]\">\n                    <div class=\"heading5 mb-2 lg:mb-[10px] font-primary leading-[normal] text-white font-semibold\">\n                        Driving Holistic Sustainability in Hong Kong                    <\/div>\n\n                    <div\n                        class=\"heading1 mb-[30px] lg:mb-10 font-primary leading-[normal] text-white font-semibold not-italic\">\n                        <p>Empower Us to <span class=\"home-care\">Care,<\/span> <span class=\"home-connect\">Collaborate,<\/span><span class=\"home-create\">and Co-create\u00a0Our\u00a0Future<\/span><\/p>\n                    <\/div>\n\n                                            <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/application-arrangements-for-the-caring-company-scheme-2025-26\/\" target=\"_self\"\n                            class=\"group w-full  max-w-fit flex overflow-hidden max-h-[50px] items-center hover:bg-grey-dark bg-primary p-2 lg:p-[10px] rounded-[100px] justify-center\">\n                            <div class=\"w-full max-w-[30px] h-full rounded-full \">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                                    class=\"duration-300 transition-all w-full aspect-[30\/30] grayscale-0 group-hover:grayscale-[1]\" \/>\n                            <\/div>\n                            <div class=\"relative w-full mx-[10px] flex items-center\">\n                                <span\n                                    class=\"leading-[normal] not-italic  text-white group-hover:text-grey-dark heading7 font-primary font-semibold\"\n                                    style=\"opacity:0;position:relative;\">\n                                    Join the Scheme                                <\/span>\n                                <span class=\"absolute  whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-0 group-hover:translate-y-[-200%]\n                                opacity-100  w-full max-w-fit\n                                leading-[normal] not-italic\n                                text-white group-hover:text-grey-dark heading7 font-primary font-semibold\">\n                                    Join the Scheme                                <\/span>\n\n                                <span class=\"absolute  whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-[200%] group-hover:translate-y-0\n                                opacity-100 w-full max-w-fit\n                                 leading-[normal] not-italic\n                                text-white heading7 font-primary font-semibold\">\n                                    Join the Scheme                                <\/span>\n                            <\/div>\n                        <\/a>\n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button id=\"button-next\" class=\"xl:w-[200px] xl:h-[200px] lg:w-[150px] lg:h-[150px] md:w-[130px] md:h-[130px] hidden  border border-white rounded-full absolute bottom-[2%] right-[2%]\n                 md:flex justify-center items-center gap-4  transition-all duration-300 animate-borderPulse\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-3.svg\" alt=\"arrow\"\n            class=\"duration-300 transition-all animate-float\" \/>\n\n        <div class=\"rotate-90 text-white font-noto font-bold uppercase leading-[normal] text-body-3\">\n            Scroll<\/div>\n    <\/button>\n<\/div>\n\n\n\n<div id=\"cookiePopup\" class=\"fixed md:right-14 rounded-[20px] right-8 md:bottom-10 bottom-5 w-full sm:max-w-[400px] max-w-[85%] bg-white z-[53] cookie-popup-def\n    translate-y-full opacity-0 transition-all duration-500\">\n    <div class=\"w-full relative\">\n\n        <img decoding=\"async\" class=\"object-cover rounded-tl-[20px] aspect-[400\/240] w-full\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/N03-thumbnail.jpg\"\n            alt=\"popup-image\" \/>\n\n        <div class=\"p-5 rounded-b-[20px] flex flex-col items-center gap-6\">\n            <div class=\"text-grey-dark font-primary heading6 font-semibold leading-[normal] text-center\">\n                2024\/25 Application Results Released            <\/div>\n\n            <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/2024-25-application-results-released\/\" target=\"\" class=\"group w-full max-w-fit flex overflow-hidden items-center hover:bg-grey-dark bg-primary p-2 lg:p-[10px] rounded-[100px]\">\n                <div class=\"w-full max-w-[30px] h-full rounded-full\">\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                        class=\"duration-300 transition-all w-full aspect-[30\/30] grayscale-0 group-hover:grayscale-[1]\" \/>\n                <\/div>\n\n                <div class=\"relative w-full mx-[10px] flex items-center\">\n                    <span\n                        class=\"whitespace-nowrap left-0 leading-[normal] not-italic opacity-0 text-white heading7 font-primary font-semibold\">\n                        Learn More                    <\/span>\n\n                    <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                     transform translate-y-0 group-hover:-translate-y-full leading-[normal] not-italic\n                     opacity-100 group-hover:opacity-0\n                     text-white heading7 font-primary font-semibold\">\n                        Learn More                    <\/span>\n\n                    <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                     transform translate-y-full group-hover:translate-y-0  leading-[normal] not-italic\n                     opacity-0 group-hover:opacity-100\n                     text-white heading7 font-primary font-semibold\">\n                        Learn More                    <\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"bg-grey-dark close-popup-btn cursor-pointer transition-all duration-300 hover:bg-grey-light rounded-full absolute -top-[5%] right-[-5%] p-3\"\n            onclick=\"document.getElementById('cookiePopup').classList.remove('translate-y-0', 'opacity-100'); document.getElementById('cookiePopup').classList.add('translate-y-full', 'opacity-0');\">\n            <img decoding=\"async\" class=\"object-cover w-full\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/close.svg\"\n                alt=\"close\" \/>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"home-card-list\" block-name=\"home-card-list\" class=\"relative w-full flex flex-col justify-center items-center gap-y-16\">\n    <div class=\"grid grid-cols-1 w-full md:grid-cols-3 p-0\">\n        \n        <a href=\"https:\/\/hkcss.visibleone.site\/en\/\" target=\"\"\n           class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h2.png\"\n                 alt=\"Enterprises\"\n                 class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n            <div class=\"absolute inset-0 z-10\"\n                 style=\"background: linear-gradient(270deg, rgba(193, 54, 73, 0) 20.19%, #C13649 64.42%);\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0\"\n                 style=\"background-color: #C13649;\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Users.svg\"\n                     alt=\"icon\"\n                     class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                <div class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary\">\n                    Enterprises                <\/div>\n            <\/div>\n        <\/a>\n\n        \n        <a href=\"https:\/\/hkcss.visibleone.site\/en\/\" target=\"\"\n           class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image.png\"\n                 alt=\"NGOs\"\n                 class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n            <div class=\"absolute inset-0 z-10\"\n                 style=\"background: linear-gradient(270deg, rgba(233, 99, 10, 0) 20.19%, #e9630a 64.42%);\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0\"\n                 style=\"background-color: #e9630a;\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Page-1.svg\"\n                     alt=\"icon\"\n                     class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                <div class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary\">\n                    NGOs                <\/div>\n            <\/div>\n        <\/a>\n\n        \n        <a href=\"https:\/\/hkcss.visibleone.site\/en\/\" target=\"\"\n           class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-1.png\"\n                 alt=\"The Public\"\n                 class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n            <div class=\"absolute inset-0 z-10\"\n                 style=\"background: linear-gradient(270deg, rgba(58, 58, 58, 0) 20.19%, #3a3a3a 64.42%);\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0\"\n                 style=\"background-color: #3a3a3a;\">\n            <\/div>\n\n            <div class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Users-1.svg\"\n                     alt=\"icon\"\n                     class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                <div class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary\">\n                    The Public                <\/div>\n            <\/div>\n        <\/a>\n\n            <\/div>\n<\/div>\n\n\n\n<div id=\"nextSection\" block-name=\"home-last-update\"\n    class=\"w-full bg-light-1 rounded-b-[40px] lg:rounded-b-[80px] xl:py-[90px] lg:py-[80px] py-[60px]\">\n    <div class=\"container\">\n        <div class=\"container-3xl flex justify-center items-center \">\n            <div class=\"w-full max-w-[1200px] flex justify-center items-start flex-col\">\n\n                <div class=\"text-caption font-noto uppercase font-bold leading-[normal] text-primary\">\n                    Key Summary                <\/div>\n                <div\n                    class=\"font-primary text-grey-dark heading2 leading-[normal] not-italic font-semibold mb-[30px] lg:mb-10\">\n                    Latest Updates                <\/div>\n\n                <div class=\"gap-2 lg:gap-[10px] mb-5 lg:mb-[26px] flex flex-wrap justify-start items-center w-full\">\n                                                <button class=\"tab-btns max-w-fit sm:w-auto\n                            relative\n                            data-[active=true]:text-white\n                            data-[active=true]:-mb-[4px]\n                            data-[active=true]:bg-primary\n                            data-[active=true]:border\n                            data-[active=true]:border-primary\n                            border border-transparent hover:border-primary\n                            bg-orange-pale\n                            lg:px-[26px] lg:py-[14px] px-[18px] py-[10px]\n                            rounded-[1000px] transition-all duration-300 text-nowrap w-full\n                            text-grey-light hover:text-primary text-caption font-primary font-bold\"\n                                data-tab=\"tab-0\" data-active=\"true\">\n                                News                            <\/button>\n                                            <\/div>\n\n                <div class=\"w-full min-h-[300px]\">\n                    \n                            <div class=\"tab-pane block opacity-100 transition-opacity duration-300\" data-tab=\"tab-0\">\n                                                                                                            <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/progress-update-hkcss-caring-company-scheme-support-fund-for-tai-po-wang-fuk-court\/\"\n                                            class=\"relative overflow-hidden group p-5 lg:p-10 border-y border-y-stroke duration-300\n                                    transition-all bg-light-1 flex flex-col lg:flex-row justify-start items-start lg:items-center\">\n\n                                            <div\n                                                class=\"absolute inset-0 bg-orange-pale scale-x-0 origin-left md:group-hover:scale-x-100 md:transition-transform md:duration-700 md:ease-out z-0\">\n                                            <\/div>\n\n                                            <div\n                                                class=\"flex flex-col lg:flex-row justify-start items-start lg:items-center gap-[10px] lg:gap-[15px] xl:gap-20 relative z-10 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    30.01.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    News                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    Progress Update: HKCSS Caring Company Scheme \u2013 Support Fund for Tai Po Wang Fuk Court                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/hkcss-releases-inaugural-data-on-caring-business-practices-in-hong-kong\/\"\n                                            class=\"relative overflow-hidden group p-5 lg:p-10 border-y border-y-stroke duration-300\n                                    transition-all bg-light-1 flex flex-col lg:flex-row justify-start items-start lg:items-center\">\n\n                                            <div\n                                                class=\"absolute inset-0 bg-orange-pale scale-x-0 origin-left md:group-hover:scale-x-100 md:transition-transform md:duration-700 md:ease-out z-0\">\n                                            <\/div>\n\n                                            <div\n                                                class=\"flex flex-col lg:flex-row justify-start items-start lg:items-center gap-[10px] lg:gap-[15px] xl:gap-20 relative z-10 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    30.01.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    News                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    HKCSS Releases Inaugural Data on Caring Business Practices in Hong Kong &#8211; 3,500 Companies Recognised; Support for Working Caregivers Emerges as New Benchmark for Friendly Workplaces                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/the-caring-company-scheme-2024-25-recognition-ceremony-and-release-of-the-caring-business-achievements-overview\/\"\n                                            class=\"relative overflow-hidden group p-5 lg:p-10 border-y border-y-stroke duration-300\n                                    transition-all bg-light-1 flex flex-col lg:flex-row justify-start items-start lg:items-center\">\n\n                                            <div\n                                                class=\"absolute inset-0 bg-orange-pale scale-x-0 origin-left md:group-hover:scale-x-100 md:transition-transform md:duration-700 md:ease-out z-0\">\n                                            <\/div>\n\n                                            <div\n                                                class=\"flex flex-col lg:flex-row justify-start items-start lg:items-center gap-[10px] lg:gap-[15px] xl:gap-20 relative z-10 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    19.01.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    News                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    The Caring Company Scheme 2024\/25 Recognition Ceremony and Release of the Caring Business Achievements Overview                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n\n                                    <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/\" target=\"\"\n                        class=\"group last-update w-full max-h-[50px]\n                             max-w-fit flex overflow-hidden items-center hover:bg-grey-dark bg-light-1 p-2 lg:p-[10px] rounded-[100px]\n                             outline outline-2 hover:outline-transparent hover:outline-0 outline-primary mt-5 lg:mt-[26px]\">\n\n                        <div class=\" w-full max-w-[30px] h-full rounded-full \">\n                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/yyy.svg\" alt=\"arrow\"\n                                class=\"duration-300 group-hover:hidden block transition-all w-full aspect-[30\/30]\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                                class=\"duration-300 group-hover:block hidden transition-all w-full aspect-[30\/30] grayscale-0 group-hover:grayscale-[1]\" \/>\n                        <\/div>\n\n                        <div class=\"relative w-fit flex justify-center items-center  mx-[10px]\">\n                            <span class=\"leading-[normal] not-italic heading7 font-primary font-semibold opacity-0\">\n                                Read More                            <\/span>\n\n                            <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-0 group-hover:translate-y-[-170%]\n                                opacity-100 leading-[normal] not-italic\n                                group-hover:text-grey-dark text-primary heading7 font-primary font-semibold\">\n                                Read More                            <\/span>\n\n                            <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-[200%] group-hover:translate-y-0\n                                opacity-100 leading-[normal] not-italic\n                                group-hover:text-white text-primary heading7 font-primary font-semibold\">\n                                Read More                            <\/span>\n                        <\/div>\n                    <\/a>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const buttonsList = document.querySelectorAll('.tab-btns');\n        const panes = document.querySelectorAll('.tab-pane');\n\n        buttonsList.forEach(btn => {\n            btn.addEventListener('click', () => {\n                buttonsList.forEach(b => b.setAttribute('data-active', 'false'));\n                btn.setAttribute('data-active', 'true');\n\n                panes.forEach(p => {\n                    p.classList.add('hidden');\n                    p.classList.remove('block');\n                    p.classList.remove('opacity-100');\n                    p.classList.add('opacity-0');\n                });\n\n                const tabId = btn.getAttribute('data-tab');\n                const activePane = document.querySelector(`.tab-pane[data-tab=\"${tabId}\"]`);\n\n                if (activePane) {\n                    activePane.classList.remove('hidden');\n                    activePane.classList.add('block');\n\n                    setTimeout(() => {\n                        activePane.classList.remove('opacity-0');\n                        activePane.classList.add('opacity-100');\n                    }, 10);\n                }\n            });\n        });\n    });\n<\/script>\n\n\n<div block-name=\"home-driving-positive\" class=\"home-driving-positive-bg bg-cover sm:bg-contain 2xl:bg-contain bg-right sm:bg-top lg:bg-top xl:h-full    bg-no-repeat w-full  py-[60px] lg:py-20 xl:py-[120px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h10.png);\">\n    <div class=\"container 2xl:!pl-0 w-full h-full\">\n        <div class=\"relative h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative full\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-3 lg:px-0 md:px-[60px] lg:gap-5 2xl:gap-0\">\n                        <div class=\"order-1  col-span-1 lg:col-span-2 flex flex-col justify-start lg:items-center items-start\">\n                            <div class=\"max-w-[800px] 3xl:ml-[-100px] flex flex-col justify-start items-start gap-2 lg:gap-[10px] mb-[30px] md:mb-[0px] md:!py-[50px] xl:!py-[100px]\">\n                                <h2 class=\"uppercase font-noto text-caption font-bold not-italic text-primary leading-[normal]\">\n                                    About the Scheme                                <\/h2>\n                                <h3 class=\"text-grey-dark heading2 leading-[normal] not-italic font-semibold\">\n                                    From Commitment to Action: Framework for Caring Business and Social\u00a0Empowerment                                <\/h3>\n                            <\/div>\n\n                            <div class=\"grid grid-cols-1 xl:grid-cols-2 xl:mr-0 w-full\">\n                                <div class=\"w-full video-wrapper\">\n                                    <video id=\"myVideo\" width=\"100%\" class=\"xl:mt-[60px] rounded-[10px] w-full aspect-[600\/371] min-h-[180px] object-cover\" height=\"100%\" autoplay muted loop playsinline controls>\n                                                                                    <source src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/HKC_3038.JPG-1.mp4\" type=\"video\/mp4\">\n                                                                                Your browser does not support the video tag.\n                                    <\/video>\n                                    <!-- <div class=\"play-btn\" id=\"playButton\">\n                                        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/play-btn.svg\" alt=\"Play\" \/>\n                                    <\/div> -->\n                                <\/div>\n\n                                <div class=\"flex flex-col gap-[20px] xl:gap-10 justify-start items-center heading5 py-[30px] xl:py-10 px-0 xl:px-[30px] 3xl:px-[30px] leading-[160%] font-normal not-italic font-noto\">\n                                    <div class=\"text-body-1 text-center lg:text-justify  text-grey-light z-[3] font-noto leading-[160%] font-normal not-italic max-w-content w-full\">\n                                        <p>Launched by The Hong Kong Council of Social Service (HKCSS) in 2002, the Caring Company Scheme (the Scheme) aims to inspire continuous improvement in sustainable development and social impact across companies and organisations. This is achieved through the establishment of credible benchmarks and a recognition system. Additionally, the Scheme creates collaborative platforms that bring together stakeholders from various sectors. Through mechanisms such as peer learning, shared experiences, and insights into emerging trends and resources, the Scheme seeks to empower stakeholders to deepen their understanding and commitment to sustainability. By fostering collaboration, the Scheme encourages the co-development of innovative solutions to address societal needs and bridge critical gaps.<\/p>\n                                    <\/div>\n\n                                    <a href=\"https:\/\/hkcss.visibleone.site\/en\/about-us\/\" target=\"\"\n                                        class=\"group outline outline-2 hover:outline-transparent hover:outline-0 outline-primary  w-full \n                                        max-w-fit flex overflow-hidden items-center justify-center hover:bg-grey-dark bg-white p-2 xl:p-[10px] rounded-[100px]\">\n                                        <div class=\" w-full max-w-[30px] h-full rounded-full \">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/yyy.svg\"\n                                                alt=\"arrow\"\n                                                class=\"duration-300 group-hover:hidden block transition-all w-full aspect-[30\/30]\" \/>\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\"\n                                                alt=\"arrow\"\n                                                class=\"duration-300 group-hover:block hidden transition-all w-full aspect-[30\/30] grayscale-0 group-hover:grayscale-[1]\" \/>\n                                        <\/div>\n\n                                        <div class=\"relative w-full ml-[10px] mx-[10px] flex items-center\">\n                                            <span class=\" whitespace-nowrap left-0 opacity-0 \n                                            leading-[normal] not-italic heading7 font-primary font-semibold\">\n                                                Learn More                                            <\/span>\n                                            <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                        transform translate-y-0 group-hover:translate-y-[-200%]\n                                            opacity-100 \n                                            leading-[normal] not-italic\n                                        \n                                        group-hover:text-grey-dark text-primary heading7 font-primary font-semibold\">\n                                                Learn More                                            <\/span>\n\n                                            <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                        transform translate-y-[200%] group-hover:translate-y-0 \n                                            opacity-100 \n                                            leading-[normal] not-italic\n                                        \n                                        group-hover:text-white text-primary heading7 font-primary font-semibold\">\n                                                Learn More                                            <\/span>\n                                        <\/div>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\" order-2 lg:order-2\">\n                            <div class=\"relative home-driving-positive-swiper\">\n                                <!-- <div class=\"hidden md:block z-[-1] xl:z-[2] absolute bottom-0 left-0 translate-x-[-50%] translate-y-[50%] w-[76px] h-[76px] lg:w-[172px] lg:h-[172px] rounded-full\n                                    bg-[linear-gradient(141deg,_#FFE597_20.09%,_#FFD559_82.91%)] opacity-80\"><\/div> -->\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle-color.svg\" alt=\"arrow\"\n                                    class=\" aspect-[172\/172] hidden md:block z-[-1] xl:z-[2] absolute bottom-0 left-0 translate-x-[-50%] translate-y-[50%]\" \/>\n\n                                <div class=\"rounded-[10px] swiper swiper-69e738215a3fd\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                    <div class=\"swiper-slide max-h-[730px] \">\n                                                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-14.png\" alt=\"slide\" class=\"  w-full object-cover aspect-[526\/751]\" \/>\n                                                <\/div>\n                                                                                            <div class=\"swiper-slide max-h-[730px] \">\n                                                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/video-poster.png\" alt=\"slide\" class=\"  w-full object-cover aspect-[526\/751]\" \/>\n                                                <\/div>\n                                                                                                                        <\/div>\n                                    <div class=\"swiper-pagination\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var swiper = new Swiper(\".swiper-69e738215a3fd\", {\n            spaceBetween: 30,\n\n            autoplay: {\n                delay: 3000, \/\/ time between slides (ms)\n                disableOnInteraction: false, \/\/ keep autoplay after user interaction\n            },\n\n            loop: true, \/\/ usually needed for smooth auto scrolling\n\n            pagination: {\n                el: \".swiper-pagination\",\n                clickable: true,\n            },\n        });\n\n        const video = document.getElementById(\"myVideo\");\n\n        if (!video) return;\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        video.play(); \/\/ Start when visible\n                    } else {\n                        video.pause(); \/\/ Pause when not visible\n                    }\n                });\n            }, {\n                threshold: 0.5\n            } \/\/ 50% visible triggers play\n        );\n        observer.observe(video);\n\n        \/\/ const playBtn = document.getElementById(\"playButton\");\n\n        \/\/ \/\/ Click SVG \u2192 play video + hide SVG\n        \/\/ playBtn.addEventListener(\"click\", () => {\n        \/\/     video.play();\n        \/\/ });\n\n        \/\/ \/\/ Anytime the video plays \u2192 hide SVG\n        \/\/ video.addEventListener(\"play\", () => {\n        \/\/     playBtn.style.display = \"none\";\n        \/\/ });\n\n        \/\/ \/\/ Anytime the video pauses \u2192 show SVG\n        \/\/ video.addEventListener(\"pause\", () => {\n        \/\/     playBtn.style.display = \"flex\";\n        \/\/ });\n\n\n    });\n<\/script>\n\n\n<div block-name=\"home-caring-movement\" class=\"home-caring-movement-bg bg-cover bg-center bg-no-repeat w-full h-full rounded-t-[40px] lg:rounded-t-[80px] py-[60px] xl:py-[80px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/CTA.png);\">\n    <div class=\"container w-full h-full\">\n        <div class=\"container-4xl h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative full\">\n                    <div class=\"max-w-[600px]\">\n\n                        <div class=\"heading2 font-primary leading-[normal] font-semibold not-italic text-white mb-[10px] lg:mb-5\">\n                            Join the Caring Movement                        <\/div>\n\n                        <div class=\"text-body-1 max-w-[251px] md:max-w-full w-full font-noto mb-5 lg:mb-8 leading-[160%] font-normal not-italic text-white\">\n                            <p>Be recognised for your commitment to the community, and to driving social, economic and environmental sustainability.<\/p>\n                        <\/div>\n\n                        <a href=\"https:\/\/hkcss.visibleone.site\/en\/news\/application-arrangements-for-the-caring-company-scheme-2025-26\/\" target=\"\"\n                            class=\"group caring-movement w-fit flex overflow-hidden items-center justify-center hover:bg-white bg-grey-dark p-2 lg:p-[10px] rounded-[100px]\">\n                            <!-- <div class=\"bg-white group-hover:bg-primary duration-300 transition-all p-[5px] rounded-full\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow.svg\" alt=\"arrow\" class=\"duration-300 transition-all w-[30px] caring-hover-movement\" \/>\n                            <\/div> -->\n\n                            <div class=\" w-full max-w-[30px] h-full rounded-full \">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/yyy.svg\"\n                                    alt=\"arrow\"\n                                    class=\"duration-300 group-hover:block hidden transition-all w-full aspect-[30\/30] \" \/>\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\"\n                                    alt=\"arrow\"\n                                    class=\"duration-300 group-hover:hidden block transition-all w-full aspect-[30\/30] grayscale-[1] group-hover:grayscale-[1]\" \/>\n                            <\/div>\n\n                            <div class=\"relative w-fit mx-[10px] flex items-center\">\n                                <span class=\" whitespace-nowrap left-0  opacity-0\n                                leading-[normal] not-italic\n                                text-white  heading7 font-primary font-semibold\">\n                                    Join the Scheme                                <\/span>\n                                <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-0 group-hover:translate-y-[-200%]\n                                opacity-100 \n                                leading-[normal] not-italic\n                                text-white group-hover:text-grey-dark heading7 font-primary font-semibold\">\n                                    Join the Scheme                                <\/span>\n\n                                <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-[200%] group-hover:translate-y-0 \n                                opacity-100 \n                                 leading-[normal] not-italic\n                                text-white group-hover:text-primary heading7 font-primary font-semibold\">\n                                    Join the Scheme                                <\/span>\n                            <\/div>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"home-our-impact\" class=\"bg-image-content-with-number bg-yellow-light-03 bg-cover bg-no-repeat w-full h-full py-[60px] lg:py-[70px] xl:py-[100px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h7.png);\">\n    <div class=\"container w-full h-full\">\n        <div class=\"container-5xl h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative flex justify-center items-center flex-col gap-10 lg:gap-[60px]\">\n\n                    <div class=\"flex flex-col justify-center items-center\">\n                        <div class=\"text-caption font-noto text-primary uppercase font-bold leading-[normal] not-italic mb-2 lg:mb-[10px]\">\n                            Statistics                        <\/div>\n                        <div class=\"text-grey-dark heading2 font-primary not-italic leading-[normal] font-semibold \">\n                            Our Collective Achievements and Impact                        <\/div>\n                    <\/div>\n\n                    <div class=\"max-w-[1280px] w-full\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-10 lg:gap-y-[60px]\">\n                                                                                                <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1-2.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"20\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                            <span class=\"ml-[10px] font-primary heading3 font-semibold leading-[normal]\">Years<\/span>\n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Forging Cross-sector Consensus and Setting the Benchmark for Caring                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Frame-2.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"3400\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Participating Companies \/ Organisations                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_5.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"90\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>%+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Survey Respondents Recognise the Scheme Logo (2024 Stakeholder Survey, Total 1,988 Respondents)                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1-1.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                                                                            <div class=\"\">\n                                                    HK$                                                <\/div>\n                                            \n                                            <div data-number=\"3.9\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>B+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Donated to Community Projects                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"90000\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Jobs \/ Training Opportunities Created for Vulnerable Groups                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/a.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"1.83\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>M+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            Volunteer Hours Contributed                                        <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ function animateCounter(el, end) {\n        \/\/     const start = 0;\n        \/\/     const duration = 2000;\n        \/\/     const startTime = performance.now();\n\n        \/\/     function step(currentTime) {\n        \/\/         const elapsed = currentTime - startTime;\n        \/\/         const progress = Math.min(elapsed \/ duration, 1);\n\n        \/\/         const easeOut = 1 - Math.pow(1 - progress, 3);\n\n        \/\/         const value = Math.floor(start + (end - start) * easeOut);\n\n        \/\/         el.textContent = value.toLocaleString();\n\n        \/\/         if (progress < 1) {\n        \/\/             requestAnimationFrame(step);\n        \/\/         } else {\n        \/\/             el.textContent = end.toLocaleString();\n        \/\/         }\n        \/\/     }\n        \/\/     requestAnimationFrame(step);\n        \/\/ }\n\n        function animateCounter(el, end) {\n            console.log(\"counter\", el)\n            console.log(\"targetNumber\", end)\n            console.log(\"targetNumberLLLLLLL\", end.toLocaleString())\n            let current = 0;\n            const increment = Math.max(1, Math.ceil(end \/ 100));\n            console.log(\"increment\", increment)\n\n            function step() {\n                current += increment;\n                if (current >= end) {\n                    console.log(\"current >= end\", current, end)\n\n                    el.textContent = end.toLocaleString();\n                    return;\n                }\n                el.textContent = current.toLocaleString();\n                requestAnimationFrame(step);\n            }\n\n            requestAnimationFrame(step);\n        }\n\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting && entry.target.classList.contains(\"bg-image-content-with-number\")) {\n                        if (!entry.target.classList.contains(\"active\")) {\n                            entry.target.classList.add(\"active\");\n\n                            entry.target.querySelectorAll(\".counter-number\").forEach(function(counter) {\n                                const targetNumber = Number(counter.dataset.number);\n                                if (!isNaN(targetNumber)) {\n                                    animateCounter(counter, targetNumber);\n                                }\n                            });\n                        }\n                    }\n                });\n            }, {\n                threshold: 0.3\n            }\n        );\n\n        document.querySelectorAll(\".bg-image-content-with-number\").forEach((el) => {\n            observer.observe(el);\n        });\n    });\n<\/script>\n\n\n<div block-name=\"home-partner\" class=\"bg-white w-full\">\n    <div class=\" xl:py-[120px] md:py-[90px] py-[60px] flex flex-col items-center \">\n        <div class=\"flex flex-col items-center\">\n            <div\n                class=\"text-primary text-center font-noto text-caption font-bold uppercase leading-[normal] not-italic mb-2 lg:mb-[10px]\">\n                Our Supporters            <\/div>\n            <div\n                class=\"text-grey-dark mb-[30px] lg:mb-[40px] text-center heading2 font-primary font-semibold leading-[normal] not-italic \">\n                Patron&#039;s Club            <\/div>\n        <\/div>\n\n        <div class=\"overflow-hidden w-full \">\n            <div class=\"swiper partner-swiper trustby-first-slider partner-slider-69e738219a997\">\n                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-6.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-1.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-2.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-3.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-7.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/64dc2f1b1ad26.png-5.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/citybus.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/\u4e2d\u7535.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/fse.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/kmb-1.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/marsh.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/prudential.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/standard-chartered.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/sun-hung.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/aeon.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/bct.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/bea.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/da-jia-le.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/carthy-limited.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/centeline.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/chinachem.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/chow-da-fu.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/disneyland.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/63638ed32323c68e7195c3feb0024d09d5638c49.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/henderson-land.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/hkt.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/hong-yip-service.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/hysan.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/kai-shing.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/kerry.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/mcd.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/japan-benli.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/new-world-dev.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/apex.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/pccw.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/sf-express.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/sino.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/taigu.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/swire-propoerties.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/taishing.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/towngas.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/UA-finance.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/urban-group.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                        <div class=\"swiper-slide\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/woo-kwan-lee.png\" alt=\"partner-logo\"\n                                    class=\"object-contain h-full rounded-md aspect-[210\/120] w-full max-w-full\" \/>\n                            <\/div>\n                                                                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ console.log(\"Document ready, initializing partner slider.+++++\", document.readyState);\n\n    (function () {\n        var initPartnerSlider = function () {\n            if (typeof Swiper === 'undefined') return;\n\n            var sliderContainer = document.querySelector('.partner-slider-69e738219a997');\n\n            if (sliderContainer && sliderContainer.swiper) {\n                sliderContainer.swiper.destroy(true, true);\n            }\n\n            const swiperList = new Swiper(\".partner-slider-69e738219a997\", {\n                spaceBetween: 50,\n                speed: 4000,\n                autoplay: {\n                    delay: 0,\n                    reverseDirection: false,\n                    stopOnLastSlide: false,\n                    disableOnInteraction: false\n                },\n                loop: true,\n                slidesPerView: 2,\n                allowTouchMove: false,\n                breakpoints: {\n                    \/\/ 640: { slidesPerView: 2 },\n                    \/\/ 1024: { slidesPerView: 8 },\n\n                    \/\/ Mobile (<640px)\n                    0: {\n                        slidesPerView: 2,\n                        spaceBetween: 20, \/\/ mobile spacing\n                    },\n\n                    \/\/ Tablet (\u2265640px)\n                    640: {\n                        slidesPerView: 5,\n                        spaceBetween: 30,\n                    },\n\n                    \/\/ Desktop (\u22651024px)\n                    1024: {\n                        slidesPerView: 8,\n                        spaceBetween: 50,\n                    },\n\n                },\n            });\n\n            var sliderEl = document.querySelector('.partner-slider-69e738219a997');\n\n            sliderEl.addEventListener('mouseenter', function () {\n                swiperList.autoplay.stop(); \/\/ stop autoplay\n            });\n\n            sliderEl.addEventListener('mouseleave', function () {\n                swiperList.autoplay.start(); \/\/ resume autoplay\n            });\n        };\n\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            initPartnerSlider();\n        } else {\n            document.addEventListener('DOMContentLoaded', initPartnerSlider);\n        }\n    })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-929","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/comments?post=929"}],"version-history":[{"count":18,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/929\/revisions"}],"predecessor-version":[{"id":2776,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/929\/revisions\/2776"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/media?parent=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}