{"id":9,"date":"2026-09-21T13:00:08","date_gmt":"2026-09-21T13:00:08","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=9"},"modified":"2026-09-30T05:17:54","modified_gmt":"2026-09-30T05:17:54","slug":"home","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f07b117 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"f07b117\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/property.hassandigitalpro.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/WhatsApp-Video-2026-09-22-at-4.44.26-PM.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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-4bc9a78 elementor-invisible\" data-id=\"4bc9a78\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInUp&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-28e245c animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"28e245c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CELIK MOBILITI HIJAU\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd8c359 elementor-widget elementor-widget-html\" data-id=\"cd8c359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   CELIK HERO HEADING\r\n========================================= *\/\r\n\r\n.celik-move-heading {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 0.98;\r\n    letter-spacing: -1.5px;\r\n\r\n    \/* TOP + BOTTOM LINE WHITE *\/\r\n    color: #FFFFFF;\r\n\r\n    text-align: left;\r\n}\r\n\r\n\/* LOGO GREEN *\/\r\n.celik-move-heading .green {\r\n    color: #4CC515;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-move-heading {\r\n        font-size: 42px;\r\n        line-height: 1;\r\n        letter-spacing: -1px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .celik-move-heading {\r\n        width: 100%;\r\n\r\n        font-size: 32px;\r\n        line-height: 1.02;\r\n        letter-spacing: -0.7px;\r\n\r\n        \/* CENTER ON MOBILE *\/\r\n        text-align: center !important;\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .celik-move-heading .green {\r\n        color: #4CC515;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .celik-move-heading {\r\n        font-size: 28px;\r\n        line-height: 1.04;\r\n        letter-spacing: -0.5px;\r\n\r\n        text-align: center !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<h2 class=\"celik-move-heading\">\r\n    Move Smart.<br>\r\n    <span class=\"green\">Drive Green.<\/span><br>\r\n    Shape Tomorrow.\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-226f63b elementor-widget elementor-widget-heading\" data-id=\"226f63b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Every journey leaves a footprint.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f713ee5 elementor-widget elementor-widget-text-editor\" data-id=\"f713ee5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Whether we drive, ride, walk, cycle, or take public transport, the choices we make every day affect our environment, our expenses, our communities, and Malaysia&#8217;s future. Small changes in how we move can create a big difference.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fac0e78 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fac0e78\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-942a42b\" data-id=\"942a42b\" 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-3576b4a elementor-align-left elementor-mobile-align-center elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"3576b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Your Green Journey <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-inner-column elementor-element elementor-element-9d9fa34\" data-id=\"9d9fa34\" 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-58ac8d5 elementor-align-left elementor-mobile-align-center elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"58ac8d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Disccover Eco Driving<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\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-dbb287a\" data-id=\"dbb287a\" 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-3b8e45a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3b8e45a\" 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-2ea95c6\" data-id=\"2ea95c6\" 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-24cc49a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"24cc49a\" 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<style>\r\n\/* =========================================\r\n   CELIK JOURNEY STRIP\r\n========================================= *\/\r\n\r\n.celik-journey-strip,\r\n.celik-journey-strip * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-journey-strip {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    padding: 20px 18px;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    \/* PREMIUM GREEN BACKGROUND *\/\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 0%,\r\n            rgba(101, 201, 23, .20) 0%,\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 90% 100%,\r\n            rgba(76, 197, 21, .13) 0%,\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            120deg,\r\n            #003A30 0%,\r\n            #00513E 48%,\r\n            #00382F 100%\r\n        );\r\n\r\n    border: 1px solid rgba(101, 201, 23, .20);\r\n\r\n    \/* NO ROUNDED CORNERS *\/\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0, 50, 35, .16),\r\n        inset 0 1px 0 rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GLOSS EFFECT\r\n========================================= *\/\r\n\r\n.celik-journey-strip::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 48%;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.07),\r\n        transparent\r\n    );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER ROW\r\n========================================= *\/\r\n\r\n.celik-journey-inner {\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ITEM\r\n========================================= *\/\r\n\r\n.celik-journey-item {\r\n    min-height: 90px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n\r\n    padding: 5px 20px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DIVIDER\r\n========================================= *\/\r\n\r\n.celik-journey-item:not(:last-child)::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    top: 15%;\r\n\r\n    width: 1px;\r\n    height: 70%;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(255,255,255,.42),\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.celik-journey-icon {\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(101,201,23,.07);\r\n\r\n    border: 1px solid rgba(101,201,23,.20);\r\n\r\n    box-shadow:\r\n        0 0 18px rgba(101,201,23,.08);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.celik-journey-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #7BE438;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    filter:\r\n        drop-shadow(0 0 5px rgba(101,201,23,.25));\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.celik-journey-text {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HOVER\r\n========================================= *\/\r\n\r\n.celik-journey-item:hover .celik-journey-icon {\r\n    transform: translateY(-3px);\r\n\r\n    background: rgba(101,201,23,.15);\r\n\r\n    border-color: #65C917;\r\n\r\n    box-shadow:\r\n        0 0 22px rgba(101,201,23,.22);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-journey-strip {\r\n        padding: 18px 14px;\r\n\r\n        \/* KEEP SQUARE *\/\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    .celik-journey-item {\r\n        min-height: 85px;\r\n    }\r\n\r\n    .celik-journey-icon {\r\n        width: 37px;\r\n        height: 37px;\r\n    }\r\n\r\n    .celik-journey-icon svg {\r\n        width: 23px;\r\n        height: 23px;\r\n    }\r\n\r\n    .celik-journey-text {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   3 ITEMS SAME ROW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .celik-journey-strip {\r\n        padding: 15px 5px;\r\n\r\n        \/* NO BORDER RADIUS ON MOBILE *\/\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    .celik-journey-inner {\r\n        width: 100%;\r\n\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .celik-journey-item {\r\n        min-height: 76px;\r\n\r\n        padding: 3px 5px;\r\n    }\r\n\r\n    .celik-journey-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n        margin-bottom: 7px;\r\n    }\r\n\r\n    .celik-journey-icon svg {\r\n        width: 21px;\r\n        height: 21px;\r\n    }\r\n\r\n    .celik-journey-text {\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    .celik-journey-item:not(:last-child)::after {\r\n        top: 12%;\r\n\r\n        height: 76%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .celik-journey-strip {\r\n        padding: 13px 3px;\r\n\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    .celik-journey-item {\r\n        padding-left: 3px;\r\n        padding-right: 3px;\r\n    }\r\n\r\n    .celik-journey-icon {\r\n        width: 31px;\r\n        height: 31px;\r\n    }\r\n\r\n    .celik-journey-icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n\r\n    .celik-journey-text {\r\n        font-size: 9.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-journey-strip\">\r\n\r\n    <div class=\"celik-journey-inner\">\r\n\r\n\r\n        <!-- =====================================\r\n             YOUR JOURNEY\r\n        ====================================== -->\r\n\r\n        <div class=\"celik-journey-item\">\r\n\r\n            <div class=\"celik-journey-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path\r\n                        d=\"M20 4C11 4 5 8 4 15c0 3 2 5 5 5 7-1 10-7 11-16z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M7 18c3-5 6-8 11-11\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-journey-text\">\r\n                Your journey.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             YOUR CHOICE\r\n        ====================================== -->\r\n\r\n        <div class=\"celik-journey-item\">\r\n\r\n            <div class=\"celik-journey-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"7\"\r\n                        r=\"3\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M6 20v-3c0-3 2.5-5 6-5s6 2 6 5v3\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"5\"\r\n                        cy=\"9\"\r\n                        r=\"2\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"19\"\r\n                        cy=\"9\"\r\n                        r=\"2\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M2 19v-2c0-2 1.5-3.5 4-4\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M22 19v-2c0-2-1.5-3.5-4-4\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-journey-text\">\r\n                Your choice.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             OUR FUTURE\r\n        ====================================== -->\r\n\r\n        <div class=\"celik-journey-item\">\r\n\r\n            <div class=\"celik-journey-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"12\"\r\n                        r=\"9\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M3 12h18\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-journey-text\">\r\n                Our future.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\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-b3f67e4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b3f67e4\" 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-425d766 elementor-invisible\" data-id=\"425d766\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&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-f2b9594 elementor-widget elementor-widget-heading\" data-id=\"f2b9594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WHY MOBILITY MATTERS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0a8091 elementor-widget elementor-widget-heading\" data-id=\"e0a8091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We move every day.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a69fa9 elementor-widget elementor-widget-heading\" data-id=\"8a69fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">But have you ever thought about how we move?\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38ab248 elementor-widget elementor-widget-text-editor\" data-id=\"38ab248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mobility connects us to school, work, family and opportunities. But the way we travel also shapes our carbon footprint. Malaysia&#8217;s Low Carbon Mobility Blueprint identifies greener driving, cleaner vehicles and shifts in mobility behaviour as part of the transition towards lower-carbon transport.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c439f elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"d1c439f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-5ee92f7\" data-id=\"5ee92f7\" 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-9060f06 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9060f06\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* MAIN GRID *\/\r\n.celik-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n    width: 100%;\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n}\r\n\r\n\/* COMPACT CARDS *\/\r\n.celik-benefit-card {\r\n    background: #FFFFFF;\r\n    border-radius: 14px;\r\n    padding: 18px 14px;\r\n    text-align: center;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid #DDF0E3;\r\n    box-shadow: 0 4px 18px rgba(0,77,61,0.04);\r\n\r\n    transition: all 0.3s ease;\r\n    min-width: 0;\r\n}\r\n\r\n\/* HOVER EFFECT *\/\r\n.celik-benefit-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #65C917;\r\n    box-shadow: 0 10px 25px rgba(0,77,61,0.12);\r\n}\r\n\r\n\/* GLOSSY GREEN ICON CIRCLE *\/\r\n.celik-benefit-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    min-width: 58px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: linear-gradient(\r\n        145deg,\r\n        #FFFFFF 0%,\r\n        #E6FFE9 35%,\r\n        #BDF5C4 100%\r\n    );\r\n\r\n    border: 1px solid #A8EFB4;\r\n\r\n    box-shadow:\r\n        inset 0 3px 5px rgba(255,255,255,0.95),\r\n        inset 0 -3px 6px rgba(0,120,50,0.08),\r\n        0 5px 14px rgba(0,150,60,0.12);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* GLASS SHINE *\/\r\n.celik-benefit-icon::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 8px;\r\n    right: 8px;\r\n    height: 42%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,0.85),\r\n        rgba(255,255,255,0)\r\n    );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* BOLD GREEN SVG ICON *\/\r\n.celik-benefit-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    stroke: #087B43;\r\n    fill: none;\r\n\r\n    stroke-width: 2.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    filter: drop-shadow(\r\n        0 2px 2px rgba(0,90,35,0.15)\r\n    );\r\n\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* CARD HEADING *\/\r\n.celik-benefit-card h3 {\r\n    font-family: 'Manrope', Arial, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n\r\n    color: #004D3D;\r\n\r\n    margin: 0 0 7px;\r\n}\r\n\r\n\/* CARD DESCRIPTION *\/\r\n.celik-benefit-card p {\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n\r\n    color: #34453D;\r\n    margin: 0;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n    .celik-benefits-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-benefit-card {\r\n        padding: 16px 12px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n\r\n    .celik-benefits-grid {\r\n        grid-template-columns: repeat(2, minmax(0,1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-benefit-card {\r\n        padding: 15px 9px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .celik-benefit-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        min-width: 48px;\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .celik-benefit-icon svg {\r\n        width: 25px;\r\n        height: 25px;\r\n        stroke-width: 2.8;\r\n    }\r\n\r\n    .celik-benefit-card h3 {\r\n        font-size: 13px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .celik-benefit-card p {\r\n        font-size: 11px;\r\n        line-height: 1.45;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"celik-benefits-grid\">\r\n\r\n    <!-- CARD 01: PLANET -->\r\n    <div class=\"celik-benefit-card\">\r\n\r\n        <div class=\"celik-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M20 4C11 4 4 8 4 16c0 2 1 4 3 4 8 0 13-7 13-16Z\"\/>\r\n                <path d=\"M4 21c2-6 6-10 12-13\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h3>PLANET<\/h3>\r\n\r\n        <p>\r\n            Lower-emission journeys help\r\n            reduce our environmental\r\n            footprint.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CARD 02: POCKET -->\r\n    <div class=\"celik-benefit-card\">\r\n\r\n        <div class=\"celik-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M20 7V5a2 2 0 0 0-2-2H6a3 3 0 0 0 0 6h14v11H6a3 3 0 0 1-3-3V6\"\/>\r\n                <path d=\"M20 12h-6a2 2 0 0 0 0 4h6\"\/>\r\n                <path d=\"M16 14h.01\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h3>POCKET<\/h3>\r\n\r\n        <p>\r\n            Smarter driving and mobility\r\n            choices can reduce unnecessary\r\n            fuel and travel costs.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CARD 03: PEOPLE -->\r\n    <div class=\"celik-benefit-card\">\r\n\r\n        <div class=\"celik-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <circle cx=\"12\" cy=\"7\" r=\"3\"\/>\r\n                <circle cx=\"4.5\" cy=\"9\" r=\"2\"\/>\r\n                <circle cx=\"19.5\" cy=\"9\" r=\"2\"\/>\r\n                <path d=\"M6 20v-3a6 6 0 0 1 12 0v3H6Z\"\/>\r\n                <path d=\"M2 19v-4a3 3 0 0 1 3-3\"\/>\r\n                <path d=\"M22 19v-4a3 3 0 0 0-3-3\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h3>PEOPLE<\/h3>\r\n\r\n        <p>\r\n            Safer, calmer and more\r\n            responsible mobility supports\r\n            better communities.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CARD 04: MALAYSIA -->\r\n    <div class=\"celik-benefit-card\">\r\n\r\n        <div class=\"celik-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M3 20V14h4v6\"\/>\r\n                <path d=\"M10 20V10h4v10\"\/>\r\n                <path d=\"M17 20V5h4v15\"\/>\r\n                <path d=\"m3 11 6-3 4 1 7-6\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h3>MALAYSIA<\/h3>\r\n\r\n        <p>\r\n            Everyday mobility choices\r\n            contribute to Malaysia's\r\n            transition towards greener\r\n            transport.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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-cd776ba elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cd776ba\" 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-9ca84ba\" data-id=\"9ca84ba\" 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-7edd98f elementor-widget elementor-widget-heading\" data-id=\"7edd98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WHY MOBILITY MATTERS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-891baf0 elementor-widget elementor-widget-html\" data-id=\"891baf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =====================================\r\n   MALAYSIA HEADING + CIRCULAR ARROW\r\n===================================== *\/\r\n\r\n.mr-malaysia-block,\r\n.mr-malaysia-block *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mr-malaysia-block{\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n    background:transparent !important;\r\n    text-align:left;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.mr-malaysia-block .mr-malaysia-heading{\r\n    margin:0 0 12px 0 !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:27px;\r\n    font-weight:800;\r\n    line-height:1.08;\r\n    letter-spacing:-0.6px;\r\n\r\n    color:#FFFFFF !important;\r\n    text-align:left;\r\n}\r\n\r\n\/* SECOND LINE *\/\r\n\r\n.mr-malaysia-block .mr-gold-text{\r\n    color:#E5E7A5 !important;\r\n}\r\n\r\n\/* CIRCULAR ARROW *\/\r\n\r\n.mr-malaysia-block .mr-circle-arrow{\r\n    width:36px;\r\n    height:36px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:1px solid #E5E7A5;\r\n    border-radius:50%;\r\n\r\n    background:transparent !important;\r\n    color:#FFFFFF !important;\r\n\r\n    text-decoration:none;\r\n    transition:all .3s ease;\r\n}\r\n\r\n\/* ARROW SVG *\/\r\n\r\n.mr-malaysia-block .mr-circle-arrow svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.mr-malaysia-block .mr-circle-arrow:hover{\r\n    background:#E5E7A5 !important;\r\n    color:#00382F !important;\r\n    transform:translateX(3px);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .mr-malaysia-block .mr-malaysia-heading{\r\n        font-size:24px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE \u2014 HEADING + ICON CENTER\r\n===================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .mr-malaysia-block{\r\n        text-align:center !important;\r\n        width:100%;\r\n    }\r\n\r\n    .mr-malaysia-block .mr-malaysia-heading{\r\n        font-size:21px;\r\n        line-height:1.12;\r\n        letter-spacing:-0.4px;\r\n\r\n        margin-bottom:10px !important;\r\n\r\n        text-align:center !important;\r\n        width:100%;\r\n    }\r\n\r\n    .mr-malaysia-block .mr-circle-arrow{\r\n        width:30px;\r\n        height:30px;\r\n\r\n        display:flex;\r\n        margin:0 auto;\r\n    }\r\n\r\n    .mr-malaysia-block .mr-circle-arrow svg{\r\n        width:16px;\r\n        height:16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"mr-malaysia-block\">\r\n\r\n    <h2 class=\"mr-malaysia-heading\">\r\n        Malaysia Is Moving.<br>\r\n        <span class=\"mr-gold-text\">\r\n            Can We Move Greener?\r\n        <\/span>\r\n    <\/h2>\r\n\r\n    <a href=\"#\"\r\n       class=\"mr-circle-arrow\"\r\n       aria-label=\"Learn More\">\r\n\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 12h16\"\/>\r\n            <path d=\"M13 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n<\/div>\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-e118718\" data-id=\"e118718\" 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-c33a295 elementor-widget elementor-widget-html\" data-id=\"c33a295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   MALAYSIA GREEN MOBILITY STATS\r\n========================================= *\/\r\n\r\n.mr-mobility-stats,\r\n.mr-mobility-stats *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mr-mobility-stats{\r\n    width:100%;\r\n    background:transparent !important;\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* THREE CARDS GRID *\/\r\n\r\n.mr-mobility-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:12px;\r\n    width:100%;\r\n}\r\n\r\n\/* INDIVIDUAL CARD *\/\r\n\r\n.mr-mobility-card{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n\r\n    min-width:0;\r\n    min-height:125px;\r\n\r\n    padding:18px 16px;\r\n\r\n    background:#F2FFF8;\r\n    border:1px solid #D7F0E2;\r\n    border-radius:10px;\r\n\r\n    box-shadow:0 5px 18px rgba(0,65,38,.06);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.mr-mobility-card:hover{\r\n    transform:translateY(-4px);\r\n    background:#FFFFFF;\r\n    box-shadow:0 10px 25px rgba(0,65,38,.12);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.mr-mobility-icon{\r\n    width:38px;\r\n    height:38px;\r\n    flex:0 0 38px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#176B3B;\r\n}\r\n\r\n.mr-mobility-icon svg{\r\n    width:30px;\r\n    height:30px;\r\n\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\r\n\/* =========================================\r\n   TEXT CONTENT\r\n========================================= *\/\r\n\r\n.mr-mobility-content{\r\n    flex:1;\r\n    min-width:0;\r\n}\r\n\r\n\r\n\/* ANIMATED NUMBER *\/\r\n\r\n.mr-mobility-number{\r\n    margin:0 0 7px;\r\n\r\n    font-size:24px;\r\n    font-weight:800;\r\n    line-height:1.1;\r\n\r\n    color:#123D32;\r\n\r\n    font-variant-numeric:tabular-nums;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n\/* NUMBER ANIMATION GLOW *\/\r\n\r\n.mr-mobility-number.mr-count-active{\r\n    animation:mrNumberPop .55s ease;\r\n}\r\n\r\n@keyframes mrNumberPop{\r\n\r\n    0%{\r\n        transform:translateY(5px) scale(.92);\r\n        opacity:.35;\r\n    }\r\n\r\n    60%{\r\n        transform:translateY(-2px) scale(1.06);\r\n        opacity:1;\r\n        color:#4CC515;\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0) scale(1);\r\n        opacity:1;\r\n        color:#123D32;\r\n    }\r\n}\r\n\r\n\r\n.mr-mobility-description{\r\n    margin:0;\r\n\r\n    font-size:11px;\r\n    font-weight:500;\r\n    line-height:1.55;\r\n\r\n    color:#243D35;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM GREEN MESSAGE BAR\r\n========================================= *\/\r\n\r\n.mr-mobility-message{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    width:100%;\r\n\r\n    margin-top:12px;\r\n    padding:12px 18px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #47A914 0%,\r\n        #17813C 55%,\r\n        #08633C 100%\r\n    );\r\n\r\n    border-radius:50px;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n\r\n.mr-message-icon{\r\n    width:30px;\r\n    height:30px;\r\n    flex:0 0 30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:rgba(255,255,255,.20);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n\r\n.mr-message-icon svg{\r\n    width:19px;\r\n    height:19px;\r\n\r\n    fill:none;\r\n    stroke:#FFFFFF;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.mr-message-text{\r\n    margin:0;\r\n\r\n    font-size:12px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n\r\n.mr-message-text strong{\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .mr-mobility-grid{\r\n        gap:9px;\r\n    }\r\n\r\n    .mr-mobility-card{\r\n        padding:14px 11px;\r\n        gap:8px;\r\n    }\r\n\r\n    .mr-mobility-icon{\r\n        width:30px;\r\n        height:30px;\r\n        flex-basis:30px;\r\n    }\r\n\r\n    .mr-mobility-icon svg{\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n\r\n    .mr-mobility-number{\r\n        font-size:20px;\r\n    }\r\n\r\n    .mr-mobility-description{\r\n        font-size:10px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 3 CARDS IN ONE ROW\r\n========================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .mr-mobility-grid{\r\n        grid-template-columns:repeat(3,minmax(0,1fr));\r\n        gap:6px;\r\n    }\r\n\r\n    .mr-mobility-card{\r\n        flex-direction:column;\r\n        align-items:center;\r\n\r\n        gap:7px;\r\n        min-height:150px;\r\n\r\n        padding:12px 7px;\r\n\r\n        text-align:center;\r\n\r\n        border-radius:8px;\r\n    }\r\n\r\n    .mr-mobility-icon{\r\n        width:27px;\r\n        height:27px;\r\n        flex-basis:27px;\r\n    }\r\n\r\n    .mr-mobility-icon svg{\r\n        width:24px;\r\n        height:24px;\r\n    }\r\n\r\n    .mr-mobility-number{\r\n        font-size:17px;\r\n        margin-bottom:6px;\r\n    }\r\n\r\n    .mr-mobility-description{\r\n        font-size:9px;\r\n        line-height:1.4;\r\n    }\r\n\r\n    .mr-mobility-message{\r\n        gap:8px;\r\n\r\n        padding:10px 12px;\r\n\r\n        border-radius:12px;\r\n    }\r\n\r\n    .mr-message-icon{\r\n        width:26px;\r\n        height:26px;\r\n        flex-basis:26px;\r\n    }\r\n\r\n    .mr-message-text{\r\n        font-size:10px;\r\n        line-height:1.5;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EXTRA SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .mr-mobility-card{\r\n        padding:10px 5px;\r\n    }\r\n\r\n    .mr-mobility-number{\r\n        font-size:15px;\r\n    }\r\n\r\n    .mr-mobility-description{\r\n        font-size:8px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mr-mobility-stats\">\r\n\r\n    <div class=\"mr-mobility-grid\">\r\n\r\n\r\n        <!-- =====================================\r\n             CARD 01\r\n        ====================================== -->\r\n\r\n        <div class=\"mr-mobility-card\">\r\n\r\n            <div class=\"mr-mobility-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-7 10-16Z\"\/>\r\n\r\n                    <path d=\"M4 21c3-6 7-9 12-12\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mr-mobility-content\">\r\n\r\n                <h3\r\n                    class=\"mr-mobility-number mr-counter\"\r\n                    data-type=\"percentage\"\r\n                    data-end=\"30\"\r\n                >\r\n                    0%\r\n                <\/h3>\r\n\r\n                <p class=\"mr-mobility-description\">\r\n                    of Malaysia's GHG emissions are attributed\r\n                    to the transport sector, according to\r\n                    MGTC's LCMB page.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             CARD 02\r\n        ====================================== -->\r\n\r\n        <div class=\"mr-mobility-card\">\r\n\r\n            <div class=\"mr-mobility-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M7 18a5 5 0 1 1 1-9 7 7 0 0 1 13 3 4 4 0 0 1-3 7\"\/>\r\n\r\n                    <path d=\"M8 18h2\"\/>\r\n\r\n                    <path d=\"M15 18h2\"\/>\r\n\r\n                    <text\r\n                        x=\"7\"\r\n                        y=\"15\"\r\n                        font-size=\"7\"\r\n                        fill=\"currentColor\"\r\n                        stroke=\"none\"\r\n                        font-weight=\"700\"\r\n                    >\r\n                        CO\u2082\r\n                    <\/text>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mr-mobility-content\">\r\n\r\n                <h3\r\n                    class=\"mr-mobility-number mr-counter\"\r\n                    data-type=\"rank\"\r\n                    data-end=\"2\"\r\n                >\r\n                    #0\r\n                <\/h3>\r\n\r\n                <p class=\"mr-mobility-description\">\r\n                    Transport is described by MGTC as\r\n                    Malaysia's second-largest CO\u2082-emitting\r\n                    sector after energy.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             CARD 03\r\n        ====================================== -->\r\n\r\n        <div class=\"mr-mobility-card\">\r\n\r\n            <div class=\"mr-mobility-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <rect\r\n                        x=\"3\"\r\n                        y=\"5\"\r\n                        width=\"18\"\r\n                        height=\"16\"\r\n                        rx=\"2\"\r\n                    \/>\r\n\r\n                    <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\r\n\r\n                    <path d=\"M7 14h2M12 14h2M17 14h1\"\/>\r\n\r\n                    <path d=\"M7 18h2M12 18h2\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mr-mobility-content\">\r\n\r\n                <h3\r\n                    class=\"mr-mobility-number mr-counter\"\r\n                    data-type=\"year\"\r\n                    data-start=\"2021\"\r\n                    data-end=\"2030\"\r\n                >\r\n                    2021\r\n                <\/h3>\r\n\r\n                <p class=\"mr-mobility-description\">\r\n                    Malaysia's Low Carbon Mobility Blueprint\r\n                    period for progressively reducing\r\n                    transport-sector emissions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         BOTTOM MESSAGE BAR\r\n    ====================================== -->\r\n\r\n    <div class=\"mr-mobility-message\">\r\n\r\n        <div class=\"mr-message-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-7 10-16Z\"\/>\r\n\r\n                <path d=\"M4 21c3-6 7-9 12-12\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"mr-message-text\">\r\n\r\n            <strong>THE MESSAGE:<\/strong>\r\n\r\n            Malaysia's mobility transition is not only about technology.\r\n            How we travel and how we drive matter too.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.querySelector(\".mr-mobility-stats\");\r\n\r\n    if (!section) return;\r\n\r\n    let animationStarted = false;\r\n\r\n\r\n    \/* =========================================\r\n       ANIMATE SINGLE COUNTER\r\n    ========================================= *\/\r\n\r\n    function animateCounter(element) {\r\n\r\n        const type = element.dataset.type;\r\n\r\n        const duration = 1800;\r\n\r\n        let startTime = null;\r\n\r\n\r\n        function updateCounter(timestamp) {\r\n\r\n            if (!startTime) {\r\n                startTime = timestamp;\r\n            }\r\n\r\n            const progress = Math.min(\r\n                (timestamp - startTime) \/ duration,\r\n                1\r\n            );\r\n\r\n            \/* SMOOTH EASING *\/\r\n\r\n            const eased =\r\n                1 - Math.pow(1 - progress, 3);\r\n\r\n\r\n            \/* =============================\r\n               25\u201330%\r\n            ============================== *\/\r\n\r\n            if (type === \"percentage\") {\r\n\r\n                const end = parseInt(\r\n                    element.dataset.end\r\n                );\r\n\r\n                const current = Math.floor(\r\n                    eased * end\r\n                );\r\n\r\n                if (progress < 1) {\r\n\r\n                    element.textContent =\r\n                        current + \"%\";\r\n\r\n                } else {\r\n\r\n                    \/* FINAL CLIENT VALUE *\/\r\n                    element.textContent =\r\n                        \"25\u201330%\";\r\n                }\r\n            }\r\n\r\n\r\n            \/* =============================\r\n               #2\r\n            ============================== *\/\r\n\r\n            if (type === \"rank\") {\r\n\r\n                const end = parseInt(\r\n                    element.dataset.end\r\n                );\r\n\r\n                const current = Math.max(\r\n                    0,\r\n                    Math.floor(eased * end)\r\n                );\r\n\r\n                element.textContent =\r\n                    \"#\" + current;\r\n\r\n                if (progress === 1) {\r\n                    element.textContent = \"#2\";\r\n                }\r\n            }\r\n\r\n\r\n            \/* =============================\r\n               2021\u20132030\r\n            ============================== *\/\r\n\r\n            if (type === \"year\") {\r\n\r\n                const start = parseInt(\r\n                    element.dataset.start\r\n                );\r\n\r\n                const end = parseInt(\r\n                    element.dataset.end\r\n                );\r\n\r\n                const current =\r\n                    start +\r\n                    Math.floor(\r\n                        eased * (end - start)\r\n                    );\r\n\r\n                if (progress < 1) {\r\n\r\n                    element.textContent =\r\n                        start + \"\u2013\" + current;\r\n\r\n                } else {\r\n\r\n                    element.textContent =\r\n                        \"2021\u20132030\";\r\n                }\r\n            }\r\n\r\n\r\n            if (progress < 1) {\r\n\r\n                requestAnimationFrame(\r\n                    updateCounter\r\n                );\r\n\r\n            } else {\r\n\r\n                element.classList.add(\r\n                    \"mr-count-active\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        requestAnimationFrame(\r\n            updateCounter\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       START WHEN SECTION ENTERS SCREEN\r\n    ========================================= *\/\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function(entries) {\r\n\r\n                entries.forEach(function(entry) {\r\n\r\n                    if (\r\n                        entry.isIntersecting &&\r\n                        !animationStarted\r\n                    ) {\r\n\r\n                        animationStarted = true;\r\n\r\n                        const counters =\r\n                            section.querySelectorAll(\r\n                                \".mr-counter\"\r\n                            );\r\n\r\n\r\n                        \/* STAGGER ANIMATION *\/\r\n\r\n                        counters.forEach(\r\n                            function(counter, index) {\r\n\r\n                                setTimeout(\r\n                                    function() {\r\n\r\n                                        animateCounter(\r\n                                            counter\r\n                                        );\r\n\r\n                                    },\r\n                                    index * 180\r\n                                );\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        observer.unobserve(\r\n                            section\r\n                        );\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0.30\r\n            }\r\n\r\n        );\r\n\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n<\/script>\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-033a9db elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"033a9db\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-e5f177c\" data-id=\"e5f177c\" 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-34209de animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"34209de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   GREEN MOBILITY \u2014 MINDSET SECTION\r\n========================================= *\/\r\n\r\n.gm-mindset-section,\r\n.gm-mindset-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.gm-mindset-section{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:38% minmax(0,62%);\r\n    align-items:center;\r\n    gap:25px;\r\n\r\n    padding:20px 0;\r\n\r\n    background:transparent !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.gm-mindset-left{\r\n    width:100%;\r\n    min-width:0;\r\n    text-align:left;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.gm-mindset-label{\r\n    margin:0 0 7px;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.5px;\r\n\r\n    color:#176B3B;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.gm-mindset-title{\r\n    margin:0 0 8px !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:31px;\r\n    font-weight:800;\r\n    line-height:1.12;\r\n    letter-spacing:-.8px;\r\n\r\n    color:#101820 !important;\r\n}\r\n\r\n.gm-mindset-title span{\r\n    color:#20813F !important;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.gm-mindset-desc{\r\n    margin:0 0 16px;\r\n\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.5;\r\n\r\n    color:#34434A;\r\n}\r\n\r\n\/* GREEN BUTTON *\/\r\n\r\n.gm-mindset-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n\r\n    min-width:165px;\r\n    padding:12px 23px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #22A54D,\r\n        #087239\r\n    );\r\n\r\n    color:#FFFFFF !important;\r\n    text-decoration:none !important;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.gm-mindset-btn svg{\r\n    width:17px;\r\n    height:17px;\r\n\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.gm-mindset-btn:hover{\r\n    background:#075B30;\r\n    color:#FFFFFF !important;\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:0 7px 18px rgba(0,90,45,.18);\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT GREEN PANEL\r\n========================================= *\/\r\n\r\n.gm-formula-panel{\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:14px;\r\n\r\n    padding:28px 22px;\r\n\r\n    background:linear-gradient(\r\n        110deg,\r\n        #E8FFED 0%,\r\n        #F5FFF7 52%,\r\n        #E9F9EE 100%\r\n    );\r\n\r\n    border-radius:15px;\r\n}\r\n\r\n\/* GREEN MOBILITY BRAND *\/\r\n\r\n.gm-formula-brand{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    flex-shrink:0;\r\n}\r\n\r\n\/* LEAF CIRCLE *\/\r\n\r\n.gm-leaf-circle{\r\n    width:65px;\r\n    height:65px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    border-radius:50%;\r\n    background:#FFFFFF;\r\n\r\n    color:#16843B;\r\n}\r\n\r\n.gm-leaf-circle svg{\r\n    width:43px;\r\n    height:43px;\r\n}\r\n\r\n\/* GREEN MOBILITY TEXT *\/\r\n\r\n.gm-formula-heading{\r\n    margin:0;\r\n\r\n    font-size:13px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    white-space:nowrap;\r\n\r\n    color:#164B34;\r\n}\r\n\r\n\/* FORMULA ITEMS *\/\r\n\r\n.gm-formula-items{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n\r\n    gap:8px;\r\n    flex:1;\r\n}\r\n\r\n\/* EACH ITEM *\/\r\n\r\n.gm-formula-item{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n\r\n    flex:1;\r\n    min-width:0;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.gm-formula-icon{\r\n    width:43px;\r\n    height:43px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#08743A;\r\n}\r\n\r\n.gm-formula-icon svg{\r\n    width:39px;\r\n    height:39px;\r\n\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\/* ICON LABEL *\/\r\n\r\n.gm-formula-name{\r\n    margin:9px 0 0;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n\r\n    color:#173B2C;\r\n}\r\n\r\n\/* PLUS SIGN *\/\r\n\r\n.gm-formula-plus{\r\n    flex-shrink:0;\r\n\r\n    margin-top:10px;\r\n\r\n    font-size:23px;\r\n    font-weight:800;\r\n\r\n    color:#173B2C;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .gm-mindset-section{\r\n        grid-template-columns:1fr;\r\n        gap:25px;\r\n    }\r\n\r\n    .gm-formula-panel{\r\n        justify-content:space-around;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 CENTER ALIGN\r\n========================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .gm-mindset-section{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:22px;\r\n        padding:15px 0;\r\n    }\r\n\r\n    \/* CENTER LEFT CONTENT *\/\r\n\r\n    .gm-mindset-section .gm-mindset-left{\r\n        width:100%;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gm-mindset-section .gm-mindset-label{\r\n        font-size:10px;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gm-mindset-section .gm-mindset-title{\r\n        font-size:25px;\r\n        line-height:1.15;\r\n        letter-spacing:-.5px;\r\n\r\n        width:100%;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gm-mindset-section .gm-mindset-desc{\r\n        font-size:12px;\r\n        line-height:1.55;\r\n\r\n        width:100%;\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* CENTER BUTTON *\/\r\n\r\n    .gm-mindset-section .gm-mindset-btn{\r\n        display:flex;\r\n\r\n        width:max-content;\r\n        max-width:100%;\r\n\r\n        padding:11px 20px;\r\n\r\n        margin:0 auto !important;\r\n    }\r\n\r\n    \/* CENTER FORMULA PANEL *\/\r\n\r\n    .gm-mindset-section .gm-formula-panel{\r\n        flex-direction:column;\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        gap:22px;\r\n\r\n        padding:22px 12px;\r\n        border-radius:12px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .gm-mindset-section .gm-formula-brand{\r\n        width:100%;\r\n        justify-content:center;\r\n    }\r\n\r\n    .gm-leaf-circle{\r\n        width:52px;\r\n        height:52px;\r\n    }\r\n\r\n    .gm-leaf-circle svg{\r\n        width:34px;\r\n        height:34px;\r\n    }\r\n\r\n    .gm-formula-heading{\r\n        font-size:13px;\r\n    }\r\n\r\n    .gm-formula-items{\r\n        width:100%;\r\n        gap:3px;\r\n    }\r\n\r\n    .gm-formula-icon{\r\n        width:30px;\r\n        height:30px;\r\n    }\r\n\r\n    .gm-formula-icon svg{\r\n        width:27px;\r\n        height:27px;\r\n    }\r\n\r\n    .gm-formula-name{\r\n        font-size:9px;\r\n        margin-top:8px;\r\n    }\r\n\r\n    .gm-formula-plus{\r\n        font-size:15px;\r\n        margin-top:6px;\r\n    }\r\n}\r\n\r\n\/* EXTRA SMALL MOBILE *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .gm-mindset-title{\r\n        font-size:22px;\r\n    }\r\n\r\n    .gm-formula-panel{\r\n        padding:20px 8px;\r\n    }\r\n\r\n    .gm-formula-name{\r\n        font-size:8px;\r\n    }\r\n\r\n    .gm-formula-plus{\r\n        font-size:13px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"gm-mindset-section\">\r\n\r\n    <!-- =====================================\r\n         LEFT CONTENT\r\n    ===================================== -->\r\n\r\n    <div class=\"gm-mindset-left\">\r\n\r\n        <div class=\"gm-mindset-label\">\r\n            CHANGE THE MINDSET\r\n        <\/div>\r\n\r\n        <h2 class=\"gm-mindset-title\">\r\n            So... does going green<br>\r\n            mean you need to buy an EV?<br>\r\n            <span>Not necessarily.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"gm-mindset-desc\">\r\n            Green mobility starts with the choices you can make today.<br>\r\n            Drive more efficiently. Choose a better way to travel when possible.<br>\r\n            Plan smarter journeys. Encourage others to do the same.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"gm-mindset-btn\">\r\n\r\n            Discover More\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 12h16\"\/>\r\n                <path d=\"M13 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         RIGHT FORMULA PANEL\r\n    ===================================== -->\r\n\r\n    <div class=\"gm-formula-panel\">\r\n\r\n        <!-- GREEN MOBILITY BRAND -->\r\n\r\n        <div class=\"gm-formula-brand\">\r\n\r\n            <div class=\"gm-leaf-circle\">\r\n\r\n                <svg viewBox=\"0 0 64 64\">\r\n\r\n                    <defs>\r\n                        <linearGradient\r\n                            id=\"gmLeafGradient\"\r\n                            x1=\"0\"\r\n                            y1=\"0\"\r\n                            x2=\"1\"\r\n                            y2=\"1\">\r\n\r\n                            <stop\r\n                                offset=\"0%\"\r\n                                stop-color=\"#39A84B\"\/>\r\n\r\n                            <stop\r\n                                offset=\"100%\"\r\n                                stop-color=\"#075D2E\"\/>\r\n\r\n                        <\/linearGradient>\r\n                    <\/defs>\r\n\r\n                    <path\r\n                        d=\"M54 8C29 8 13 18 12 39c-1 10 5 17 15 17 20 0 30-22 27-48Z\"\r\n                        fill=\"url(#gmLeafGradient)\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M9 58C20 36 31 27 47 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"#FFFFFF\"\r\n                        stroke-width=\"3\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <h3 class=\"gm-formula-heading\">\r\n                GREEN MOBILITY =\r\n            <\/h3>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             FORMULA ITEMS\r\n        ===================================== -->\r\n\r\n        <div class=\"gm-formula-items\">\r\n\r\n            <!-- 01 BETTER CHOICES -->\r\n\r\n            <div class=\"gm-formula-item\">\r\n\r\n                <div class=\"gm-formula-icon\">\r\n\r\n                    <svg viewBox=\"0 0 48 48\">\r\n\r\n                        <circle cx=\"24\" cy=\"24\" r=\"18\"\/>\r\n\r\n                        <circle cx=\"24\" cy=\"24\" r=\"5\"\/>\r\n\r\n                        <path d=\"M6 21l13 3\"\/>\r\n                        <path d=\"M42 21l-13 3\"\/>\r\n                        <path d=\"M24 29v13\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"gm-formula-name\">\r\n                    Better<br>Choices\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"gm-formula-plus\">+<\/span>\r\n\r\n\r\n            <!-- 02 SMARTER DRIVING -->\r\n\r\n            <div class=\"gm-formula-item\">\r\n\r\n                <div class=\"gm-formula-icon\">\r\n\r\n                    <svg viewBox=\"0 0 48 48\">\r\n\r\n                        <path d=\"M20 4h8l2 6 5 2 6-3 5 8-5 5v6l5 5-5 8-6-3-5 2-2 6h-8l-2-6-5-2-6 3-5-8 5-5v-6l-5-5 5-8 6 3 5-2z\"\/>\r\n\r\n                        <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"gm-formula-name\">\r\n                    Smarter<br>Driving\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"gm-formula-plus\">+<\/span>\r\n\r\n\r\n            <!-- 03 CLEANER TRANSPORT -->\r\n\r\n            <div class=\"gm-formula-item\">\r\n\r\n                <div class=\"gm-formula-icon\">\r\n\r\n                    <svg viewBox=\"0 0 48 48\">\r\n\r\n                        <rect\r\n                            x=\"7\"\r\n                            y=\"8\"\r\n                            width=\"34\"\r\n                            height=\"27\"\r\n                            rx=\"4\"\/>\r\n\r\n                        <path d=\"M7 27h34\"\/>\r\n\r\n                        <path d=\"M14 35v5M34 35v5\"\/>\r\n\r\n                        <circle cx=\"14\" cy=\"31\" r=\"2\"\/>\r\n\r\n                        <circle cx=\"34\" cy=\"31\" r=\"2\"\/>\r\n\r\n                        <path d=\"M13 14h22\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"gm-formula-name\">\r\n                    Cleaner<br>Transport\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"gm-formula-plus\">+<\/span>\r\n\r\n\r\n            <!-- 04 RESPONSIBLE BEHAVIOUR -->\r\n\r\n            <div class=\"gm-formula-item\">\r\n\r\n                <div class=\"gm-formula-icon\">\r\n\r\n                    <svg viewBox=\"0 0 48 48\">\r\n\r\n                        <circle cx=\"24\" cy=\"12\" r=\"6\"\/>\r\n\r\n                        <circle cx=\"9\" cy=\"17\" r=\"5\"\/>\r\n\r\n                        <circle cx=\"39\" cy=\"17\" r=\"5\"\/>\r\n\r\n                        <path d=\"M14 40V29c0-7 4-10 10-10s10 3 10 10v11z\"\/>\r\n\r\n                        <path d=\"M3 39V29c0-5 3-8 8-8\"\/>\r\n\r\n                        <path d=\"M45 39V29c0-5-3-8-8-8\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"gm-formula-name\">\r\n                    Responsible<br>Behaviour\r\n                <\/p>\r\n\r\n            <\/div>\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-123b9f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"123b9f2\" 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-50 elementor-top-column elementor-element elementor-element-9422be9\" data-id=\"9422be9\" 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-553a117 elementor-widget elementor-widget-html\" data-id=\"553a117\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   GREEN JOURNEY \u2014 TWO WAYS SECTION\r\n========================================= *\/\r\n\r\n.gj-section,\r\n.gj-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.gj-section{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:38% minmax(0,62%);\r\n    align-items:start;\r\n    gap:0;\r\n\r\n    background:transparent !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT HEADING\r\n========================================= *\/\r\n\r\n.gj-left{\r\n    padding:24px 25px 20px 0;\r\n    text-align:left;\r\n}\r\n\r\n.gj-label{\r\n    margin:0 0 9px;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n    letter-spacing:.6px;\r\n\r\n    color:#174C35;\r\n}\r\n\r\n.gj-title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:29px;\r\n    font-weight:800;\r\n    line-height:1.13;\r\n    letter-spacing:-.7px;\r\n\r\n    color:#14212A !important;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT CARD \u2014 REFERENCE COLOR\r\n========================================= *\/\r\n\r\n.gj-card{\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:17px;\r\n\r\n    padding:20px 24px;\r\n\r\n    background:linear-gradient(\r\n        110deg,\r\n        #FFFFFF 0%,\r\n        #FFFFFF 55%,\r\n        #F0FFF5 100%\r\n    ) !important;\r\n\r\n    border:1px solid rgba(218,240,225,.65);\r\n    border-radius:16px;\r\n\r\n    box-shadow:0 6px 22px rgba(0,60,30,.06);\r\n}\r\n\r\n\/* =========================================\r\n   NUMBER CIRCLE\r\n========================================= *\/\r\n\r\n.gj-number{\r\n    width:53px;\r\n    height:53px;\r\n    flex:0 0 53px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #1BA44E,\r\n        #056A35\r\n    );\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:20px;\r\n    font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.gj-content{\r\n    flex:1;\r\n    min-width:0;\r\n}\r\n\r\n.gj-card-title{\r\n    margin:0 0 5px !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:17px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n\r\n    color:#173D30 !important;\r\n}\r\n\r\n.gj-card-subtitle{\r\n    margin:0 0 2px;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n    line-height:1.4;\r\n\r\n    color:#253B32;\r\n}\r\n\r\n.gj-card-desc{\r\n    margin:0 0 12px;\r\n\r\n    font-size:12px;\r\n    font-weight:400;\r\n    line-height:1.45;\r\n\r\n    color:#35463F;\r\n}\r\n\r\n\/* =========================================\r\n   CHECKLIST\r\n========================================= *\/\r\n\r\n.gj-checklist{\r\n    list-style:none !important;\r\n\r\n    margin:0 0 15px !important;\r\n    padding:0 !important;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:5px;\r\n}\r\n\r\n.gj-checklist li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-size:12px;\r\n    font-weight:500;\r\n    line-height:1.35;\r\n\r\n    color:#263A32;\r\n}\r\n\r\n.gj-check{\r\n    width:15px;\r\n    height:15px;\r\n    flex:0 0 15px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-top:1px;\r\n\r\n    background:#0B8B3D;\r\n    border-radius:50%;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n.gj-check svg{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:2.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* =========================================\r\n   GREEN BUTTON\r\n========================================= *\/\r\n\r\n.gj-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n\r\n    min-width:205px;\r\n    min-height:40px;\r\n\r\n    padding:10px 22px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #23AD50,\r\n        #08763B\r\n    );\r\n\r\n    border-radius:50px;\r\n\r\n    color:#FFFFFF !important;\r\n    text-decoration:none !important;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.gj-btn svg{\r\n    width:17px;\r\n    height:17px;\r\n\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.gj-btn:hover{\r\n    background:#075F31;\r\n    color:#FFFFFF !important;\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:0 7px 18px rgba(0,100,50,.20);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .gj-section{\r\n        grid-template-columns:35% minmax(0,65%);\r\n    }\r\n\r\n    .gj-left{\r\n        padding:20px 15px 15px 0;\r\n    }\r\n\r\n    .gj-title{\r\n        font-size:24px;\r\n    }\r\n\r\n    .gj-card{\r\n        padding:18px;\r\n        gap:12px;\r\n    }\r\n\r\n    .gj-number{\r\n        width:45px;\r\n        height:45px;\r\n        flex-basis:45px;\r\n        font-size:17px;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 CENTER ALIGN\r\n========================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .gj-section{\r\n        grid-template-columns:1fr;\r\n        gap:18px;\r\n    }\r\n\r\n    \/* LEFT HEADING CENTER *\/\r\n\r\n    .gj-section .gj-left{\r\n        width:100%;\r\n        padding:0;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gj-section .gj-label{\r\n        font-size:10px;\r\n        margin-bottom:7px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gj-section .gj-title{\r\n        width:100%;\r\n\r\n        font-size:24px;\r\n        line-height:1.15;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* CARD CENTER *\/\r\n\r\n    .gj-section .gj-card{\r\n        flex-direction:column;\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        gap:12px;\r\n        padding:17px 14px;\r\n\r\n        border-radius:13px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    \/* NUMBER CIRCLE CENTER *\/\r\n\r\n    .gj-section .gj-number{\r\n        width:42px;\r\n        height:42px;\r\n        flex:0 0 42px;\r\n\r\n        font-size:16px;\r\n\r\n        margin:0 auto 5px;\r\n    }\r\n\r\n    \/* CARD CONTENT CENTER *\/\r\n\r\n    .gj-section .gj-content{\r\n        width:100%;\r\n        flex:1 1 auto;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gj-section .gj-card-title{\r\n        font-size:15px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gj-section .gj-card-subtitle{\r\n        font-size:11px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .gj-section .gj-card-desc{\r\n        font-size:11px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* CHECKLIST CENTER AS A GROUP *\/\r\n\r\n    .gj-section .gj-checklist{\r\n        width:max-content;\r\n        max-width:100%;\r\n\r\n        margin:0 auto 18px !important;\r\n\r\n        align-items:flex-start;\r\n        gap:7px;\r\n    }\r\n\r\n    .gj-section .gj-checklist li{\r\n        width:100%;\r\n\r\n        font-size:10.5px;\r\n        gap:7px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    \/* BUTTON CENTER *\/\r\n\r\n    .gj-section .gj-btn{\r\n        display:flex;\r\n\r\n        width:max-content;\r\n        max-width:100%;\r\n        min-width:0;\r\n\r\n        margin:0 auto !important;\r\n\r\n        font-size:11px;\r\n        padding:10px 18px;\r\n\r\n        text-align:center;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   EXTRA SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .gj-section .gj-card{\r\n        padding:14px 10px;\r\n        gap:9px;\r\n    }\r\n\r\n    .gj-section .gj-number{\r\n        width:36px;\r\n        height:36px;\r\n        flex-basis:36px;\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n    .gj-section .gj-title{\r\n        font-size:22px;\r\n    }\r\n\r\n    .gj-section .gj-btn{\r\n        font-size:10px;\r\n        padding:10px 12px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"gj-section\">\r\n\r\n    <!-- =====================================\r\n         LEFT CONTENT\r\n    ===================================== -->\r\n\r\n    <div class=\"gj-left\">\r\n\r\n        <div class=\"gj-label\">\r\n            TWO WAYS TO START\r\n        <\/div>\r\n\r\n        <h2 class=\"gj-title\">\r\n            Two Ways to Start<br>\r\n            Your Green Journey\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         RIGHT CARD\r\n    ===================================== -->\r\n\r\n    <div class=\"gj-card\">\r\n\r\n        <!-- NUMBER CIRCLE -->\r\n\r\n        <div class=\"gj-number\">\r\n            01\r\n        <\/div>\r\n\r\n\r\n        <!-- CARD CONTENT -->\r\n\r\n        <div class=\"gj-content\">\r\n\r\n            <h3 class=\"gj-card-title\">\r\n                DRIVE SMARTER\r\n            <\/h3>\r\n\r\n            <p class=\"gj-card-subtitle\">\r\n                Already driving? Drive greener.\r\n            <\/p>\r\n\r\n            <p class=\"gj-card-desc\">\r\n                You don't need a new car to start making a difference.\r\n            <\/p>\r\n\r\n\r\n            <!-- =====================================\r\n                 CHECKLIST\r\n            ===================================== -->\r\n\r\n            <ul class=\"gj-checklist\">\r\n\r\n                <li>\r\n                    <span class=\"gj-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    Accelerate and brake smoothly\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gj-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    Avoid unnecessary idling\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gj-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    Plan more efficient journeys\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gj-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    Maintain your vehicle efficiently\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gj-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    Develop safer, greener driving habits\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- =====================================\r\n                 BUTTON\r\n            ===================================== -->\r\n\r\n            <a href=\"#\" class=\"gj-btn\">\r\n\r\n                Explore Eco-Driving\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 12h16\"\/>\r\n                    <path d=\"M13 5l7 7-7 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b75737e\" data-id=\"b75737e\" 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-ccfd122 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ccfd122\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;flash&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =====================================\r\n   MOVE SMARTER CARD \u2014 GLASSY DESIGN\r\n===================================== *\/\r\n\r\n.ms-card,\r\n.ms-card *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ms-card{\r\n    position:relative;\r\n    width:100%;\r\n    min-height:310px;\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    align-items:stretch;\r\n\r\n    background:rgba(255,255,255,0.20) !important;\r\n\r\n    -webkit-backdrop-filter:blur(8px);\r\n    backdrop-filter:blur(8px);\r\n\r\n    border:1px solid rgba(255,255,255,0.40);\r\n    border-radius:15px;\r\n\r\n    box-shadow:0 6px 22px rgba(0,60,30,.06);\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* =====================================\r\n   RIGHT IMAGE\r\n===================================== *\/\r\n\r\n.ms-card-image{\r\n    position:absolute;\r\n    top:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    width:53%;\r\n\r\n    background-image:url(\"YOUR-IMAGE-URL-HERE\");\r\n    background-size:cover;\r\n    background-position:center;\r\n\r\n    z-index:1;\r\n}\r\n\r\n.ms-card-image::before{\r\n    content:none !important;\r\n    display:none !important;\r\n}\r\n\r\n\/* =====================================\r\n   LEFT CONTENT\r\n===================================== *\/\r\n\r\n.ms-card-content{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:67%;\r\n    padding:22px 25px;\r\n}\r\n\r\n\/* TOP ROW *\/\r\n\r\n.ms-card-top{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n\/* =====================================\r\n   NUMBER CIRCLE\r\n===================================== *\/\r\n\r\n.ms-card-number{\r\n    width:48px;\r\n    height:48px;\r\n    flex:0 0 48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #159A48,\r\n        #046735\r\n    );\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:19px;\r\n    font-weight:800;\r\n}\r\n\r\n\/* =====================================\r\n   HEADING\r\n===================================== *\/\r\n\r\n.ms-card-heading{\r\n    min-width:0;\r\n}\r\n\r\n.ms-card-title{\r\n    margin:0 0 4px !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n\r\n    color:#173D30 !important;\r\n}\r\n\r\n.ms-card-subtitle{\r\n    margin:0 0 3px;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n    line-height:1.35;\r\n\r\n    color:#263A32;\r\n}\r\n\r\n.ms-card-desc{\r\n    margin:0;\r\n\r\n    font-size:12px;\r\n    font-weight:400;\r\n    line-height:1.4;\r\n\r\n    color:#35463F;\r\n}\r\n\r\n\/* =====================================\r\n   CHECKLIST\r\n===================================== *\/\r\n\r\n.ms-card-list{\r\n    list-style:none !important;\r\n\r\n    margin:0 0 15px 15px !important;\r\n    padding:0 !important;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:6px;\r\n}\r\n\r\n.ms-card-list li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-size:12px;\r\n    font-weight:500;\r\n    line-height:1.3;\r\n\r\n    color:#263A32;\r\n}\r\n\r\n\/* GREEN CHECK ICON *\/\r\n\r\n.ms-card-check{\r\n    width:15px;\r\n    height:15px;\r\n    flex:0 0 15px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-top:1px;\r\n\r\n    background:#0B8B3D;\r\n    border-radius:50%;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n.ms-card-check svg{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:2.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* =====================================\r\n   GREEN BUTTON\r\n===================================== *\/\r\n\r\n.ms-card-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n\r\n    min-width:210px;\r\n    min-height:40px;\r\n\r\n    padding:10px 22px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #20A64B,\r\n        #08753B\r\n    );\r\n\r\n    border-radius:50px;\r\n\r\n    color:#FFFFFF !important;\r\n    text-decoration:none !important;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.ms-card-btn svg{\r\n    width:17px;\r\n    height:17px;\r\n    flex-shrink:0;\r\n\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.ms-card-btn:hover{\r\n    background:#075F31;\r\n    color:#FFFFFF !important;\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:0 7px 18px rgba(0,100,50,.20);\r\n}\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .ms-card-content{\r\n        width:73%;\r\n        padding:20px;\r\n    }\r\n\r\n    .ms-card-image{\r\n        width:50%;\r\n    }\r\n\r\n    .ms-card-title{\r\n        font-size:16px;\r\n    }\r\n\r\n    .ms-card-list li{\r\n        font-size:11px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE \u2014 EVERYTHING CENTER\r\n===================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .ms-card{\r\n        min-height:0;\r\n        border-radius:12px;\r\n\r\n        background:rgba(255,255,255,0.20) !important;\r\n\r\n        -webkit-backdrop-filter:blur(6px);\r\n        backdrop-filter:blur(6px);\r\n    }\r\n\r\n    \/* RIGHT IMAGE *\/\r\n\r\n    .ms-card-image{\r\n        width:48%;\r\n        background-position:center;\r\n    }\r\n\r\n    .ms-card-image::before{\r\n        content:none !important;\r\n        display:none !important;\r\n    }\r\n\r\n    \/* MAIN CONTENT CENTER *\/\r\n\r\n    .ms-card-content{\r\n        width:100%;\r\n        padding:22px 15px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* NUMBER + HEADING STACK *\/\r\n\r\n    .ms-card-top{\r\n        flex-direction:column;\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        gap:10px;\r\n        margin-bottom:18px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* NUMBER CIRCLE CENTER *\/\r\n\r\n    .ms-card-number{\r\n        width:42px;\r\n        height:42px;\r\n        flex:0 0 42px;\r\n\r\n        font-size:16px;\r\n\r\n        margin:0 auto;\r\n    }\r\n\r\n    \/* HEADING CENTER *\/\r\n\r\n    .ms-card-heading{\r\n        width:100%;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .ms-card-title{\r\n        font-size:15px;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .ms-card-subtitle{\r\n        font-size:11px;\r\n        text-align:center !important;\r\n    }\r\n\r\n    .ms-card-desc{\r\n        font-size:11px;\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* CHECKLIST CENTER *\/\r\n\r\n    .ms-card-list{\r\n        width:max-content;\r\n        max-width:100%;\r\n\r\n        margin:0 auto 18px !important;\r\n        padding:0 !important;\r\n\r\n        align-items:flex-start;\r\n        gap:8px;\r\n    }\r\n\r\n    .ms-card-list li{\r\n        width:100%;\r\n\r\n        font-size:10.5px;\r\n        gap:8px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .ms-card-check{\r\n        flex-shrink:0;\r\n    }\r\n\r\n    \/* BUTTON CENTER *\/\r\n\r\n    .ms-card-btn{\r\n        display:flex;\r\n\r\n        width:max-content;\r\n        max-width:100%;\r\n        min-width:0;\r\n\r\n        margin:0 auto !important;\r\n\r\n        padding:11px 20px;\r\n\r\n        font-size:11px;\r\n        text-align:center;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   EXTRA SMALL MOBILE\r\n===================================== *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .ms-card-content{\r\n        padding:20px 10px;\r\n    }\r\n\r\n    .ms-card-title{\r\n        font-size:14px;\r\n    }\r\n\r\n    .ms-card-list li{\r\n        font-size:10px;\r\n    }\r\n\r\n    .ms-card-btn{\r\n        padding:10px 14px;\r\n        font-size:10px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"ms-card\">\r\n\r\n    <!-- RIGHT BACKGROUND IMAGE -->\r\n\r\n    <div class=\"ms-card-image\"><\/div>\r\n\r\n\r\n    <!-- MAIN CONTENT -->\r\n\r\n    <div class=\"ms-card-content\">\r\n\r\n        <!-- TOP SECTION -->\r\n\r\n        <div class=\"ms-card-top\">\r\n\r\n            <div class=\"ms-card-number\">\r\n                02\r\n            <\/div>\r\n\r\n            <div class=\"ms-card-heading\">\r\n\r\n                <h3 class=\"ms-card-title\">\r\n                    MOVE SMARTER\r\n                <\/h3>\r\n\r\n                <p class=\"ms-card-subtitle\">\r\n                    Rethink how you travel.\r\n                <\/p>\r\n\r\n                <p class=\"ms-card-desc\">\r\n                    Not every journey has to begin with a car.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CHECKLIST -->\r\n\r\n        <ul class=\"ms-card-list\">\r\n\r\n            <li>\r\n                <span class=\"ms-card-check\">\r\n                    <svg viewBox=\"0 0 16 16\">\r\n                        <path d=\"M3 8l3 3 7-7\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Walk for suitable short journeys\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"ms-card-check\">\r\n                    <svg viewBox=\"0 0 16 16\">\r\n                        <path d=\"M3 8l3 3 7-7\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Cycle where safe and practical\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"ms-card-check\">\r\n                    <svg viewBox=\"0 0 16 16\">\r\n                        <path d=\"M3 8l3 3 7-7\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Use public transport\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"ms-card-check\">\r\n                    <svg viewBox=\"0 0 16 16\">\r\n                        <path d=\"M3 8l3 3 7-7\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Carpool when possible\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"ms-card-check\">\r\n                    <svg viewBox=\"0 0 16 16\">\r\n                        <path d=\"M3 8l3 3 7-7\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Consider lower-carbon vehicles\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- BUTTON -->\r\n\r\n        <a href=\"#\" class=\"ms-card-btn\">\r\n\r\n            Explore Green Mobility\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 12h16\"\/>\r\n                <path d=\"M13 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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-9084981 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9084981\" 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-bc4ad8c\" data-id=\"bc4ad8c\" 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-511591d elementor-widget elementor-widget-html\" data-id=\"511591d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   GREEN MOBILITY \u2014 DUAL CHALLENGE CARDS\r\n========================================= *\/\r\n\r\n.gmc-dual,\r\n.gmc-dual *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.gmc-dual{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:10px;\r\n    align-items:stretch;\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BOTH CARDS\r\n========================================= *\/\r\n\r\n.gmc-card{\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n    min-width:0;\r\n    min-height:330px;\r\n\r\n    overflow:hidden;\r\n    border-radius:12px;\r\n\r\n    background-color:#F4FFF7;\r\n    background-repeat:no-repeat;\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT IMAGE \u2014 NO CROP\r\n========================================= *\/\r\n\r\n.gmc-card--quiz{\r\n    background-image:url(\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/5e04ddc5-91ac-4276-ae64-87e8b3531567.png\");\r\n\r\n    background-size:100% 100% !important;\r\n    background-position:center center !important;\r\n    background-repeat:no-repeat !important;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT IMAGE\r\n========================================= *\/\r\n\r\n.gmc-card--challenge{\r\n    background-image:url(\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/46f1f401-6d2b-4942-abb5-dd7ce09df15a.png\");\r\n\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n\/* =========================================\r\n   LIGHT OVERLAY\r\n========================================= *\/\r\n\r\n.gmc-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.96) 0%,\r\n        rgba(255,255,255,.91) 43%,\r\n        rgba(255,255,255,.10) 72%,\r\n        transparent 100%\r\n    );\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.gmc-content{\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    width:65%;\r\n    padding:23px 0 23px 23px;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.gmc-label{\r\n    margin:0 0 5px;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    letter-spacing:.35px;\r\n\r\n    color:#176B3B;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.gmc-title{\r\n    margin:0 0 5px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:21px;\r\n    font-weight:800;\r\n    line-height:1.12;\r\n    letter-spacing:-.5px;\r\n\r\n    color:#14212A !important;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.gmc-description{\r\n    margin:0 0 12px;\r\n\r\n    font-size:11px;\r\n    font-weight:400;\r\n    line-height:1.4;\r\n\r\n    color:#263A32;\r\n}\r\n\r\n\/* =========================================\r\n   CHECKLIST\r\n========================================= *\/\r\n\r\n.gmc-list{\r\n    list-style:none !important;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:5px;\r\n\r\n    margin:0 0 15px !important;\r\n    padding:0 !important;\r\n}\r\n\r\n.gmc-list li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:7px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-size:10.5px;\r\n    font-weight:500;\r\n    line-height:1.35;\r\n\r\n    color:#263A32;\r\n}\r\n\r\n\/* GREEN CHECK ICON *\/\r\n\r\n.gmc-check{\r\n    width:13px;\r\n    height:13px;\r\n    flex:0 0 13px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-top:1px;\r\n\r\n    border-radius:50%;\r\n    background:#087D39;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n.gmc-check svg{\r\n    width:9px;\r\n    height:9px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:2.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* =========================================\r\n   GREEN BUTTON\r\n========================================= *\/\r\n\r\n.gmc-button{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n\r\n    min-height:36px;\r\n    padding:10px 17px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #20AA4C,\r\n        #08763A\r\n    );\r\n\r\n    color:#FFFFFF !important;\r\n    text-decoration:none !important;\r\n\r\n    font-size:10.5px;\r\n    font-weight:700;\r\n    line-height:1.2;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.gmc-button svg{\r\n    width:15px;\r\n    height:15px;\r\n    flex-shrink:0;\r\n\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.gmc-button:hover{\r\n    background:#075F31;\r\n    color:#FFFFFF !important;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .gmc-dual{\r\n        gap:8px;\r\n    }\r\n\r\n    .gmc-card{\r\n        min-height:335px;\r\n    }\r\n\r\n    .gmc-card--quiz{\r\n        background-size:100% 100% !important;\r\n        background-position:center center !important;\r\n    }\r\n\r\n    .gmc-content{\r\n        width:72%;\r\n        padding:20px 0 20px 16px;\r\n    }\r\n\r\n    .gmc-title{\r\n        font-size:18px;\r\n    }\r\n\r\n    .gmc-description{\r\n        font-size:10px;\r\n    }\r\n\r\n    .gmc-list li{\r\n        font-size:9.5px;\r\n    }\r\n\r\n    .gmc-button{\r\n        font-size:9.5px;\r\n        padding:9px 13px;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 CENTER CONTENT\r\n========================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .gmc-dual{\r\n        grid-template-columns:1fr;\r\n        gap:16px;\r\n    }\r\n\r\n    .gmc-card{\r\n        min-height:330px;\r\n        border-radius:12px;\r\n    }\r\n\r\n    \/* LEFT IMAGE *\/\r\n\r\n    .gmc-card--quiz{\r\n        background-size:100% 100% !important;\r\n        background-position:center center !important;\r\n        background-repeat:no-repeat !important;\r\n    }\r\n\r\n    \/* RIGHT IMAGE *\/\r\n\r\n    .gmc-card--challenge{\r\n        background-size:cover;\r\n        background-position:center center;\r\n    }\r\n\r\n    \/* MOBILE OVERLAY *\/\r\n\r\n    .gmc-card::before{\r\n        background:rgba(255,255,255,.84);\r\n    }\r\n\r\n    \/* =====================================\r\n       CONTENT CENTER + TOP SPACE\r\n    ===================================== *\/\r\n\r\n    .gmc-content{\r\n        width:100% !important;\r\n        max-width:100% !important;\r\n\r\n        \/* Top se extra spacing *\/\r\n        padding:32px 16px 22px !important;\r\n\r\n        margin:0 auto !important;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* LABEL *\/\r\n\r\n    .gmc-label{\r\n        width:100%;\r\n        margin:0 0 6px;\r\n\r\n        font-size:10px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* HEADING *\/\r\n\r\n    .gmc-title{\r\n        width:100%;\r\n\r\n        margin:0 auto 7px !important;\r\n\r\n        font-size:18px;\r\n        line-height:1.15;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* DESCRIPTION *\/\r\n\r\n    .gmc-description{\r\n        width:100%;\r\n\r\n        margin:0 auto 15px;\r\n\r\n        font-size:10.5px;\r\n        line-height:1.5;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* =====================================\r\n       CHECKLIST CENTER\r\n    ===================================== *\/\r\n\r\n    .gmc-list{\r\n        width:max-content;\r\n        max-width:100%;\r\n\r\n        margin:0 auto 18px !important;\r\n        padding:0 !important;\r\n\r\n        display:flex;\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n\r\n        gap:7px;\r\n    }\r\n\r\n    .gmc-list li{\r\n        width:100%;\r\n\r\n        display:flex;\r\n        align-items:flex-start;\r\n\r\n        gap:7px;\r\n\r\n        font-size:10px;\r\n        line-height:1.4;\r\n\r\n        text-align:left !important;\r\n    }\r\n\r\n    .gmc-check{\r\n        width:13px;\r\n        height:13px;\r\n        flex:0 0 13px;\r\n\r\n        margin-top:1px;\r\n    }\r\n\r\n    \/* =====================================\r\n       BUTTON CENTER\r\n    ===================================== *\/\r\n\r\n    .gmc-button{\r\n        display:flex;\r\n\r\n        width:max-content;\r\n        max-width:100%;\r\n\r\n        min-height:36px;\r\n\r\n        margin:0 auto !important;\r\n        padding:10px 16px;\r\n\r\n        font-size:10px;\r\n\r\n        text-align:center;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   EXTRA SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .gmc-card{\r\n        min-height:325px;\r\n    }\r\n\r\n    .gmc-content{\r\n        width:100% !important;\r\n\r\n        \/* Top margin\/space *\/\r\n        padding:28px 12px 20px !important;\r\n    }\r\n\r\n    .gmc-title{\r\n        font-size:16px;\r\n    }\r\n\r\n    .gmc-description{\r\n        font-size:9.5px;\r\n    }\r\n\r\n    .gmc-list li{\r\n        font-size:9px;\r\n    }\r\n\r\n    .gmc-button{\r\n        font-size:9px;\r\n        padding:9px 12px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"gmc-dual\">\r\n\r\n    <!-- =====================================\r\n         LEFT CARD \u2014 INTERACTIVE\r\n    ===================================== -->\r\n\r\n    <div class=\"gmc-card gmc-card--quiz\">\r\n\r\n        <div class=\"gmc-content\">\r\n\r\n            <div class=\"gmc-label\">\r\n                INTERACTIVE\r\n            <\/div>\r\n\r\n            <h2 class=\"gmc-title\">\r\n                What Kind of Traveller Are You?\r\n            <\/h2>\r\n\r\n            <p class=\"gmc-description\">\r\n                Take our 60-second Mobility Check.\r\n            <\/p>\r\n\r\n            <ul class=\"gmc-list\">\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    How do you usually travel?\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    How often do you plan your journey before leaving?\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Do you accelerate and brake aggressively?\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Would you choose public transport if it were convenient?\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#\" class=\"gmc-button\">\r\n\r\n                Take the Challenge\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 12h16\"\/>\r\n                    <path d=\"M13 5l7 7-7 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         RIGHT CARD \u2014 ONE JOURNEY CHALLENGE\r\n    ===================================== -->\r\n\r\n    <div class=\"gmc-card gmc-card--challenge\">\r\n\r\n        <div class=\"gmc-content\">\r\n\r\n            <div class=\"gmc-label\">\r\n                ONE JOURNEY CHALLENGE\r\n            <\/div>\r\n\r\n            <h2 class=\"gmc-title\">\r\n                One Journey. One Change.\r\n            <\/h2>\r\n\r\n            <p class=\"gmc-description\">\r\n                You don\u2019t have to change everything today.<br>\r\n                Choose ONE action for your next journey:\r\n            <\/p>\r\n\r\n            <ul class=\"gmc-list\">\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Accelerate gently\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Avoid unnecessary idling\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Plan my route before leaving\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Carpool with someone\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Take public transport\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"gmc-check\">\r\n                        <svg viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 8l3 3 7-7\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    Walk or cycle for a suitable short journey\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#\" class=\"gmc-button\">\r\n\r\n                I Accept the Green Mobility Challenge\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 12h16\"\/>\r\n                    <path d=\"M13 5l7 7-7 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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-1f88caa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1f88caa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-50 elementor-top-column elementor-element elementor-element-b166583 animated-slow elementor-invisible\" data-id=\"b166583\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&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-2f188a3 elementor-widget elementor-widget-html\" data-id=\"2f188a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =====================================\r\n   STORIES ON THE MOVE \u2014 SECTION HEADING\r\n===================================== *\/\r\n\r\n.mr-stories-heading,\r\n.mr-stories-heading *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mr-stories-heading{\r\n    width:100%;\r\n    margin:0;\r\n    padding:10px 0;\r\n\r\n    background:transparent !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    text-align:left;\r\n}\r\n\r\n\/* =====================================\r\n   SMALL GREEN LABEL\r\n===================================== *\/\r\n\r\n.mr-stories-heading .mr-stories-label{\r\n    margin:0 0 5px;\r\n    padding:0;\r\n\r\n    color:#176B3B;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    letter-spacing:.4px;\r\n    text-transform:uppercase;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* =====================================\r\n   MAIN HEADING\r\n===================================== *\/\r\n\r\n.mr-stories-heading .mr-stories-title{\r\n    margin:0 0 5px !important;\r\n    padding:0 !important;\r\n\r\n    color:#14212A !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:27px;\r\n    font-weight:800;\r\n    line-height:1.16;\r\n    letter-spacing:-.6px;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* =====================================\r\n   BOLD SUBHEADING\r\n===================================== *\/\r\n\r\n.mr-stories-heading .mr-stories-subtitle{\r\n    margin:0 0 5px !important;\r\n    padding:0;\r\n\r\n    color:#263A32 !important;\r\n\r\n    font-size:15px;\r\n    font-weight:700;\r\n    line-height:1.4;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* =====================================\r\n   DESCRIPTION\r\n===================================== *\/\r\n\r\n.mr-stories-heading .mr-stories-description{\r\n    margin:0 !important;\r\n    padding:0;\r\n\r\n    color:#35463F !important;\r\n\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.45;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .mr-stories-heading .mr-stories-title{\r\n        font-size:24px;\r\n    }\r\n\r\n    .mr-stories-heading .mr-stories-subtitle{\r\n        font-size:14px;\r\n    }\r\n\r\n    .mr-stories-heading .mr-stories-description{\r\n        font-size:12px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE \u2014 EVERYTHING CENTER\r\n===================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .mr-stories-heading{\r\n        width:100%;\r\n        padding:12px 15px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* LABEL CENTER *\/\r\n\r\n    .mr-stories-heading .mr-stories-label{\r\n        width:100%;\r\n\r\n        margin:0 auto 6px !important;\r\n\r\n        font-size:10px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* MAIN HEADING CENTER *\/\r\n\r\n    .mr-stories-heading .mr-stories-title{\r\n        width:100%;\r\n        max-width:500px;\r\n\r\n        margin:0 auto 8px !important;\r\n\r\n        font-size:22px;\r\n        line-height:1.2;\r\n        letter-spacing:-.4px;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* SUBTITLE CENTER *\/\r\n\r\n    .mr-stories-heading .mr-stories-subtitle{\r\n        width:100%;\r\n        max-width:500px;\r\n\r\n        margin:0 auto 8px !important;\r\n\r\n        font-size:12px;\r\n        line-height:1.45;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* DESCRIPTION CENTER *\/\r\n\r\n    .mr-stories-heading .mr-stories-description{\r\n        width:100%;\r\n        max-width:520px;\r\n\r\n        margin:0 auto !important;\r\n\r\n        font-size:11px;\r\n        line-height:1.55;\r\n\r\n        text-align:center !important;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   EXTRA SMALL MOBILE\r\n===================================== *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .mr-stories-heading{\r\n        padding:10px 10px;\r\n    }\r\n\r\n    .mr-stories-heading .mr-stories-title{\r\n        font-size:20px;\r\n    }\r\n\r\n    .mr-stories-heading .mr-stories-subtitle{\r\n        font-size:11.5px;\r\n    }\r\n\r\n    .mr-stories-heading .mr-stories-description{\r\n        font-size:10.5px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"mr-stories-heading\">\r\n\r\n    <div class=\"mr-stories-label\">\r\n        STORIES ON THE MOVE\r\n    <\/div>\r\n\r\n    <h2 class=\"mr-stories-title\">\r\n        Real Journeys. Real Voices. Greener Choices.\r\n    <\/h2>\r\n\r\n    <p class=\"mr-stories-subtitle\">\r\n        Discover how young Malaysians see the future of mobility.\r\n    <\/p>\r\n\r\n    <p class=\"mr-stories-description\">\r\n        This section can lead to learner stories, reflections,\r\n        short videos, persuasive writing, eco-driving campaigns\r\n        and green-mobility communication activities.\r\n    <\/p>\r\n\r\n<\/div>\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-ca3ecc6\" data-id=\"ca3ecc6\" 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-d895801 elementor-widget elementor-widget-image\" data-id=\"d895801\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/4061646c-95d8-45e8-9544-3edd093adec3-1024x683.png\" class=\"attachment-large size-large wp-image-75\" alt=\"\" srcset=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/4061646c-95d8-45e8-9544-3edd093adec3-1024x683.png 1024w, https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/4061646c-95d8-45e8-9544-3edd093adec3-300x200.png 300w, https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/4061646c-95d8-45e8-9544-3edd093adec3-768x512.png 768w, https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/4061646c-95d8-45e8-9544-3edd093adec3.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-3b400a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3b400a9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-8ad3e1f\" data-id=\"8ad3e1f\" 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-59dff00 elementor-widget elementor-widget-html\" data-id=\"59dff00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =====================================\r\n   GREEN MOBILITY \u2014 FINAL CTA\r\n===================================== *\/\r\n\r\n.celik-final-cta,\r\n.celik-final-cta *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-final-cta{\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n    min-height:350px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:65px 25px;\r\n\r\n    overflow:hidden;\r\n    border-radius:0px;\r\n\r\n    background-image:url(\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/c95a0e3f-f181-4124-9bd6-7345e63ebacb.png\");\r\n\r\n    background-size:cover;\r\n    background-position:center center;\r\n    background-repeat:no-repeat;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n}\r\n\r\n\/* LIGHT OVERLAY FOR TEXT READABILITY *\/\r\n\r\n.celik-final-cta::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.18),\r\n        rgba(255,255,255,.35),\r\n        rgba(255,255,255,.18)\r\n    );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.celik-final-content{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:850px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.celik-final-title{\r\n    margin:0 0 12px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n\r\n    font-size:42px;\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:-1px;\r\n\r\n    color:#14583D !important;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n\r\n.celik-final-subtitle{\r\n    margin:0 0 27px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n\r\n    font-size:15px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n\r\n    color:#263A32 !important;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* WHATSAPP BUTTON *\/\r\n\r\n.celik-whatsapp-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n\r\n    min-height:48px;\r\n\r\n    padding:13px 27px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #20B653,\r\n        #08763A\r\n    );\r\n\r\n    border:1px solid rgba(255,255,255,.25);\r\n    border-radius:50px;\r\n\r\n    color:#FFFFFF !important;\r\n    text-decoration:none !important;\r\n\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    line-height:1.2;\r\n\r\n    box-shadow:0 8px 22px rgba(0,100,50,.20);\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.celik-whatsapp-btn svg{\r\n    width:21px;\r\n    height:21px;\r\n    flex-shrink:0;\r\n\r\n    fill:currentColor;\r\n}\r\n\r\n\/* BUTTON HOVER *\/\r\n\r\n.celik-whatsapp-btn:hover{\r\n    background:#075F31;\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:0 12px 26px rgba(0,100,50,.28);\r\n}\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-final-cta{\r\n        min-height:310px;\r\n        padding:55px 25px;\r\n    }\r\n\r\n    .celik-final-title{\r\n        font-size:34px;\r\n    }\r\n\r\n    .celik-final-subtitle{\r\n        font-size:14px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE\r\n===================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .celik-final-cta{\r\n        min-height:280px;\r\n\r\n        padding:45px 18px;\r\n\r\n        border-radius:0px;\r\n\r\n        background-position:center center;\r\n    }\r\n\r\n    .celik-final-title{\r\n        font-size:27px;\r\n        line-height:1.2;\r\n        letter-spacing:-.5px;\r\n\r\n        margin-bottom:10px !important;\r\n    }\r\n\r\n    .celik-final-subtitle{\r\n        font-size:12px;\r\n\r\n        margin-bottom:23px !important;\r\n    }\r\n\r\n    .celik-whatsapp-btn{\r\n        min-height:43px;\r\n\r\n        padding:11px 20px;\r\n\r\n        font-size:11px;\r\n        gap:9px;\r\n    }\r\n\r\n    .celik-whatsapp-btn svg{\r\n        width:19px;\r\n        height:19px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-final-cta\">\r\n\r\n    <div class=\"celik-final-content\">\r\n\r\n        <!-- MAIN HEADING -->\r\n\r\n        <h2 class=\"celik-final-title\">\r\n            Every Journey Is a Choice.\r\n        <\/h2>\r\n\r\n\r\n        <!-- SUBTITLE -->\r\n\r\n        <p class=\"celik-final-subtitle\">\r\n            Celik Mobiliti Hijau\r\n        <\/p>\r\n\r\n\r\n        <!-- WHATSAPP BUTTON -->\r\n\r\n        <a\r\n            href=\"https:\/\/wa.me\/YOURNUMBER\"\r\n            class=\"celik-whatsapp-btn\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n        >\r\n\r\n            <!-- WHATSAPP ICON -->\r\n\r\n            <svg viewBox=\"0 0 32 32\"\r\n                 aria-hidden=\"true\">\r\n\r\n                <path d=\"M16 .8A15.1 15.1 0 0 0 3 23.6L.9 31l7.6-2A15.2 15.2 0 1 0 16 .8zm0 27.5a12.3 12.3 0 0 1-6.3-1.7l-.5-.3-4.5 1.2 1.2-4.4-.3-.5A12.3 12.3 0 1 1 16 28.3zm6.8-9.2c-.4-.2-2.2-1.1-2.6-1.2-.3-.1-.6-.2-.8.2-.3.4-1 1.2-1.2 1.4-.2.2-.4.3-.8.1-.4-.2-1.6-.6-3-1.9-1.1-1-1.9-2.2-2.1-2.6-.2-.4 0-.6.2-.8l.6-.7.4-.6c.1-.2 0-.5 0-.7l-1.2-2.8c-.3-.7-.6-.6-.8-.6h-.7c-.3 0-.7.1-1 .5s-1.3 1.3-1.3 3.1 1.3 3.1 1.3 3.3 4.7 4.6c.7.3 1.2.5 1.6.7.7.2 1.4.2 1.9.1.6-.1 2.2-.9 2.5-1.8.3-.9.3-1.7.2-1.8-.1-.2-.3-.3-.7-.5z\"\/>\r\n\r\n            <\/svg>\r\n\r\n            Chat with Us on WhatsApp\r\n\r\n        <\/a>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CELIK MOBILITI HIJAU Move Smart. Drive Green. Shape Tomorrow. Every journey leaves a footprint. Whether we drive, ride, walk, cycle, [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":247,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}