{"id":413,"date":"2026-09-24T11:11:00","date_gmt":"2026-09-24T11:11:00","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=413"},"modified":"2026-09-24T11:39:57","modified_gmt":"2026-09-24T11:39:57","slug":"about-us","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/?page_id=413","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"413\" class=\"elementor elementor-413\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2640c12 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"2640c12\" 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-e9458a7\" data-id=\"e9458a7\" 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-fb95329 elementor-widget elementor-widget-html\" data-id=\"fb95329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mtg-scope\">\r\n\r\n<style>\r\n.mtg-scope{\r\n    --mtg-green:#65C917;\r\n    --mtg-green-light:#9BEC63;\r\n    --mtg-white:#FFFFFF;\r\n\r\n    width:100%;\r\n    padding:20px;\r\n    font-family:'Segoe UI',Arial,sans-serif;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mtg-scope *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mtg-scope .mtg-wrap{\r\n    width:100%;\r\n    max-width:650px;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.mtg-scope .mtg-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    margin:0 0 10px;\r\n\r\n    color:var(--mtg-green);\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n    letter-spacing:1.7px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.mtg-scope .mtg-label:before{\r\n    content:\"\";\r\n    width:25px;\r\n    height:2px;\r\n    background:var(--mtg-green);\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.mtg-scope .mtg-title{\r\n    margin:0 0 16px !important;\r\n    padding:0 !important;\r\n\r\n    color:var(--mtg-white) !important;\r\n\r\n    font-size:clamp(32px,4vw,52px);\r\n    font-weight:800;\r\n    line-height:1.12;\r\n    letter-spacing:-1.3px;\r\n}\r\n\r\n\/* GREEN HEADING TEXT *\/\r\n\r\n.mtg-scope .mtg-title .mtg-accent{\r\n    color:var(--mtg-green) !important;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.mtg-scope .mtg-desc{\r\n    max-width:600px;\r\n    margin:0 0 22px !important;\r\n\r\n    color:rgba(255,255,255,.90) !important;\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.75;\r\n}\r\n\r\n\/* TAGLINE *\/\r\n\r\n.mtg-scope .mtg-tagline{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    color:var(--mtg-green-light);\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n    line-height:1.5;\r\n    letter-spacing:1.4px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.mtg-scope .mtg-tagline:before{\r\n    content:\"\";\r\n    width:30px;\r\n    height:2px;\r\n    background:var(--mtg-green);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .mtg-scope .mtg-title{\r\n        font-size:42px;\r\n    }\r\n\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .mtg-scope{\r\n        padding:15px;\r\n    }\r\n\r\n    .mtg-scope .mtg-label{\r\n        font-size:9px;\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n    .mtg-scope .mtg-title{\r\n        margin-bottom:14px !important;\r\n        font-size:34px;\r\n        line-height:1.15;\r\n    }\r\n\r\n    .mtg-scope .mtg-desc{\r\n        font-size:13px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .mtg-scope .mtg-tagline{\r\n        font-size:9px;\r\n        letter-spacing:1.1px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mtg-wrap\">\r\n\r\n    <div class=\"mtg-label\">\r\n        Tentang Kami\r\n    <\/div>\r\n\r\n    <h2 class=\"mtg-title\">\r\n        Moving Towards<br>\r\n        <span class=\"mtg-accent\">\r\n            a Greener Tomorrow.\r\n        <\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"mtg-desc\">\r\n        Discover the purpose behind Celik Mobiliti Hijau and our commitment\r\n        to encouraging smarter, safer and more sustainable everyday\r\n        mobility choices.\r\n    <\/p>\r\n\r\n    <div class=\"mtg-tagline\">\r\n        Small Choices, Brighter Tomorrows.\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cfe2530\" data-id=\"cfe2530\" 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-2610eec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2610eec\" 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-d512342\" data-id=\"d512342\" 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-8c7e293 elementor-widget elementor-widget-html\" data-id=\"8c7e293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n CELIK MOBILITI HIJAU \u2014 WHO WE ARE\r\n Improved Desktop + Tablet + Mobile\r\n========================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-about,\r\n.cmh-about *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-about{\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n    padding:70px 24px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 94% 10%,\r\n            rgba(101,201,23,.10) 0%,\r\n            rgba(101,201,23,0) 25%\r\n        ),\r\n        linear-gradient(\r\n            115deg,\r\n            #ffffff 0%,\r\n            #ffffff 55%,\r\n            #f5fff8 100%\r\n        );\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.cmh-about__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:minmax(0, 43%) minmax(0, 57%);\r\n    gap:65px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.cmh-about__content{\r\n    position:relative;\r\n    z-index:3;\r\n    max-width:540px;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.cmh-about__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    margin:0 0 18px;\r\n\r\n    color:#087B43;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-about__label::before{\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:30px;\r\n    height:2px;\r\n\r\n    flex:0 0 30px;\r\n\r\n    border-radius:20px;\r\n    background:#65C917;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE\r\n========================================= *\/\r\n\r\n.cmh-about__title{\r\n    margin:0 0 22px !important;\r\n    padding:0 !important;\r\n\r\n    color:#14251E !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:46px;\r\n    font-weight:800;\r\n    line-height:1.13;\r\n    letter-spacing:-1.8px;\r\n}\r\n\r\n.cmh-about__title .green{\r\n    color:#087B43 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.cmh-about__description{\r\n    max-width:520px;\r\n}\r\n\r\n.cmh-about__description p{\r\n    margin:0 0 15px !important;\r\n    padding:0 !important;\r\n\r\n    color:#50635A !important;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.8;\r\n}\r\n\r\n.cmh-about__description p:last-child{\r\n    margin-bottom:0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TAGLINE\r\n========================================= *\/\r\n\r\n.cmh-about__tagline{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    margin-top:28px;\r\n\r\n    color:#087B43;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-about__tagline::before{\r\n    content:\"\";\r\n\r\n    width:33px;\r\n    height:2px;\r\n\r\n    flex:0 0 33px;\r\n\r\n    border-radius:20px;\r\n    background:#65C917;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT VISUAL\r\n========================================= *\/\r\n\r\n.cmh-about__visual{\r\n    position:relative;\r\n    width:100%;\r\n    min-width:0;\r\n}\r\n\r\n\r\n\/* IMAGE HOLDER *\/\r\n\r\n.cmh-about__image{\r\n    position:relative;\r\n\r\n    width:100%;\r\n    overflow:hidden;\r\n\r\n    border-radius:\r\n        18px\r\n        85px\r\n        85px\r\n        130px;\r\n\r\n    box-shadow:\r\n        0 22px 55px rgba(0,77,61,.10);\r\n\r\n    background:#EFFFF3;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.cmh-about__image img{\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:410px;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    transition:\r\n        transform .6s ease,\r\n        filter .6s ease;\r\n}\r\n\r\n.cmh-about__visual:hover\r\n.cmh-about__image img{\r\n    transform:scale(1.025);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MESSAGE CARD\r\n========================================= *\/\r\n\r\n.cmh-about__message{\r\n    position:absolute;\r\n\r\n    right:22px;\r\n    bottom:22px;\r\n\r\n    z-index:4;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    width:220px;\r\n\r\n    padding:15px 17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(8,123,67,.15);\r\n\r\n    border-radius:18px;\r\n\r\n    background:\r\n        rgba(242,255,247,.94);\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(0,77,61,.13);\r\n\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEAF ICON\r\n========================================= *\/\r\n\r\n.cmh-about__leaf{\r\n    position:relative;\r\n\r\n    width:43px;\r\n    height:43px;\r\n\r\n    flex:0 0 43px;\r\n\r\n    border-radius:\r\n        5px 75% 5px 75%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #65C917 0%,\r\n            #087B43 100%\r\n        );\r\n\r\n    transform:rotate(-8deg);\r\n\r\n    box-shadow:\r\n        0 6px 15px\r\n        rgba(8,123,67,.16);\r\n}\r\n\r\n.cmh-about__leaf::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:8px;\r\n    top:21px;\r\n\r\n    width:28px;\r\n    height:1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.9);\r\n\r\n    transform:rotate(-42deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MESSAGE TEXT\r\n========================================= *\/\r\n\r\n.cmh-about__message-text{\r\n    color:#1A4E34;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n    line-height:1.55;\r\n}\r\n\r\n.cmh-about__message-text strong{\r\n    display:block;\r\n\r\n    color:#087B43;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL DECORATION\r\n========================================= *\/\r\n\r\n.cmh-about__dot{\r\n    position:absolute;\r\n\r\n    right:-55px;\r\n    top:-55px;\r\n\r\n    width:150px;\r\n    height:150px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101,201,23,.10),\r\n            rgba(101,201,23,0) 68%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LAPTOP\r\n========================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n    .cmh-about{\r\n        padding:65px 28px;\r\n    }\r\n\r\n    .cmh-about__container{\r\n        grid-template-columns:\r\n            minmax(0,45%)\r\n            minmax(0,55%);\r\n\r\n        gap:42px;\r\n    }\r\n\r\n    .cmh-about__title{\r\n        font-size:41px;\r\n    }\r\n\r\n    .cmh-about__image img{\r\n        height:370px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:991px){\r\n\r\n    .cmh-about{\r\n        padding:60px 25px;\r\n    }\r\n\r\n    .cmh-about__container{\r\n        grid-template-columns:1fr 1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    .cmh-about__title{\r\n        font-size:35px;\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n    .cmh-about__description p{\r\n        font-size:13px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .cmh-about__image{\r\n        border-radius:\r\n            16px 55px 55px 75px;\r\n    }\r\n\r\n    .cmh-about__image img{\r\n        height:330px;\r\n    }\r\n\r\n    .cmh-about__message{\r\n        right:12px;\r\n        bottom:12px;\r\n\r\n        width:190px;\r\n\r\n        padding:12px;\r\n    }\r\n\r\n    .cmh-about__leaf{\r\n        width:35px;\r\n        height:35px;\r\n        flex-basis:35px;\r\n    }\r\n\r\n    .cmh-about__leaf::after{\r\n        left:6px;\r\n        top:17px;\r\n        width:23px;\r\n    }\r\n\r\n    .cmh-about__message-text{\r\n        font-size:10px;\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    .cmh-about{\r\n        padding:48px 18px;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #FFFFFF 0%,\r\n                #FFFFFF 58%,\r\n                #F5FFF8 100%\r\n            );\r\n    }\r\n\r\n    .cmh-about__container{\r\n        display:flex;\r\n        flex-direction:column;\r\n\r\n        gap:32px;\r\n    }\r\n\r\n    .cmh-about__content{\r\n        width:100%;\r\n        max-width:none;\r\n    }\r\n\r\n    .cmh-about__label{\r\n        margin-bottom:13px;\r\n\r\n        font-size:9px;\r\n        letter-spacing:1.6px;\r\n    }\r\n\r\n    .cmh-about__label::before{\r\n        width:24px;\r\n        flex-basis:24px;\r\n    }\r\n\r\n    .cmh-about__title{\r\n        margin-bottom:18px !important;\r\n\r\n        font-size:34px;\r\n        line-height:1.13;\r\n        letter-spacing:-1.1px;\r\n    }\r\n\r\n    .cmh-about__description{\r\n        max-width:none;\r\n    }\r\n\r\n    .cmh-about__description p{\r\n        margin-bottom:13px !important;\r\n\r\n        font-size:13px;\r\n        line-height:1.72;\r\n    }\r\n\r\n    .cmh-about__tagline{\r\n        margin-top:21px;\r\n\r\n        font-size:9px;\r\n        letter-spacing:1.2px;\r\n    }\r\n\r\n    .cmh-about__visual{\r\n        width:100%;\r\n    }\r\n\r\n    .cmh-about__image{\r\n        border-radius:\r\n            15px 45px 45px 55px;\r\n    }\r\n\r\n    .cmh-about__image img{\r\n        width:100%;\r\n        height:auto;\r\n\r\n        min-height:240px;\r\n\r\n        object-fit:cover;\r\n        object-position:center;\r\n    }\r\n\r\n    \/* CARD IS NO LONGER OVER IMAGE *\/\r\n\r\n    .cmh-about__message{\r\n        position:relative;\r\n\r\n        right:auto;\r\n        bottom:auto;\r\n\r\n        width:calc(100% - 28px);\r\n\r\n        margin:\r\n            -20px auto 0;\r\n\r\n        padding:13px 16px;\r\n\r\n        border-radius:15px;\r\n    }\r\n\r\n    .cmh-about__leaf{\r\n        width:38px;\r\n        height:38px;\r\n\r\n        flex-basis:38px;\r\n    }\r\n\r\n    .cmh-about__leaf::after{\r\n        left:7px;\r\n        top:19px;\r\n\r\n        width:25px;\r\n    }\r\n\r\n    .cmh-about__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   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n    .cmh-about{\r\n        padding:\r\n            42px 16px\r\n            46px;\r\n    }\r\n\r\n    .cmh-about__title{\r\n        font-size:30px;\r\n    }\r\n\r\n    .cmh-about__image img{\r\n        min-height:210px;\r\n    }\r\n\r\n    .cmh-about__tagline{\r\n        align-items:flex-start;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-about\">\r\n\r\n    <div class=\"cmh-about__container\">\r\n\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"cmh-about__content\">\r\n\r\n            <div class=\"cmh-about__label\">\r\n                WHO WE ARE\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"cmh-about__title\">\r\n\r\n                Celik Mobiliti Hijau\r\n\r\n                <br>\r\n\r\n                <span class=\"green\">\r\n                    for a Cleaner,\r\n                <\/span>\r\n\r\n                <br>\r\n\r\n                <span class=\"green\">\r\n                    Smarter Tomorrow.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"cmh-about__description\">\r\n\r\n                <p>\r\n                    Celik Mobiliti Hijau is an educational\r\n                    initiative dedicated to raising awareness\r\n                    about sustainable mobility and\r\n                    eco-friendly travel choices.\r\n                <\/p>\r\n\r\n                <p>\r\n                    We provide easy-to-understand information,\r\n                    practical tips and engaging learning resources\r\n                    to help students, educators and the wider\r\n                    community make better mobility decisions\r\n                    for a greener and healthier future.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cmh-about__tagline\">\r\n                Small Choices. Brighter Tomorrows.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n\r\n        <div class=\"cmh-about__visual\">\r\n\r\n            <div class=\"cmh-about__dot\"><\/div>\r\n\r\n\r\n            <div class=\"cmh-about__image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/b3321b94-1a53-4dce-b7e3-4c4c17f24df9-1.png\"\r\n                    alt=\"Celik Mobiliti Hijau sustainable mobility\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MESSAGE -->\r\n\r\n            <div class=\"cmh-about__message\">\r\n\r\n                <div\r\n                    class=\"cmh-about__leaf\"\r\n                    aria-hidden=\"true\">\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cmh-about__message-text\">\r\n\r\n                    People.\r\n\r\n                    <strong>\r\n                        Knowledge.\r\n                    <\/strong>\r\n\r\n                    Greener Journeys.\r\n\r\n                <\/div>\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-e6c4061 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e6c4061\" 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-233f57f\" data-id=\"233f57f\" 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-35074a1 elementor-widget elementor-widget-html\" data-id=\"35074a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"egj-scope\">\r\n<style>\r\n  .egj-scope{\r\n    --egj-green:#1a7a3c;\r\n    --egj-green-dark:#0f5c2b;\r\n    --egj-text:#1c1c1c;\r\n    --egj-muted:#5a5a5a;\r\n    --egj-bg:#eef7f0;\r\n    font-family:'Segoe UI', Arial, sans-serif;\r\n    box-sizing:border-box;\r\n    background:var(--egj-bg);\r\n    padding:32px 24px;\r\n    border-radius:14px;\r\n  }\r\n  .egj-scope *{\r\n    box-sizing:border-box;\r\n  }\r\n  .egj-scope .egj-wrap{\r\n    max-width:1100px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:0.9fr 1.1fr 0.9fr;\r\n    gap:28px;\r\n    align-items:center;\r\n  }\r\n  @media (max-width:800px){\r\n    .egj-scope .egj-wrap{grid-template-columns:1fr;}\r\n  }\r\n  .egj-scope .egj-img{\r\n    width:100%;\r\n    aspect-ratio:4\/3;\r\n    object-fit:cover;\r\n    border-radius:12px;\r\n    display:block;\r\n  }\r\n  .egj-scope .egj-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin:0 0 8px;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:1.5px;\r\n    color:var(--egj-green);\r\n    text-transform:uppercase;\r\n  }\r\n  .egj-scope .egj-label::before{\r\n    content:\"\";\r\n    width:18px;\r\n    height:2px;\r\n    background:var(--egj-green);\r\n    display:inline-block;\r\n  }\r\n  .egj-scope .egj-title{\r\n    margin:0 0 12px;\r\n    font-size:24px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    color:var(--egj-text);\r\n  }\r\n  .egj-scope .egj-title .egj-accent{\r\n    color:var(--egj-green);\r\n  }\r\n  .egj-scope .egj-desc{\r\n    margin:0;\r\n    font-size:13px;\r\n    line-height:1.7;\r\n    color:var(--egj-muted);\r\n  }\r\n  .egj-scope .egj-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:18px;\r\n    position:relative;\r\n  }\r\n  .egj-scope .egj-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    position:relative;\r\n  }\r\n  .egj-scope .egj-item:not(:last-child)::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:16px;\r\n    top:34px;\r\n    width:2px;\r\n    height:calc(100% + 4px);\r\n    background:#c9e5d1;\r\n  }\r\n  .egj-scope .egj-icon{\r\n    flex:0 0 auto;\r\n    width:32px;\r\n    height:32px;\r\n    border-radius:50%;\r\n    background:var(--egj-green);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    z-index:1;\r\n  }\r\n  .egj-scope .egj-icon svg{\r\n    width:16px;\r\n    height:16px;\r\n    stroke:#fff;\r\n    fill:none;\r\n    stroke-width:2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n  }\r\n  .egj-scope .egj-item h4{\r\n    margin:2px 0 4px;\r\n    font-size:13.5px;\r\n    font-weight:700;\r\n    color:var(--egj-text);\r\n  }\r\n  .egj-scope .egj-item p{\r\n    margin:0;\r\n    font-size:12px;\r\n    line-height:1.5;\r\n    color:var(--egj-muted);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"egj-wrap\">\r\n\r\n  <img decoding=\"async\" class=\"egj-img\" src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/46f1f401-6d2b-4942-abb5-dd7ce09df15a.png\" alt=\"Hands holding a growing plant\">\r\n\r\n  <div class=\"egj-content\">\r\n    <div class=\"egj-label\">Our Story<\/div>\r\n    <h2 class=\"egj-title\">Every Greener Journey<br><span class=\"egj-accent\">Begins With Awareness.<\/span><\/h2>\r\n    <p class=\"egj-desc\">Celik Mobiliti Hijau was created with a simple belief \u2014 that better journeys start with better choices. Inspired by the need for a cleaner environment and a more sustainable future, this initiative brings together education, awareness and practical action to promote greener mobility for all.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"egj-list\">\r\n\r\n    <div class=\"egj-item\">\r\n      <div class=\"egj-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9.5 21h5M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.9v.7h5v-.7c0-.8.4-1.5 1-1.9A6 6 0 0 0 12 3z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h4>The Idea<\/h4>\r\n        <p>A vision to raise awareness about sustainable mobility.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"egj-item\">\r\n      <div class=\"egj-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 5c2-1 5-1 8 0v14c-3-1-6-1-8 0zM20 5c-2-1-5-1-8 0v14c3-1 6-1 8 0z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h4>The Development<\/h4>\r\n        <p>Creating educational resources and practical guidance.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"egj-item\">\r\n      <div class=\"egj-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M2 20c0-3.3 3-6 7-6s7 2.7 7 6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.3\"\/><path d=\"M15.5 13.2c2.7.4 4.5 2.6 4.5 5.3\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h4>The Impact<\/h4>\r\n        <p>Empowering students and communities to make greener choices.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\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-387d00f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"387d00f\" 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-cd597cf\" data-id=\"cd597cf\" 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-fdf7c53 elementor-widget elementor-widget-html\" data-id=\"fdf7c53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pv-scope\">\r\n<style>\r\n  .pv-scope{\r\n    --pv-green:#1a7a3c;\r\n    --pv-green-dark:#0f5c2b;\r\n    --pv-text:#1c1c1c;\r\n    --pv-muted:#5a5a5a;\r\n    font-family:'Segoe UI', Arial, sans-serif;\r\n    box-sizing:border-box;\r\n    padding:24px;\r\n  }\r\n  .pv-scope *{\r\n    box-sizing:border-box;\r\n  }\r\n  .pv-scope .pv-wrap{\r\n    max-width:1000px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr 1fr;\r\n    gap:20px;\r\n    align-items:center;\r\n  }\r\n  @media (max-width:750px){\r\n    .pv-scope .pv-wrap{grid-template-columns:1fr;}\r\n  }\r\n  .pv-scope .pv-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin:0 0 8px;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:1.5px;\r\n    color:var(--pv-green);\r\n    text-transform:uppercase;\r\n  }\r\n  .pv-scope .pv-label::before{\r\n    content:\"\";\r\n    width:18px;\r\n    height:2px;\r\n    background:var(--pv-green);\r\n    display:inline-block;\r\n  }\r\n  .pv-scope .pv-title{\r\n    margin:0;\r\n    font-size:24px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    color:var(--pv-text);\r\n  }\r\n  .pv-scope .pv-title .pv-accent{\r\n    color:var(--pv-green);\r\n  }\r\n  .pv-scope .pv-card{\r\n    background:#eef7f0;\r\n    border:1px solid #d9ecdf;\r\n    border-radius:10px;\r\n    padding:16px 18px;\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n  }\r\n  .pv-scope .pv-icon{\r\n    flex:0 0 auto;\r\n    width:32px;\r\n    height:32px;\r\n    border-radius:50%;\r\n    background:#ffffff;\r\n    border:1.5px solid var(--pv-green);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n  .pv-scope .pv-icon svg{\r\n    width:16px;\r\n    height:16px;\r\n    stroke:var(--pv-green);\r\n    fill:none;\r\n    stroke-width:2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n  }\r\n  .pv-scope .pv-icon svg.pv-fill{\r\n    fill:var(--pv-green);\r\n    stroke:none;\r\n  }\r\n  .pv-scope .pv-card h4{\r\n    margin:0 0 4px;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    color:var(--pv-text);\r\n  }\r\n  .pv-scope .pv-card p{\r\n    margin:0;\r\n    font-size:11.5px;\r\n    line-height:1.5;\r\n    color:var(--pv-muted);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pv-wrap\">\r\n\r\n  <div class=\"pv-intro\">\r\n    <div class=\"pv-label\">Our Purpose &amp; Vision<\/div>\r\n    <h2 class=\"pv-title\">Guiding Today for <span class=\"pv-accent\">a Healthier Tomorrow.<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"pv-card\">\r\n    <div class=\"pv-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.2\" fill=\"var(--pv-green)\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <h4>Our Purpose<\/h4>\r\n      <p>To encourage practical, informed and greener everyday travel choices through education and awareness.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pv-card\">\r\n    <div class=\"pv-icon\">\r\n      <svg class=\"pv-fill\" viewBox=\"0 0 24 24\"><path d=\"M12 22c-5-3-8-7-8-13A9 9 0 0 1 21 3c0 8-4 13-9 19z\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <h4>Our Vision<\/h4>\r\n      <p>A future where more people understand and practise sustainable mobility for a cleaner, healthier and brighter tomorrow.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\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-9aba8a4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9aba8a4\" 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-4fd050a\" data-id=\"4fd050a\" 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-d3dbea4 elementor-widget elementor-widget-html\" data-id=\"d3dbea4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================\r\n CELIK MOBILITI HIJAU \u2014 WHAT WE FOCUS ON\r\n Desktop + Tablet + Mobile Responsive\r\n================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-focus,\r\n.cmh-focus *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-focus{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:75px 24px 80px;\r\n\r\n    background:\r\n        radial-gradient(circle at 10% 10%,\r\n        rgba(101,201,23,.06),\r\n        transparent 28%),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFFFF 0%,\r\n            #F8FFFB 100%\r\n        );\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CONTAINER\r\n================================ *\/\r\n\r\n.cmh-focus__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   TOP AREA\r\n================================ *\/\r\n\r\n.cmh-focus__top{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(300px,.75fr);\r\n\r\n    align-items:end;\r\n\r\n    gap:60px;\r\n\r\n    margin-bottom:35px;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   SMALL LABEL\r\n================================ *\/\r\n\r\n.cmh-focus__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    margin:0 0 13px;\r\n\r\n    color:#17472F;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n\r\n    letter-spacing:1.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-focus__label::before{\r\n    content:\"\";\r\n\r\n    width:30px;\r\n    height:2px;\r\n\r\n    flex:0 0 30px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#65C917;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   HEADING\r\n================================ *\/\r\n\r\n.cmh-focus__title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#14251E !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:42px;\r\n    font-weight:800;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.cmh-focus__title .green{\r\n    display:block;\r\n\r\n    color:#087B43 !important;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   TOP DESCRIPTION\r\n================================ *\/\r\n\r\n.cmh-focus__intro{\r\n    max-width:440px;\r\n\r\n    margin:0 0 5px auto;\r\n\r\n    color:#617068;\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CARDS GRID\r\n================================ *\/\r\n\r\n.cmh-focus__grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:18px;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CARD\r\n================================ *\/\r\n\r\n.cmh-focus__card{\r\n    position:relative;\r\n\r\n    min-height:190px;\r\n\r\n    padding:25px 22px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid transparent;\r\n\r\n    border-radius:16px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.cmh-focus__card:hover{\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 18px 38px\r\n        rgba(20,60,40,.10);\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CARD COLOURS\r\n================================ *\/\r\n\r\n\/* GREEN *\/\r\n\r\n.cmh-focus__card--green{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #F3FFF5,\r\n            #F8FFFA\r\n        );\r\n\r\n    border-color:#CBECD2;\r\n}\r\n\r\n\r\n\/* ORANGE *\/\r\n\r\n.cmh-focus__card--orange{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFF9E9,\r\n            #FFFDF5\r\n        );\r\n\r\n    border-color:#F1DFA5;\r\n}\r\n\r\n\r\n\/* BLUE *\/\r\n\r\n.cmh-focus__card--blue{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #F1F9FF,\r\n            #F7FCFF\r\n        );\r\n\r\n    border-color:#BCDDF6;\r\n}\r\n\r\n\r\n\/* PURPLE *\/\r\n\r\n.cmh-focus__card--purple{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FAF4FF,\r\n            #FDF9FF\r\n        );\r\n\r\n    border-color:#DEC8F1;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CARD INNER\r\n================================ *\/\r\n\r\n.cmh-focus__card-inner{\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:16px;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   ICON BOX\r\n================================ *\/\r\n\r\n.cmh-focus__icon{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:58px;\r\n    height:58px;\r\n\r\n    flex:0 0 58px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#FFFFFF;\r\n\r\n    box-shadow:\r\n        0 7px 18px\r\n        rgba(0,0,0,.05);\r\n}\r\n\r\n\r\n\/* ICON SVG *\/\r\n\r\n.cmh-focus__icon svg{\r\n    width:34px;\r\n    height:34px;\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CARD CONTENT\r\n================================ *\/\r\n\r\n.cmh-focus__card-content{\r\n    padding-top:4px;\r\n}\r\n\r\n\r\n\/* CARD TITLE *\/\r\n\r\n.cmh-focus__card-title{\r\n    margin:0 0 10px !important;\r\n\r\n    color:#172B21 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:15px;\r\n    font-weight:800;\r\n\r\n    line-height:1.35;\r\n}\r\n\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.cmh-focus__card-text{\r\n    margin:0 !important;\r\n\r\n    color:#68736D !important;\r\n\r\n    font-size:12px;\r\n    font-weight:400;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   DECORATIVE GLOW\r\n================================ *\/\r\n\r\n.cmh-focus__card::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:90px;\r\n    height:90px;\r\n\r\n    right:-35px;\r\n    bottom:-40px;\r\n\r\n    border-radius:50%;\r\n\r\n    opacity:.08;\r\n}\r\n\r\n.cmh-focus__card--green::after{\r\n    background:#65C917;\r\n}\r\n\r\n.cmh-focus__card--orange::after{\r\n    background:#FFB000;\r\n}\r\n\r\n.cmh-focus__card--blue::after{\r\n    background:#178DFF;\r\n}\r\n\r\n.cmh-focus__card--purple::after{\r\n    background:#8535C8;\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    .cmh-focus{\r\n        padding:65px 24px;\r\n    }\r\n\r\n    .cmh-focus__top{\r\n        grid-template-columns:1fr 1fr;\r\n\r\n        gap:35px;\r\n\r\n        margin-bottom:30px;\r\n    }\r\n\r\n    .cmh-focus__title{\r\n        font-size:36px;\r\n    }\r\n\r\n    .cmh-focus__grid{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    .cmh-focus__card{\r\n        min-height:170px;\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    .cmh-focus{\r\n        padding:50px 18px;\r\n    }\r\n\r\n    .cmh-focus__top{\r\n        display:block;\r\n\r\n        margin-bottom:27px;\r\n    }\r\n\r\n    .cmh-focus__label{\r\n        margin-bottom:12px;\r\n\r\n        font-size:9px;\r\n\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .cmh-focus__label::before{\r\n        width:24px;\r\n        flex-basis:24px;\r\n    }\r\n\r\n    .cmh-focus__title{\r\n        font-size:32px;\r\n\r\n        line-height:1.1;\r\n\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .cmh-focus__intro{\r\n        max-width:none;\r\n\r\n        margin:\r\n            18px 0 0;\r\n\r\n        font-size:13px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n    .cmh-focus__grid{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:13px;\r\n    }\r\n\r\n    .cmh-focus__card{\r\n        min-height:0;\r\n\r\n        padding:21px 18px;\r\n\r\n        border-radius:14px;\r\n    }\r\n\r\n    .cmh-focus__icon{\r\n        width:52px;\r\n        height:52px;\r\n\r\n        flex-basis:52px;\r\n    }\r\n\r\n    .cmh-focus__icon svg{\r\n        width:30px;\r\n        height:30px;\r\n    }\r\n\r\n    .cmh-focus__card-title{\r\n        margin-bottom:7px !important;\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n    .cmh-focus__card-text{\r\n        font-size:12px;\r\n\r\n        line-height:1.6;\r\n    }\r\n}\r\n\r\n\r\n\/* ===============================\r\n   SMALL MOBILE\r\n================================ *\/\r\n\r\n@media(max-width:420px){\r\n\r\n    .cmh-focus{\r\n        padding:\r\n            44px 15px;\r\n    }\r\n\r\n    .cmh-focus__title{\r\n        font-size:29px;\r\n    }\r\n\r\n    .cmh-focus__card{\r\n        padding:18px 15px;\r\n    }\r\n\r\n    .cmh-focus__card-inner{\r\n        gap:13px;\r\n    }\r\n\r\n    .cmh-focus__icon{\r\n        width:46px;\r\n        height:46px;\r\n\r\n        flex-basis:46px;\r\n    }\r\n\r\n    .cmh-focus__icon svg{\r\n        width:27px;\r\n        height:27px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-focus\">\r\n\r\n<div class=\"cmh-focus__container\">\r\n\r\n\r\n    <!-- ===============================\r\n         TOP CONTENT\r\n    ================================ -->\r\n\r\n    <div class=\"cmh-focus__top\">\r\n\r\n\r\n        <div>\r\n\r\n            <div class=\"cmh-focus__label\">\r\n                WHAT WE FOCUS ON\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"cmh-focus__title\">\r\n\r\n                Building Knowledge.\r\n\r\n                <span class=\"green\">\r\n                    Inspiring Action.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"cmh-focus__intro\">\r\n            We focus on key areas that help create\r\n            a more sustainable and responsible\r\n            mobility culture.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===============================\r\n         CARDS\r\n    ================================ -->\r\n\r\n    <div class=\"cmh-focus__grid\">\r\n\r\n\r\n        <!-- GREEN MOBILITY -->\r\n\r\n        <div class=\"cmh-focus__card cmh-focus__card--green\">\r\n\r\n            <div class=\"cmh-focus__card-inner\">\r\n\r\n                <div class=\"cmh-focus__icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            fill=\"#45B719\"\r\n                            d=\"M54 8C31 9 15 20 11 39c-2 8 2 14 8 16 8 3 17-2 22-9 7-10 9-23 13-38z\"\/>\r\n\r\n                        <path\r\n                            d=\"M14 51C23 38 33 29 47 18\"\r\n                            fill=\"none\"\r\n                            stroke=\"#087B43\"\r\n                            stroke-width=\"3\"\r\n                            stroke-linecap=\"round\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cmh-focus__card-content\">\r\n\r\n                    <h3 class=\"cmh-focus__card-title\">\r\n                        Green Mobility\r\n                    <\/h3>\r\n\r\n                    <p class=\"cmh-focus__card-text\">\r\n                        Promote low-emission and\r\n                        environmentally friendly\r\n                        travel choices.\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        <!-- ECO DRIVING -->\r\n\r\n        <div class=\"cmh-focus__card cmh-focus__card--orange\">\r\n\r\n            <div class=\"cmh-focus__card-inner\">\r\n\r\n                <div class=\"cmh-focus__icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            fill=\"#F6A900\"\r\n                            d=\"M17 25l5-11c1-3 4-5 7-5h7c3 0 6 2 7 5l5 11 5 4v17c0 3-2 5-5 5h-2v5h-7v-5H25v5h-7v-5h-2c-3 0-5-2-5-5V29l6-4zm7-8-3 8h22l-3-8c-.5-1-2-2-3-2H27c-1 0-2 .5-3 2z\"\/>\r\n\r\n                        <circle\r\n                            cx=\"21\"\r\n                            cy=\"37\"\r\n                            r=\"4\"\r\n                            fill=\"#fff\"\/>\r\n\r\n                        <circle\r\n                            cx=\"43\"\r\n                            cy=\"37\"\r\n                            r=\"4\"\r\n                            fill=\"#fff\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cmh-focus__card-content\">\r\n\r\n                    <h3 class=\"cmh-focus__card-title\">\r\n                        Eco-Driving\r\n                    <\/h3>\r\n\r\n                    <p class=\"cmh-focus__card-text\">\r\n                        Share safe and efficient\r\n                        driving habits for a\r\n                        cleaner environment.\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        <!-- EDUCATION -->\r\n\r\n        <div class=\"cmh-focus__card cmh-focus__card--blue\">\r\n\r\n            <div class=\"cmh-focus__card-inner\">\r\n\r\n                <div class=\"cmh-focus__icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M9 13c9-2 16 0 23 5v34c-7-5-14-7-23-5V13zm46 0c-9-2-16 0-23 5v34c7-5 14-7 23-5V13z\"\r\n                            fill=\"none\"\r\n                            stroke=\"#168BFF\"\r\n                            stroke-width=\"4\"\r\n                            stroke-linejoin=\"round\"\/>\r\n\r\n                        <path\r\n                            d=\"M32 18v34\"\r\n                            stroke=\"#168BFF\"\r\n                            stroke-width=\"3\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cmh-focus__card-content\">\r\n\r\n                    <h3 class=\"cmh-focus__card-title\">\r\n                        Education &amp; Awareness\r\n                    <\/h3>\r\n\r\n                    <p class=\"cmh-focus__card-text\">\r\n                        Provide engaging learning\r\n                        materials for students\r\n                        and educators.\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        <!-- COMMUNITY -->\r\n\r\n        <div class=\"cmh-focus__card cmh-focus__card--purple\">\r\n\r\n            <div class=\"cmh-focus__card-inner\">\r\n\r\n                <div class=\"cmh-focus__icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         aria-hidden=\"true\">\r\n\r\n                        <circle cx=\"32\" cy=\"18\"\r\n                                r=\"9\"\r\n                                fill=\"#8236C5\"\/>\r\n\r\n                        <circle cx=\"15\" cy=\"24\"\r\n                                r=\"7\"\r\n                                fill=\"#8236C5\"\/>\r\n\r\n                        <circle cx=\"49\" cy=\"24\"\r\n                                r=\"7\"\r\n                                fill=\"#8236C5\"\/>\r\n\r\n                        <path\r\n                            fill=\"#8236C5\"\r\n                            d=\"M19 52V40c0-8 6-14 13-14s13 6 13 14v12H19zm-15 0V41c0-7 5-12 11-12 3 0 5 1 7 3-4 4-6 9-6 15v5H4zm44 0v-5c0-6-2-11-6-15 2-2 4-3 7-3 6 0 11 5 11 12v11H48z\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cmh-focus__card-content\">\r\n\r\n                    <h3 class=\"cmh-focus__card-title\">\r\n                        Community Engagement\r\n                    <\/h3>\r\n\r\n                    <p class=\"cmh-focus__card-text\">\r\n                        Encourage positive\r\n                        participation in building\r\n                        a greener future together.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\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-2142ec0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2142ec0\" 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-89d05f3\" data-id=\"89d05f3\" 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-694e87e elementor-widget elementor-widget-html\" data-id=\"694e87e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==============================================\r\n CELIK MOBILITI HIJAU \u2014 OUR IMPACT IN NUMBERS\r\n Responsive: Desktop \/ Tablet \/ Mobile\r\n=============================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-impact,\r\n.cmh-impact *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-impact{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:65px 24px 58px;\r\n\r\n    background:\r\n        radial-gradient(circle at 4% 70%, rgba(101,201,23,.06), transparent 20%),\r\n        linear-gradient(180deg,#FFFFFF 0%,#FBFFFC 100%);\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n.cmh-impact__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TOP ROW\r\n========================= *\/\r\n\r\n.cmh-impact__top{\r\n    display:grid;\r\n    grid-template-columns:1fr .9fr;\r\n    align-items:end;\r\n    gap:70px;\r\n\r\n    margin-bottom:38px;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.cmh-impact__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    margin:0 0 12px;\r\n\r\n    color:#17472F;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n\r\n    letter-spacing:1.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cmh-impact__label::before{\r\n    content:\"\";\r\n\r\n    width:30px;\r\n    height:2px;\r\n    flex:0 0 30px;\r\n\r\n    border-radius:20px;\r\n    background:#65C917;\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.cmh-impact__title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#14251E !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:38px;\r\n    font-weight:800;\r\n    line-height:1.12;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n\r\n\/* INTRO TEXT *\/\r\n\r\n.cmh-impact__intro{\r\n    width:100%;\r\n    max-width:440px;\r\n\r\n    margin:0 0 4px auto;\r\n\r\n    color:#65736B;\r\n\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================\r\n   IMPACT ITEMS\r\n========================= *\/\r\n\r\n.cmh-impact__items{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* SINGLE ITEM *\/\r\n\r\n.cmh-impact__item{\r\n    position:relative;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:17px;\r\n\r\n    min-height:90px;\r\n\r\n    padding:\r\n        10px 30px\r\n        10px 22px;\r\n}\r\n\r\n\r\n\/* DIVIDERS *\/\r\n\r\n.cmh-impact__item:not(:last-child)::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:12%;\r\n\r\n    width:1px;\r\n    height:76%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent,\r\n            #D6E0DA 18%,\r\n            #D6E0DA 82%,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================\r\n   ICON AREA\r\n========================= *\/\r\n\r\n.cmh-impact__icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:58px;\r\n    height:58px;\r\n\r\n    flex:0 0 58px;\r\n\r\n    color:#087B43;\r\n}\r\n\r\n\r\n\/* SVG *\/\r\n\r\n.cmh-impact__icon svg{\r\n    display:block;\r\n\r\n    width:48px;\r\n    height:48px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ITEM TEXT\r\n========================= *\/\r\n\r\n.cmh-impact__content{\r\n    min-width:0;\r\n}\r\n\r\n.cmh-impact__item-title{\r\n    margin:0 0 3px !important;\r\n\r\n    color:#163528 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n}\r\n\r\n.cmh-impact__item-text{\r\n    margin:0 !important;\r\n\r\n    color:#69766F !important;\r\n\r\n    font-size:11px;\r\n    font-weight:400;\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HOVER\r\n========================= *\/\r\n\r\n.cmh-impact__item{\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.cmh-impact__item:hover{\r\n    transform:translateY(-3px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(101,201,23,.035),\r\n            rgba(8,123,67,.025)\r\n        );\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    .cmh-impact{\r\n        padding:60px 24px;\r\n    }\r\n\r\n    .cmh-impact__top{\r\n        gap:35px;\r\n        margin-bottom:30px;\r\n    }\r\n\r\n    .cmh-impact__title{\r\n        font-size:34px;\r\n    }\r\n\r\n    .cmh-impact__items{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:0;\r\n    }\r\n\r\n    .cmh-impact__item{\r\n        padding:22px;\r\n    }\r\n\r\n    .cmh-impact__item:nth-child(2)::after{\r\n        display:none;\r\n    }\r\n\r\n    .cmh-impact__item:nth-child(-n+2){\r\n        border-bottom:\r\n            1px solid #E5ECE8;\r\n    }\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    .cmh-impact{\r\n        padding:50px 18px;\r\n    }\r\n\r\n    .cmh-impact__top{\r\n        display:block;\r\n\r\n        margin-bottom:28px;\r\n    }\r\n\r\n    .cmh-impact__label{\r\n        margin-bottom:11px;\r\n\r\n        font-size:9px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .cmh-impact__label::before{\r\n        width:24px;\r\n        flex-basis:24px;\r\n    }\r\n\r\n    .cmh-impact__title{\r\n        font-size:31px;\r\n        line-height:1.12;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .cmh-impact__intro{\r\n        max-width:none;\r\n\r\n        margin:\r\n            17px 0 0;\r\n\r\n        font-size:13px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .cmh-impact__items{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cmh-impact__item{\r\n        min-height:0;\r\n\r\n        padding:\r\n            19px 5px;\r\n\r\n        gap:15px;\r\n\r\n        border-bottom:\r\n            1px solid #E5ECE8 !important;\r\n    }\r\n\r\n    .cmh-impact__item:last-child{\r\n        border-bottom:none !important;\r\n    }\r\n\r\n    .cmh-impact__item::after{\r\n        display:none !important;\r\n    }\r\n\r\n    .cmh-impact__icon{\r\n        width:52px;\r\n        height:52px;\r\n\r\n        flex-basis:52px;\r\n    }\r\n\r\n    .cmh-impact__icon svg{\r\n        width:43px;\r\n        height:43px;\r\n    }\r\n\r\n    .cmh-impact__item-title{\r\n        font-size:14px;\r\n    }\r\n\r\n    .cmh-impact__item-text{\r\n        font-size:11px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:420px){\r\n\r\n    .cmh-impact{\r\n        padding:\r\n            44px 15px;\r\n    }\r\n\r\n    .cmh-impact__title{\r\n        font-size:28px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-impact\">\r\n\r\n<div class=\"cmh-impact__container\">\r\n\r\n\r\n    <!-- TOP -->\r\n\r\n    <div class=\"cmh-impact__top\">\r\n\r\n        <div>\r\n\r\n            <div class=\"cmh-impact__label\">\r\n                OUR IMPACT IN NUMBERS\r\n            <\/div>\r\n\r\n            <h2 class=\"cmh-impact__title\">\r\n                Small Steps. Real Change.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"cmh-impact__intro\">\r\n            Through education and awareness, we aim to inspire\r\n            more people to make greener mobility choices.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- IMPACT ITEMS -->\r\n\r\n    <div class=\"cmh-impact__items\">\r\n\r\n\r\n        <!-- 01 CLEANER ENVIRONMENT -->\r\n\r\n        <div class=\"cmh-impact__item\">\r\n\r\n            <div class=\"cmh-impact__icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     aria-hidden=\"true\">\r\n\r\n                    <path\r\n                        fill=\"#43B526\"\r\n                        d=\"M54 7C31 9 16 20 12 38c-2 9 2 15 9 17 8 2 16-2 21-10 7-10 9-23 12-38z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M15 53C24 39 34 29 48 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"#087B43\"\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\r\n            <div class=\"cmh-impact__content\">\r\n\r\n                <h3 class=\"cmh-impact__item-title\">\r\n                    Cleaner<br>\r\n                    Environment\r\n                <\/h3>\r\n\r\n                <p class=\"cmh-impact__item-text\">\r\n                    for future generations\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 02 GREATER AWARENESS -->\r\n\r\n        <div class=\"cmh-impact__item\">\r\n\r\n            <div class=\"cmh-impact__icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     aria-hidden=\"true\">\r\n\r\n                    <circle\r\n                        cx=\"32\"\r\n                        cy=\"18\"\r\n                        r=\"8\"\r\n                        fill=\"#079044\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"16\"\r\n                        cy=\"23\"\r\n                        r=\"6\"\r\n                        fill=\"#079044\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"48\"\r\n                        cy=\"23\"\r\n                        r=\"6\"\r\n                        fill=\"#079044\"\r\n                    \/>\r\n\r\n                    <path\r\n                        fill=\"#079044\"\r\n                        d=\"M20 51V40c0-8 5-14 12-14s12 6 12 14v11H20z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        fill=\"#079044\"\r\n                        d=\"M4 51v-9c0-7 5-12 11-12 3 0 5 1 7 3-3 4-5 8-5 13v5H4z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        fill=\"#079044\"\r\n                        d=\"M47 51v-5c0-5-2-9-5-13 2-2 4-3 7-3 6 0 11 5 11 12v9H47z\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cmh-impact__content\">\r\n\r\n                <h3 class=\"cmh-impact__item-title\">\r\n                    Greater<br>\r\n                    Awareness\r\n                <\/h3>\r\n\r\n                <p class=\"cmh-impact__item-text\">\r\n                    among students and communities\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 03 BETTER MOBILITY CHOICES -->\r\n\r\n        <div class=\"cmh-impact__item\">\r\n\r\n            <div class=\"cmh-impact__icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     aria-hidden=\"true\">\r\n\r\n                    <path\r\n                        fill=\"#087B43\"\r\n                        d=\"M5 23L32 10l27 13-27 13L5 23z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        fill=\"#087B43\"\r\n                        d=\"M15 31v12c8 7 26 7 34 0V31l-17 8-17-8z\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M55 26v17\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"3\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"55\"\r\n                        cy=\"46\"\r\n                        r=\"3\"\r\n                        fill=\"#65C917\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cmh-impact__content\">\r\n\r\n                <h3 class=\"cmh-impact__item-title\">\r\n                    Better<br>\r\n                    Mobility Choices\r\n                <\/h3>\r\n\r\n                <p class=\"cmh-impact__item-text\">\r\n                    through education\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 04 SUSTAINABLE FUTURE -->\r\n\r\n        <div class=\"cmh-impact__item\">\r\n\r\n            <div class=\"cmh-impact__icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     aria-hidden=\"true\">\r\n\r\n                    <circle\r\n                        cx=\"32\"\r\n                        cy=\"32\"\r\n                        r=\"24\"\r\n                        fill=\"none\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"4\"\r\n                    \/>\r\n\r\n                    <ellipse\r\n                        cx=\"32\"\r\n                        cy=\"32\"\r\n                        rx=\"11\"\r\n                        ry=\"24\"\r\n                        fill=\"none\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"3\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M9 32h46M13 20h38M13 44h38\"\r\n                        fill=\"none\"\r\n                        stroke=\"#087B43\"\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\r\n            <div class=\"cmh-impact__content\">\r\n\r\n                <h3 class=\"cmh-impact__item-title\">\r\n                    A More<br>\r\n                    Sustainable Future\r\n                <\/h3>\r\n\r\n                <p class=\"cmh-impact__item-text\">\r\n                    for everyone\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\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-3b30377 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3b30377\" 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-23cf664\" data-id=\"23cf664\" 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-338c63d elementor-widget elementor-widget-html\" data-id=\"338c63d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n CELIK MOBILITI HIJAU \u2014 CLOSING CTA SECTION\r\n Responsive Desktop \/ Tablet \/ Mobile\r\n============================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n.cmh-closing,\r\n.cmh-closing *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cmh-closing{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    background:#F2FFF6;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   MAIN LAYOUT\r\n================================== *\/\r\n\r\n.cmh-closing__inner{\r\n    width:100%;\r\n    min-height:390px;\r\n\r\n    display:grid;\r\n    grid-template-columns:48% 52%;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   LEFT IMAGE\r\n================================== *\/\r\n\r\n.cmh-closing__image{\r\n    position:relative;\r\n    min-height:390px;\r\n\r\n    overflow:hidden;\r\n\r\n    background-image:\r\n        url(\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/8f218e0f-689d-4470-bdfd-6078b773f116.png\");\r\n\r\n    background-size:cover;\r\n    background-position:center;\r\n    background-repeat:no-repeat;\r\n}\r\n\r\n\r\n\/* IMAGE \u2192 CONTENT SOFT BLEND *\/\r\n\r\n.cmh-closing__image::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    right:-2px;\r\n    bottom:0;\r\n\r\n    width:32%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(242,255,246,0) 0%,\r\n            rgba(242,255,246,.35) 30%,\r\n            rgba(242,255,246,.82) 72%,\r\n            #F2FFF6 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   RIGHT CONTENT\r\n================================== *\/\r\n\r\n.cmh-closing__content{\r\n    position:relative;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    min-height:390px;\r\n\r\n    padding:\r\n        60px 100px\r\n        60px 55px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 35%,\r\n            rgba(101,201,23,.10),\r\n            transparent 28%\r\n        );\r\n}\r\n\r\n\r\n\/* ==================================\r\n   SMALL LABEL\r\n================================== *\/\r\n\r\n.cmh-closing__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    margin:0 0 15px;\r\n\r\n    color:#087B43;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n\r\n    letter-spacing:1.7px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.cmh-closing__label::before{\r\n    content:\"\";\r\n\r\n    width:28px;\r\n    height:2px;\r\n\r\n    flex:0 0 28px;\r\n\r\n    background:#65C917;\r\n\r\n    border-radius:20px;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   HEADING\r\n================================== *\/\r\n\r\n.cmh-closing__title{\r\n    margin:0 0 20px !important;\r\n    padding:0 !important;\r\n\r\n    color:#14251E !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:46px;\r\n    font-weight:800;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1.7px;\r\n}\r\n\r\n\r\n.cmh-closing__title .green{\r\n    display:block;\r\n\r\n    color:#087B43 !important;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   DESCRIPTION\r\n================================== *\/\r\n\r\n.cmh-closing__description{\r\n    width:100%;\r\n    max-width:520px;\r\n\r\n    margin:0 !important;\r\n\r\n    color:#617168 !important;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* ==================================\r\n   LEAF DECORATION\r\n================================== *\/\r\n\r\n.cmh-closing__leaves{\r\n    position:absolute;\r\n\r\n    right:35px;\r\n    top:50%;\r\n\r\n    width:65px;\r\n    height:130px;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    opacity:.95;\r\n}\r\n\r\n\r\n\/* BIG LEAF *\/\r\n\r\n.cmh-closing__leaf-one{\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:0;\r\n\r\n    width:44px;\r\n    height:75px;\r\n\r\n    border-radius:\r\n        5px 100% 5px 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #65C917,\r\n            #087B43\r\n        );\r\n\r\n    transform:rotate(28deg);\r\n}\r\n\r\n\r\n\/* SMALL LEAF *\/\r\n\r\n.cmh-closing__leaf-two{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:5px;\r\n\r\n    width:34px;\r\n    height:58px;\r\n\r\n    border-radius:\r\n        5px 100% 5px 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #7AD62D,\r\n            #14934E\r\n        );\r\n\r\n    transform:rotate(-18deg);\r\n}\r\n\r\n\r\n\/* STEM *\/\r\n\r\n.cmh-closing__stem{\r\n    position:absolute;\r\n\r\n    left:30px;\r\n    top:48px;\r\n\r\n    width:2px;\r\n    height:73px;\r\n\r\n    background:#087B43;\r\n\r\n    transform:rotate(17deg);\r\n\r\n    transform-origin:top;\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    .cmh-closing__inner{\r\n        grid-template-columns:48% 52%;\r\n\r\n        min-height:350px;\r\n    }\r\n\r\n    .cmh-closing__image{\r\n        min-height:350px;\r\n    }\r\n\r\n    .cmh-closing__content{\r\n        min-height:350px;\r\n\r\n        padding:\r\n            50px 70px\r\n            50px 40px;\r\n    }\r\n\r\n    .cmh-closing__title{\r\n        font-size:38px;\r\n    }\r\n\r\n    .cmh-closing__description{\r\n        font-size:13px;\r\n    }\r\n\r\n    .cmh-closing__leaves{\r\n        right:18px;\r\n\r\n        transform:\r\n            translateY(-50%)\r\n            scale(.82);\r\n    }\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    .cmh-closing__inner{\r\n        display:flex;\r\n        flex-direction:column;\r\n\r\n        min-height:0;\r\n    }\r\n\r\n\r\n    \/* IMAGE TOP *\/\r\n\r\n    .cmh-closing__image{\r\n        width:100%;\r\n\r\n        min-height:260px;\r\n\r\n        background-size:cover;\r\n        background-position:center;\r\n    }\r\n\r\n\r\n    \/* REMOVE SIDE FADE *\/\r\n\r\n    .cmh-closing__image::after{\r\n        top:auto;\r\n        right:0;\r\n        left:0;\r\n        bottom:-1px;\r\n\r\n        width:100%;\r\n        height:35%;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(242,255,246,0),\r\n                #F2FFF6\r\n            );\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .cmh-closing__content{\r\n        min-height:0;\r\n\r\n        padding:\r\n            35px 22px\r\n            50px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n\r\n    .cmh-closing__label{\r\n        margin-bottom:12px;\r\n\r\n        font-size:9px;\r\n\r\n        letter-spacing:1.4px;\r\n    }\r\n\r\n\r\n    .cmh-closing__label::before{\r\n        width:24px;\r\n\r\n        flex-basis:24px;\r\n    }\r\n\r\n\r\n    .cmh-closing__title{\r\n        margin-bottom:16px !important;\r\n\r\n        font-size:34px;\r\n\r\n        line-height:1.1;\r\n\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n\r\n    .cmh-closing__description{\r\n        max-width:90%;\r\n\r\n        font-size:13px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n\r\n    .cmh-closing__leaves{\r\n        right:13px;\r\n        top:auto;\r\n        bottom:15px;\r\n\r\n        transform:scale(.58);\r\n\r\n        transform-origin:bottom right;\r\n\r\n        opacity:.7;\r\n    }\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    .cmh-closing__image{\r\n        min-height:220px;\r\n\r\n        background-position:center center;\r\n    }\r\n\r\n\r\n    .cmh-closing__content{\r\n        padding:\r\n            30px 18px\r\n            45px;\r\n    }\r\n\r\n\r\n    .cmh-closing__title{\r\n        font-size:30px;\r\n    }\r\n\r\n\r\n    .cmh-closing__description{\r\n        max-width:94%;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"cmh-closing\">\r\n\r\n    <div class=\"cmh-closing__inner\">\r\n\r\n\r\n        <!-- =========================\r\n             LEFT IMAGE\r\n        ========================== -->\r\n\r\n        <div\r\n            class=\"cmh-closing__image\"\r\n            role=\"img\"\r\n            aria-label=\"Sama-sama menuju masa depan yang lebih hijau\">\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             RIGHT CONTENT\r\n        ========================== -->\r\n\r\n        <div class=\"cmh-closing__content\">\r\n\r\n\r\n            <div class=\"cmh-closing__label\">\r\n                BERSAMA UNTUK ESOK YANG LEBIH BAIK\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"cmh-closing__title\">\r\n\r\n                Small Choices.\r\n\r\n                <span class=\"green\">\r\n                    Brighter Tomorrows.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"cmh-closing__description\">\r\n                Terima kasih kerana menjadi sebahagian daripada\r\n                perjalanan ke arah mobiliti yang lebih hijau.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- DECORATIVE LEAVES -->\r\n\r\n            <div\r\n                class=\"cmh-closing__leaves\"\r\n                aria-hidden=\"true\">\r\n\r\n                <span class=\"cmh-closing__stem\"><\/span>\r\n\r\n                <span class=\"cmh-closing__leaf-one\"><\/span>\r\n\r\n                <span class=\"cmh-closing__leaf-two\"><\/span>\r\n\r\n            <\/div>\r\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tentang Kami Moving Towards a Greener Tomorrow. Discover the purpose behind Celik Mobiliti Hijau and our commitment to encouraging smarter, [&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-413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/413","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=413"}],"version-history":[{"count":7,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/413\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}