{"id":4559,"date":"2025-12-02T04:15:24","date_gmt":"2025-12-02T04:15:24","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/home-2\/"},"modified":"2025-12-02T04:15:24","modified_gmt":"2025-12-02T04:15:24","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\u52d5\u9999\u6e2f\u5168\u65b9\u4f4d\u53ef\u6301\u7e8c\u767c\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>\u651c\u624b <span class=\"home-care\">\u95dc\u61f7\u3001<\/span> <span class=\"home-connect\">\u5354\u4f5c\uff0c<\/span><span class=\"home-create\">\u5171\u5efa\u672a\u4f86<\/span><\/p>\n                    <\/div>\n\n                                            <a href=\"https:\/\/hkcss.visibleone.site\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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\u8a08\u5283\u73fe\u6b63\u63a5\u53d7\u7533\u8acb            <\/div>\n\n            <a href=\"https:\/\/hkcss.visibleone.site\/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\/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\u696d\"\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\u696d                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/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\u5718\u9ad4\"\n                        class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n                    <div class=\"absolute inset-0 z-10\"\n                        style=\"background: linear-gradient(270deg, rgba(233, 99, 10, 0) 20.19%, #e9630a 64.42%);\">\n                    <\/div>\n\n                    <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0 text-white\"\n                        style=\"background-color: #e9630a;\">\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\u5718\u9ad4                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/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\u773e\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\u773e\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\u9ede\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\u6642\u8cc7\u8a0a                <\/div>\n\n                <div class=\"gap-2 lg:gap-[10px] mb-5 lg:mb-[26px] flex flex-wrap justify-start items-center w-full\">\n                                                <button class=\"tab-btns max-w-fit sm:w-auto\n                            relative\n                            data-[active=true]:text-white\n                            data-[active=true]:-mb-[4px]\n                            data-[active=true]:bg-primary\n                            data-[active=true]:border\n                            data-[active=true]:border-primary\n                            border border-transparent hover:border-primary\n                            bg-orange-pale\n                            lg:px-[26px] lg:py-[14px] px-[18px] py-[10px]\n                            rounded-[1000px] transition-all duration-300 text-nowrap w-full\n                            text-grey-light hover:text-primary text-caption font-primary font-bold\"\n                                data-tab=\"tab-0\" data-active=\"true\">\n                                \u6700\u65b0\u6d88\u606f                                      <\/button>\n                                            <\/div>\n\n                <div class=\"w-full min-h-[300px]\">\n                    \n                            <div class=\"tab-pane block opacity-100 transition-opacity duration-300\" data-tab=\"tab-0\">\n                                                                                                            <a href=\"https:\/\/hkcss.visibleone.site\/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 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    02.06.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    News                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u9032\u5ea6\u66f4\u65b0\uff1a\u793e\u806f\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283 \u2014 \u5927\u57d4\u5b8f\u798f\u82d1\u652f\u63f4\u57fa\u91d1                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                <a href=\"https:\/\/hkcss.visibleone.site\/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 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    09.04.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    Important Notice                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u5171\u5efa\u8de8\u754c\u5225\u5354\u540c\u6548\u61c9\uff1a\u8aa0\u9080\u6210\u70ba 2026\/27\u300c\u540c\u884c\u5171\u5b78\u300d\u6d3b\u52d5\u5408\u4f5c\u4f19\u4f34                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                <a href=\"https:\/\/hkcss.visibleone.site\/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 w-full\">\n                                                <div class=\"heading7 font-primary text-grey-dark font-semibold leading-[normal]\">\n                                                    01.04.2026                                                <\/div>\n                                                <div\n                                                    class=\"heading7 min-w-[220px] font-primary text-primary font-semibold leading-[normal]\">\n                                                    News                                                <\/div>\n                                                <div\n                                                    class=\"heading6 max-w-1\/2 font-primary text-grey-dark font-semibold leading-[normal] line-clamp-2\">\n                                                    \u9032\u5ea6\u66f4\u65b0\uff1a\u793e\u806f\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283 \u2014 \u5927\u57d4\u5b8f\u798f\u82d1\u652f\u63f4\u57fa\u91d1                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"lg:ml-20 mt-[10px] lg:mt-0 relative z-10\">\n                                                <div\n                                                    class=\"text-red-600 hover:text-white md:group-hover:text-white transition-colors duration-300 cursor-pointer w-8 h-8 border border-primary md:group-hover:bg-primary hover:bg-primary bg-light-1 rounded-[1000px]\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\n                                                        class=\"h-full w-full p-[8px]\" fill=\"none\">\n                                                        <path\n                                                            d=\"M0.545451 3.81815L10.1377 3.81815L8.3416 5.61429C8.12858 5.82727 8.12858 6.17266 8.3416 6.38567C8.55458 6.59866 8.89996 6.59866 9.11298 6.38567L11.8403 3.6584C12.0533 3.44542 12.0533 3.10004 11.8403 2.88702L9.11298 0.159746C9.00643 0.0532372 8.86687 -3.55599e-05 8.72727 -3.55721e-05C8.58767 -3.55843e-05 8.44807 0.0532371 8.3416 0.159746C8.12858 0.372728 8.12858 0.71811 8.3416 0.931128L10.1377 2.72724L0.545451 2.72724C0.244215 2.72724 -3.50225e-06 2.97145 -3.52859e-06 3.27269C-3.55492e-06 3.57393 0.244215 3.81815 0.545451 3.81815Z\"\n                                                            fill=\"currentColor\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n\n                                    <a href=\"https:\/\/hkcss.visibleone.site\/news\/\" target=\"\"\n                        class=\"group last-update w-full max-h-[50px]\n                             max-w-fit flex overflow-hidden items-center hover:bg-grey-dark bg-light-1 p-2 lg:p-[10px] rounded-[100px]\n                             outline outline-2 hover:outline-transparent hover:outline-0 outline-primary mt-5 lg:mt-[26px]\">\n\n                        <div class=\" w-full max-w-[30px] h-full rounded-full \">\n                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/yyy.svg\" alt=\"arrow\"\n                                class=\"duration-300 group-hover:hidden block transition-all w-full aspect-[30\/30]\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                                class=\"duration-300 group-hover:block hidden transition-all w-full aspect-[30\/30] grayscale-0 group-hover:grayscale-[1]\" \/>\n                        <\/div>\n\n                        <div class=\"relative w-fit flex justify-center items-center  mx-[10px]\">\n                            <span class=\"leading-[normal] not-italic heading7 font-primary font-semibold opacity-0\">\n                                \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 buttonsList = document.querySelectorAll('.tab-btns');\n        const panes = document.querySelectorAll('.tab-pane');\n\n        buttonsList.forEach(btn => {\n            btn.addEventListener('click', () => {\n                buttonsList.forEach(b => b.setAttribute('data-active', 'false'));\n                btn.setAttribute('data-active', 'true');\n\n                panes.forEach(p => {\n                    p.classList.add('hidden');\n                    p.classList.remove('block');\n                    p.classList.remove('opacity-100');\n                    p.classList.add('opacity-0');\n                });\n\n                const tabId = btn.getAttribute('data-tab');\n                const activePane = document.querySelector(`.tab-pane[data-tab=\"${tabId}\"]`);\n\n                if (activePane) {\n                    activePane.classList.remove('hidden');\n                    activePane.classList.add('block');\n\n                    setTimeout(() => {\n                        activePane.classList.remove('opacity-0');\n                        activePane.classList.add('opacity-100');\n                    }, 10);\n                }\n            });\n        });\n    });\n<\/script>\n\n\n<div block-name=\"home-driving-positive\" class=\"home-driving-positive-bg bg-cover sm:bg-contain 2xl:bg-contain bg-right sm:bg-top lg:bg-top xl:h-full    bg-no-repeat w-full  py-[60px] lg:py-20 xl:py-[120px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h10.png);\">\n    <div class=\"container 2xl:!pl-0 w-full h-full\">\n        <div class=\"relative h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative full\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-3 lg:px-0 md:px-[60px] lg:gap-5 2xl:gap-0\">\n                        <div class=\"order-1  col-span-1 lg:col-span-2 flex flex-col justify-start lg:items-center items-start\">\n                            <div class=\"max-w-[800px] 3xl:ml-[-100px] flex flex-col justify-start items-start gap-2 lg:gap-[10px] mb-[30px] md:mb-[0px] md:!py-[50px] xl:!py-[100px]\">\n                                <h2 class=\"uppercase font-noto text-caption font-bold not-italic text-primary leading-[normal]\">\n                                    \u95dc\u65bc\u8a08\u5283                                <\/h2>\n                                <h3 class=\"text-grey-dark heading2 leading-[normal] not-italic font-semibold\">\n                                    \u5f9e\u627f\u8afe\u5230\u5be6\u8e10\uff1a\u5584\u884c\u71df\u5546\u65b0\u7bc4\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\u95dc\u61f7\u300d\u8a08\u5283\u7531\u9999\u6e2f\u793e\u6703\u670d\u52d9\u806f\u6703 (\u793e\u806f) \u65bc2002\u5e74\u7b56\u52d5\uff0c\u900f\u904e\u5236\u5b9a\u5177\u516c\u4fe1\u529b\u7684\u57fa\u6e96\u53ca\u8a8d\u53ef\u6a5f\u5236\uff0c\u9f13\u52f5\u4f01\u696d\u53ca\u6a5f\u69cb\u5728\u53ef\u6301\u7e8c\u767c\u5c55\u53ca\u793e\u6703\u5f71\u97ff\u65b9\u9762\u6301\u7e8c\u9032\u6b65\u3002\u6b64\u5916\uff0c\u8a08\u5283\u4ea6\u81f4\u529b\u5efa\u69cb\u5354\u4f5c\u5e73\u53f0\u9023\u7e6b\u5404\u754c\u5225\u6301\u4efd\u8005\uff0c\u901a\u904e\u540c\u884c\u5b78\u7fd2\u3001\u7d93\u9a57\u5206\u4eab\u4ee5\u53ca\u5c0d\u65b0\u8da8\u52e2\u53ca\u8cc7\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u9032\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5c0d\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u7406\u89e3\u8207\u627f\u8afe\uff0c\u5171\u540c\u767c\u5c55\u5275\u65b0\u65b9\u6848\u4ee5\u61c9\u5c0d\u793e\u6703\u9700\u6c42\u53ca\u586b\u88dc\u95dc\u9375\u7f3a\u53e3\uff0c\u4ee5\u69cb\u5efa\u4e00\u500b\u5177\u6709\u6c38\u7e8c\u76ee\u6a19\u7684\u793e\u6703\u3002<\/p>\n                                    <\/div>\n\n                                    <a href=\"https:\/\/hkcss.visibleone.site\/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-6a303a78eaa9c\">\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-6a303a78eaa9c\", {\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                            \u651c\u624b\u63a8\u52d5\u95dc\u611b\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\u986f\u60a8\u5c0d\u793e\u5340\u7684\u95dc\u61f7\uff0c\u4ee5\u53ca\u63a8\u52d5\u793e\u6703\u3001\u7d93\u6fdf\u8207\u74b0\u5883\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u627f\u8afe<\/p>\n                        <\/div>\n\n                        <a href=\"https:\/\/hkcss.visibleone.site\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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                                    \u53c3\u8207\u8a08\u5283                                <\/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                            \u7d71\u8a08\u6578\u5b57                        <\/div>\n                        <div class=\"text-grey-dark heading2 font-primary not-italic leading-[normal] font-semibold \">\n                            \u6211\u5011\u7684\u96c6\u9ad4\u6210\u5c31\u8207\u5f71\u97ff                        <\/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\u7a4d\u8de8\u754c\u5225\u5171\u8b58\r\n\u5f62\u6210\u5177\u516c\u4fe1\u529b\u7684\u300c\u95dc\u61f7\u300d\u57fa\u672c\u9580\u6abb                                        <\/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                                            \u53c3\u8207\u4f01\u696d\uff0f\u6a5f\u69cb                                        <\/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\u8a2a\u8005\u8a8d\u8b58\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283\u6a19\u8a8c\r\n(2024\u5e74\u6301\u4efd\u8005\u554f\u5377\u8abf\u67e5\uff0c\u51711,988\u540d\u53d7\u8a2a\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\u5e63                                                <\/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\u5340\u9805\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\u8a13\uff0f\u5de5\u4f5c\u5d17\u4f4d\u4e88\u5f31\u52e2\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                                            \u7fa9\u5de5\u670d\u52d9\u5c0f\u6642                                        <\/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\u5011\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                \u8d0a\u52a9\u4eba\u6703            <\/div>\n        <\/div>\n\n        <div class=\"overflow-hidden w-full \">\n            <div class=\"swiper partner-swiper trustby-first-slider partner-slider-6a303a792e4bc\">\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-6a303a792e4bc');\n\n            if (sliderContainer && sliderContainer.swiper) {\n                sliderContainer.swiper.destroy(true, true);\n            }\n\n            const swiperList = new Swiper(\".partner-slider-6a303a792e4bc\", {\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-6a303a792e4bc');\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":0,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4559\/revisions"}],"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}]}}