{"id":406,"date":"2026-09-24T09:34:33","date_gmt":"2026-09-24T09:34:33","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=406"},"modified":"2026-09-24T09:59:04","modified_gmt":"2026-09-24T09:59:04","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/?page_id=406","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"406\" class=\"elementor elementor-406\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-25dcbab elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"25dcbab\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-61d9d73\" data-id=\"61d9d73\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a22f9d elementor-widget elementor-widget-html\" data-id=\"9a22f9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n\/* CONTACT HERO TEXT ONLY *\/\r\n\r\n.cmh-contact-hero-text,\r\n.cmh-contact-hero-text *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-contact-hero-text{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:720px;\r\n    padding:35px 0;\r\n    background:transparent;\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n    text-align:left;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.cmh-contact-hero-text .cmh-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:22px;\r\n    color:#087B43;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-contact-hero-text .cmh-eyebrow:before{\r\n    content:\"\";\r\n    display:block;\r\n    flex:0 0 30px;\r\n    width:30px;\r\n    height:2px;\r\n    background:#4CC515;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cmh-contact-hero-text h1{\r\n    margin:0 0 22px!important;\r\n    padding:0!important;\r\n    color:#FFFFFF!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(42px,5vw,68px);\r\n    font-weight:800;\r\n    line-height:1.13;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.cmh-contact-hero-text h1 span{\r\n    display:block;\r\n    color:#65C917;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.cmh-contact-hero-text .cmh-description{\r\n    max-width:590px;\r\n    margin:0!important;\r\n    color:#FFFFFF!important;\r\n    font-size:15px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n\/* BOTTOM TAGLINE *\/\r\n\r\n.cmh-contact-hero-text .cmh-tagline{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-top:29px;\r\n    color:#FFFFFF;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    line-height:1.5;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-contact-hero-text .cmh-tagline:before{\r\n    content:\"\";\r\n    display:block;\r\n    flex:0 0 32px;\r\n    width:32px;\r\n    height:2px;\r\n    background:#65C917;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n    .cmh-contact-hero-text h1{\r\n        font-size:54px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n    .cmh-contact-hero-text{\r\n        padding:25px 0;\r\n    }\r\n\r\n    .cmh-contact-hero-text .cmh-eyebrow{\r\n        margin-bottom:17px;\r\n        font-size:10px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .cmh-contact-hero-text h1{\r\n        margin-bottom:18px!important;\r\n        font-size:40px;\r\n        line-height:1.17;\r\n        letter-spacing:-1.5px;\r\n    }\r\n\r\n    .cmh-contact-hero-text .cmh-description{\r\n        font-size:13px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    .cmh-contact-hero-text .cmh-tagline{\r\n        margin-top:23px;\r\n        font-size:9px;\r\n        letter-spacing:1.2px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cmh-contact-hero-text\">\r\n\r\n    <div class=\"cmh-eyebrow\">\r\n        HUBUNGI KAMI\r\n    <\/div>\r\n\r\n    <h1>\r\n        Let's Start a\r\n        <span>Conversation.<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"cmh-description\">\r\n        Ada soalan, idea atau maklum balas untuk dikongsi?\r\n        Kami gembira mendengar daripada anda.\r\n        Jom bersama dalam usaha membina mobiliti\r\n        yang lebih bijak dan hijau.\r\n    <\/p>\r\n\r\n    <div class=\"cmh-tagline\">\r\n        SMALL CHOICES. BRIGHTER TOMORROWS.\r\n    <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d2352ba\" data-id=\"d2352ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0731f60 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0731f60\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a248653\" data-id=\"a248653\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-932e04e animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"932e04e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n CELIK MOBILITI HIJAU\r\n GET IN TOUCH \u2014 FULL WIDTH SECTION\r\n Paste into ONE Elementor HTML Widget\r\n========================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-touch-section,\r\n.cmh-touch-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-touch-section{\r\n    width:100%;\r\n    padding:75px 0;\r\n    background:#FFFFFF;\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n    color:#14251E;\r\n}\r\n\r\n.cmh-touch-inner{\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 30px;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.cmh-touch-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:20px;\r\n    color:#087B43;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-touch-eyebrow:before{\r\n    content:\"\";\r\n    width:28px;\r\n    height:2px;\r\n    background:#65C917;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.cmh-touch-heading{\r\n    max-width:800px;\r\n    margin:0 0 24px!important;\r\n    color:#14251E!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(38px,4.3vw,58px);\r\n    font-weight:800;\r\n    line-height:1.13;\r\n    letter-spacing:-1.8px;\r\n}\r\n\r\n.cmh-touch-heading span{\r\n    display:block;\r\n    color:#087B43;\r\n}\r\n\r\n\/* INTRODUCTION *\/\r\n\r\n.cmh-touch-description{\r\n    max-width:800px;\r\n    margin:0 0 17px!important;\r\n    color:#52675A!important;\r\n    font-size:15px;\r\n    line-height:1.9;\r\n}\r\n\r\n.cmh-touch-description:last-of-type{\r\n    margin-bottom:0!important;\r\n}\r\n\r\n\/* DIVIDER *\/\r\n\r\n.cmh-touch-divider{\r\n    width:100%;\r\n    max-width:800px;\r\n    height:1px;\r\n    margin:34px 0;\r\n    background:#E0EBE3;\r\n}\r\n\r\n\/* INFORMATION LIST *\/\r\n\r\n.cmh-touch-list{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n    max-width:850px;\r\n}\r\n\r\n.cmh-touch-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:18px;\r\n}\r\n\r\n.cmh-touch-icon{\r\n    flex:0 0 55px;\r\n    width:55px;\r\n    height:55px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid #D2EAD9;\r\n    border-radius:14px;\r\n    background:#EFFAF2;\r\n    color:#087B43;\r\n}\r\n\r\n.cmh-touch-icon svg{\r\n    width:25px;\r\n    height:25px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cmh-touch-item-content{\r\n    padding-top:3px;\r\n}\r\n\r\n.cmh-touch-item-content h3{\r\n    margin:0 0 7px!important;\r\n    color:#14251E!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:17px;\r\n    font-weight:800;\r\n    line-height:1.35;\r\n}\r\n\r\n.cmh-touch-item-content p{\r\n    max-width:670px;\r\n    margin:0!important;\r\n    color:#617267!important;\r\n    font-size:14px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* QUOTE BOX *\/\r\n\r\n.cmh-touch-quote{\r\n    position:relative;\r\n    max-width:850px;\r\n    margin-top:43px;\r\n    padding:30px 35px;\r\n    border-left:4px solid #087B43;\r\n    border-radius:0 15px 15px 0;\r\n    background:linear-gradient(110deg,#F0FFF4,#F8FFFA);\r\n}\r\n\r\n.cmh-touch-quote-mark{\r\n    display:block;\r\n    height:29px;\r\n    color:#087B43;\r\n    font-family:Georgia,serif;\r\n    font-size:53px;\r\n    font-weight:700;\r\n    line-height:1;\r\n}\r\n\r\n.cmh-touch-quote p{\r\n    margin:7px 0 13px!important;\r\n    color:#155B3C!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(17px,2vw,21px);\r\n    font-weight:700;\r\n    line-height:1.65;\r\n}\r\n\r\n.cmh-touch-quote small{\r\n    color:#66816D;\r\n    font-size:12px;\r\n    font-weight:700;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .cmh-touch-section{\r\n        padding:60px 0;\r\n    }\r\n\r\n    .cmh-touch-inner{\r\n        padding:0 25px;\r\n    }\r\n\r\n    .cmh-touch-heading{\r\n        font-size:46px;\r\n    }\r\n\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cmh-touch-section{\r\n        padding:48px 0;\r\n    }\r\n\r\n    .cmh-touch-inner{\r\n        padding:0 20px;\r\n    }\r\n\r\n    .cmh-touch-eyebrow{\r\n        margin-bottom:16px;\r\n        font-size:10px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .cmh-touch-heading{\r\n        margin-bottom:19px!important;\r\n        font-size:35px;\r\n        line-height:1.18;\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n    .cmh-touch-description{\r\n        font-size:13px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    .cmh-touch-divider{\r\n        margin:28px 0;\r\n    }\r\n\r\n    .cmh-touch-list{\r\n        gap:25px;\r\n    }\r\n\r\n    .cmh-touch-item{\r\n        gap:13px;\r\n    }\r\n\r\n    .cmh-touch-icon{\r\n        flex-basis:46px;\r\n        width:46px;\r\n        height:46px;\r\n        border-radius:12px;\r\n    }\r\n\r\n    .cmh-touch-icon svg{\r\n        width:21px;\r\n        height:21px;\r\n    }\r\n\r\n    .cmh-touch-item-content h3{\r\n        font-size:15px;\r\n    }\r\n\r\n    .cmh-touch-item-content p{\r\n        font-size:12px;\r\n    }\r\n\r\n    .cmh-touch-quote{\r\n        margin-top:34px;\r\n        padding:24px 22px;\r\n    }\r\n\r\n    .cmh-touch-quote p{\r\n        font-size:17px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-touch-section\">\r\n\r\n    <div class=\"cmh-touch-inner\">\r\n\r\n        <!-- LABEL -->\r\n\r\n        <div class=\"cmh-touch-eyebrow\">\r\n            GET IN TOUCH\r\n        <\/div>\r\n\r\n\r\n        <!-- HEADING -->\r\n\r\n        <h2 class=\"cmh-touch-heading\">\r\n            We'd Love to\r\n            <span>Hear From You.<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n\r\n        <p class=\"cmh-touch-description\">\r\n            Celik Mobiliti Hijau is about encouraging\r\n            better everyday mobility choices through\r\n            awareness, learning and practical action.\r\n        <\/p>\r\n\r\n        <p class=\"cmh-touch-description\">\r\n            Whether you're exploring eco-driving,\r\n            looking for green mobility learning\r\n            resources or simply have something\r\n            to share, your message is welcome.\r\n        <\/p>\r\n\r\n\r\n        <!-- DIVIDER -->\r\n\r\n        <div class=\"cmh-touch-divider\"><\/div>\r\n\r\n\r\n        <!-- INFORMATION ITEMS -->\r\n\r\n        <div class=\"cmh-touch-list\">\r\n\r\n\r\n            <!-- GENERAL ENQUIRIES -->\r\n\r\n            <div class=\"cmh-touch-item\">\r\n\r\n                <div class=\"cmh-touch-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M12 21s-7-4-7-11a7 7 0 0 1 14 0c0 7-7 11-7 11Z\"\/>\r\n\r\n                        <path d=\"M8 13c4-1 7-4 8-8\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cmh-touch-item-content\">\r\n\r\n                    <h3>\r\n                        General Enquiries\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Ask us about Celik Mobiliti\r\n                        Hijau and the ideas behind\r\n                        smarter, greener travel.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- EDUCATIONAL RESOURCES -->\r\n\r\n            <div class=\"cmh-touch-item\">\r\n\r\n                <div class=\"cmh-touch-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M4 5h16v14H4z\"\/>\r\n\r\n                        <path d=\"M8 9h8M8 13h8\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cmh-touch-item-content\">\r\n\r\n                    <h3>\r\n                        Educational Resources\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Questions about classroom\r\n                        activities, teaching materials\r\n                        and green mobility learning.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- QUESTIONS AND FEEDBACK -->\r\n\r\n            <div class=\"cmh-touch-item\">\r\n\r\n                <div class=\"cmh-touch-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M4 5h16v12H8l-4 4V5Z\"\/>\r\n\r\n                        <path d=\"M8 10h8M8 14h5\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cmh-touch-item-content\">\r\n\r\n                    <h3>\r\n                        Questions &amp; Feedback\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Share your thoughts,\r\n                        suggestions or questions\r\n                        about the website and\r\n                        learning experience.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM QUOTE -->\r\n\r\n        <div class=\"cmh-touch-quote\">\r\n\r\n            <span class=\"cmh-touch-quote-mark\">\r\n                \u201c\r\n            <\/span>\r\n\r\n            <p>\r\n                Every journey is an opportunity\r\n                to make a better choice.\r\n            <\/p>\r\n\r\n            <small>\r\n                CELIK MOBILITI HIJAU\r\n            <\/small>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14ae7a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14ae7a2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2aad3b\" data-id=\"b2aad3b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fbbb40 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8fbbb40\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-premium-form,\r\n.cmh-premium-form *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-premium-form{\r\n    --cmh-green:#087B43;\r\n    --cmh-dark:#004D3D;\r\n    --cmh-text:#18372A;\r\n    --cmh-muted:#687C70;\r\n    --cmh-border:#DCE9E0;\r\n\r\n    width:100%;\r\n    padding:42px;\r\n    border:1px solid #DFEDE4;\r\n    border-radius:22px;\r\n    background:linear-gradient(145deg,#FFFFFF,#FBFFFC);\r\n    box-shadow:0 18px 55px rgba(0,77,61,.07);\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n    color:var(--cmh-text);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.cmh-premium-form .cmh-form-label{\r\n    display:block;\r\n    margin-bottom:10px;\r\n    color:var(--cmh-green);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-premium-form .cmh-form-heading{\r\n    margin:0 0 12px!important;\r\n    color:var(--cmh-dark)!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(25px,2.8vw,34px);\r\n    font-weight:800;\r\n    line-height:1.25;\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.cmh-premium-form .cmh-form-description{\r\n    margin:0 0 31px!important;\r\n    color:var(--cmh-muted)!important;\r\n    font-size:14px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* FIELDS *\/\r\n\r\n.cmh-premium-form .cmh-form-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:19px;\r\n}\r\n\r\n.cmh-premium-form .cmh-field{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:9px;\r\n    min-width:0;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.cmh-premium-form .cmh-field label{\r\n    color:#1E3C2C;\r\n    font-size:12px;\r\n    font-weight:800;\r\n}\r\n\r\n.cmh-premium-form .cmh-field label span{\r\n    color:#E24747;\r\n}\r\n\r\n.cmh-premium-form .cmh-input-wrap{\r\n    position:relative;\r\n}\r\n\r\n.cmh-premium-form .cmh-field-icon{\r\n    position:absolute;\r\n    top:50%;\r\n    left:15px;\r\n    width:19px;\r\n    height:19px;\r\n    transform:translateY(-50%);\r\n    fill:none;\r\n    stroke:#82968A;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n    pointer-events:none;\r\n}\r\n\r\n.cmh-premium-form .cmh-textarea-icon{\r\n    top:17px;\r\n    transform:none;\r\n}\r\n\r\n.cmh-premium-form input,\r\n.cmh-premium-form select,\r\n.cmh-premium-form textarea{\r\n    display:block;\r\n    width:100%;\r\n    min-width:0;\r\n    margin:0!important;\r\n    padding:15px 16px 15px 45px!important;\r\n    border:1px solid var(--cmh-border)!important;\r\n    border-radius:10px!important;\r\n    outline:none!important;\r\n    background:#FFFFFF!important;\r\n    color:var(--cmh-text)!important;\r\n    font-family:\"DM Sans\",Arial,sans-serif!important;\r\n    font-size:13px!important;\r\n    font-weight:500!important;\r\n    line-height:1.5!important;\r\n    box-shadow:none!important;\r\n    transition:border-color .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.cmh-premium-form input,\r\n.cmh-premium-form select{\r\n    height:53px!important;\r\n}\r\n\r\n.cmh-premium-form textarea{\r\n    min-height:155px!important;\r\n    resize:vertical;\r\n}\r\n\r\n.cmh-premium-form input::placeholder,\r\n.cmh-premium-form textarea::placeholder{\r\n    color:#94A49A;\r\n}\r\n\r\n.cmh-premium-form input:focus,\r\n.cmh-premium-form select:focus,\r\n.cmh-premium-form textarea:focus{\r\n    border-color:#087B43!important;\r\n    box-shadow:0 0 0 3px rgba(8,123,67,.09)!important;\r\n}\r\n\r\n.cmh-premium-form select{\r\n    appearance:none;\r\n    cursor:pointer;\r\n    padding-right:42px!important;\r\n}\r\n\r\n.cmh-premium-form .cmh-select-arrow{\r\n    position:absolute;\r\n    top:50%;\r\n    right:15px;\r\n    width:17px;\r\n    height:17px;\r\n    transform:translateY(-50%);\r\n    fill:none;\r\n    stroke:#667E70;\r\n    stroke-width:2;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* INFORMATION NOTE *\/\r\n\r\n.cmh-premium-form .cmh-form-note{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:13px;\r\n    margin:5px 0 21px;\r\n    padding:17px;\r\n    border-radius:11px;\r\n    background:#EAF8EF;\r\n}\r\n\r\n.cmh-premium-form .cmh-note-icon{\r\n    flex:0 0 23px;\r\n    display:grid;\r\n    place-items:center;\r\n    width:23px;\r\n    height:23px;\r\n    border-radius:50%;\r\n    background:#087B43;\r\n    color:#FFFFFF;\r\n    font-size:13px;\r\n    font-weight:800;\r\n}\r\n\r\n.cmh-premium-form .cmh-form-note p{\r\n    margin:0!important;\r\n    color:#4E6B58!important;\r\n    font-size:12px;\r\n    line-height:1.65;\r\n}\r\n\r\n\/* SUBMIT *\/\r\n\r\n.cmh-premium-form .cmh-submit{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n    width:100%;\r\n    min-height:57px;\r\n    padding:14px 20px!important;\r\n    border:1px solid #087B43!important;\r\n    border-radius:10px!important;\r\n    background:linear-gradient(105deg,#099A48,#004D3D)!important;\r\n    color:#FFFFFF!important;\r\n    font-family:\"DM Sans\",Arial,sans-serif!important;\r\n    font-size:14px!important;\r\n    font-weight:800!important;\r\n    cursor:pointer;\r\n    transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.cmh-premium-form .cmh-submit:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 10px 22px rgba(0,77,61,.17);\r\n}\r\n\r\n.cmh-premium-form .cmh-submit:disabled{\r\n    opacity:.7;\r\n    cursor:wait;\r\n    transform:none;\r\n}\r\n\r\n.cmh-premium-form .cmh-submit svg{\r\n    width:19px;\r\n    height:19px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* FEEDBACK *\/\r\n\r\n.cmh-premium-form .cmh-form-status{\r\n    display:none;\r\n    margin-top:17px;\r\n    padding:14px 17px;\r\n    border-radius:9px;\r\n    font-size:12px;\r\n    line-height:1.7;\r\n}\r\n\r\n.cmh-premium-form .cmh-form-status.success{\r\n    display:block;\r\n    border:1px solid #B6E2C3;\r\n    background:#EAF9EE;\r\n    color:#076437;\r\n}\r\n\r\n.cmh-premium-form .cmh-form-status.error{\r\n    display:block;\r\n    border:1px solid #F2C5C5;\r\n    background:#FFF1F1;\r\n    color:#A12E2E;\r\n}\r\n\r\n\/* SPAM TRAP *\/\r\n\r\n.cmh-premium-form .cmh-honeypot{\r\n    position:absolute!important;\r\n    left:-9999px!important;\r\n    width:1px!important;\r\n    height:1px!important;\r\n    overflow:hidden!important;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cmh-premium-form{\r\n        padding:27px 20px;\r\n        border-radius:16px;\r\n    }\r\n\r\n    .cmh-premium-form .cmh-form-heading{\r\n        font-size:26px;\r\n    }\r\n\r\n    .cmh-premium-form .cmh-form-description{\r\n        margin-bottom:25px!important;\r\n        font-size:13px;\r\n    }\r\n\r\n    .cmh-premium-form .cmh-form-grid{\r\n        grid-template-columns:1fr;\r\n        gap:0;\r\n    }\r\n\r\n    .cmh-premium-form .cmh-field{\r\n        margin-bottom:19px;\r\n    }\r\n\r\n    .cmh-premium-form input,\r\n    .cmh-premium-form select,\r\n    .cmh-premium-form textarea{\r\n        font-size:13px!important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"cmh-premium-form\">\r\n\r\n    <!-- FORM HEADER -->\r\n\r\n    <span class=\"cmh-form-label\">\r\n        HANTAR MESEJ ANDA\r\n    <\/span>\r\n\r\n    <h2 class=\"cmh-form-heading\">\r\n        Bagaimana Kami Boleh Membantu?\r\n    <\/h2>\r\n\r\n    <p class=\"cmh-form-description\">\r\n        Lengkapkan borang di bawah untuk berkongsi\r\n        soalan, pertanyaan atau maklum balas anda.\r\n    <\/p>\r\n\r\n\r\n    <form id=\"cmh-working-contact-form\">\r\n\r\n        <!-- NAME + EMAIL -->\r\n\r\n        <div class=\"cmh-form-grid\">\r\n\r\n            <!-- NAME -->\r\n\r\n            <div class=\"cmh-field\">\r\n\r\n                <label for=\"cmh-contact-name\">\r\n                    Nama Penuh <span>*<\/span>\r\n                <\/label>\r\n\r\n                <div class=\"cmh-input-wrap\">\r\n\r\n                    <svg class=\"cmh-field-icon\"\r\n                         viewBox=\"0 0 24 24\">\r\n\r\n                        <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n\r\n                        <path d=\"M4 21v-2a8 8 0 0 1 16 0v2\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                    <input\r\n                        id=\"cmh-contact-name\"\r\n                        name=\"name\"\r\n                        type=\"text\"\r\n                        placeholder=\"Nama penuh anda\"\r\n                        autocomplete=\"name\"\r\n                        maxlength=\"100\"\r\n                        required\r\n                    >\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- EMAIL -->\r\n\r\n            <div class=\"cmh-field\">\r\n\r\n                <label for=\"cmh-contact-email\">\r\n                    Alamat Emel <span>*<\/span>\r\n                <\/label>\r\n\r\n                <div class=\"cmh-input-wrap\">\r\n\r\n                    <svg class=\"cmh-field-icon\"\r\n                         viewBox=\"0 0 24 24\">\r\n\r\n                        <rect x=\"3\" y=\"5\"\r\n                              width=\"18\" height=\"14\"\r\n                              rx=\"2\"\/>\r\n\r\n                        <path d=\"m3 7 9 6 9-6\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                    <input\r\n                        id=\"cmh-contact-email\"\r\n                        name=\"email\"\r\n                        type=\"email\"\r\n                        placeholder=\"nama@contoh.com\"\r\n                        autocomplete=\"email\"\r\n                        maxlength=\"150\"\r\n                        required\r\n                    >\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUBJECT -->\r\n\r\n        <div class=\"cmh-field\">\r\n\r\n            <label for=\"cmh-contact-subject\">\r\n                Subjek <span>*<\/span>\r\n            <\/label>\r\n\r\n            <div class=\"cmh-input-wrap\">\r\n\r\n                <svg class=\"cmh-field-icon\"\r\n                     viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M3 12V5h7l11 11-7 7L3 12Z\"\/>\r\n\r\n                    <circle cx=\"7.5\" cy=\"8.5\" r=\"1\"\/>\r\n\r\n                <\/svg>\r\n\r\n                <input\r\n                    id=\"cmh-contact-subject\"\r\n                    name=\"subject\"\r\n                    type=\"text\"\r\n                    placeholder=\"Apakah mesej anda tentang?\"\r\n                    maxlength=\"180\"\r\n                    required\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ENQUIRY TYPE -->\r\n\r\n        <div class=\"cmh-field\">\r\n\r\n            <label for=\"cmh-contact-type\">\r\n                Jenis Pertanyaan <span>*<\/span>\r\n            <\/label>\r\n\r\n            <div class=\"cmh-input-wrap\">\r\n\r\n                <svg class=\"cmh-field-icon\"\r\n                     viewBox=\"0 0 24 24\">\r\n\r\n                    <rect x=\"5\" y=\"3\"\r\n                          width=\"14\" height=\"18\"\r\n                          rx=\"2\"\/>\r\n\r\n                    <path d=\"M9 8h6M9 12h6M9 16h4\"\/>\r\n\r\n                <\/svg>\r\n\r\n                <select\r\n                    id=\"cmh-contact-type\"\r\n                    name=\"enquiry_type\"\r\n                    required\r\n                >\r\n\r\n                    <option value=\"\">\r\n                        Sila pilih jenis pertanyaan\r\n                    <\/option>\r\n\r\n                    <option value=\"Pertanyaan Umum\">\r\n                        Pertanyaan Umum\r\n                    <\/option>\r\n\r\n                    <option value=\"Mobiliti Hijau\">\r\n                        Mobiliti Hijau\r\n                    <\/option>\r\n\r\n                    <option value=\"Pemanduan Eko\">\r\n                        Pemanduan Eko\r\n                    <\/option>\r\n\r\n                    <option value=\"Sumber Pendidikan\">\r\n                        Sumber Pendidikan\r\n                    <\/option>\r\n\r\n                    <option value=\"Soalan\">\r\n                        Soalan\r\n                    <\/option>\r\n\r\n                    <option value=\"Maklum Balas\">\r\n                        Maklum Balas\r\n                    <\/option>\r\n\r\n                    <option value=\"Lain-lain\">\r\n                        Lain-lain\r\n                    <\/option>\r\n\r\n                <\/select>\r\n\r\n                <svg class=\"cmh-select-arrow\"\r\n                     viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"m6 9 6 6 6-6\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MESSAGE -->\r\n\r\n        <div class=\"cmh-field\">\r\n\r\n            <label for=\"cmh-contact-message\">\r\n                Mesej Anda <span>*<\/span>\r\n            <\/label>\r\n\r\n            <div class=\"cmh-input-wrap\">\r\n\r\n                <svg class=\"cmh-field-icon cmh-textarea-icon\"\r\n                     viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M4 5h16v12H8l-4 4V5Z\"\/>\r\n\r\n                    <path d=\"M8 10h8M8 14h5\"\/>\r\n\r\n                <\/svg>\r\n\r\n                <textarea\r\n                    id=\"cmh-contact-message\"\r\n                    name=\"message\"\r\n                    placeholder=\"Tulis soalan, mesej atau maklum balas anda di sini...\"\r\n                    minlength=\"10\"\r\n                    maxlength=\"5000\"\r\n                    required\r\n                ><\/textarea>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- HONEYPOT -->\r\n\r\n        <div class=\"cmh-honeypot\" aria-hidden=\"true\">\r\n\r\n            <label for=\"cmh-company-website\">\r\n                Website\r\n            <\/label>\r\n\r\n            <input\r\n                id=\"cmh-company-website\"\r\n                type=\"text\"\r\n                name=\"website\"\r\n                tabindex=\"-1\"\r\n                autocomplete=\"off\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- INFO NOTE -->\r\n\r\n        <div class=\"cmh-form-note\">\r\n\r\n            <span class=\"cmh-note-icon\">\r\n                i\r\n            <\/span>\r\n\r\n            <p>\r\n                Sila berikan maklumat yang tepat\r\n                supaya pertanyaan anda dapat\r\n                dihubungi semula dengan sewajarnya.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUBMIT -->\r\n\r\n        <button\r\n            type=\"submit\"\r\n            class=\"cmh-submit\"\r\n            id=\"cmh-contact-submit\"\r\n        >\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"m22 2-7 20-4-9-9-4Z\"\/>\r\n\r\n                <path d=\"M22 2 11 13\"\/>\r\n\r\n            <\/svg>\r\n\r\n            <span>\r\n                Hantar Mesej Anda\r\n            <\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M4 12h16\"\/>\r\n\r\n                <path d=\"m14 6 6 6-6 6\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- RESPONSE MESSAGE -->\r\n\r\n        <div\r\n            class=\"cmh-form-status\"\r\n            id=\"cmh-contact-status\"\r\n            role=\"status\"\r\n            aria-live=\"polite\"\r\n        ><\/div>\r\n\r\n    <\/form>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    const form = document.getElementById(\r\n        \"cmh-working-contact-form\"\r\n    );\r\n\r\n    if(!form || form.dataset.initialized){\r\n        return;\r\n    }\r\n\r\n    form.dataset.initialized = \"true\";\r\n\r\n    const button = document.getElementById(\r\n        \"cmh-contact-submit\"\r\n    );\r\n\r\n    const status = document.getElementById(\r\n        \"cmh-contact-status\"\r\n    );\r\n\r\n    form.addEventListener(\"submit\",async function(event){\r\n\r\n        event.preventDefault();\r\n\r\n        if(!form.reportValidity()){\r\n            return;\r\n        }\r\n\r\n        button.disabled = true;\r\n\r\n        button.querySelector(\"span\").textContent =\r\n            \"Sedang Menghantar...\";\r\n\r\n        status.className = \"cmh-form-status\";\r\n        status.textContent = \"\";\r\n\r\n        const data = new FormData(form);\r\n\r\n        try{\r\n\r\n            const response = await fetch(\r\n                \"\/wp-json\/cmh\/v1\/contact\",\r\n                {\r\n                    method:\"POST\",\r\n                    body:data,\r\n                    credentials:\"same-origin\"\r\n                }\r\n            );\r\n\r\n            const result = await response.json();\r\n\r\n            if(!response.ok || !result.success){\r\n                throw new Error(\r\n                    result.message ||\r\n                    \"Mesej tidak dapat dihantar.\"\r\n                );\r\n            }\r\n\r\n            status.className =\r\n                \"cmh-form-status success\";\r\n\r\n            status.textContent =\r\n                \"Terima kasih! Mesej anda telah berjaya dihantar.\";\r\n\r\n            form.reset();\r\n\r\n        }catch(error){\r\n\r\n            status.className =\r\n                \"cmh-form-status error\";\r\n\r\n            status.textContent =\r\n                error.message ||\r\n                \"Ralat berlaku. Sila cuba lagi.\";\r\n\r\n        }finally{\r\n\r\n            button.disabled = false;\r\n\r\n            button.querySelector(\"span\").textContent =\r\n                \"Hantar Mesej Anda\";\r\n\r\n        }\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-729001f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"729001f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-003ca2b\" data-id=\"003ca2b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8470c1 elementor-widget elementor-widget-html\" data-id=\"d8470c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n CELIK MOBILITI HIJAU\r\n EVERY QUESTION IS A STARTING POINT\r\n FULL WIDTH RESPONSIVE SECTION\r\n========================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-question-section,\r\n.cmh-question-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-question-section{\r\n    width:100%;\r\n    padding:85px 20px 95px;\r\n    background:#FFFFFF;\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n.cmh-question-container{\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n}\r\n\r\n\/* SECTION HEADING *\/\r\n\r\n.cmh-question-header{\r\n    max-width:760px;\r\n    margin:0 auto 43px;\r\n    text-align:center;\r\n}\r\n\r\n.cmh-question-label{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-bottom:16px;\r\n    color:#087B43;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-question-label:before{\r\n    content:\"\";\r\n    width:25px;\r\n    height:2px;\r\n    background:#4CC515;\r\n}\r\n\r\n.cmh-question-header h2{\r\n    margin:0 0 13px!important;\r\n    color:#14251E!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(30px,3.5vw,45px);\r\n    font-weight:800;\r\n    line-height:1.2;\r\n    letter-spacing:-1.4px;\r\n}\r\n\r\n.cmh-question-header p{\r\n    margin:0!important;\r\n    color:#617267!important;\r\n    font-size:14px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* FOUR CARDS *\/\r\n\r\n.cmh-question-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:20px;\r\n}\r\n\r\n.cmh-question-card{\r\n    position:relative;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    min-height:245px;\r\n    padding:29px 25px;\r\n    border:1px solid;\r\n    border-radius:16px;\r\n    transition:transform .25s ease,box-shadow .25s ease;\r\n}\r\n\r\n.cmh-question-card:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 14px 30px rgba(0,77,61,.07);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.cmh-question-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:52px;\r\n    height:52px;\r\n    margin-bottom:24px;\r\n    border-radius:14px;\r\n    color:#FFFFFF;\r\n}\r\n\r\n.cmh-question-icon svg{\r\n    width:27px;\r\n    height:27px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.cmh-question-card h3{\r\n    margin:0 0 12px!important;\r\n    color:#14251E!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.35;\r\n}\r\n\r\n.cmh-question-card p{\r\n    margin:0!important;\r\n    color:#53675B!important;\r\n    font-size:13px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* CARD 1 \u2014 GREEN *\/\r\n\r\n.cmh-question-card.green{\r\n    border-color:#CDECCF;\r\n    background:linear-gradient(145deg,#F1FFF0,#FBFFFA);\r\n}\r\n\r\n.cmh-question-card.green .cmh-question-icon{\r\n    background:linear-gradient(135deg,#4CC515,#168B39);\r\n}\r\n\r\n\/* CARD 2 \u2014 ORANGE *\/\r\n\r\n.cmh-question-card.orange{\r\n    border-color:#F5DFC0;\r\n    background:linear-gradient(145deg,#FFF8EC,#FFFCF6);\r\n}\r\n\r\n.cmh-question-card.orange .cmh-question-icon{\r\n    background:linear-gradient(135deg,#FFBE3D,#F29B18);\r\n}\r\n\r\n\/* CARD 3 \u2014 BLUE *\/\r\n\r\n.cmh-question-card.blue{\r\n    border-color:#D2E6FF;\r\n    background:linear-gradient(145deg,#EFF7FF,#FAFCFF);\r\n}\r\n\r\n.cmh-question-card.blue .cmh-question-icon{\r\n    background:linear-gradient(135deg,#419CF3,#126BD2);\r\n}\r\n\r\n\/* CARD 4 \u2014 PURPLE *\/\r\n\r\n.cmh-question-card.purple{\r\n    border-color:#E9D9FF;\r\n    background:linear-gradient(145deg,#F8F1FF,#FDFBFF);\r\n}\r\n\r\n.cmh-question-card.purple .cmh-question-icon{\r\n    background:linear-gradient(135deg,#A65CEB,#7837C7);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .cmh-question-section{\r\n        padding:70px 20px;\r\n    }\r\n\r\n    .cmh-question-grid{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    .cmh-question-card{\r\n        min-height:220px;\r\n    }\r\n\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cmh-question-section{\r\n        padding:55px 16px 65px;\r\n    }\r\n\r\n    .cmh-question-header{\r\n        margin-bottom:30px;\r\n    }\r\n\r\n    .cmh-question-label{\r\n        font-size:9px;\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n    .cmh-question-header h2{\r\n        font-size:31px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .cmh-question-header p{\r\n        font-size:13px;\r\n    }\r\n\r\n    .cmh-question-grid{\r\n        grid-template-columns:1fr;\r\n        gap:14px;\r\n    }\r\n\r\n    .cmh-question-card{\r\n        min-height:0;\r\n        padding:25px 23px;\r\n        border-radius:14px;\r\n    }\r\n\r\n    .cmh-question-icon{\r\n        width:47px;\r\n        height:47px;\r\n        margin-bottom:18px;\r\n    }\r\n\r\n    .cmh-question-icon svg{\r\n        width:24px;\r\n        height:24px;\r\n    }\r\n\r\n    .cmh-question-card h3{\r\n        font-size:17px;\r\n    }\r\n\r\n    .cmh-question-card p{\r\n        font-size:13px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-question-section\">\r\n\r\n    <div class=\"cmh-question-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n\r\n        <div class=\"cmh-question-header\">\r\n\r\n            <div class=\"cmh-question-label\">\r\n                APA YANG BOLEH ANDA HUBUNGI KAMI?\r\n            <\/div>\r\n\r\n            <h2>\r\n                Setiap Soalan Adalah Permulaan.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Berikut beberapa topik yang anda boleh hubungi kami mengenai.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOUR CARDS -->\r\n\r\n        <div class=\"cmh-question-grid\">\r\n\r\n\r\n            <!-- CARD 01 -->\r\n\r\n            <article class=\"cmh-question-card green\">\r\n\r\n                <div class=\"cmh-question-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M20 4C11 4 5 8 5 15a5 5 0 0 0 5 5c7 0 11-6 10-16Z\"\/>\r\n\r\n                        <path d=\"M4 21c3-7 7-10 13-13\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Mobiliti Hijau\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Ketahui cara membuat pilihan\r\n                    perjalanan yang lebih bijak\r\n                    dan mesra alam.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 02 -->\r\n\r\n            <article class=\"cmh-question-card orange\">\r\n\r\n                <div class=\"cmh-question-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"m5 11 2-5h10l2 5\"\/>\r\n\r\n                        <path d=\"M5 11h14a2 2 0 0 1 2 2v5H3v-5a2 2 0 0 1 2-2Z\"\/>\r\n\r\n                        <path d=\"M5 18v2M19 18v2\"\/>\r\n\r\n                        <circle cx=\"7\" cy=\"15\" r=\"1\"\/>\r\n\r\n                        <circle cx=\"17\" cy=\"15\" r=\"1\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Pemanduan Eko\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Tanya tentang tabiat memandu\r\n                    yang lebih selamat, berkesan\r\n                    dan mesra alam.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 03 -->\r\n\r\n            <article class=\"cmh-question-card blue\">\r\n\r\n                <div class=\"cmh-question-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M12 6C9 4 5 4 2 5v14c3-1 7-1 10 1\"\/>\r\n\r\n                        <path d=\"M12 6c3-2 7-2 10-1v14c-3-1-7-1-10 1\"\/>\r\n\r\n                        <path d=\"M12 6v14\"\/>\r\n\r\n                        <path d=\"M5 9h4M15 9h4M5 12h4M15 12h4\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Bahan Pembelajaran\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Soal tentang aktiviti kelas,\r\n                    bahan pengajaran dan sumber\r\n                    pembelajaran Celik Mobiliti Hijau.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 04 -->\r\n\r\n            <article class=\"cmh-question-card purple\">\r\n\r\n                <div class=\"cmh-question-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M4 5h16v12H8l-4 4V5Z\"\/>\r\n\r\n                        <path d=\"M8 10h8M8 14h5\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Maklum Balas\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Kongsi pandangan dan cadangan\r\n                    anda untuk menambah baik\r\n                    laman web ini.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78ca58f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"78ca58f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b65cab\" data-id=\"4b65cab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5de6964 elementor-widget elementor-widget-html\" data-id=\"5de6964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n CELIK MOBILITI HIJAU\r\n SMALL CHOICES \u2014 BRIGHTER TOMORROWS\r\n FULL WIDTH CLOSING SECTION\r\n========================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-closing-section,\r\n.cmh-closing-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-closing-section{\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n    background:linear-gradient(\r\n        110deg,\r\n        #E9FFF3 0%,\r\n        #F4FFF8 55%,\r\n        #F7FFFA 100%\r\n    );\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n.cmh-closing-inner{\r\n    display:grid;\r\n    grid-template-columns:47% 53%;\r\n    align-items:center;\r\n    width:100%;\r\n    max-width:1600px;\r\n    min-height:390px;\r\n    margin:0 auto;\r\n}\r\n\r\n\/* LEFT IMAGE *\/\r\n\r\n.cmh-closing-visual{\r\n    position:relative;\r\n    align-self:stretch;\r\n    min-height:390px;\r\n    overflow:hidden;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,0) 75%,\r\n            #F4FFF8 100%\r\n        ),\r\n        url(\"YOUR-GREEN-MOBILITY-IMAGE-URL-HERE\")\r\n        center center \/ cover no-repeat;\r\n}\r\n\r\n\/* FALLBACK SCENERY IF NO IMAGE ADDED *\/\r\n\r\n.cmh-closing-visual:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-1;\r\n    background:linear-gradient(\r\n        180deg,\r\n        #C8F1FF 0%,\r\n        #DDF8D7 62%,\r\n        #80C66A 100%\r\n    );\r\n}\r\n\r\n\/* ROAD SIGN *\/\r\n\r\n.cmh-closing-sign{\r\n    position:absolute;\r\n    top:19%;\r\n    left:14%;\r\n    z-index:2;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:220px;\r\n    min-height:210px;\r\n    padding:23px 19px;\r\n    border:5px solid #FFFFFF;\r\n    border-radius:7px;\r\n    background:#07563F;\r\n    box-shadow:0 8px 20px rgba(0,0,0,.13);\r\n    transform:rotate(-2deg);\r\n}\r\n\r\n.cmh-closing-sign:before,\r\n.cmh-closing-sign:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:100%;\r\n    width:9px;\r\n    height:95px;\r\n    background:#64746B;\r\n}\r\n\r\n.cmh-closing-sign:before{\r\n    left:24px;\r\n}\r\n\r\n.cmh-closing-sign:after{\r\n    right:24px;\r\n}\r\n\r\n.cmh-closing-sign span{\r\n    color:#FFFFFF;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:19px;\r\n    font-weight:800;\r\n    line-height:1.6;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* RIGHT CONTENT *\/\r\n\r\n.cmh-closing-content{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:65px 85px 65px 48px;\r\n}\r\n\r\n.cmh-closing-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:21px;\r\n    color:#087B43;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2.2px;\r\n    line-height:1.5;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-closing-eyebrow:before{\r\n    content:\"\";\r\n    flex:0 0 28px;\r\n    width:28px;\r\n    height:2px;\r\n    background:#4CC515;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cmh-closing-content h2{\r\n    margin:0 0 23px!important;\r\n    padding:0!important;\r\n    color:#14251E!important;\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:clamp(34px,3.5vw,55px);\r\n    font-weight:800;\r\n    line-height:1.18;\r\n    letter-spacing:-1.8px;\r\n}\r\n\r\n.cmh-closing-content h2 span{\r\n    display:block;\r\n    color:#087B43;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.cmh-closing-content p{\r\n    max-width:600px;\r\n    margin:0!important;\r\n    color:#607568!important;\r\n    font-size:15px;\r\n    line-height:1.9;\r\n}\r\n\r\n\/* DECORATIVE LEAVES *\/\r\n\r\n.cmh-closing-leaves{\r\n    position:absolute;\r\n    top:24%;\r\n    right:23px;\r\n    width:65px;\r\n    height:140px;\r\n    pointer-events:none;\r\n}\r\n\r\n.cmh-closing-leaf{\r\n    position:absolute;\r\n    width:34px;\r\n    height:65px;\r\n    border-radius:0 90% 0 90%;\r\n    background:linear-gradient(\r\n        135deg,\r\n        #62C72B,\r\n        #208D38\r\n    );\r\n}\r\n\r\n.cmh-closing-leaf.one{\r\n    top:0;\r\n    right:0;\r\n    transform:rotate(25deg);\r\n}\r\n\r\n.cmh-closing-leaf.two{\r\n    top:55px;\r\n    left:0;\r\n    transform:rotate(-42deg);\r\n}\r\n\r\n.cmh-closing-leaf.three{\r\n    top:96px;\r\n    right:0;\r\n    width:26px;\r\n    height:48px;\r\n    transform:rotate(32deg);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .cmh-closing-inner{\r\n        grid-template-columns:45% 55%;\r\n        min-height:340px;\r\n    }\r\n\r\n    .cmh-closing-visual{\r\n        min-height:340px;\r\n    }\r\n\r\n    .cmh-closing-content{\r\n        padding:45px 48px 45px 30px;\r\n    }\r\n\r\n    .cmh-closing-content h2{\r\n        font-size:38px;\r\n    }\r\n\r\n    .cmh-closing-sign{\r\n        width:165px;\r\n        min-height:155px;\r\n        padding:15px;\r\n    }\r\n\r\n    .cmh-closing-sign span{\r\n        font-size:14px;\r\n    }\r\n\r\n    .cmh-closing-leaves{\r\n        right:8px;\r\n        transform:scale(.75);\r\n    }\r\n\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cmh-closing-inner{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cmh-closing-visual{\r\n        min-height:260px;\r\n        background-position:center center;\r\n    }\r\n\r\n    .cmh-closing-sign{\r\n        top:14%;\r\n        left:10%;\r\n        width:150px;\r\n        min-height:140px;\r\n        padding:12px;\r\n        border-width:4px;\r\n    }\r\n\r\n    .cmh-closing-sign span{\r\n        font-size:12px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .cmh-closing-sign:before,\r\n    .cmh-closing-sign:after{\r\n        height:65px;\r\n    }\r\n\r\n    .cmh-closing-content{\r\n        padding:43px 25px 55px;\r\n    }\r\n\r\n    .cmh-closing-eyebrow{\r\n        margin-bottom:17px;\r\n        font-size:9px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .cmh-closing-content h2{\r\n        margin-bottom:18px!important;\r\n        font-size:35px;\r\n        line-height:1.2;\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n    .cmh-closing-content p{\r\n        font-size:13px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    .cmh-closing-leaves{\r\n        top:22px;\r\n        right:5px;\r\n        transform:scale(.55);\r\n        transform-origin:top right;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-closing-section\">\r\n\r\n    <div class=\"cmh-closing-inner\">\r\n\r\n        <!-- LEFT IMAGE -->\r\n\r\n        <div class=\"cmh-closing-visual\">\r\n\r\n            <div class=\"cmh-closing-sign\">\r\n\r\n                <span>\r\n                    SAMA-SAMA<br>\r\n                    MENUJU<br>\r\n                    MASA DEPAN<br>\r\n                    YANG LEBIH HIJAU\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT CONTENT -->\r\n\r\n        <div class=\"cmh-closing-content\">\r\n\r\n            <div class=\"cmh-closing-eyebrow\">\r\n                PERJALANAN HIJAU BERMULA DENGAN KITA\r\n            <\/div>\r\n\r\n            <h2>\r\n                Small Choices.\r\n                <span>Brighter Tomorrows.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Setiap langkah kecil ke arah mobiliti\r\n                yang lebih bijak dan hijau membantu\r\n                membina masa depan yang lebih bersih,\r\n                sihat dan mampan untuk semua.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DECORATIVE LEAVES -->\r\n\r\n    <div class=\"cmh-closing-leaves\" aria-hidden=\"true\">\r\n\r\n        <span class=\"cmh-closing-leaf one\"><\/span>\r\n\r\n        <span class=\"cmh-closing-leaf two\"><\/span>\r\n\r\n        <span class=\"cmh-closing-leaf three\"><\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HUBUNGI KAMI Let&#8217;s Start a Conversation. Ada soalan, idea atau maklum balas untuk dikongsi? Kami gembira mendengar daripada anda. Jom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=406"}],"version-history":[{"count":4,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/406\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}