{"id":4559,"date":"2025-12-02T04:15:24","date_gmt":"2025-12-01T20:15:24","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/home-2\/"},"modified":"2026-07-10T16:14:08","modified_gmt":"2026-07-10T08:14:08","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/sc\/","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                        \u63a8\u52a8\u9999\u6e2f\u5168\u65b9\u4f4d\u53ef\u6301\u7eed\u53d1\u5c55                    <\/div>\n\n                    <div\n                        class=\"heading1 mb-[30px] lg:mb-10 font-primary leading-[normal] text-white font-semibold not-italic\">\n                        <p>\u643a\u624b <span class=\"home-care\">\u5173\u6000\u3001<\/span> <span class=\"home-connect\">\u534f\u4f5c\uff0c<\/span><span class=\"home-create\">\u5171\u5efa\u672a\u6765<\/span><\/p>\n                    <\/div>\n\n                                            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/join-the-scheme\/\" 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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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\/2026\/03\/Pop-up.png\"\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                2025\/26\u5e74\u5ea6\u8ba1\u5212\u73b0\u6b63\u63a5\u53d7\u7533\u8bf7            <\/div>\n\n            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/news\/news-application-arrangements-for-the-caring-company-scheme-2025-26-2\/\" 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                        \u4e86\u89e3\u66f4\u591a                    <\/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                        \u4e86\u89e3\u66f4\u591a                    <\/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                        \u4e86\u89e3\u66f4\u591a                    <\/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\"\n    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\/sc\/information-for-enterprises\/\" target=\"\" 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\" alt=\"\u4f01\u4e1a\"\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 text-white\"\n                        style=\"background-color: #C13649;\">\n                    <\/div>\n\n                    <div\n                        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\" 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                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u4f01\u4e1a                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/sc\/information-for-charitable-organisations\/\" target=\"\" 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\" alt=\"\u6148\u5584\u56e2\u4f53\"\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(192, 77, 0, 0) 20.19%, #c04d00 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 text-white\"\n                        style=\"background-color: #c04d00;\">\n                    <\/div>\n\n                    <div\n                        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\" 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                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u6148\u5584\u56e2\u4f53                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/sc\/information-for-publics\/\" target=\"\" 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\" alt=\"\u516c\u4f17\u4eba\u58eb\"\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 text-white\"\n                        style=\"background-color: #3a3a3a;\">\n                    <\/div>\n\n                    <div\n                        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\" 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                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u516c\u4f17\u4eba\u58eb                        <\/p>\n                    <\/div>\n                <\/a>\n\n                    <\/div>\n<\/div>\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                    \u91cd\u70b9\u6458\u8981                <\/div>\n                <div\n                    class=\"font-primary text-grey-dark heading2 leading-[normal] not-italic font-semibold mb-[30px] lg:mb-10\">\n                    \u5373\u65f6\u8d44\u8baf                <\/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                    role=\"tablist\">\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                                id=\"home-last-update-1-btn-0\" role=\"tab\" aria-selected=\"true\"\n                                aria-controls=\"home-last-update-1-pane-0\" data-tab=\"home-last-update-1-pane-0\"\n                                data-active=\"true\">\n                                \u6700\u65b0\u6d88\u606f                            <\/button>\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                                id=\"home-last-update-1-btn-1\" role=\"tab\" aria-selected=\"false\"\n                                aria-controls=\"home-last-update-1-pane-1\" data-tab=\"home-last-update-1-pane-1\"\n                                data-active=\"false\">\n                                \u6d3b\u52a8                            <\/button>\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                                id=\"home-last-update-1-btn-2\" role=\"tab\" aria-selected=\"false\"\n                                aria-controls=\"home-last-update-1-pane-2\" data-tab=\"home-last-update-1-pane-2\"\n                                data-active=\"false\">\n                                \u4e13\u9898\u6545\u4e8b                            <\/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\"\n                                id=\"home-last-update-1-pane-0\" role=\"tabpanel\"\n                                aria-labelledby=\"home-last-update-1-btn-0\" data-tab=\"home-last-update-1-pane-0\">\n                                                                                                            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/news\/progress-update-2june-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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    02.06.2026                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6700\u65b0\u6d88\u606f                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u8fdb\u5ea6\u66f4\u65b0\uff1a\u793e\u8054\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212 \u2014 \u5927\u57d4\u5b8f\u798f\u82d1\u652f\u63f4\u57fa\u91d1                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/news\/building-cross-sector-synergy-call-for-partners-for-the-2026-27-partnering-for-growth-initiative\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    09.04.2026                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6700\u65b0\u6d88\u606f                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u5171\u5efa\u8de8\u754c\u522b\u534f\u540c\u6548\u5e94\uff1a\u8bda\u9080\u6210\u4e3a 2026\/27\u300c\u540c\u884c\u5171\u5b66\u300d\u6d3b\u52a8\u5408\u4f5c\u4f19\u4f34                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/news\/progress-update-april26-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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    01.04.2026                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6700\u65b0\u6d88\u606f                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u8fdb\u5ea6\u66f4\u65b0\uff1a\u793e\u8054\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212 \u2014 \u5927\u57d4\u5b8f\u798f\u82d1\u652f\u63f4\u57fa\u91d1                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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                            \n                            <div class=\"tab-pane hidden opacity-0 transition-opacity duration-300\"\n                                id=\"home-last-update-1-pane-1\" role=\"tabpanel\"\n                                aria-labelledby=\"home-last-update-1-btn-1\" data-tab=\"home-last-update-1-pane-1\">\n                                                                                                            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/praise-finale-%e6%95%a2%e6%83%b3%e6%95%a2%e8%ae%8a-%e6%88%91%e5%80%91%e5%8f%af%e4%bb%a5-2\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    12.08.2026                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6d3b\u52a8\u9884\u544a                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    PRAISE Finale &#8211; \u6562\u60f3\u6562\u8b8a \u6211\u5011\u53ef\u4ee5!                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/events\/praise-finale-%e6%95%a2%e6%83%b3%e6%95%a2%e8%ae%8a-%e6%88%91%e5%80%91%e5%8f%af%e4%bb%a5\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    02.03.2024                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6d3b\u52a8\u82b1\u7d6e                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    PRAISE Finale \u2013 \u6562\u60f3\u6562\u53d8 \u6211\u4eec\u53ef\u4ee5!                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/events\/%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%be%9e%ef%bc%88%e8%a1%a3%ef%bc%8c%e9%a3%9f%ef%bc%8c%e4%bd%8f%ef%bc%8c%e8%a1%8c%ef%bc%89%e6%94%af\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    07.11.2023                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u6d3b\u52a8\u82b1\u7d6e                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u5b89\u5fc3\u5de5\u4f5c\u95f4\u7cfb\u5217\u5206\u4eab\u4f1a \u2013 \u4ece\uff08\u8863\uff0c\u98df\uff0c\u4f4f\uff0c\u884c\uff09\u652f\u63f4\u5728\u804c\u7167\u987e\u8005                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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                            \n                            <div class=\"tab-pane hidden opacity-0 transition-opacity duration-300\"\n                                id=\"home-last-update-1-pane-2\" role=\"tabpanel\"\n                                aria-labelledby=\"home-last-update-1-btn-2\" data-tab=\"home-last-update-1-pane-2\">\n                                                                                                            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/stories\/%e4%b8%ad%e5%b0%8f%e4%bc%81%e8%88%87%e5%8f%af%e6%8c%81%e7%ba%8c%e7%99%bc%e5%b1%95%e7%9a%84%e5%af%a6%e8%b8%90\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    21.05.2024                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u4e13\u9898\u6545\u4e8b                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u4e2d\u5c0f\u4f01\u4e0e\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u5b9e\u8df5                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/stories\/%e7%a4%be%e8%81%afx-wwf%e3%80%8c%e5%a5%bd%e5%a5%bd%e7%94%9f%e6%b4%bb%e3%80%8desg-%e5%af%a6%e8%b8%90%e8%a8%88%e5%8a%832023\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    17.01.2024                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u4e13\u9898\u6545\u4e8b                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u793e\u8054x WWF\u300c\u597d\u597d\u751f\u6d3b\u300dESG \u5b9e\u8df5\u8ba1\u52122023                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/stories\/%e3%80%90csr-%e5%b0%8b%e4%ba%ba%e8%a8%98%e3%80%91%e7%ac%ac%e4%b8%83%e7%ab%a0-%e4%bc%81%e6%a5%ad%e5%af%a6%e8%b8%90csr%e7%9a%84%e6%a8%9e%e7%b4%90\/\"\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\">\n                                                <div\n                                                    class=\"w-[6em] shrink-[0] heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    20.06.2023                                                <\/div>\n                                                <div\n                                                    class=\"shirk-[0] heading7 min-w-[180px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    \u4e13\u9898\u6545\u4e8b                                                <\/div>\n                                                <!-- Security: escaped dynamic post content -->\n                                                <div\n                                                    class=\"flex-1 heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u3010CSR \u5bfb\u4eba\u8bb0\u3011\u7b2c\u4e03\u7ae0 \u2013 \u4f01\u4e1a\u5b9e\u8df5CSR\u7684\u67a2\u7ebd                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"flex-1 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] justify-self-end\">\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\/sc\/news\/\" target=\"\"                         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                                \u4e86\u89e3\u66f4\u591a                            <\/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                                \u4e86\u89e3\u66f4\u591a                            <\/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                                \u4e86\u89e3\u66f4\u591a                            <\/span>\n                        <\/div>\n                    <\/a>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const blocks = document.querySelectorAll('[block-name=\"home-last-update\"]');\n\n        blocks.forEach(block => {\n            const buttonsList = block.querySelectorAll('.tab-btns');\n            const panes = block.querySelectorAll('.tab-pane');\n\n            buttonsList.forEach(btn => {\n                btn.addEventListener('click', () => {\n                    buttonsList.forEach(b => {\n                        b.setAttribute('data-active', 'false');\n                        b.setAttribute('aria-selected', 'false');\n                    });\n                    btn.setAttribute('data-active', 'true');\n                    btn.setAttribute('aria-selected', '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                    \/\/ Select active pane scoped to this block\n                    const tabId = btn.getAttribute('data-tab');\n                    const activePane = block.querySelector(`.tab-pane[id=\"${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    });\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                                    \u5173\u4e8e\u8ba1\u5212                                <\/h2>\n                                <h3 class=\"text-grey-dark heading2 leading-[normal] not-italic font-semibold\">\n                                    \u4ece\u627f\u8bfa\u5230\u5b9e\u8df5\uff1a\u5584\u884c\u8425\u5546\u65b0\u8303\u5f0f                                <\/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\/2026\/04\/ccs_video.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>\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212\u7531\u9999\u6e2f\u793e\u4f1a\u670d\u52a1\u8054\u4f1a (\u793e\u8054) \u4e8e2002\u5e74\u7b56\u52a8\uff0c\u900f\u8fc7\u5236\u5b9a\u5177\u516c\u4fe1\u529b\u7684\u57fa\u51c6\u53ca\u8ba4\u53ef\u673a\u5236\uff0c\u9f13\u52b1\u4f01\u4e1a\u53ca\u673a\u6784\u5728\u53ef\u6301\u7eed\u53d1\u5c55\u53ca\u793e\u4f1a\u5f71\u54cd\u65b9\u9762\u6301\u7eed\u8fdb\u6b65\u3002\u6b64\u5916\uff0c\u8ba1\u5212\u4ea6\u81f4\u529b\u5efa\u6784\u534f\u4f5c\u5e73\u53f0\u8fde\u7cfb\u5404\u754c\u522b\u6301\u4efd\u8005\uff0c\u901a\u8fc7\u540c\u884c\u5b66\u4e60\u3001\u7ecf\u9a8c\u5206\u4eab\u4ee5\u53ca\u5bf9\u65b0\u8d8b\u52bf\u53ca\u8d44\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u8fdb\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5bf9\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u7406\u89e3\u4e0e\u627f\u8bfa\uff0c\u5171\u540c\u53d1\u5c55\u521b\u65b0\u65b9\u6848\u4ee5\u5e94\u5bf9\u793e\u4f1a\u9700\u6c42\u53ca\u586b\u8865\u5173\u952e\u7f3a\u53e3\uff0c\u4ee5\u6784\u5efa\u4e00\u4e2a\u5177\u6709\u6c38\u7eed\u76ee\u6807\u7684\u793e\u4f1a\u3002<\/p>\n                                    <\/div>\n\n                                    <a href=\"https:\/\/hkcss.visibleone.site\/sc\/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                                                \u4e86\u89e3\u66f4\u591a                                            <\/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                                                \u4e86\u89e3\u66f4\u591a                                            <\/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                                                \u4e86\u89e3\u66f4\u591a                                            <\/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-6a8b964a0f7d7\">\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-6a8b964a0f7d7\", {\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                            \u643a\u624b\u63a8\u52a8\u5173\u7231\u6587\u5316                        <\/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>\u5f70\u663e\u60a8\u5bf9\u793e\u533a\u7684\u5173\u6000\uff0c\u4ee5\u53ca\u63a8\u52a8\u793e\u4f1a\u3001\u7ecf\u6d4e\u4e0e\u73af\u5883\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u627f\u8bfa<\/p>\n                        <\/div>\n\n                        <a href=\"https:\/\/hkcss.visibleone.site\/sc\/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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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                                    \u53c2\u4e0e\u8ba1\u5212                                <\/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                            \u7edf\u8ba1\u6570\u5b57                        <\/div>\n                        <div class=\"text-grey-dark heading2 font-primary not-italic leading-[normal] font-semibold \">\n                            \u6211\u4eec\u7684\u96c6\u4f53\u6210\u5c31\u4e0e\u5f71\u54cd                        <\/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]\">\u5e74<\/span>\n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u7d2f\u79ef\u8de8\u754c\u522b\u5171\u8bc6 \u5f62\u6210\u5177\u516c\u4fe1\u529b\u7684\u300c\u5173\u6000\u300d\u57fa\u672c\u95e8\u69db                                        <\/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                                            \u53c2\u4e0e\u4f01\u4e1a\uff0f\u673a\u6784                                        <\/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                                            \u53d7\u8bbf\u8005\u8ba4\u8bc6\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212\u6807\u5fd7 (2024\u5e74\u6301\u4efd\u8005\u95ee\u5377\u8c03\u67e5\uff0c\u51711,988\u540d\u53d7\u8bbf\u8005\uff09                                        <\/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                                                    \u6e2f\u5e01                                                <\/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                                            \u6350\u6b3e\u4e88\u793e\u533a\u9879\u76ee                                        <\/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                                            \u57f9\u8bad\uff0f\u5de5\u4f5c\u5c97\u4f4d\u4e88\u5f31\u52bf\u793e\u7fa4                                        <\/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                                            \u4e49\u5de5\u670d\u52a1\u5c0f\u65f6                                        <\/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                \u6211\u4eec\u7684\u652f\u6301\u8005            <\/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                \u8d5e\u52a9\u4eba\u4f1a            <\/div>\n        <\/div>\n\n        <div class=\"overflow-hidden w-full \">\n            <div class=\"swiper partner-swiper trustby-first-slider partner-slider-6a8b964a29685\">\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-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\/clp.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\/fsl.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-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\/marsh-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\/prudential-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\/standard-chartered-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\/sun-hung-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\/aeon-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\/bct-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\/bea-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\/da-jia-le-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\/carthy-limited-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\/centeline-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\/chinachem-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\/chow-da-fu-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\/disneyland-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\/63638ed32323c68e7195c3feb0024d09d5638c49-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\/henderson-land-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\/hkt-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\/hong-yip-service-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\/hysan-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\/kai-shing-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\/kerry-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\/mcd-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\/japan-benli-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\/new-world.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-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\/pccw-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\/sf-express-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\/sino-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\/taigu-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\/swire-propoerties-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\/taishing-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\/towngas-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\/UA-finance-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\/urban-group-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\/woo-kwan-lee-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>\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-6a8b964a29685');\n\n            if (sliderContainer && sliderContainer.swiper) {\n                sliderContainer.swiper.destroy(true, true);\n            }\n\n            const swiperList = new Swiper(\".partner-slider-6a8b964a29685\", {\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-6a8b964a29685');\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-4559","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/comments?post=4559"}],"version-history":[{"count":3,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4559\/revisions"}],"predecessor-version":[{"id":5298,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4559\/revisions\/5298"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media?parent=4559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}