{"id":314,"date":"2026-09-23T07:18:25","date_gmt":"2026-09-23T07:18:25","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=314"},"modified":"2026-09-24T11:44:46","modified_gmt":"2026-09-24T11:44:46","slug":"green-mobility-techniques","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/?page_id=314","title":{"rendered":"Green Mobility Techniques"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"314\" class=\"elementor elementor-314\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b8e12d elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"9b8e12d\" 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-4325f37\" data-id=\"4325f37\" 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-4255604 elementor-widget elementor-widget-html\" data-id=\"4255604\" 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 \u2014 GREEN MOBILITY HERO\r\n   TRANSPARENT BACKGROUND\r\n========================================= *\/\r\n\r\n.celik-green-hero,\r\n.celik-green-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-green-hero {\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n\r\n    padding: 30px 0;\r\n\r\n    background: transparent !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.celik-green-hero-content {\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN HEADING \u2014 WHITE\r\n========================================= *\/\r\n\r\n.celik-green-hero .celik-green-hero-title {\r\n    margin: 0 0 14px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 54px;\r\n    font-weight: 800;\r\n    line-height: 1.07;\r\n    letter-spacing: -1.8px;\r\n\r\n    color: #FFFFFF !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* =========================================\r\n   MALAY SUBHEADING \u2014 LOGO GREEN\r\n========================================= *\/\r\n\r\n.celik-green-hero .celik-green-hero-subtitle {\r\n    margin: 0 0 12px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n\r\n    color: #4CC515 !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* =========================================\r\n   TAGLINE \u2014 LOGO GREEN\r\n========================================= *\/\r\n\r\n.celik-green-hero .celik-green-hero-tagline {\r\n    margin: 0 0 15px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n\r\n    color: #4CC515 !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* =========================================\r\n   DESCRIPTION \u2014 WHITE\r\n========================================= *\/\r\n\r\n.celik-green-hero .celik-green-hero-description {\r\n    max-width: 590px;\r\n\r\n    margin: 0 0 27px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.75;\r\n\r\n    color: #FFFFFF !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM FEATURES\r\n========================================= *\/\r\n\r\n.celik-green-hero-features {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 22px;\r\n}\r\n\r\n.celik-green-hero-feature {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n}\r\n\r\n\/* ICON CIRCLE *\/\r\n\r\n.celik-green-hero-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    flex: 0 0 40px;\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        #4CC515 0%,\r\n        #087B43 100%\r\n    );\r\n\r\n    border: 1px solid rgba(255,255,255,.25);\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,.15);\r\n}\r\n\r\n\/* ICON SVG *\/\r\n\r\n.celik-green-hero-icon svg {\r\n    width: 22px;\r\n    height: 22px;\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\/* FEATURE TEXT \u2014 WHITE *\/\r\n\r\n.celik-green-hero .celik-green-hero-feature-text {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: .2px;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-green-hero {\r\n        padding: 25px 0;\r\n    }\r\n\r\n    .celik-green-hero-content {\r\n        max-width: 570px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-title {\r\n        font-size: 46px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-subtitle {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-tagline {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-description {\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-green-hero {\r\n        padding: 25px 10px;\r\n        justify-content: center;\r\n\r\n        background: transparent !important;\r\n    }\r\n\r\n    .celik-green-hero-content {\r\n        max-width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-title {\r\n        font-size: 37px;\r\n        line-height: 1.1;\r\n        letter-spacing: -1.1px;\r\n\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-subtitle {\r\n        font-size: 21px;\r\n\r\n        color: #4CC515 !important;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-tagline {\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n\r\n        color: #4CC515 !important;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-description {\r\n        max-width: 430px;\r\n\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        line-height: 1.7;\r\n\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n    .celik-green-hero-features {\r\n        justify-content: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .celik-green-hero-feature {\r\n        gap: 6px;\r\n    }\r\n\r\n    .celik-green-hero-icon {\r\n        width: 33px;\r\n        height: 33px;\r\n        flex-basis: 33px;\r\n    }\r\n\r\n    .celik-green-hero-icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-feature-text {\r\n        font-size: 10px;\r\n\r\n        color: #FFFFFF !important;\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-green-hero {\r\n        padding: 20px 5px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-subtitle {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-tagline {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-green-hero-features {\r\n        gap: 9px;\r\n    }\r\n\r\n    .celik-green-hero .celik-green-hero-feature-text {\r\n        font-size: 9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-green-hero\">\r\n\r\n    <div class=\"celik-green-hero-content\">\r\n\r\n        <!-- MAIN HEADING -->\r\n\r\n        <h1 class=\"celik-green-hero-title\">\r\n            Green Mobility<br>\r\n            Techniques\r\n        <\/h1>\r\n\r\n        <!-- MALAY SUBHEADING -->\r\n\r\n        <h2 class=\"celik-green-hero-subtitle\">\r\n            Teknik Mobiliti Hijau\r\n        <\/h2>\r\n\r\n        <!-- GREEN TAGLINE -->\r\n\r\n        <p class=\"celik-green-hero-tagline\">\r\n            Small changes in how you move can\r\n            make every journey greener.\r\n        <\/p>\r\n\r\n        <!-- DESCRIPTION -->\r\n\r\n        <p class=\"celik-green-hero-description\">\r\n            Green mobility starts before the journey begins.\r\n            Before reaching for your car keys, consider\r\n            whether there is a cleaner, smarter and more\r\n            efficient way to travel.\r\n        <\/p>\r\n\r\n        <!-- FEATURES -->\r\n\r\n        <div class=\"celik-green-hero-features\">\r\n\r\n            <!-- THINK -->\r\n\r\n            <div class=\"celik-green-hero-feature\">\r\n\r\n                <div class=\"celik-green-hero-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M9 18h6M10 21h4\"\/>\r\n\r\n                        <path d=\"M8 15c-1.5-1.2-2.5-3-2.5-5a6.5 6.5 0 0 1 13 0c0 2-1 3.8-2.5 5-.7.6-1 1.2-1 2H9c0-.8-.3-1.4-1-2Z\"\/>\r\n\r\n                        <path d=\"M12 1v2M3 10H1M23 10h-2M4 3l2 2M20 3l-2 2\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"celik-green-hero-feature-text\">\r\n                    THINK\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CHOOSE -->\r\n\r\n            <div class=\"celik-green-hero-feature\">\r\n\r\n                <div class=\"celik-green-hero-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/>\r\n\r\n                        <path d=\"M9 4.5V3h6v1.5\"\/>\r\n\r\n                        <path d=\"M8 11l2 2 4-4\"\/>\r\n\r\n                        <path d=\"M8 17h8\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"celik-green-hero-feature-text\">\r\n                    CHOOSE\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MOVE GREENER -->\r\n\r\n            <div class=\"celik-green-hero-feature\">\r\n\r\n                <div class=\"celik-green-hero-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                <span class=\"celik-green-hero-feature-text\">\r\n                    MOVE GREENER\r\n                <\/span>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c7cf4bc\" data-id=\"c7cf4bc\" 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-bdbefa2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bdbefa2\" 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-2083cd4\" data-id=\"2083cd4\" 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-50a0f7a elementor-widget elementor-widget-html\" data-id=\"50a0f7a\" 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 MOBILITI HIJAU \u2014 GREEN MOBILITY TECHNIQUES CARDS\r\n========================================================= *\/\r\n\r\n.celik-mobility-grid,\r\n.celik-mobility-grid *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-mobility-grid{\r\n    --dark:#004D3D;\r\n    --green:#087B43;\r\n    --lime:#4CC515;\r\n    --light:#F2FFF8;\r\n    --text:#14251E;\r\n    --muted:#4B5F57;\r\n\r\n    width:100%;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:16px;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.celik-mobility-card{\r\n    min-width:0;\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    background:#FFFFFF;\r\n\r\n    border:1px solid #DDEFE4;\r\n    border-radius:16px;\r\n\r\n    box-shadow:\r\n        0 6px 22px rgba(0,77,61,.07);\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.celik-mobility-card:hover{\r\n    transform:translateY(-6px);\r\n\r\n    border-color:rgba(76,197,21,.55);\r\n\r\n    box-shadow:\r\n        0 16px 34px rgba(0,77,61,.14);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HEADER\r\n========================================================= *\/\r\n\r\n.celik-card-header{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:9px;\r\n\r\n    padding:15px 14px 12px;\r\n}\r\n\r\n.celik-card-number{\r\n    width:31px;\r\n    height:31px;\r\n    min-width:31px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:8px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515 0%,\r\n        #087B43 100%\r\n    );\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n\r\n    box-shadow:\r\n        0 4px 10px rgba(76,197,21,.22);\r\n}\r\n\r\n.celik-card-title{\r\n    margin:0 !important;\r\n    padding:1px 0 0 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    color:#14251E !important;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.celik-card-image{\r\n    position:relative;\r\n\r\n    width:calc(100% - 28px);\r\n    height:145px;\r\n\r\n    margin:0 14px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:11px;\r\n\r\n    background:#EAF7EE;\r\n}\r\n\r\n.celik-card-image img{\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:transform .5s ease;\r\n}\r\n\r\n.celik-mobility-card:hover .celik-card-image img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n.celik-card-image::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,0) 30%,\r\n        rgba(0,45,34,.72) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* IMAGE LABEL *\/\r\n\r\n.celik-image-label{\r\n    position:absolute;\r\n\r\n    left:10px;\r\n    bottom:10px;\r\n\r\n    z-index:2;\r\n\r\n    max-width:82%;\r\n\r\n    padding:6px 9px;\r\n\r\n    border-left:3px solid #4CC515;\r\n\r\n    background:rgba(0,77,61,.82);\r\n\r\n    backdrop-filter:blur(5px);\r\n    -webkit-backdrop-filter:blur(5px);\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n    line-height:1.35;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BODY\r\n========================================================= *\/\r\n\r\n.celik-card-body{\r\n    flex:1;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    padding:14px;\r\n}\r\n\r\n.celik-card-description{\r\n    margin:0 0 13px !important;\r\n\r\n    color:#4B5F57 !important;\r\n\r\n    font-size:11px;\r\n    font-weight:500;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEST FOR\r\n========================================================= *\/\r\n\r\n.celik-best-label{\r\n    margin:0 0 7px !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n    letter-spacing:.6px;\r\n}\r\n\r\n.celik-transport-row{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n\r\n    margin-bottom:13px;\r\n}\r\n\r\n.celik-transport-icon{\r\n    width:27px;\r\n    height:27px;\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:#F0FAF3;\r\n\r\n    border:1px solid #D4EDDB;\r\n}\r\n\r\n.celik-transport-icon svg{\r\n    width:14px;\r\n    height:14px;\r\n\r\n    fill:none;\r\n    stroke:#087B43;\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   TAKEAWAY BAR\r\n========================================================= *\/\r\n\r\n.celik-card-tip{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:7px;\r\n\r\n    margin-top:auto;\r\n\r\n    padding:8px 9px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #E7F9EA,\r\n        #D7F4DE\r\n    );\r\n\r\n    border:1px solid #CDECD4;\r\n\r\n    border-radius:30px;\r\n}\r\n\r\n.celik-tip-icon{\r\n    width:19px;\r\n    height:19px;\r\n    min-width:19px;\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:#4CC515;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n}\r\n\r\n.celik-tip-text{\r\n    margin:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n    line-height:1.35;\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-mobility-grid{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:15px;\r\n    }\r\n\r\n    .celik-card-image{\r\n        height:180px;\r\n    }\r\n\r\n    .celik-card-title{\r\n        font-size:15px;\r\n    }\r\n\r\n    .celik-card-description{\r\n        font-size:12px;\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-mobility-grid{\r\n        grid-template-columns:1fr;\r\n        gap:15px;\r\n    }\r\n\r\n    .celik-mobility-card{\r\n        border-radius:14px;\r\n    }\r\n\r\n    .celik-card-header{\r\n        padding:14px 13px 11px;\r\n    }\r\n\r\n    .celik-card-number{\r\n        width:34px;\r\n        height:34px;\r\n        min-width:34px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n    .celik-card-title{\r\n        font-size:16px;\r\n    }\r\n\r\n    .celik-card-image{\r\n        width:calc(100% - 26px);\r\n        height:205px;\r\n\r\n        margin:0 13px;\r\n    }\r\n\r\n    .celik-image-label{\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-card-body{\r\n        padding:14px 13px;\r\n    }\r\n\r\n    .celik-card-description{\r\n        font-size:12px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .celik-tip-text{\r\n        font-size:10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-mobility-grid\">\r\n\r\n\r\n<!-- =====================================================\r\n     01 \u2014 WALK\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">01<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Walk for Short Trips\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/male-with-backpack-walking-through-pathway-field_181624-11812.jpg\"\r\n        alt=\"Walking for short trips\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Walk More.<br>\r\n            Drive Less.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            For suitable short journeys, walking can be a\r\n            simple way to reduce unnecessary vehicle use.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"12\" cy=\"5\" r=\"2\"\/>\r\n                    <path d=\"M10 9l3 2 2 4M10 9l-2 5M13 11l3-2M8 14l-2 6M15 15l3 5\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Best for suitable short-distance journeys.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     02 \u2014 CYCLE\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">02<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Cycle When Practical\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/person-is-riding-bike-street-with-sun-shining-ground_1292644-3714.jpg\"\r\n        alt=\"Cycling for green mobility\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Ride Smart.<br>\r\n            Ride Green.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            Where routes are safe and practical, cycling\r\n            can provide a cleaner option for shorter journeys.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"6\" cy=\"17\" r=\"4\"\/>\r\n                    <circle cx=\"18\" cy=\"17\" r=\"4\"\/>\r\n                    <path d=\"M6 17l4-8h4l4 8M10 9l4 8M9 6h4\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Choose cycling where conditions are safe.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     03 \u2014 PUBLIC TRANSPORT\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">03<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Choose Public Transport\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/vlt-train-means-public-transport-widely-used-city-center-rio-de-janeiro-brazil_63139-797.jpg\"\r\n        alt=\"Public transport\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Travel Together.<br>\r\n            Move Smarter.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            Public transport can reduce the need for\r\n            individual car journeys when convenient options\r\n            are available.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <rect x=\"5\" y=\"3\" width=\"14\" height=\"15\" rx=\"2\"\/>\r\n                    <path d=\"M8 7h8M7 14h10M8 21l2-3M16 21l-2-3\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Check available public transport options first.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     04 \u2014 SHARE\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">04<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Share Your Journey\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/group-people-travels-subway-train-city-morning-rush-hour-student-reads-notes-while-others-look-their-devices-chat_429124-26163.jpg\"\r\n        alt=\"People sharing a journey\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Travel Together.<br>\r\n            Share More.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            When people are travelling in the same direction,\r\n            sharing a journey can help reduce unnecessary trips.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\r\n                    <circle cx=\"16\" cy=\"8\" r=\"3\"\/>\r\n                    <path d=\"M3 20v-2c0-3 2-5 5-5M21 20v-2c0-3-2-5-5-5\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Share suitable journeys when possible.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     05 \u2014 PLAN\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">05<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Plan &amp; Combine Trips\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/full-shot-friends-looking-map_23-2148925835.jpg\"\r\n        alt=\"Planning a journey\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Plan Ahead.<br>\r\n            Travel Smarter.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            Planning ahead and combining suitable activities\r\n            into one journey can help avoid unnecessary travel.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 6l5-2 6 2 5-2v14l-5 2-6-2-5 2z\"\/>\r\n                    <path d=\"M9 4v14M15 6v14\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Plan before leaving and combine suitable trips.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     06 \u2014 ECO DRIVE\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">06<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Eco-Drive When You Need to Drive\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/car-speedometer-closeup_1025557-8831.jpg\"\r\n        alt=\"Eco driving\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Drive Smoothly.<br>\r\n            Drive Efficiently.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            When driving is necessary, smoother acceleration,\r\n            steady speeds and good driving habits can improve\r\n            efficiency.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 16l2-6h10l2 6\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"18\" height=\"5\" rx=\"2\"\/>\r\n                    <circle cx=\"7\" cy=\"19\" r=\"1.5\"\/>\r\n                    <circle cx=\"17\" cy=\"19\" r=\"1.5\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Drive smoothly and avoid unnecessary fuel use.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     07 \u2014 CLEANER VEHICLES\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">07<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Choose Cleaner Vehicles\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/smiley-man-charging-electric-car-side-view_23-2149530055.jpg\"\r\n        alt=\"Cleaner vehicle\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Cleaner Choices.<br>\r\n            Greener Journeys.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            Where practical, cleaner and lower-carbon vehicle\r\n            options can form part of a greener mobility approach.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 4C11 4 5 8 5 15a5 5 0 0 0 5 5c7 0 11-7 10-16Z\"\/>\r\n                    <path d=\"M4 21c3-6 7-9 12-12\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Consider cleaner vehicle options when practical.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =====================================================\r\n     08 \u2014 MIX MOBILITY\r\n===================================================== -->\r\n\r\n<article class=\"celik-mobility-card\">\r\n\r\n    <div class=\"celik-card-header\">\r\n\r\n        <span class=\"celik-card-number\">08<\/span>\r\n\r\n        <h3 class=\"celik-card-title\">\r\n            Mix Your Mobility\r\n        <\/h3>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-image\">\r\n\r\n        <img decoding=\"async\"\r\n        src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/close-up-man-hand-using-mobile-app-rental-electric-scooter_169016-36731.jpg\"\r\n        alt=\"Mixed mobility options\"\r\n        loading=\"lazy\">\r\n\r\n        <span class=\"celik-image-label\">\r\n            Mix It.<br>\r\n            Move Smarter.\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"celik-card-body\">\r\n\r\n        <p class=\"celik-card-description\">\r\n            A greener journey does not always require one\r\n            transport mode. Combine suitable mobility options\r\n            for different parts of your journey.\r\n        <\/p>\r\n\r\n        <p class=\"celik-best-label\">\r\n            Consider\r\n        <\/p>\r\n\r\n        <div class=\"celik-transport-row\">\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"6\" cy=\"18\" r=\"2\"\/>\r\n                    <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\r\n                    <path d=\"M6 18h7l3-10h3M12 8h4\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <rect x=\"5\" y=\"3\" width=\"14\" height=\"15\" rx=\"2\"\/>\r\n                    <path d=\"M8 7h8M8 14h8\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"celik-transport-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 16l2-6h10l2 6\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"18\" height=\"5\" rx=\"2\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"celik-card-tip\">\r\n\r\n            <span class=\"celik-tip-icon\">\u2713<\/span>\r\n\r\n            <p class=\"celik-tip-text\">\r\n                Choose the right transport mode for each journey.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aeb9673 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"aeb9673\" 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-da60642\" data-id=\"da60642\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9f4728f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f4728f\" 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-inner-column elementor-element elementor-element-b2c0099\" data-id=\"b2c0099\" 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-901c15d elementor-widget elementor-widget-html\" data-id=\"901c15d\" 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 \u2014 THE GREEN MOBILITY RULE\r\n===================================================== *\/\r\n\r\n.celik-green-rule,\r\n.celik-green-rule *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-green-rule{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n    grid-template-columns:1.15fr 3.85fr;\r\n    align-items:center;\r\n    gap:28px;\r\n\r\n    padding:24px 30px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 0% 0%,\r\n            rgba(76,197,21,.15),\r\n            transparent 25%\r\n        ),\r\n        radial-gradient(\r\n            circle at 100% 100%,\r\n            rgba(76,197,21,.10),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            105deg,\r\n            #F2FFF6 0%,\r\n            #FFFFFF 50%,\r\n            #EEFFF3 100%\r\n        );\r\n\r\n    border:1px solid #D8F0DF;\r\n    border-radius:14px;\r\n\r\n    box-shadow:0 7px 25px rgba(0,77,61,.07);\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DECORATIVE LEAVES\r\n===================================================== *\/\r\n\r\n.celik-rule-leaf{\r\n    position:absolute;\r\n    z-index:1;\r\n\r\n    width:45px;\r\n    height:45px;\r\n\r\n    opacity:.85;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.celik-rule-leaf svg{\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.celik-rule-leaf-left{\r\n    left:-7px;\r\n    top:-7px;\r\n\r\n    transform:rotate(-20deg);\r\n}\r\n\r\n.celik-rule-leaf-right{\r\n    right:-6px;\r\n    bottom:-8px;\r\n\r\n    transform:rotate(150deg);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEFT CONTENT\r\n===================================================== *\/\r\n\r\n.celik-rule-intro{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    padding-right:20px;\r\n\r\n    border-right:1px solid #D6EBDD;\r\n}\r\n\r\n.celik-rule-title{\r\n    margin:0 0 6px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:24px;\r\n    font-weight:800;\r\n    line-height:1.05;\r\n    letter-spacing:-.7px;\r\n\r\n    color:#004D3D !important;\r\n}\r\n\r\n.celik-rule-title span{\r\n    color:#4CC515;\r\n}\r\n\r\n.celik-rule-description{\r\n    max-width:230px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n\r\n    color:#40564D !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STEPS\r\n===================================================== *\/\r\n\r\n.celik-rule-steps{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:grid;\r\n    grid-template-columns:\r\n        1fr 22px\r\n        1fr 22px\r\n        1.25fr 22px\r\n        1fr;\r\n\r\n    align-items:center;\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* INDIVIDUAL STEP *\/\r\n\r\n.celik-rule-step{\r\n    min-width:0;\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    text-align:center;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   NUMBER\r\n===================================================== *\/\r\n\r\n.celik-rule-number{\r\n    width:21px;\r\n    height:21px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:-3px;\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#4CC515;\r\n\r\n    border:2px solid #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 2px 7px rgba(0,77,61,.20);\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ICON\r\n===================================================== *\/\r\n\r\n.celik-rule-icon{\r\n    width:45px;\r\n    height:45px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #087B43 0%,\r\n        #004D3D 100%\r\n    );\r\n\r\n    border:3px solid #E4F8E9;\r\n\r\n    box-shadow:\r\n        0 5px 13px rgba(0,77,61,.16);\r\n}\r\n\r\n.celik-rule-icon svg{\r\n    width:23px;\r\n    height:23px;\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\/* =====================================================\r\n   STEP TEXT\r\n===================================================== *\/\r\n\r\n.celik-rule-step-title{\r\n    margin:0 0 3px !important;\r\n    padding:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.celik-rule-step-text{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    max-width:125px;\r\n\r\n    color:#52645C !important;\r\n\r\n    font-size:8px;\r\n    font-weight:500;\r\n    line-height:1.35;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ARROW\r\n===================================================== *\/\r\n\r\n.celik-rule-arrow{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#4CC515;\r\n}\r\n\r\n.celik-rule-arrow svg{\r\n    width:17px;\r\n    height:17px;\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\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-green-rule{\r\n        grid-template-columns:1fr 3.5fr;\r\n\r\n        gap:18px;\r\n\r\n        padding:20px 18px;\r\n    }\r\n\r\n    .celik-rule-title{\r\n        font-size:20px;\r\n    }\r\n\r\n    .celik-rule-icon{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n\r\n    .celik-rule-icon svg{\r\n        width:20px;\r\n        height:20px;\r\n    }\r\n\r\n    .celik-rule-step-title{\r\n        font-size:9px;\r\n    }\r\n\r\n    .celik-rule-step-text{\r\n        font-size:7px;\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-green-rule{\r\n        display:block;\r\n\r\n        padding:20px 10px;\r\n\r\n        border-radius:11px;\r\n    }\r\n\r\n    .celik-rule-intro{\r\n        padding:0 5px 15px;\r\n        margin-bottom:16px;\r\n\r\n        border-right:0;\r\n        border-bottom:1px solid #D6EBDD;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-rule-title{\r\n        font-size:22px;\r\n        line-height:1.1;\r\n    }\r\n\r\n    .celik-rule-description{\r\n        max-width:320px;\r\n\r\n        margin-left:auto !important;\r\n        margin-right:auto !important;\r\n\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-rule-steps{\r\n        grid-template-columns:\r\n            1fr 10px\r\n            1fr 10px\r\n            1.2fr 10px\r\n            1fr;\r\n    }\r\n\r\n    .celik-rule-number{\r\n        width:17px;\r\n        height:17px;\r\n\r\n        font-size:7px;\r\n\r\n        border-width:1px;\r\n    }\r\n\r\n    .celik-rule-icon{\r\n        width:33px;\r\n        height:33px;\r\n\r\n        border-width:2px;\r\n\r\n        margin-bottom:6px;\r\n    }\r\n\r\n    .celik-rule-icon svg{\r\n        width:17px;\r\n        height:17px;\r\n    }\r\n\r\n    .celik-rule-step-title{\r\n        font-size:7px;\r\n        line-height:1.2;\r\n    }\r\n\r\n    .celik-rule-step-text{\r\n        max-width:75px;\r\n\r\n        font-size:6px;\r\n        line-height:1.3;\r\n    }\r\n\r\n    .celik-rule-arrow svg{\r\n        width:10px;\r\n        height:10px;\r\n    }\r\n\r\n    .celik-rule-leaf{\r\n        width:32px;\r\n        height:32px;\r\n\r\n        opacity:.5;\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-green-rule{\r\n        padding-left:6px;\r\n        padding-right:6px;\r\n    }\r\n\r\n    .celik-rule-title{\r\n        font-size:19px;\r\n    }\r\n\r\n    .celik-rule-steps{\r\n        grid-template-columns:\r\n            1fr 7px\r\n            1fr 7px\r\n            1.15fr 7px\r\n            1fr;\r\n    }\r\n\r\n    .celik-rule-icon{\r\n        width:30px;\r\n        height:30px;\r\n    }\r\n\r\n    .celik-rule-icon svg{\r\n        width:15px;\r\n        height:15px;\r\n    }\r\n\r\n    .celik-rule-step-title{\r\n        font-size:6.5px;\r\n    }\r\n\r\n    .celik-rule-step-text{\r\n        font-size:5.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-green-rule\">\r\n\r\n\r\n    <!-- DECORATIVE LEAF LEFT -->\r\n\r\n    <div class=\"celik-rule-leaf celik-rule-leaf-left\">\r\n\r\n        <svg viewBox=\"0 0 50 50\">\r\n\r\n            <defs>\r\n                <linearGradient id=\"leafLeftGradient\"\r\n                                x1=\"0\" y1=\"1\"\r\n                                x2=\"1\" y2=\"0\">\r\n\r\n                    <stop offset=\"0%\"\r\n                          stop-color=\"#087B43\"\/>\r\n\r\n                    <stop offset=\"100%\"\r\n                          stop-color=\"#65C917\"\/>\r\n\r\n                <\/linearGradient>\r\n            <\/defs>\r\n\r\n            <path\r\n                d=\"M5 44C5 19 23 6 46 5C43 28 28 43 5 44Z\"\r\n                fill=\"url(#leafLeftGradient)\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M6 43C18 29 29 18 43 8\"\r\n                fill=\"none\"\r\n                stroke=\"#DFFFF0\"\r\n                stroke-width=\"1.3\"\r\n            \/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- LEFT INTRO -->\r\n\r\n    <div class=\"celik-rule-intro\">\r\n\r\n        <h2 class=\"celik-rule-title\">\r\n            The Green<br>\r\n            <span>Mobility Rule<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"celik-rule-description\">\r\n            For every journey, consider these four\r\n            simple steps before you move.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- STEPS -->\r\n\r\n    <div class=\"celik-rule-steps\">\r\n\r\n\r\n        <!-- 01 AVOID -->\r\n\r\n        <div class=\"celik-rule-step\">\r\n\r\n            <span class=\"celik-rule-number\">\r\n                1\r\n            <\/span>\r\n\r\n            <div class=\"celik-rule-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <circle cx=\"12\" cy=\"6\" r=\"3\"\/>\r\n\r\n                    <path d=\"M7 21v-3c0-3 2-5 5-5s5 2 5 5v3\"\/>\r\n\r\n                    <path d=\"M4 4l16 16\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-rule-step-title\">\r\n                Avoid\r\n            <\/p>\r\n\r\n            <p class=\"celik-rule-step-text\">\r\n                Can I avoid this journey?\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ARROW -->\r\n\r\n        <div class=\"celik-rule-arrow\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M8 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 WALK \/ CYCLE -->\r\n\r\n        <div class=\"celik-rule-step\">\r\n\r\n            <span class=\"celik-rule-number\">\r\n                2\r\n            <\/span>\r\n\r\n            <div class=\"celik-rule-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <circle cx=\"6\" cy=\"17\" r=\"4\"\/>\r\n\r\n                    <circle cx=\"18\" cy=\"17\" r=\"4\"\/>\r\n\r\n                    <path d=\"M6 17l4-8h4l4 8\"\/>\r\n\r\n                    <path d=\"M10 9l4 8\"\/>\r\n\r\n                    <path d=\"M9 6h4\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-rule-step-title\">\r\n                Walk \/ Cycle\r\n            <\/p>\r\n\r\n            <p class=\"celik-rule-step-text\">\r\n                Is it short and safe?\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ARROW -->\r\n\r\n        <div class=\"celik-rule-arrow\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M8 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 SHARE \/ PUBLIC TRANSPORT -->\r\n\r\n        <div class=\"celik-rule-step\">\r\n\r\n            <span class=\"celik-rule-number\">\r\n                3\r\n            <\/span>\r\n\r\n            <div class=\"celik-rule-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <circle cx=\"8\" cy=\"7\" r=\"2.5\"\/>\r\n\r\n                    <circle cx=\"16\" cy=\"7\" r=\"2.5\"\/>\r\n\r\n                    <path d=\"M4 19v-2c0-3 1.7-5 4-5\"\/>\r\n\r\n                    <path d=\"M20 19v-2c0-3-1.7-5-4-5\"\/>\r\n\r\n                    <rect x=\"9\" y=\"12\" width=\"6\" height=\"7\" rx=\"1\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-rule-step-title\">\r\n                Share \/ Public Transport\r\n            <\/p>\r\n\r\n            <p class=\"celik-rule-step-text\">\r\n                Can I travel together or use public transport?\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ARROW -->\r\n\r\n        <div class=\"celik-rule-arrow\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M8 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 ECO DRIVE -->\r\n\r\n        <div class=\"celik-rule-step\">\r\n\r\n            <span class=\"celik-rule-number\">\r\n                4\r\n            <\/span>\r\n\r\n            <div class=\"celik-rule-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 16l2-6h10l2 6\"\/>\r\n\r\n                    <rect x=\"3\" y=\"14\"\r\n                          width=\"18\"\r\n                          height=\"5\"\r\n                          rx=\"2\"\/>\r\n\r\n                    <circle cx=\"7\" cy=\"19\" r=\"1.3\"\/>\r\n\r\n                    <circle cx=\"17\" cy=\"19\" r=\"1.3\"\/>\r\n\r\n                    <path d=\"M19 4C14 4 11 6 11 10c3 0 6-2 8-6Z\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-rule-step-title\">\r\n                Eco-Drive\r\n            <\/p>\r\n\r\n            <p class=\"celik-rule-step-text\">\r\n                If I must drive, can I drive efficiently?\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DECORATIVE LEAF RIGHT -->\r\n\r\n    <div class=\"celik-rule-leaf celik-rule-leaf-right\">\r\n\r\n        <svg viewBox=\"0 0 50 50\">\r\n\r\n            <path\r\n                d=\"M5 44C5 19 23 6 46 5C43 28 28 43 5 44Z\"\r\n                fill=\"#4CC515\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M6 43C18 29 29 18 43 8\"\r\n                fill=\"none\"\r\n                stroke=\"#E8FFE8\"\r\n                stroke-width=\"1.3\"\r\n            \/>\r\n\r\n        <\/svg>\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\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-cea5a91 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cea5a91\" 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-551f4bc\" data-id=\"551f4bc\" 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-1f06189 elementor-widget elementor-widget-html\" data-id=\"1f06189\" 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 MOBILITI HIJAU \u2014 BOTTOM CTA STRIP\r\n========================================================= *\/\r\n\r\n.celik-bottom-strip,\r\n.celik-bottom-strip *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-bottom-strip{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:24px;\r\n\r\n    padding:18px 24px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 0% 50%,\r\n            rgba(76,197,21,.15),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            105deg,\r\n            #004D3D 0%,\r\n            #006044 50%,\r\n            #00483A 100%\r\n        );\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n\r\n    color:#FFFFFF;\r\n\r\n    border-radius:0;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(0,77,61,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT BRAND\r\n========================================================= *\/\r\n\r\n.celik-strip-brand{\r\n    flex:1.35;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    min-width:220px;\r\n}\r\n\r\n\r\n\/* LEAF ICON *\/\r\n\r\n.celik-strip-logo{\r\n    width:45px;\r\n    height:45px;\r\n    min-width:45px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.celik-strip-logo svg{\r\n    width:43px;\r\n    height:43px;\r\n}\r\n\r\n\r\n\/* BRAND TEXT *\/\r\n\r\n.celik-strip-brand-content{\r\n    min-width:0;\r\n}\r\n\r\n.celik-strip-title{\r\n    margin:0 0 3px !important;\r\n    padding:0 !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    color:#FFFFFF !important;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.celik-strip-tagline{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n    line-height:1.4;\r\n\r\n    color:rgba(255,255,255,.88) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.celik-strip-divider{\r\n    width:1px;\r\n    height:42px;\r\n\r\n    flex:0 0 1px;\r\n\r\n    background:linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(255,255,255,.55),\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE ITEM\r\n========================================================= *\/\r\n\r\n.celik-strip-feature{\r\n    flex:1;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    min-width:150px;\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n.celik-strip-feature-icon{\r\n    width:34px;\r\n    height:34px;\r\n    min-width:34px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.celik-strip-feature-icon svg{\r\n    width:26px;\r\n    height:26px;\r\n\r\n    fill:none;\r\n    stroke:#FFFFFF;\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* FEATURE TEXT *\/\r\n\r\n.celik-strip-feature-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:10px;\r\n    font-weight:500;\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n========================================================= *\/\r\n\r\n.celik-strip-cta{\r\n    flex:0 0 auto;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    min-width:195px;\r\n\r\n    padding:12px 19px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #DFFFF0 0%,\r\n        #C8F7DB 100%\r\n    );\r\n\r\n    border:1px solid rgba(255,255,255,.40);\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n\r\n    text-align:center;\r\n    text-decoration:none !important;\r\n\r\n    box-shadow:\r\n        0 5px 16px rgba(0,0,0,.12);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.celik-strip-cta:hover{\r\n    transform:translateY(-2px);\r\n\r\n    background:#FFFFFF;\r\n\r\n    color:#004D3D !important;\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(0,0,0,.17);\r\n}\r\n\r\n\r\n\/* BUTTON ARROW *\/\r\n\r\n.celik-strip-arrow{\r\n    width:22px;\r\n    height:22px;\r\n    min-width:22px;\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:#087B43;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n.celik-strip-arrow svg{\r\n    width:12px;\r\n    height:12px;\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\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-bottom-strip{\r\n        gap:15px;\r\n        padding:17px 18px;\r\n    }\r\n\r\n    .celik-strip-brand{\r\n        min-width:190px;\r\n    }\r\n\r\n    .celik-strip-logo{\r\n        width:38px;\r\n        height:38px;\r\n        min-width:38px;\r\n    }\r\n\r\n    .celik-strip-logo svg{\r\n        width:37px;\r\n        height:37px;\r\n    }\r\n\r\n    .celik-strip-title{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-strip-tagline{\r\n        font-size:8px;\r\n    }\r\n\r\n    .celik-strip-feature{\r\n        min-width:120px;\r\n    }\r\n\r\n    .celik-strip-feature-text{\r\n        font-size:8.5px;\r\n    }\r\n\r\n    .celik-strip-cta{\r\n        min-width:170px;\r\n\r\n        padding:11px 14px;\r\n\r\n        font-size:9px;\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-bottom-strip{\r\n        flex-direction:column;\r\n\r\n        justify-content:center;\r\n\r\n        gap:0;\r\n\r\n        padding:24px 18px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    \/* BRAND *\/\r\n\r\n    .celik-strip-brand{\r\n        width:100%;\r\n        min-width:0;\r\n\r\n        flex:none;\r\n\r\n        justify-content:center;\r\n\r\n        padding-bottom:16px;\r\n    }\r\n\r\n    .celik-strip-logo{\r\n        width:42px;\r\n        height:42px;\r\n        min-width:42px;\r\n    }\r\n\r\n    .celik-strip-logo svg{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n\r\n    .celik-strip-brand-content{\r\n        text-align:left;\r\n    }\r\n\r\n    .celik-strip-title{\r\n        font-size:13px;\r\n    }\r\n\r\n    .celik-strip-tagline{\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    \/* DIVIDERS *\/\r\n\r\n    .celik-strip-divider{\r\n        width:100%;\r\n        height:1px;\r\n\r\n        flex:none;\r\n\r\n        background:linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.35),\r\n            transparent\r\n        );\r\n    }\r\n\r\n\r\n    \/* FEATURES *\/\r\n\r\n    .celik-strip-feature{\r\n        width:100%;\r\n        min-width:0;\r\n\r\n        flex:none;\r\n\r\n        justify-content:center;\r\n\r\n        padding:14px 5px;\r\n    }\r\n\r\n    .celik-strip-feature-icon{\r\n        width:31px;\r\n        height:31px;\r\n        min-width:31px;\r\n    }\r\n\r\n    .celik-strip-feature-icon svg{\r\n        width:23px;\r\n        height:23px;\r\n    }\r\n\r\n    .celik-strip-feature-text{\r\n        font-size:10px;\r\n        text-align:left;\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .celik-strip-cta{\r\n        width:100%;\r\n        max-width:290px;\r\n\r\n        min-width:0;\r\n\r\n        margin-top:17px;\r\n\r\n        padding:13px 18px;\r\n\r\n        font-size:10px;\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-bottom-strip{\r\n        padding:21px 13px;\r\n    }\r\n\r\n    .celik-strip-title{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-strip-tagline{\r\n        font-size:8px;\r\n    }\r\n\r\n    .celik-strip-feature-text{\r\n        font-size:9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-bottom-strip\">\r\n\r\n\r\n    <!-- =========================================\r\n         BRAND\r\n    ========================================== -->\r\n\r\n    <div class=\"celik-strip-brand\">\r\n\r\n        <div class=\"celik-strip-logo\">\r\n\r\n            <svg viewBox=\"0 0 50 50\"\r\n                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                <!-- WHITE LEAF -->\r\n\r\n                <path\r\n                    d=\"M7 39\r\n                       C5 19 21 7 43 6\r\n                       C42 26 29 41 7 39Z\"\r\n                    fill=\"#FFFFFF\"\r\n                \/>\r\n\r\n                <!-- LEAF VEIN -->\r\n\r\n                <path\r\n                    d=\"M8 39\r\n                       C18 27 28 17 40 9\"\r\n                    fill=\"none\"\r\n                    stroke=\"#087B43\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                \/>\r\n\r\n                <!-- SMALL LEAF -->\r\n\r\n                <path\r\n                    d=\"M25 18\r\n                       C27 8 35 4 45 4\r\n                       C43 13 36 19 25 18Z\"\r\n                    fill=\"#4CC515\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"celik-strip-brand-content\">\r\n\r\n            <h3 class=\"celik-strip-title\">\r\n                CELIK MOBILITI HIJAU\r\n            <\/h3>\r\n\r\n            <p class=\"celik-strip-tagline\">\r\n                Pandu Hari Ini, Untuk Esok yang Lebih Hijau.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DIVIDER -->\r\n\r\n    <div class=\"celik-strip-divider\"><\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         PILIHAN BIJAK\r\n    ========================================== -->\r\n\r\n    <div class=\"celik-strip-feature\">\r\n\r\n        <div class=\"celik-strip-feature-icon\">\r\n\r\n            <!-- GLOBE -->\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n\r\n                <path d=\"M3 12h18\"\/>\r\n\r\n                <path d=\"M12 3\r\n                         c3 3 4 6 4 9\r\n                         s-1 6-4 9\"\/>\r\n\r\n                <path d=\"M12 3\r\n                         c-3 3-4 6-4 9\r\n                         s1 6 4 9\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"celik-strip-feature-text\">\r\n            Pilihan Bijak.<br>\r\n            Impak Besar.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DIVIDER -->\r\n\r\n    <div class=\"celik-strip-divider\"><\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         MOBILITI MAMPAN\r\n    ========================================== -->\r\n\r\n    <div class=\"celik-strip-feature\">\r\n\r\n        <div class=\"celik-strip-feature-icon\">\r\n\r\n            <!-- LEAF -->\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M20 4\r\n                         C11 4 5 8 5 15\r\n                         a5 5 0 0 0 5 5\r\n                         c7 0 11-7 10-16Z\"\/>\r\n\r\n                <path d=\"M4 21\r\n                         c3-6 7-9 12-12\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"celik-strip-feature-text\">\r\n            Mobiliti Mampan<br>\r\n            Untuk Semua.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         CTA\r\n    ========================================== -->\r\n\r\n    <a href=\"#\"\r\n       class=\"celik-strip-cta\">\r\n\r\n        <span>\r\n            Bersama ke Arah Malaysia<br>\r\n            Lebih Hijau\r\n        <\/span>\r\n\r\n        <span class=\"celik-strip-arrow\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M5 12h13\"\/>\r\n\r\n                <path d=\"M14 7l5 5-5 5\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n    <\/a>\r\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Green Mobility Techniques Teknik Mobiliti Hijau Small changes in how you move can make every journey greener. Green mobility starts [&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-314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/314","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=314"}],"version-history":[{"count":16,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/314\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/314\/revisions\/438"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}