{"id":259,"date":"2026-09-23T04:12:55","date_gmt":"2026-09-23T04:12:55","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=259"},"modified":"2026-09-23T05:49:15","modified_gmt":"2026-09-23T05:49:15","slug":"teknik-eco-driving","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/?page_id=259","title":{"rendered":"Teknik Eco-Driving"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"259\" class=\"elementor elementor-259\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a313bcf elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"a313bcf\" 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-220bbc9\" data-id=\"220bbc9\" 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-c6e08dc elementor-widget elementor-widget-heading\" data-id=\"c6e08dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TEKNIK ECO-DRIVING<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78c0b7e elementor-widget elementor-widget-html\" data-id=\"78c0b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =====================================\r\n   ECO-DRIVING HERO HEADING\r\n===================================== *\/\r\n\r\n.eco-hero-heading {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: 'Manrope', Arial, sans-serif;\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    line-height: 1.;\r\n    letter-spacing: -2px;\r\n\r\n    color: #FFFFFF;\r\n    text-align: left;\r\n}\r\n\r\n\/* GREEN TEXT *\/\r\n.eco-hero-heading .green-text {\r\n    color: #65C917;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n\r\n    .eco-hero-heading {\r\n        font-size: 48px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n\r\n    .eco-hero-heading {\r\n        width: 100%;\r\n\r\n        font-size: 38px;\r\n        line-height: 1.08;\r\n        letter-spacing: -1px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 480px) {\r\n\r\n    .eco-hero-heading {\r\n        font-size: 22px;\r\n        line-height: 1.4;\r\n        letter-spacing: -0.7px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<h1 class=\"eco-hero-heading\">\r\n   12 Teknik Eco-Driving<br>\r\n    <span class=\"green-text\">untuk Perjalanan Lebih Bijak<\/span> \r\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb1a68f elementor-widget elementor-widget-text-editor\" data-id=\"bb1a68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Peruhahan kecil dalam cara kita memandu boleh menghasilkan perjalanan yang lebih lancar, efisien dan mesra alam.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa676ca elementor-widget elementor-widget-html\" data-id=\"fa676ca\" 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 ECO DRIVING FEATURES\r\n========================================= *\/\r\n\r\n.celik-driving-features,\r\n.celik-driving-features * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-driving-features {\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    flex-wrap: nowrap;\r\n\r\n    gap: 24px;\r\n\r\n    background: transparent !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* EACH FEATURE *\/\r\n\r\n.celik-driving-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-width: 0;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.celik-driving-icon {\r\n    width: 29px;\r\n    height: 29px;\r\n    min-width: 29px;\r\n\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-driving-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================\r\n   TEXT \u2014 WHITE\r\n========================================= *\/\r\n\r\n.celik-driving-text {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: 0.1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-driving-features {\r\n        gap: 16px;\r\n    }\r\n\r\n    .celik-driving-item {\r\n        gap: 7px;\r\n    }\r\n\r\n    .celik-driving-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        min-width: 24px;\r\n    }\r\n\r\n    .celik-driving-text {\r\n        font-size: 11px;\r\n        color: #FFFFFF !important;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 CENTER + ONE ROW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .celik-driving-features {\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n        flex-wrap: nowrap;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-driving-item {\r\n        gap: 5px;\r\n    }\r\n\r\n    .celik-driving-icon {\r\n        width: 19px;\r\n        height: 19px;\r\n        min-width: 19px;\r\n    }\r\n\r\n    .celik-driving-text {\r\n        font-size: 9px;\r\n        letter-spacing: 0;\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-driving-features {\r\n        gap: 7px;\r\n    }\r\n\r\n    .celik-driving-item {\r\n        gap: 4px;\r\n    }\r\n\r\n    .celik-driving-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        min-width: 16px;\r\n    }\r\n\r\n    .celik-driving-text {\r\n        font-size: 8px;\r\n\r\n        color: #FFFFFF !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-driving-features\">\r\n\r\n    <!-- PANDU LANCAR -->\r\n\r\n    <div class=\"celik-driving-item\">\r\n\r\n        <div class=\"celik-driving-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-driving-text\">\r\n            PANDU LANCAR\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PANDU EFISIEN -->\r\n\r\n    <div class=\"celik-driving-item\">\r\n\r\n        <div class=\"celik-driving-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <rect\r\n                    x=\"3\"\r\n                    y=\"14\"\r\n                    width=\"4\"\r\n                    height=\"7\"\r\n                    rx=\"0.5\"\r\n                    fill=\"currentColor\"\r\n                    stroke=\"none\"\r\n                \/>\r\n\r\n                <rect\r\n                    x=\"10\"\r\n                    y=\"9\"\r\n                    width=\"4\"\r\n                    height=\"12\"\r\n                    rx=\"0.5\"\r\n                    fill=\"currentColor\"\r\n                    stroke=\"none\"\r\n                \/>\r\n\r\n                <rect\r\n                    x=\"17\"\r\n                    y=\"3\"\r\n                    width=\"4\"\r\n                    height=\"18\"\r\n                    rx=\"0.5\"\r\n                    fill=\"currentColor\"\r\n                    stroke=\"none\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"celik-driving-text\">\r\n            PANDU EFISIEN\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PERJALANAN BIJAK -->\r\n\r\n    <div class=\"celik-driving-item\">\r\n\r\n        <div class=\"celik-driving-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-driving-text\">\r\n            PERJALANAN BIJAK\r\n        <\/span>\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-a04a9df\" data-id=\"a04a9df\" 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-cc58e5f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cc58e5f\" 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-60aaf33\" data-id=\"60aaf33\" 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-05be509 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05be509\" 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-559ae90\" data-id=\"559ae90\" 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-adf4e7e elementor-widget elementor-widget-html\" data-id=\"adf4e7e\" 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 SAFETY NOTICE BANNER\r\n========================================= *\/\r\n\r\n.celik-safety-banner,\r\n.celik-safety-banner * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-safety-banner {\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    gap: 22px;\r\n\r\n    padding: 22px 35px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 50%,\r\n            rgba(76,197,21,.12),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            100deg,\r\n            #E8FFF1 0%,\r\n            #F4FFF8 52%,\r\n            #E1F8E8 100%\r\n        );\r\n\r\n    border: 1px solid #D8F0E1;\r\n\r\n    box-shadow:\r\n        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   SHIELD ICON\r\n========================================= *\/\r\n\r\n.celik-safety-icon {\r\n    width: 75px;\r\n    height: 75px;\r\n    flex: 0 0 75px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.celik-safety-icon svg {\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    display: block;\r\n\r\n    filter:\r\n        drop-shadow(0 5px 8px rgba(0,77,61,.20));\r\n}\r\n\r\n\/* =========================================\r\n   TEXT CONTENT\r\n========================================= *\/\r\n\r\n.celik-safety-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.celik-safety-title {\r\n    margin: 0 0 8px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 21px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: -.3px;\r\n\r\n    color: #004D3D !important;\r\n}\r\n\r\n.celik-safety-description {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    max-width: 950px;\r\n\r\n    color: #243D35 !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.65;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE LEAVES\r\n========================================= *\/\r\n\r\n.celik-safety-leaves {\r\n    width: 115px;\r\n    height: 90px;\r\n    flex: 0 0 115px;\r\n\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.celik-safety-leaves svg {\r\n    width: 115px;\r\n    height: 90px;\r\n\r\n    display: block;\r\n\r\n    filter:\r\n        drop-shadow(0 5px 7px rgba(0,77,61,.15));\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-safety-banner {\r\n        padding: 20px 22px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .celik-safety-icon {\r\n        width: 62px;\r\n        height: 62px;\r\n        flex-basis: 62px;\r\n    }\r\n\r\n    .celik-safety-icon svg {\r\n        width: 60px;\r\n        height: 60px;\r\n    }\r\n\r\n    .celik-safety-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .celik-safety-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-safety-leaves {\r\n        width: 80px;\r\n        flex-basis: 80px;\r\n    }\r\n\r\n    .celik-safety-leaves svg {\r\n        width: 80px;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 PROPER ALIGNMENT\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .celik-safety-banner {\r\n        width: 100%;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 44px minmax(0, 1fr);\r\n\r\n        align-items: start;\r\n\r\n        column-gap: 11px;\r\n\r\n        padding: 17px 14px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n    \/* SHIELD LEFT *\/\r\n\r\n    .celik-safety-icon {\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n        min-width: 0;\r\n\r\n        margin-top: 2px;\r\n\r\n        align-self: start;\r\n    }\r\n\r\n    .celik-safety-icon svg {\r\n        width: 44px;\r\n        height: 44px;\r\n    }\r\n\r\n    \/* TEXT RIGHT *\/\r\n\r\n    .celik-safety-content {\r\n        width: 100%;\r\n        min-width: 0;\r\n\r\n        padding: 0;\r\n        margin: 0;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n    .celik-safety-title {\r\n        margin: 0 0 7px !important;\r\n\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n\r\n        line-height: 1.3;\r\n\r\n        letter-spacing: -.15px;\r\n\r\n        overflow-wrap: break-word;\r\n    }\r\n\r\n    .celik-safety-description {\r\n        margin: 0 !important;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n\r\n        line-height: 1.55;\r\n\r\n        overflow-wrap: break-word;\r\n    }\r\n\r\n    \/* LEAVES \u2014 RIGHT CORNER *\/\r\n\r\n    .celik-safety-leaves {\r\n        position: absolute;\r\n\r\n        right: -17px;\r\n        bottom: -18px;\r\n\r\n        width: 90px;\r\n        height: 75px;\r\n\r\n        min-width: 0;\r\n\r\n        opacity: .13;\r\n\r\n        z-index: 0;\r\n\r\n        pointer-events: none;\r\n    }\r\n\r\n    .celik-safety-leaves svg {\r\n        width: 90px;\r\n        height: 75px;\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-safety-banner {\r\n        grid-template-columns: 38px minmax(0, 1fr);\r\n\r\n        column-gap: 9px;\r\n\r\n        padding: 15px 10px;\r\n    }\r\n\r\n    .celik-safety-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .celik-safety-icon svg {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .celik-safety-title {\r\n        font-size: 12px;\r\n\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .celik-safety-description {\r\n        font-size: 10px;\r\n\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .celik-safety-leaves {\r\n        opacity: .10;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-safety-banner\">\r\n\r\n    <!-- SHIELD ICON -->\r\n\r\n    <div class=\"celik-safety-icon\">\r\n\r\n        <svg viewBox=\"0 0 80 80\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n            <defs>\r\n\r\n                <linearGradient\r\n                    id=\"celikShieldGradient\"\r\n                    x1=\"0\" y1=\"0\"\r\n                    x2=\"1\" y2=\"1\">\r\n\r\n                    <stop offset=\"0%\"\r\n                          stop-color=\"#087B43\"\/>\r\n\r\n                    <stop offset=\"100%\"\r\n                          stop-color=\"#003B32\"\/>\r\n\r\n                <\/linearGradient>\r\n\r\n            <\/defs>\r\n\r\n            <path\r\n                d=\"M40 4\r\n                   L69 16\r\n                   V38\r\n                   C69 57 57 69 40 76\r\n                   C23 69 11 57 11 38\r\n                   V16 Z\"\r\n\r\n                fill=\"url(#celikShieldGradient)\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M40 20\r\n                   L56 27\r\n                   V39\r\n                   C56 50 50 57 40 62\r\n                   C30 57 24 50 24 39\r\n                   V27 Z\"\r\n\r\n                fill=\"none\"\r\n                stroke=\"#FFFFFF\"\r\n                stroke-width=\"2.6\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M31 40\r\n                   L38 47\r\n                   L51 33\"\r\n\r\n                fill=\"none\"\r\n                stroke=\"#FFFFFF\"\r\n                stroke-width=\"3.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TEXT -->\r\n\r\n    <div class=\"celik-safety-content\">\r\n\r\n        <h3 class=\"celik-safety-title\">\r\n            KESELAMATAN SENTIASA DIUTAMAKAN\r\n        <\/h3>\r\n\r\n        <p class=\"celik-safety-description\">\r\n\r\n            Amalan eco-driving perlu digunakan mengikut\r\n            keadaan trafik, cuaca, jalan raya dan\r\n            keupayaan kenderaan.\r\n\r\n            <br>\r\n\r\n            Jangan mengutamakan penjimatan bahan api\r\n            sehingga menjejaskan keselamatan.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DECORATIVE LEAVES -->\r\n\r\n    <div class=\"celik-safety-leaves\">\r\n\r\n        <svg viewBox=\"0 0 120 100\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n            <defs>\r\n\r\n                <linearGradient\r\n                    id=\"celikLeafGradient\"\r\n                    x1=\"0\" y1=\"1\"\r\n                    x2=\"1\" y2=\"0\">\r\n\r\n                    <stop offset=\"0%\"\r\n                          stop-color=\"#004D3D\"\/>\r\n\r\n                    <stop offset=\"100%\"\r\n                          stop-color=\"#65C917\"\/>\r\n\r\n                <\/linearGradient>\r\n\r\n            <\/defs>\r\n\r\n            <path\r\n                d=\"M18 89\r\n                   C14 48 49 20 90 15\r\n                   C87 55 63 86 18 89Z\"\r\n\r\n                fill=\"url(#celikLeafGradient)\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M18 89\r\n                   C39 65 58 44 88 18\"\r\n\r\n                fill=\"none\"\r\n                stroke=\"#D9FFD9\"\r\n                stroke-width=\"1.5\"\r\n                opacity=\".7\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M64 47\r\n                   C65 17 88 6 114 5\r\n                   C109 32 91 47 64 47Z\"\r\n\r\n                fill=\"#66BC70\"\r\n                opacity=\".75\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M65 47\r\n                   C82 30 98 17 112 7\"\r\n\r\n                fill=\"none\"\r\n                stroke=\"#E8FFE8\"\r\n                stroke-width=\"1.3\"\r\n                opacity=\".65\"\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-f541edc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f541edc\" 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-8401981\" data-id=\"8401981\" 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-28fbfff elementor-widget elementor-widget-heading\" data-id=\"28fbfff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">12 Teknik Eco-Driving<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf9eb2 elementor-widget elementor-widget-text-editor\" data-id=\"bcf9eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Langkah demi langkah ke arah pemanduan yang lebih hijau.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cd409 elementor-widget elementor-widget-html\" data-id=\"c4cd409\" 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 12 ECO DRIVING TECHNIQUES\r\n========================================= *\/\r\n\r\n.celik-techniques,\r\n.celik-techniques * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-techniques {\r\n    width: 100%;\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    background: transparent;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.celik-techniques-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n    width: 100%;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.celik-technique-card {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 19px;\r\n    background: #FFFFFF;\r\n    border: 1px solid #DDF1E4;\r\n    border-radius: 19px;\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(0, 77, 61, .055),\r\n        0 12px 30px rgba(0, 77, 61, .035);\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-technique-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #A7E5B5;\r\n\r\n    box-shadow:\r\n        0 14px 35px rgba(0, 77, 61, .12);\r\n}\r\n\r\n\/* CARD TOP *\/\r\n\r\n.celik-technique-top {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 13px;\r\n    min-height: 130px;\r\n    margin-bottom: 13px;\r\n}\r\n\r\n\/* NUMBER *\/\r\n\r\n.celik-technique-number {\r\n    width: 48px;\r\n    height: 48px;\r\n    flex: 0 0 48px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: linear-gradient(\r\n        145deg,\r\n        #4CC515 0%,\r\n        #28A936 100%\r\n    );\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n\r\n    box-shadow:\r\n        0 5px 13px rgba(76, 197, 21, .17);\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.celik-technique-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.celik-technique-title {\r\n    margin: 0 0 9px !important;\r\n    padding: 0 !important;\r\n\r\n    color: #123D32 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -.45px;\r\n}\r\n\r\n.celik-technique-description {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.celik-technique-image {\r\n    width: 100%;\r\n    height: 170px;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    margin-top: auto;\r\n    border-radius: 13px;\r\n\r\n    background: #EAF7ED;\r\n}\r\n\r\n.celik-technique-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition: transform .5s ease;\r\n}\r\n\r\n.celik-technique-card:hover\r\n.celik-technique-image img {\r\n    transform: scale(1.055);\r\n}\r\n\r\n\/* GREEN CORNER LEAF *\/\r\n\r\n.celik-technique-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -9px;\r\n    bottom: -16px;\r\n\r\n    width: 86px;\r\n    height: 63px;\r\n\r\n    border-radius: 95% 0 0 0;\r\n\r\n    background: linear-gradient(\r\n        140deg,\r\n        rgba(131, 237, 84, .78),\r\n        rgba(8, 123, 67, .90)\r\n    );\r\n\r\n    transform: rotate(-14deg);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-techniques-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 17px;\r\n    }\r\n\r\n    .celik-technique-top {\r\n        min-height: 120px;\r\n    }\r\n\r\n    .celik-technique-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .celik-technique-image {\r\n        height: 175px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .celik-techniques-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n\r\n    .celik-technique-card {\r\n        padding: 15px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .celik-technique-top {\r\n        gap: 12px;\r\n        min-height: 0;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .celik-technique-number {\r\n        width: 42px;\r\n        height: 42px;\r\n        flex-basis: 42px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .celik-technique-title {\r\n        font-size: 17px;\r\n        line-height: 1.25;\r\n        margin-bottom: 6px !important;\r\n    }\r\n\r\n    .celik-technique-description {\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .celik-technique-image {\r\n        height: 190px;\r\n        border-radius: 11px;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .celik-technique-card {\r\n        padding: 12px;\r\n    }\r\n\r\n    .celik-technique-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .celik-technique-description {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-technique-image {\r\n        height: 165px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-techniques\">\r\n\r\n    <div class=\"celik-techniques-grid\">\r\n\r\n\r\n        <!-- CARD 01 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Pastikan dan Periksa Kenderaan Lancar\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Periksa tekanan tayar, minyak enjin\r\n                        dan komponen utama secara berkala.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/driving-car-summer-road-travel_263357-425-1.jpg\"\r\n                    alt=\"Pemeriksaan kenderaan\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 02 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Jaga Jarak dan Trafik dan Pandu dengan Bijak\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Pandu dengan jarak selamat dan elakkan\r\n                        membrek atau memecut secara mengejut.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/highway-with-sign-that-says-exit-it_1255033-25014.jpg\"\r\n                    alt=\"Pemanduan di lebuh raya\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 03 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Kekalkan Kelajuan yang Konsisten\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Gunakan kelajuan malar untuk\r\n                        mengurangkan penggunaan bahan api.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/driving-car-summer-road-travel_263357-425-1-1.jpg\"\r\n                    alt=\"Kelajuan pemanduan konsisten\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 04 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Patuhi Had Laju dan Elakkan Kelajuan Berlebihan\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Lebih laju tidak semestinya lebih baik.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/car-steering-wheel-view-night-road-from-car-closeup_169016-51762.jpg\"\r\n                    alt=\"Pemanduan mengikut had laju\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 05 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Kurangkan Masa Melahu yang Tidak Perlu\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Matikan enjin sekiranya tidak digunakan\r\n                        dalam tempoh lama untuk jimat bahan api.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/woman-pushing-start-button_23-2148510606.jpg\"\r\n                    alt=\"Butang start stop enjin\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 06 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    06\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Guna Gear yang Sesuai\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Pilih gear yang sesuai dengan\r\n                        kelajuan dan keadaan jalan.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/luxury-car-interior-detail-showing-automatic-gear-shifter_1179146-31452.jpg\"\r\n                    alt=\"Gear kenderaan\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 07 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    07\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Matikan Enjin Apabila Tidak Diperlukan\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Jika berhenti lebih dari satu minit,\r\n                        matikan enjin.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/woman-pushing-start-button_23-2148510606-1.jpg\"\r\n                    alt=\"Mematikan enjin kenderaan\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 08 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    08\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Gunakan Penyaman Udara dengan Bijak\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Hidupkan penyaman udara secara sederhana\r\n                        untuk mengurangkan beban enjin.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/woman-hand-air-conditioner-ventilation-grille-car-climate-control-panel_77190-4231.jpg\"\r\n                    alt=\"Kawalan penyaman udara kereta\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 09 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    09\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Kurangkan Beban yang Tidak Perlu\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Semakin ringan beban kenderaan,\r\n                        semakin jimat penggunaan bahan api.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/variety-grocery-bags-neatly-arranged-car-trunk-shopping-center-parking-lot_358403-11547.jpg\"\r\n                    alt=\"Barang di ruang bagasi kereta\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 10 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    10\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Pastikan Tayar Dalam Keadaan Baik\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Tayar yang baik memberi genggaman\r\n                        lebih baik dan meningkatkan kecekapan\r\n                        bahan api.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/tire-repair-service-garage-background_1077802-114103.jpg\"\r\n                    alt=\"Pemeriksaan tayar kereta\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 11 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    11\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Rancang Perjalanan dengan Baik\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Pilih laluan yang sesuai dan\r\n                        elakkan kesesakan trafik.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/female-tourists-stand-look-map-road_1150-24567.jpg\"\r\n                    alt=\"Merancang laluan perjalanan\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- CARD 12 -->\r\n\r\n        <article class=\"celik-technique-card\">\r\n\r\n            <div class=\"celik-technique-top\">\r\n\r\n                <div class=\"celik-technique-number\">\r\n                    12\r\n                <\/div>\r\n\r\n                <div class=\"celik-technique-content\">\r\n\r\n                    <h3 class=\"celik-technique-title\">\r\n                        Amalkan Pemanduan Bertimbang Rasa\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-technique-description\">\r\n                        Pandu dengan selamat dan menghormati\r\n                        pengguna jalan raya yang lain.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-technique-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/classy-unshaven-businessman-suit-eyeglasses-driving-giving-thumbs-up_1158146-20797.jpg\"\r\n                    alt=\"Pemanduan bertimbang rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\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-2697313 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2697313\" 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-64445d9\" data-id=\"64445d9\" 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-5f9472b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f9472b\" 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-31c9a50\" data-id=\"31c9a50\" 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-1682369 elementor-widget elementor-widget-html\" data-id=\"1682369\" 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 JOURNEY QUOTE BANNER\r\n========================================= *\/\r\n\r\n.celik-quote-banner,\r\n.celik-quote-banner * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-quote-banner {\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    gap: 35px;\r\n\r\n    padding: 26px 38px;\r\n\r\n    background: linear-gradient(\r\n        110deg,\r\n        #003D32 0%,\r\n        #086A45 55%,\r\n        #004D3D 100%\r\n    );\r\n\r\n    border: 1px solid rgba(76,197,21,.25);\r\n    border-radius: 14px;\r\n\r\n    box-shadow: 0 10px 28px rgba(0,77,61,.12);\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* SOFT DECORATIVE GLOW *\/\r\n\r\n.celik-quote-banner::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    left: -80px;\r\n    top: -100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(76,197,21,.13);\r\n    filter: blur(35px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT QUOTE TEXT\r\n========================================= *\/\r\n\r\n.celik-quote-text {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\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    font-size: 20px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n    letter-spacing: -.2px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT BRAND TAGLINE\r\n========================================= *\/\r\n\r\n.celik-quote-brand {\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    padding-left: 26px;\r\n\r\n    border-left: 1px solid rgba(255,255,255,.25);\r\n}\r\n\r\n\/* LEAF ICON *\/\r\n\r\n.celik-quote-brand svg {\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    flex: 0 0 43px;\r\n\r\n    fill: none;\r\n    stroke: #7BE438;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* TAGLINE TEXT *\/\r\n\r\n.celik-quote-tagline {\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    font-size: 15px;\r\n    font-weight: 700;\r\n    line-height: 1.45;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-quote-banner {\r\n        padding: 23px 25px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .celik-quote-text {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .celik-quote-tagline {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .celik-quote-brand {\r\n        padding-left: 18px;\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-quote-banner {\r\n        flex-direction: column;\r\n        justify-content: center;\r\n\r\n        gap: 17px;\r\n\r\n        padding: 25px 18px;\r\n\r\n        border-radius: 12px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-quote-text {\r\n        width: 100%;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.55;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-quote-brand {\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 9px;\r\n\r\n        padding: 15px 0 0;\r\n\r\n        border-left: 0;\r\n        border-top: 1px solid rgba(255,255,255,.22);\r\n    }\r\n\r\n    .celik-quote-brand svg {\r\n        width: 31px;\r\n        height: 31px;\r\n\r\n        flex-basis: 31px;\r\n    }\r\n\r\n    .celik-quote-tagline {\r\n        font-size: 12px;\r\n        text-align: left;\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-quote-banner {\r\n        padding: 21px 13px;\r\n    }\r\n\r\n    .celik-quote-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .celik-quote-tagline {\r\n        font-size: 11px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-quote-banner\">\r\n\r\n    <!-- LEFT TEXT WITHOUT QUOTATION MARKS -->\r\n\r\n    <p class=\"celik-quote-text\">\r\n\r\n        Perjalanan yang lebih hijau bermula\r\n        dengan pilihan yang lebih bijak hari ini.\r\n\r\n    <\/p>\r\n\r\n\r\n    <!-- RIGHT BRAND TAGLINE -->\r\n\r\n    <div class=\"celik-quote-brand\">\r\n\r\n        <!-- LEAF 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\r\n        <p class=\"celik-quote-tagline\">\r\n\r\n            Move Today<br>\r\n            for a Brighter Tomorrow\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\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-8a32b9c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8a32b9c\" 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-93cc828\" data-id=\"93cc828\" 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-6aed262 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6aed262\" 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-1643c92\" data-id=\"1643c92\" 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-7db2b29 elementor-widget elementor-widget-html\" data-id=\"7db2b29\" 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 MYTH VS FACT SECTION\r\n========================================= *\/\r\n\r\n.celik-myth-section,\r\n.celik-myth-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-myth-section {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 30px 32px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 95% 10%,\r\n            rgba(76,197,21,.12),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            105deg,\r\n            #F7FFFA 0%,\r\n            #FFFFFF 48%,\r\n            #E9FAEF 100%\r\n        );\r\n\r\n    border: 1px solid #E0F2E6;\r\n    border-radius: 16px;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.celik-myth-inner {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1.35fr 2.1fr;\r\n\r\n    align-items: center;\r\n    gap: 26px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT HEADING\r\n========================================= *\/\r\n\r\n.celik-myth-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    margin: 0 0 8px;\r\n\r\n    color: #087B43;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .8px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.celik-myth-label svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: #4CC515;\r\n    flex: 0 0 15px;\r\n}\r\n\r\n.celik-myth-heading {\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    font-size: 30px;\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -.8px;\r\n}\r\n\r\n.celik-myth-heading span {\r\n    color: #087B43;\r\n}\r\n\r\n\/* =========================================\r\n   MIDDLE DESCRIPTION\r\n========================================= *\/\r\n\r\n.celik-myth-description {\r\n    margin: 0 0 15px !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.celik-myth-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    padding: 12px 20px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #004D3D,\r\n        #087B43\r\n    );\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow: 0 6px 16px rgba(0,77,61,.16);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.celik-myth-button:hover {\r\n    background: #4CC515;\r\n    color: #003B32 !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.celik-myth-button svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================\r\n   MYTH & FACT CARDS\r\n========================================= *\/\r\n\r\n.celik-myth-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 12px;\r\n    width: 100%;\r\n}\r\n\r\n.celik-mf-card {\r\n    min-width: 0;\r\n    min-height: 125px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n\r\n    padding: 19px 15px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #E7F0E9;\r\n    border-radius: 15px;\r\n\r\n    box-shadow: 0 6px 20px rgba(0,77,61,.07);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.celik-mf-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 26px rgba(0,77,61,.12);\r\n}\r\n\r\n\/* ICON CIRCLES *\/\r\n\r\n.celik-mf-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.celik-mf-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    fill: none;\r\n    stroke: #FFFFFF;\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* MYTH RED *\/\r\n\r\n.celik-mf-card.myth .celik-mf-icon {\r\n    background: #E62E35;\r\n}\r\n\r\n.celik-mf-card.myth .celik-mf-title {\r\n    color: #D82D34 !important;\r\n}\r\n\r\n\/* FACT GREEN *\/\r\n\r\n.celik-mf-card.fact .celik-mf-icon {\r\n    background: #087B43;\r\n}\r\n\r\n.celik-mf-card.fact .celik-mf-title {\r\n    color: #087B43 !important;\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.celik-mf-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.celik-mf-title {\r\n    margin: 0 0 6px !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.celik-mf-description {\r\n    margin: 0 !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE LEAVES\r\n========================================= *\/\r\n\r\n.celik-myth-leaves {\r\n    position: absolute;\r\n\r\n    right: -10px;\r\n    bottom: -30px;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    opacity: .12;\r\n    pointer-events: none;\r\n\r\n    transform: rotate(-25deg);\r\n}\r\n\r\n.celik-myth-leaves svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-myth-section {\r\n        padding: 26px 22px;\r\n    }\r\n\r\n    .celik-myth-inner {\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .celik-myth-cards {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .celik-myth-heading {\r\n        font-size: 27px;\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-myth-section {\r\n        padding: 25px 14px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .celik-myth-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 17px;\r\n    }\r\n\r\n    \/* HEADING CENTER *\/\r\n\r\n    .celik-myth-left {\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-myth-label {\r\n        justify-content: center;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .celik-myth-heading {\r\n        font-size: 27px;\r\n        line-height: 1.12;\r\n    }\r\n\r\n    \/* DESCRIPTION CENTER *\/\r\n\r\n    .celik-myth-middle {\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-myth-description {\r\n        font-size: 12px;\r\n        margin-bottom: 13px !important;\r\n    }\r\n\r\n    .celik-myth-button {\r\n        font-size: 10px;\r\n        padding: 11px 17px;\r\n    }\r\n\r\n    \/* TWO CARDS IN ONE ROW *\/\r\n\r\n    .celik-myth-cards {\r\n        grid-column: auto;\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 9px;\r\n    }\r\n\r\n    .celik-mf-card {\r\n        flex-direction: column;\r\n\r\n        min-height: 150px;\r\n\r\n        padding: 14px 11px;\r\n        gap: 9px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .celik-mf-icon {\r\n        width: 33px;\r\n        height: 33px;\r\n        flex-basis: 33px;\r\n    }\r\n\r\n    .celik-mf-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n\r\n    .celik-mf-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .celik-mf-description {\r\n        font-size: 11px;\r\n        line-height: 1.45;\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-myth-heading {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .celik-mf-card {\r\n        padding: 12px 9px;\r\n    }\r\n\r\n    .celik-mf-title {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .celik-mf-description {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-myth-section\">\r\n\r\n    <div class=\"celik-myth-inner\">\r\n\r\n        <!-- LEFT HEADING -->\r\n\r\n        <div class=\"celik-myth-left\">\r\n\r\n            <div class=\"celik-myth-label\">\r\n\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                <\/svg>\r\n\r\n                MYTH VS FACT\r\n\r\n            <\/div>\r\n\r\n            <h2 class=\"celik-myth-heading\">\r\n                Let\u2019s Clear<br>\r\n                <span>the Confusion.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MIDDLE DESCRIPTION + BUTTON -->\r\n\r\n        <div class=\"celik-myth-middle\">\r\n\r\n            <p class=\"celik-myth-description\">\r\n                Not everything you hear about eco-driving\r\n                is true. Here are some common myths \u2014\r\n                and the facts.\r\n            <\/p>\r\n\r\n            <a href=\"#\" class=\"celik-myth-button\">\r\n\r\n                VIEW ALL MYTHS &amp; FACTS\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h14\"\/>\r\n                    <path d=\"M14 7l5 5-5 5\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT CARDS -->\r\n\r\n        <div class=\"celik-myth-cards\">\r\n\r\n            <!-- MYTH -->\r\n\r\n            <div class=\"celik-mf-card myth\">\r\n\r\n                <div class=\"celik-mf-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M6 6l12 12\"\/>\r\n                        <path d=\"M18 6L6 18\"\/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"celik-mf-content\">\r\n\r\n                    <h3 class=\"celik-mf-title\">\r\n                        MYTH\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-mf-description\">\r\n                        Eco-driving means driving\r\n                        very slowly.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FACT -->\r\n\r\n            <div class=\"celik-mf-card fact\">\r\n\r\n                <div class=\"celik-mf-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l5 5L19 7\"\/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"celik-mf-content\">\r\n\r\n                    <h3 class=\"celik-mf-title\">\r\n                        FACT\r\n                    <\/h3>\r\n\r\n                    <p class=\"celik-mf-description\">\r\n                        Eco-driving is about driving\r\n                        intelligently, not just slowly.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DECORATIVE LEAF -->\r\n\r\n    <div class=\"celik-myth-leaves\">\r\n\r\n        <svg viewBox=\"0 0 120 120\">\r\n\r\n            <path\r\n                d=\"M15 100C15 40 60 12 110 8\r\n                   C104 65 72 101 15 100Z\"\r\n                fill=\"#4CC515\"\r\n            \/>\r\n\r\n        <\/svg>\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\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-dd08901 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dd08901\" 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-e053527\" data-id=\"e053527\" 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-9622530 elementor-widget elementor-widget-html\" data-id=\"9622530\" 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 ECO DRIVING QUICK GUIDE\r\n========================================= *\/\r\n\r\n.celik-quick-guide,\r\n.celik-quick-guide * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-quick-guide {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1.35fr .85fr 1.15fr;\r\n    align-items: center;\r\n    gap: 28px;\r\n\r\n    padding: 32px 38px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 95% 10%,\r\n            rgba(76,197,21,.12),\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            110deg,\r\n            #F5FFF8 0%,\r\n            #E9F9EF 55%,\r\n            #DCF4E5 100%\r\n        );\r\n\r\n    border: 1px solid #D9F0E1;\r\n    border-radius: 15px;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT HEADING\r\n========================================= *\/\r\n\r\n.celik-guide-left {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.celik-guide-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #087B43;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .7px;\r\n}\r\n\r\n.celik-guide-label svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: #4CC515;\r\n}\r\n\r\n.celik-guide-heading {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 31px;\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -.8px;\r\n\r\n    color: #14251E !important;\r\n}\r\n\r\n.celik-guide-heading span {\r\n    color: #087B43;\r\n}\r\n\r\n\/* =========================================\r\n   MIDDLE CONTENT\r\n========================================= *\/\r\n\r\n.celik-guide-middle {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.celik-guide-description {\r\n    margin: 0 0 16px !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* DOWNLOAD BUTTON *\/\r\n\r\n.celik-guide-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    padding: 13px 21px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #004D3D,\r\n        #087B43\r\n    );\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow: 0 7px 18px rgba(0,77,61,.17);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.celik-guide-button:hover {\r\n    background: #4CC515;\r\n    color: #003B32 !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.celik-guide-button svg {\r\n    width: 15px;\r\n    height: 15px;\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   GUIDE BOOKLET\r\n========================================= *\/\r\n\r\n.celik-guide-book-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    min-height: 160px;\r\n}\r\n\r\n.celik-guide-book {\r\n    width: 135px;\r\n    min-height: 175px;\r\n\r\n    padding: 17px 13px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #D8E9DC;\r\n    border-radius: 4px;\r\n\r\n    box-shadow:\r\n        8px 12px 22px rgba(0,77,61,.17),\r\n        2px 3px 5px rgba(0,0,0,.06);\r\n\r\n    transform: rotate(9deg);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.celik-guide-book:hover {\r\n    transform: rotate(3deg) translateY(-5px);\r\n}\r\n\r\n.celik-guide-book::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 5px;\r\n\r\n    background: #087B43;\r\n}\r\n\r\n.celik-book-label {\r\n    margin: 0 0 7px;\r\n\r\n    color: #087B43;\r\n\r\n    font-size: 7px;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n}\r\n\r\n.celik-book-title {\r\n    margin: 0 0 10px !important;\r\n\r\n    color: #14251E !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n}\r\n\r\n.celik-book-subtitle {\r\n    margin: 0 !important;\r\n\r\n    color: #087B43 !important;\r\n\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n}\r\n\r\n.celik-book-leaf {\r\n    position: absolute;\r\n    right: -15px;\r\n    bottom: -12px;\r\n\r\n    width: 95px;\r\n    height: 95px;\r\n\r\n    opacity: .9;\r\n}\r\n\r\n.celik-book-leaf svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT BENEFITS\r\n========================================= *\/\r\n\r\n.celik-guide-benefits {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 17px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.celik-guide-benefit {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n}\r\n\r\n.celik-guide-check {\r\n    width: 29px;\r\n    height: 29px;\r\n    flex: 0 0 29px;\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        145deg,\r\n        #087B43,\r\n        #004D3D\r\n    );\r\n\r\n    box-shadow: 0 4px 10px rgba(0,77,61,.15);\r\n}\r\n\r\n.celik-guide-check svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    fill: none;\r\n    stroke: #FFFFFF;\r\n    stroke-width: 2.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.celik-guide-benefit-text {\r\n    margin: 0 !important;\r\n\r\n    color: #243D35 !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-quick-guide {\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 24px;\r\n\r\n        padding: 28px 25px;\r\n    }\r\n\r\n    .celik-guide-heading {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .celik-guide-book-wrap {\r\n        min-height: 180px;\r\n    }\r\n\r\n    .celik-guide-benefits {\r\n        justify-content: center;\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-quick-guide {\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        gap: 22px 14px;\r\n\r\n        padding: 27px 17px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n    \/* HEADING FULL WIDTH *\/\r\n\r\n    .celik-guide-left {\r\n        grid-column: 1 \/ -1;\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-guide-label {\r\n        justify-content: center;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .celik-guide-heading {\r\n        font-size: 28px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    \/* DESCRIPTION FULL WIDTH *\/\r\n\r\n    .celik-guide-middle {\r\n        grid-column: 1 \/ -1;\r\n        text-align: center;\r\n    }\r\n\r\n    .celik-guide-description {\r\n        max-width: 380px;\r\n        margin: 0 auto 14px !important;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-guide-button {\r\n        font-size: 10px;\r\n        padding: 12px 18px;\r\n    }\r\n\r\n    \/* BOOKLET *\/\r\n\r\n    .celik-guide-book-wrap {\r\n        min-height: 170px;\r\n    }\r\n\r\n    .celik-guide-book {\r\n        width: 120px;\r\n        min-height: 155px;\r\n        padding: 14px 11px;\r\n    }\r\n\r\n    .celik-book-title {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .celik-book-subtitle {\r\n        font-size: 9px;\r\n    }\r\n\r\n    \/* BENEFITS *\/\r\n\r\n    .celik-guide-benefits {\r\n        gap: 13px;\r\n    }\r\n\r\n    .celik-guide-benefit {\r\n        gap: 8px;\r\n    }\r\n\r\n    .celik-guide-check {\r\n        width: 25px;\r\n        height: 25px;\r\n        flex-basis: 25px;\r\n    }\r\n\r\n    .celik-guide-check svg {\r\n        width: 15px;\r\n        height: 15px;\r\n    }\r\n\r\n    .celik-guide-benefit-text {\r\n        font-size: 11px;\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-quick-guide {\r\n        padding: 23px 12px;\r\n        column-gap: 8px;\r\n    }\r\n\r\n    .celik-guide-heading {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .celik-guide-book {\r\n        width: 105px;\r\n        min-height: 145px;\r\n    }\r\n\r\n    .celik-book-title {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-guide-benefit-text {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-quick-guide\">\r\n\r\n    <!-- LEFT HEADING -->\r\n\r\n    <div class=\"celik-guide-left\">\r\n\r\n        <div class=\"celik-guide-label\">\r\n\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            <\/svg>\r\n\r\n            QUICK GUIDE\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"celik-guide-heading\">\r\n            Key Tips<br>\r\n            <span>at a Glance.<\/span>\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MIDDLE DESCRIPTION -->\r\n\r\n    <div class=\"celik-guide-middle\">\r\n\r\n        <p class=\"celik-guide-description\">\r\n            A simple, easy-to-follow guide to help you\r\n            put eco-driving into practice every day.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"celik-guide-button\">\r\n\r\n            DOWNLOAD QUICK GUIDE\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 3v12\"\/>\r\n                <path d=\"M7 10l5 5 5-5\"\/>\r\n                <path d=\"M5 20h14\"\/>\r\n            <\/svg>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- GUIDE BOOKLET -->\r\n\r\n    <div class=\"celik-guide-book-wrap\">\r\n\r\n        <div class=\"celik-guide-book\">\r\n\r\n            <p class=\"celik-book-label\">\r\n                CELIK MOBILITI HIJAU\r\n            <\/p>\r\n\r\n            <h3 class=\"celik-book-title\">\r\n                Eco-Driving<br>\r\n                Quick Guide\r\n            <\/h3>\r\n\r\n            <p class=\"celik-book-subtitle\">\r\n                Small Habits.<br>\r\n                Big Impact.\r\n            <\/p>\r\n\r\n            <div class=\"celik-book-leaf\">\r\n\r\n                <svg viewBox=\"0 0 100 100\">\r\n\r\n                    <path\r\n                        d=\"M10 95C10 38 48 8 98 5\r\n                           C94 60 63 94 10 95Z\"\r\n                        fill=\"#087B43\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M10 95C30 68 57 39 94 8\"\r\n                        fill=\"none\"\r\n                        stroke=\"#A6EF86\"\r\n                        stroke-width=\"2\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT BENEFITS -->\r\n\r\n    <div class=\"celik-guide-benefits\">\r\n\r\n        <!-- BENEFIT 01 -->\r\n\r\n        <div class=\"celik-guide-benefit\">\r\n\r\n            <div class=\"celik-guide-check\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12l5 5L19 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-guide-benefit-text\">\r\n                Practical tips\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BENEFIT 02 -->\r\n\r\n        <div class=\"celik-guide-benefit\">\r\n\r\n            <div class=\"celik-guide-check\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12l5 5L19 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-guide-benefit-text\">\r\n                Easy to remember\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BENEFIT 03 -->\r\n\r\n        <div class=\"celik-guide-benefit\">\r\n\r\n            <div class=\"celik-guide-check\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12l5 5L19 7\"\/>\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"celik-guide-benefit-text\">\r\n                Great for everyday use\r\n            <\/p>\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-78a2243 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"78a2243\" 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-95e8c43\" data-id=\"95e8c43\" 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-b8404a6 elementor-widget elementor-widget-html\" data-id=\"b8404a6\" 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 ECO DRIVER CHALLENGE CTA\r\n===================================================== *\/\r\n\r\n.celik-challenge,\r\n.celik-challenge *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-challenge{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:34px 38px;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n\r\n    \/* PREMIUM GREEN BACKGROUND *\/\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 0%,\r\n            rgba(76,197,21,.18) 0%,\r\n            transparent 34%\r\n        ),\r\n        radial-gradient(\r\n            circle at 85% 100%,\r\n            rgba(76,197,21,.12) 0%,\r\n            transparent 36%\r\n        ),\r\n        linear-gradient(\r\n            115deg,\r\n            #003B32 0%,\r\n            #00533F 48%,\r\n            #003D32 100%\r\n        );\r\n\r\n    border-top:1px solid rgba(76,197,21,.20);\r\n    border-bottom:1px solid rgba(76,197,21,.20);\r\n}\r\n\r\n\r\n\/* GLOSSY LIGHT *\/\r\n\r\n.celik-challenge::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n    height:50%;\r\n\r\n    background:linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.06),\r\n        transparent\r\n    );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INNER LAYOUT\r\n===================================================== *\/\r\n\r\n.celik-challenge-inner{\r\n    width:100%;\r\n    max-width:none;\r\n\r\n    margin:0;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.45fr\r\n        1fr;\r\n\r\n    gap:45px;\r\n\r\n    align-items:center;\r\n\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEFT CONTENT\r\n===================================================== *\/\r\n\r\n.celik-challenge-label{\r\n    margin:0 0 7px;\r\n\r\n    color:#7BE438;\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.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.celik-challenge-title{\r\n    margin:0 0 9px !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:32px;\r\n    font-weight:800;\r\n    line-height:1.05;\r\n    letter-spacing:-.8px;\r\n\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n\r\n.celik-challenge-description{\r\n    max-width:550px;\r\n\r\n    margin:0 0 16px !important;\r\n\r\n    color:rgba(255,255,255,.88) !important;\r\n\r\n    font-size:12px;\r\n    font-weight:400;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CTA BUTTON\r\n===================================================== *\/\r\n\r\n.celik-challenge-btn{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    min-height:43px;\r\n\r\n    padding:0 23px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #74DC26 0%,\r\n        #4CC515 50%,\r\n        #29A93D 100%\r\n    );\r\n\r\n    color:#003B32 !important;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n\r\n    letter-spacing:.15px;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:1px solid rgba(255,255,255,.20);\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(76,197,21,.22),\r\n        inset 0 1px 0 rgba(255,255,255,.35);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.celik-challenge-btn svg{\r\n    width:15px;\r\n    height:15px;\r\n\r\n    fill:none;\r\n    stroke:#003B32;\r\n\r\n    stroke-width:2.2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.celik-challenge-btn: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 12px 28px rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n.celik-challenge-btn:hover svg{\r\n    stroke:#004D3D;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RIGHT FEATURES\r\n===================================================== *\/\r\n\r\n.celik-challenge-features{\r\n    width:100%;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n\r\n    align-items:center;\r\n}\r\n\r\n\r\n.celik-challenge-feature{\r\n    min-height:100px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    position:relative;\r\n\r\n    padding:5px 15px;\r\n}\r\n\r\n\r\n\/* DIVIDER *\/\r\n\r\n.celik-challenge-feature:not(:last-child)::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:15%;\r\n\r\n    width:1px;\r\n    height:70%;\r\n\r\n    background:linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(255,255,255,.25),\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ICON\r\n===================================================== *\/\r\n\r\n.celik-challenge-icon{\r\n    width:48px;\r\n    height:48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:9px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(255,255,255,.06);\r\n\r\n    border:1px solid rgba(76,197,21,.30);\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(76,197,21,.10),\r\n        inset 0 1px 0 rgba(255,255,255,.10);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.celik-challenge-icon svg{\r\n    width:25px;\r\n    height:25px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ICON HOVER *\/\r\n\r\n.celik-challenge-feature:hover\r\n.celik-challenge-icon{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    background:#4CC515;\r\n\r\n    border-color:#7BE438;\r\n\r\n    box-shadow:\r\n        0 0 24px rgba(76,197,21,.35);\r\n}\r\n\r\n\r\n.celik-challenge-feature:hover\r\n.celik-challenge-icon svg{\r\n    stroke:#003B32;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FEATURE TEXT\r\n===================================================== *\/\r\n\r\n.celik-challenge-feature-title{\r\n    margin:0 !important;\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n    line-height:1.3;\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-challenge{\r\n        padding:30px 25px;\r\n    }\r\n\r\n    .celik-challenge-inner{\r\n        grid-template-columns:1.25fr 1fr;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n    .celik-challenge-title{\r\n        font-size:28px;\r\n    }\r\n\r\n    .celik-challenge-feature{\r\n        padding:5px 8px;\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-challenge{\r\n        padding:30px 15px;\r\n    }\r\n\r\n\r\n    .celik-challenge-inner{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:24px;\r\n    }\r\n\r\n\r\n    \/* LEFT CONTENT CENTER *\/\r\n\r\n    .celik-challenge-content{\r\n        width:100%;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .celik-challenge-label{\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .celik-challenge-title{\r\n        font-size:27px;\r\n        line-height:1.08;\r\n    }\r\n\r\n\r\n    .celik-challenge-description{\r\n        max-width:390px;\r\n\r\n        margin:\r\n            0 auto 16px !important;\r\n\r\n        font-size:11px;\r\n        line-height:1.5;\r\n    }\r\n\r\n\r\n    .celik-challenge-btn{\r\n        min-height:42px;\r\n\r\n        padding:0 20px;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    \/* KEEP ALL 3 ICONS IN ONE ROW *\/\r\n\r\n    .celik-challenge-features{\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .celik-challenge-feature{\r\n        min-height:82px;\r\n\r\n        padding:3px 6px;\r\n    }\r\n\r\n\r\n    .celik-challenge-icon{\r\n        width:40px;\r\n        height:40px;\r\n\r\n        margin-bottom:7px;\r\n    }\r\n\r\n\r\n    .celik-challenge-icon svg{\r\n        width:21px;\r\n        height:21px;\r\n    }\r\n\r\n\r\n    .celik-challenge-feature-title{\r\n        font-size:9.5px;\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-challenge{\r\n        padding-left:10px;\r\n        padding-right:10px;\r\n    }\r\n\r\n\r\n    .celik-challenge-title{\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .celik-challenge-feature{\r\n        padding-left:3px;\r\n        padding-right:3px;\r\n    }\r\n\r\n\r\n    .celik-challenge-icon{\r\n        width:36px;\r\n        height:36px;\r\n    }\r\n\r\n\r\n    .celik-challenge-icon svg{\r\n        width:19px;\r\n        height:19px;\r\n    }\r\n\r\n\r\n    .celik-challenge-feature-title{\r\n        font-size:8.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-challenge\">\r\n\r\n    <div class=\"celik-challenge-inner\">\r\n\r\n\r\n        <!-- ===================================\r\n             LEFT CONTENT\r\n        ==================================== -->\r\n\r\n        <div class=\"celik-challenge-content\">\r\n\r\n            <div class=\"celik-challenge-label\">\r\n                TAKE THE ECO-DRIVER CHALLENGE\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"celik-challenge-title\">\r\n                Ready to Make a Difference?\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"celik-challenge-description\">\r\n                Put your knowledge into action. Take the\r\n                Eco-Driver Challenge and see how small\r\n                changes can make a big impact.\r\n            <\/p>\r\n\r\n\r\n            <a href=\"#\" class=\"celik-challenge-btn\">\r\n\r\n                TAKE THE CHALLENGE NOW\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 12h14\"\/>\r\n\r\n                    <path d=\"M14 7l5 5-5 5\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===================================\r\n             RIGHT FEATURES\r\n        ==================================== -->\r\n\r\n        <div class=\"celik-challenge-features\">\r\n\r\n\r\n            <!-- LEARN -->\r\n\r\n            <div class=\"celik-challenge-feature\">\r\n\r\n                <div class=\"celik-challenge-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"12\"\r\n                            r=\"8\"\r\n                        \/>\r\n\r\n                        <path d=\"M12 4v4\"\/>\r\n\r\n                        <path d=\"M12 16v4\"\/>\r\n\r\n                        <path d=\"M4 12h4\"\/>\r\n\r\n                        <path d=\"M16 12h4\"\/>\r\n\r\n                        <path d=\"M9 12l2 2 4-5\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"celik-challenge-feature-title\">\r\n                    Learn\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- IMPROVE -->\r\n\r\n            <div class=\"celik-challenge-feature\">\r\n\r\n                <div class=\"celik-challenge-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 20V12\"\/>\r\n\r\n                        <path d=\"M12 20V8\"\/>\r\n\r\n                        <path d=\"M19 20V4\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"celik-challenge-feature-title\">\r\n                    Improve\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MAKE A DIFFERENCE -->\r\n\r\n            <div class=\"celik-challenge-feature\">\r\n\r\n                <div class=\"celik-challenge-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M8 3h8v4c0 3-2 5-4 5s-4-2-4-5V3z\"\/>\r\n\r\n                        <path d=\"M8 5H5v2c0 2 1 3 4 4\"\/>\r\n\r\n                        <path d=\"M16 5h3v2c0 2-1 3-4 4\"\/>\r\n\r\n                        <path d=\"M12 12v5\"\/>\r\n\r\n                        <path d=\"M8 21h8\"\/>\r\n\r\n                        <path d=\"M9 17h6v4H9z\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"celik-challenge-feature-title\">\r\n                    Make a Difference\r\n                <\/p>\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>TEKNIK ECO-DRIVING 12 Teknik Eco-Driving untuk Perjalanan Lebih Bijak Peruhahan kecil dalam cara kita memandu boleh menghasilkan perjalanan yang lebih [&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-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/259","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=259"}],"version-history":[{"count":25,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}