{"id":342,"date":"2026-09-23T10:02:15","date_gmt":"2026-09-23T10:02:15","guid":{"rendered":"https:\/\/property.hassandigitalpro.com\/?page_id=342"},"modified":"2026-09-24T06:33:05","modified_gmt":"2026-09-24T06:33:05","slug":"teachers-guide","status":"publish","type":"page","link":"https:\/\/property.hassandigitalpro.com\/?page_id=342","title":{"rendered":"Teacher&#8217;s Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"342\" class=\"elementor elementor-342\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae1c51e elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"ae1c51e\" 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-2449f6d\" data-id=\"2449f6d\" 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-ea3de2a elementor-widget elementor-widget-html\" data-id=\"ea3de2a\" 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 TEACHER'S GUIDE HERO CONTENT\r\n========================================== *\/\r\n\r\n.celik-teacher-hero,\r\n.celik-teacher-hero *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-teacher-hero{\r\n    width:100%;\r\n    position:relative;\r\n\r\n    font-family:\"DM Sans\", Arial, sans-serif;\r\n\r\n    background:transparent !important;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.celik-teacher-content{\r\n    width:100%;\r\n    max-width:720px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL LABEL\r\n========================================== *\/\r\n\r\n.celik-teacher-label{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin:0 0 13px;\r\n\r\n    padding:6px 14px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:rgba(76,197,21,.16);\r\n\r\n    border:1px solid rgba(76,197,21,.40);\r\n\r\n    color:#7BE438 !important;\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n    line-height:1.2;\r\n\r\n    letter-spacing:.4px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MAIN HEADING\r\n========================================== *\/\r\n\r\n.celik-teacher-title{\r\n    margin:0 0 10px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\", Arial, sans-serif;\r\n\r\n    font-size:52px;\r\n    font-weight:800;\r\n    line-height:1.02;\r\n\r\n    letter-spacing:-1.7px;\r\n\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n\r\n\/* GREEN WORD *\/\r\n\r\n.celik-teacher-title .green{\r\n    color:#4CC515 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ENGLISH SUBHEADING\r\n========================================== *\/\r\n\r\n.celik-teacher-subtitle{\r\n    margin:0 0 5px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\", Arial, sans-serif;\r\n\r\n    font-size:22px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MALAY SUBHEADING\r\n========================================== *\/\r\n\r\n.celik-teacher-malay{\r\n    margin:0 0 18px !important;\r\n    padding:0 !important;\r\n\r\n    font-size:16px;\r\n    font-weight:700;\r\n    line-height:1.4;\r\n\r\n    color:#4CC515 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GREEN TAGLINE\r\n========================================== *\/\r\n\r\n.celik-teacher-tagline{\r\n    margin:0 0 14px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\", Arial, sans-serif;\r\n\r\n    font-size:18px;\r\n    font-weight:700;\r\n    line-height:1.4;\r\n\r\n    color:#7BE438 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   DESCRIPTION\r\n========================================== *\/\r\n\r\n.celik-teacher-description{\r\n    max-width:690px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* IMPORTANT TEXT *\/\r\n\r\n.celik-teacher-description strong{\r\n    color:#7BE438 !important;\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL GREEN LINE\r\n========================================== *\/\r\n\r\n.celik-teacher-line{\r\n    width:72px;\r\n    height:3px;\r\n\r\n    margin:18px 0 0;\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET\r\n========================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-teacher-content{\r\n        max-width:650px;\r\n    }\r\n\r\n    .celik-teacher-title{\r\n        font-size:45px;\r\n    }\r\n\r\n    .celik-teacher-subtitle{\r\n        font-size:19px;\r\n    }\r\n\r\n    .celik-teacher-malay{\r\n        font-size:15px;\r\n    }\r\n\r\n    .celik-teacher-tagline{\r\n        font-size:17px;\r\n    }\r\n\r\n    .celik-teacher-description{\r\n        font-size:13px;\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-teacher-content{\r\n        max-width:100%;\r\n\r\n        margin:0 auto;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-label{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n\r\n        font-size:10px;\r\n\r\n        padding:6px 12px;\r\n    }\r\n\r\n    .celik-teacher-title{\r\n        font-size:36px;\r\n        line-height:1.06;\r\n\r\n        letter-spacing:-1px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-subtitle{\r\n        font-size:17px;\r\n        line-height:1.35;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-malay{\r\n        font-size:13px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-tagline{\r\n        font-size:15px;\r\n        line-height:1.45;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-description{\r\n        max-width:100%;\r\n\r\n        font-size:12px;\r\n        line-height:1.65;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-teacher-line{\r\n        width:60px;\r\n\r\n        margin:17px auto 0;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL MOBILE\r\n========================================== *\/\r\n\r\n@media(max-width:480px){\r\n\r\n    .celik-teacher-title{\r\n        font-size:32px;\r\n        line-height:1.07;\r\n    }\r\n\r\n    .celik-teacher-subtitle{\r\n        font-size:16px;\r\n    }\r\n\r\n    .celik-teacher-malay{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-teacher-tagline{\r\n        font-size:14px;\r\n    }\r\n\r\n    .celik-teacher-description{\r\n        font-size:11.5px;\r\n        line-height:1.65;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-teacher-hero\">\r\n\r\n    <div class=\"celik-teacher-content\">\r\n\r\n\r\n        <!-- SMALL LABEL -->\r\n\r\n        <div class=\"celik-teacher-label\">\r\n            Teacher's Resource\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN HEADING -->\r\n\r\n        <h1 class=\"celik-teacher-title\">\r\n\r\n            Celik Mobiliti Hijau<br>\r\n\r\n            <span class=\"green\">\r\n                Teacher's Guide\r\n            <\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <!-- ENGLISH SUBHEADING -->\r\n\r\n        <h2 class=\"celik-teacher-subtitle\">\r\n\r\n            Teaching Eco-Driving &amp; Green Mobility\r\n\r\n        <\/h2>\r\n\r\n\r\n        <!-- MALAY SUBHEADING -->\r\n\r\n        <p class=\"celik-teacher-malay\">\r\n\r\n            Panduan Guru: Pemanduan Eko &amp; Mobiliti Hijau\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- TAGLINE -->\r\n\r\n        <p class=\"celik-teacher-tagline\">\r\n\r\n            Teach today. Shape greener journeys tomorrow.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n\r\n        <p class=\"celik-teacher-description\">\r\n\r\n            This ready-to-use teaching guide introduces students\r\n            to the basic concepts of <strong>green mobility<\/strong>,\r\n            <strong>eco-driving<\/strong> and responsible travel choices\r\n            through simple explanations, discussion, storytelling\r\n            and interactive activities.\r\n\r\n            It can be adapted for upper primary and secondary school\r\n            students. Students do not need to be drivers; the focus is\r\n            on awareness and mobility habits they can practise now\r\n            and in the future.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- DECORATIVE LINE -->\r\n\r\n        <div class=\"celik-teacher-line\"><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-27aa9c7\" data-id=\"27aa9c7\" 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-4784cdb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4784cdb\" 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-8966ea6\" data-id=\"8966ea6\" 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-1b342ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b342ab\" 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-c825ff0\" data-id=\"c825ff0\" 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-ce307c1 elementor-widget elementor-widget-html\" data-id=\"ce307c1\" 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 TEACHER GUIDE FEATURE PILLS\r\n   FIXED RESPONSIVE VERSION\r\n===================================================== *\/\r\n\r\n.celik-guide-features,\r\n.celik-guide-features *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-guide-features{\r\n    width:100%;\r\n    max-width:100%;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4, minmax(0,1fr));\r\n\r\n    gap:10px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n\r\n    font-family:\"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FEATURE CARD\r\n===================================================== *\/\r\n\r\n.celik-guide-feature{\r\n    width:100%;\r\n    min-width:0;\r\n    min-height:58px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n\r\n    gap:9px;\r\n\r\n    padding:7px 12px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,.98),\r\n            rgba(241,255,246,.96)\r\n        );\r\n\r\n    border:1px solid rgba(76,197,21,.25);\r\n\r\n    border-radius:50px;\r\n\r\n    box-shadow:\r\n        0 5px 16px rgba(0,77,61,.10),\r\n        inset 0 1px 0 rgba(255,255,255,.9);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n.celik-guide-feature:hover{\r\n    transform:translateY(-3px);\r\n\r\n    border-color:#4CC515;\r\n\r\n    box-shadow:\r\n        0 9px 22px rgba(0,77,61,.15);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ICON\r\n===================================================== *\/\r\n\r\n.celik-guide-icon{\r\n    width:40px;\r\n    height:40px;\r\n\r\n    min-width:40px;\r\n    flex:0 0 40px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #4CC515 0%,\r\n            #14933F 50%,\r\n            #087B43 100%\r\n        );\r\n\r\n    border:2px solid rgba(255,255,255,.75);\r\n\r\n    box-shadow:\r\n        0 4px 10px rgba(0,77,61,.20),\r\n        inset 0 1px 2px rgba(255,255,255,.35);\r\n}\r\n\r\n.celik-guide-icon svg{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:1.9;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXT\r\n===================================================== *\/\r\n\r\n.celik-guide-text{\r\n    flex:1;\r\n\r\n    width:auto;\r\n    min-width:0;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"DM Sans\", Arial, sans-serif;\r\n\r\n    font-size:10.5px;\r\n    font-weight:800;\r\n    line-height:1.25;\r\n\r\n    letter-spacing:0;\r\n\r\n    text-transform:uppercase;\r\n\r\n    \/* IMPORTANT FIX *\/\r\n    white-space:normal !important;\r\n    overflow-wrap:anywhere;\r\n    word-break:normal;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LARGE DESKTOP\r\n===================================================== *\/\r\n\r\n@media(min-width:1200px){\r\n\r\n    .celik-guide-features{\r\n        gap:12px;\r\n    }\r\n\r\n    .celik-guide-feature{\r\n        padding:8px 14px;\r\n    }\r\n\r\n    .celik-guide-text{\r\n        font-size:10px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-guide-features{\r\n        gap:7px;\r\n    }\r\n\r\n    .celik-guide-feature{\r\n        min-height:55px;\r\n\r\n        gap:7px;\r\n\r\n        padding:7px 8px;\r\n    }\r\n\r\n    .celik-guide-icon{\r\n        width:35px;\r\n        height:35px;\r\n\r\n        min-width:35px;\r\n        flex-basis:35px;\r\n    }\r\n\r\n    .celik-guide-icon svg{\r\n        width:17px;\r\n        height:17px;\r\n    }\r\n\r\n    .celik-guide-text{\r\n        font-size:8.5px;\r\n        line-height:1.2;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   4 ITEMS IN SAME ROW\r\n===================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .celik-guide-features{\r\n        grid-template-columns:repeat(4, minmax(0,1fr));\r\n\r\n        gap:5px;\r\n    }\r\n\r\n    .celik-guide-feature{\r\n        min-height:82px;\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        gap:5px;\r\n\r\n        padding:7px 3px;\r\n\r\n        border-radius:12px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-guide-icon{\r\n        width:31px;\r\n        height:31px;\r\n\r\n        min-width:31px;\r\n        flex:0 0 31px;\r\n    }\r\n\r\n    .celik-guide-icon svg{\r\n        width:16px;\r\n        height:16px;\r\n    }\r\n\r\n    .celik-guide-text{\r\n        width:100%;\r\n\r\n        flex:none;\r\n\r\n        font-size:7px;\r\n        line-height:1.25;\r\n\r\n        text-align:center;\r\n\r\n        white-space:normal !important;\r\n        overflow-wrap:normal;\r\n        word-break:normal;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:420px){\r\n\r\n    .celik-guide-features{\r\n        gap:4px;\r\n    }\r\n\r\n    .celik-guide-feature{\r\n        min-height:78px;\r\n\r\n        padding:6px 2px;\r\n    }\r\n\r\n    .celik-guide-icon{\r\n        width:28px;\r\n        height:28px;\r\n\r\n        min-width:28px;\r\n        flex-basis:28px;\r\n    }\r\n\r\n    .celik-guide-icon svg{\r\n        width:14px;\r\n        height:14px;\r\n    }\r\n\r\n    .celik-guide-text{\r\n        font-size:6.3px;\r\n        line-height:1.2;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-guide-features\">\r\n\r\n\r\n    <!-- =========================\r\n         01 READY-TO-USE\r\n    ========================== -->\r\n\r\n    <div class=\"celik-guide-feature\">\r\n\r\n        <div class=\"celik-guide-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <rect\r\n                    x=\"5\"\r\n                    y=\"3\"\r\n                    width=\"14\"\r\n                    height=\"18\"\r\n                    rx=\"2\"\r\n                \/>\r\n\r\n                <path d=\"M9 8h6\"\/>\r\n                <path d=\"M9 12h6\"\/>\r\n                <path d=\"M9 16h4\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"celik-guide-text\">\r\n            Ready-to-Use\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         02 60-MINUTE LESSON\r\n    ========================== -->\r\n\r\n    <div class=\"celik-guide-feature\">\r\n\r\n        <div class=\"celik-guide-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <circle\r\n                    cx=\"12\"\r\n                    cy=\"12\"\r\n                    r=\"9\"\r\n                \/>\r\n\r\n                <path d=\"M12 7v5l3 2\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"celik-guide-text\">\r\n            60-Minute Lesson\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         03 CLASSROOM ACTIVITIES\r\n    ========================== -->\r\n\r\n    <div class=\"celik-guide-feature\">\r\n\r\n        <div class=\"celik-guide-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path\r\n                    d=\"M4 5.5\r\n                    C7 4.5 9.5 5 12 7\r\n                    V20\r\n                    C9.5 18 7 17.5 4 18.5Z\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M20 5.5\r\n                    C17 4.5 14.5 5 12 7\r\n                    V20\r\n                    C14.5 18 17 17.5 20 18.5Z\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"celik-guide-text\">\r\n            Classroom Activities\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         04 STUDENT WORKSHEETS\r\n    ========================== -->\r\n\r\n    <div class=\"celik-guide-feature\">\r\n\r\n        <div class=\"celik-guide-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <rect\r\n                    x=\"5\"\r\n                    y=\"3\"\r\n                    width=\"14\"\r\n                    height=\"18\"\r\n                    rx=\"2\"\r\n                \/>\r\n\r\n                <path d=\"M8 8h8\"\/>\r\n                <path d=\"M8 12h8\"\/>\r\n                <path d=\"M8 16h6\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"celik-guide-text\">\r\n            Student Worksheets\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\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-aac7b31 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"aac7b31\" 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-124700b\" data-id=\"124700b\" 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-bd5d6c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd5d6c5\" 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-5016146\" data-id=\"5016146\" 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-a845a53 elementor-widget elementor-widget-html\" data-id=\"a845a53\" 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 LEARNING OBJECTIVES\r\n   UPDATED: NUMBER \"1.\" REMOVED\r\n===================================================== *\/\r\n\r\n.celik-objectives,\r\n.celik-objectives *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-objectives{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) 245px;\r\n    gap:25px;\r\n\r\n    padding:24px 25px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 95% 10%,\r\n            rgba(76,197,21,.10),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            110deg,\r\n            #FFFFFF 0%,\r\n            #F8FFFA 55%,\r\n            #F0FFF5 100%\r\n        );\r\n\r\n    border:1px solid #DCEFE3;\r\n    border-radius:14px;\r\n\r\n    box-shadow:\r\n        0 7px 24px rgba(0,77,61,.07);\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEFT CONTENT\r\n===================================================== *\/\r\n\r\n.celik-objectives-main{\r\n    min-width:0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADING\r\n===================================================== *\/\r\n\r\n.celik-objectives-heading{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    margin:0 0 5px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.celik-objectives-title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:25px;\r\n    font-weight:800;\r\n    line-height:1.15;\r\n\r\n    letter-spacing:-.5px;\r\n}\r\n\r\n\r\n\/* SMALL GREEN LINE *\/\r\n\r\n.celik-objectives-title::after{\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:48px;\r\n    height:3px;\r\n\r\n    margin-top:7px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.celik-objectives-intro{\r\n    margin:10px 0 17px 0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:12px;\r\n    font-weight:600;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   OBJECTIVES GRID\r\n===================================================== *\/\r\n\r\n.celik-objectives-list{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    column-gap:28px;\r\n    row-gap:13px;\r\n}\r\n\r\n\r\n\/* EACH OBJECTIVE *\/\r\n\r\n.celik-objective-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:9px;\r\n\r\n    min-width:0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GREEN CHECK ICON\r\n===================================================== *\/\r\n\r\n.celik-objective-check{\r\n    width:21px;\r\n    height:21px;\r\n\r\n    min-width:21px;\r\n\r\n    margin-top:1px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515 0%,\r\n        #087B43 100%\r\n    );\r\n\r\n    box-shadow:\r\n        0 3px 8px rgba(0,77,61,.15);\r\n}\r\n\r\n\r\n.celik-objective-check svg{\r\n    width:11px;\r\n    height:11px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:2.8;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* OBJECTIVE TEXT *\/\r\n\r\n.celik-objective-text{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#243D35 !important;\r\n\r\n    font-size:11.5px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KEY MESSAGE CARD\r\n===================================================== *\/\r\n\r\n.celik-key-message{\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:20px 18px;\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 5% 10%,\r\n            rgba(255,222,57,.20),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #E9FFF0 0%,\r\n            #DDF8E7 100%\r\n        );\r\n\r\n    border:1px solid #D3EEDF;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,77,61,.06);\r\n}\r\n\r\n\r\n\/* DECORATIVE LEAF *\/\r\n\r\n.celik-key-message::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:-18px;\r\n    bottom:-18px;\r\n\r\n    width:65px;\r\n    height:65px;\r\n\r\n    border-radius:\r\n        100% 0 100% 0;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    opacity:.18;\r\n\r\n    transform:rotate(-20deg);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KEY MESSAGE HEADER\r\n===================================================== *\/\r\n\r\n.celik-key-header{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:12px;\r\n\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\r\n\/* LIGHT BULB ICON *\/\r\n\r\n.celik-key-icon{\r\n    width:38px;\r\n    height:38px;\r\n\r\n    min-width: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    background:#FFF6B7;\r\n\r\n    box-shadow:\r\n        0 4px 12px rgba(197,153,0,.12);\r\n}\r\n\r\n\r\n.celik-key-icon svg{\r\n    width:23px;\r\n    height:23px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#D8A900;\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\/* KEY TITLE *\/\r\n\r\n.celik-key-title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* KEY MESSAGE TEXT *\/\r\n\r\n.celik-key-text{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0 !important;\r\n    padding:0 0 0 48px !important;\r\n\r\n    color:#243D35 !important;\r\n\r\n    font-size:12px;\r\n    font-weight:500;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n.celik-key-text strong{\r\n    color:#004D3D !important;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-objectives{\r\n        grid-template-columns:\r\n            minmax(0,1fr) 210px;\r\n\r\n        gap:17px;\r\n\r\n        padding:20px;\r\n    }\r\n\r\n    .celik-objectives-title{\r\n        font-size:21px;\r\n    }\r\n\r\n    .celik-objectives-list{\r\n        column-gap:17px;\r\n    }\r\n\r\n    .celik-objective-text{\r\n        font-size:10.5px;\r\n    }\r\n\r\n    .celik-key-message{\r\n        padding:17px 14px;\r\n    }\r\n\r\n    .celik-key-text{\r\n        font-size:11px;\r\n\r\n        padding-left:0 !important;\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-objectives{\r\n        display:block;\r\n\r\n        padding:18px 14px;\r\n\r\n        border-radius:12px;\r\n    }\r\n\r\n\r\n    \/* HEADING *\/\r\n\r\n    .celik-objectives-heading{\r\n        justify-content:center;\r\n\r\n        text-align:center;\r\n\r\n        margin-bottom:5px;\r\n    }\r\n\r\n    .celik-objectives-title{\r\n        width:100%;\r\n\r\n        font-size:20px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-objectives-title::after{\r\n        width:45px;\r\n\r\n        margin:\r\n            7px auto 0;\r\n    }\r\n\r\n\r\n    \/* INTRO *\/\r\n\r\n    .celik-objectives-intro{\r\n        margin:\r\n            9px 0 17px !important;\r\n\r\n        font-size:11px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    \/* TWO COLUMNS *\/\r\n\r\n    .celik-objectives-list{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        column-gap:12px;\r\n        row-gap:12px;\r\n    }\r\n\r\n    .celik-objective-item{\r\n        gap:6px;\r\n    }\r\n\r\n    .celik-objective-check{\r\n        width:18px;\r\n        height:18px;\r\n\r\n        min-width:18px;\r\n    }\r\n\r\n    .celik-objective-check svg{\r\n        width:9px;\r\n        height:9px;\r\n    }\r\n\r\n    .celik-objective-text{\r\n        font-size:9px;\r\n        line-height:1.45;\r\n    }\r\n\r\n\r\n    \/* KEY MESSAGE *\/\r\n\r\n    .celik-key-message{\r\n        margin-top:18px;\r\n\r\n        padding:15px;\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            auto 1fr;\r\n\r\n        align-items:center;\r\n\r\n        column-gap:10px;\r\n\r\n        border-radius:10px;\r\n    }\r\n\r\n    .celik-key-header{\r\n        margin:0;\r\n\r\n        display:contents;\r\n    }\r\n\r\n    .celik-key-icon{\r\n        grid-row:1 \/ span 2;\r\n\r\n        width:37px;\r\n        height:37px;\r\n\r\n        min-width:37px;\r\n    }\r\n\r\n    .celik-key-icon svg{\r\n        width:21px;\r\n        height:21px;\r\n    }\r\n\r\n    .celik-key-title{\r\n        font-size:12px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .celik-key-text{\r\n        padding:\r\n            3px 0 0 !important;\r\n\r\n        font-size:10px;\r\n        line-height:1.45;\r\n\r\n        text-align:left;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:400px){\r\n\r\n    .celik-objectives{\r\n        padding:15px 11px;\r\n    }\r\n\r\n    .celik-objectives-title{\r\n        font-size:18px;\r\n    }\r\n\r\n    .celik-objectives-intro{\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-objectives-list{\r\n        column-gap:8px;\r\n        row-gap:10px;\r\n    }\r\n\r\n    .celik-objective-text{\r\n        font-size:8.3px;\r\n    }\r\n\r\n    .celik-key-title{\r\n        font-size:11px;\r\n    }\r\n\r\n    .celik-key-text{\r\n        font-size:9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-objectives\">\r\n\r\n\r\n    <!-- =========================================\r\n         LEFT SIDE\r\n    ========================================== -->\r\n\r\n    <div class=\"celik-objectives-main\">\r\n\r\n\r\n        <!-- HEADING \u2014 NO NUMBER -->\r\n\r\n        <div class=\"celik-objectives-heading\">\r\n\r\n            <h2 class=\"celik-objectives-title\">\r\n                Learning Objectives\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- INTRO -->\r\n\r\n        <p class=\"celik-objectives-intro\">\r\n            By the end of the lesson, students should be able to:\r\n        <\/p>\r\n\r\n\r\n        <!-- =====================================\r\n             OBJECTIVES\r\n        ====================================== -->\r\n\r\n        <div class=\"celik-objectives-list\">\r\n\r\n\r\n            <!-- OBJECTIVE 01 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Define green mobility and eco-driving in simple terms.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- OBJECTIVE 02 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Differentiate between more and less sustainable travel choices.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- OBJECTIVE 03 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Identify different green mobility options.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- OBJECTIVE 04 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Explain how everyday mobility choices can affect\r\n                    energy use and carbon emissions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- OBJECTIVE 05 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Recognise basic eco-driving practices.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- OBJECTIVE 06 -->\r\n\r\n            <div class=\"celik-objective-item\">\r\n\r\n                <span class=\"celik-objective-check\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12l4 4L19 6\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <p class=\"celik-objective-text\">\r\n                    Suggest practical greener mobility choices for\r\n                    their family, school or community.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         KEY MESSAGE\r\n    ========================================== -->\r\n\r\n    <aside class=\"celik-key-message\">\r\n\r\n\r\n        <div class=\"celik-key-header\">\r\n\r\n\r\n            <!-- BULB ICON -->\r\n\r\n            <div class=\"celik-key-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M9 18h6\"\/>\r\n\r\n                    <path d=\"M10 21h4\"\/>\r\n\r\n                    <path d=\"\r\n                        M8.5 15\r\n                        C7 13.8 6 12 6 10\r\n                        a6 6 0 0 1 12 0\r\n                        c0 2-1 3.8-2.5 5\r\n                        -.8.6-1.1 1.2-1.1 2\r\n                        H9.6\r\n                        c0-.8-.3-1.4-1.1-2Z\r\n                    \"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3 class=\"celik-key-title\">\r\n                Key Message\r\n            <\/h3>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"celik-key-text\">\r\n\r\n            Eco-driving is about\r\n            <strong>HOW we drive.<\/strong>\r\n\r\n            <br>\r\n\r\n            Green mobility is about\r\n            <strong>HOW we choose to move.<\/strong>\r\n\r\n        <\/p>\r\n\r\n\r\n    <\/aside>\r\n\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-26f20c8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"26f20c8\" 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-70b78cb\" data-id=\"70b78cb\" 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-03225cd elementor-widget elementor-widget-html\" data-id=\"03225cd\" 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 SUGGESTED LESSON PLAN\r\n===================================================== *\/\r\n\r\n.celik-lesson-plan,\r\n.celik-lesson-plan *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-lesson-plan{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:24px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F7FFF9 55%,\r\n            #EDFFF3 100%\r\n        );\r\n\r\n    border:1px solid #D9EEE1;\r\n    border-radius:14px;\r\n\r\n    box-shadow:0 8px 25px rgba(0,77,61,.07);\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADING\r\n===================================================== *\/\r\n\r\n.celik-plan-heading{\r\n    margin-bottom:18px;\r\n}\r\n\r\n.celik-plan-title{\r\n    margin:0 0 3px !important;\r\n    padding:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:27px;\r\n    font-weight:800;\r\n    line-height:1.15;\r\n\r\n    letter-spacing:-.5px;\r\n}\r\n\r\n.celik-plan-title::after{\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:50px;\r\n    height:3px;\r\n\r\n    margin-top:7px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    border-radius:20px;\r\n}\r\n\r\n.celik-plan-subtitle{\r\n    margin:9px 0 0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n    line-height:1.4;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLE\r\n===================================================== *\/\r\n\r\n.celik-plan-table{\r\n    width:100%;\r\n\r\n    border:1px solid #D8EBDF;\r\n    border-radius:11px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#FFFFFF;\r\n}\r\n\r\n\r\n\/* TABLE HEADER *\/\r\n\r\n.celik-plan-header{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        85px\r\n        1.05fr\r\n        1.65fr\r\n        1.35fr;\r\n\r\n    min-height:45px;\r\n\r\n    align-items:center;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #004D3D 0%,\r\n        #087B43 60%,\r\n        #006B50 100%\r\n    );\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n\r\n\/* HEADER CELL *\/\r\n\r\n.celik-plan-header-cell{\r\n    height:100%;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    padding:10px 12px;\r\n\r\n    border-right:1px solid rgba(255,255,255,.15);\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n    line-height:1.2;\r\n}\r\n\r\n.celik-plan-header-cell:last-child{\r\n    border-right:0;\r\n}\r\n\r\n\r\n\/* HEADER ICON *\/\r\n\r\n.celik-plan-header-icon{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    min-width:20px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.celik-plan-header-icon svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLE ROW\r\n===================================================== *\/\r\n\r\n.celik-plan-row{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        85px\r\n        1.05fr\r\n        1.65fr\r\n        1.35fr;\r\n\r\n    min-height:54px;\r\n\r\n    align-items:stretch;\r\n\r\n    border-bottom:1px solid #E2F0E7;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n.celik-plan-row:last-child{\r\n    border-bottom:0;\r\n}\r\n\r\n.celik-plan-row:nth-child(even){\r\n    background:#F7FFF9;\r\n}\r\n\r\n.celik-plan-row:nth-child(odd){\r\n    background:#FFFFFF;\r\n}\r\n\r\n.celik-plan-row:hover{\r\n    background:#EDFFF2;\r\n}\r\n\r\n\r\n\/* TABLE CELL *\/\r\n\r\n.celik-plan-cell{\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    padding:9px 12px;\r\n\r\n    border-right:1px solid #E4F0E8;\r\n\r\n    color:#34453D;\r\n\r\n    font-size:10.5px;\r\n    font-weight:500;\r\n    line-height:1.45;\r\n}\r\n\r\n.celik-plan-cell:last-child{\r\n    border-right:0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TIME\r\n===================================================== *\/\r\n\r\n.celik-plan-time{\r\n    color:#004D3D;\r\n\r\n    font-weight:800;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LESSON STAGE\r\n===================================================== *\/\r\n\r\n.celik-plan-stage{\r\n    gap:9px;\r\n\r\n    color:#004D3D;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* ROUND ICON *\/\r\n\r\n.celik-stage-icon{\r\n    width:27px;\r\n    height:27px;\r\n\r\n    min-width:27px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    box-shadow:0 3px 8px rgba(0,77,61,.15);\r\n}\r\n\r\n.celik-stage-icon svg{\r\n    width:14px;\r\n    height:14px;\r\n\r\n    fill:none;\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .celik-lesson-plan{\r\n        padding:20px;\r\n    }\r\n\r\n    .celik-plan-title{\r\n        font-size:23px;\r\n    }\r\n\r\n    .celik-plan-header,\r\n    .celik-plan-row{\r\n        grid-template-columns:\r\n            70px\r\n            1.05fr\r\n            1.5fr\r\n            1.3fr;\r\n    }\r\n\r\n    .celik-plan-header-cell,\r\n    .celik-plan-cell{\r\n        padding-left:8px;\r\n        padding-right:8px;\r\n    }\r\n\r\n    .celik-plan-header-cell{\r\n        font-size:9px;\r\n    }\r\n\r\n    .celik-plan-cell{\r\n        font-size:9px;\r\n    }\r\n\r\n    .celik-stage-icon{\r\n        width:24px;\r\n        height:24px;\r\n\r\n        min-width:24px;\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-lesson-plan{\r\n        padding:17px 12px;\r\n\r\n        border-radius:11px;\r\n    }\r\n\r\n    .celik-plan-heading{\r\n        text-align:center;\r\n\r\n        margin-bottom:15px;\r\n    }\r\n\r\n    .celik-plan-title{\r\n        font-size:21px;\r\n    }\r\n\r\n    .celik-plan-title::after{\r\n        margin:\r\n            7px auto 0;\r\n    }\r\n\r\n    .celik-plan-subtitle{\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    \/* HIDE DESKTOP TABLE HEADER *\/\r\n\r\n    .celik-plan-header{\r\n        display:none;\r\n    }\r\n\r\n\r\n    \/* EACH ROW BECOMES CARD *\/\r\n\r\n    .celik-plan-table{\r\n        border:0;\r\n\r\n        background:transparent;\r\n\r\n        overflow:visible;\r\n    }\r\n\r\n    .celik-plan-row{\r\n        display:grid;\r\n\r\n        grid-template-columns:62px 1fr;\r\n\r\n        min-height:0;\r\n\r\n        margin-bottom:9px;\r\n\r\n        border:1px solid #D8EBDF !important;\r\n        border-radius:9px;\r\n\r\n        overflow:hidden;\r\n\r\n        background:#FFFFFF !important;\r\n\r\n        box-shadow:\r\n            0 3px 10px rgba(0,77,61,.05);\r\n    }\r\n\r\n    .celik-plan-row:last-child{\r\n        margin-bottom:0;\r\n    }\r\n\r\n\r\n    \/* TIME *\/\r\n\r\n    .celik-plan-cell:nth-child(1){\r\n        grid-column:1;\r\n        grid-row:1 \/ span 3;\r\n\r\n        justify-content:center;\r\n        align-items:center;\r\n\r\n        padding:9px 5px;\r\n\r\n        text-align:center;\r\n\r\n        background:#F0FFF4;\r\n\r\n        border-right:1px solid #DCEFE2;\r\n        border-bottom:0;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    \/* STAGE *\/\r\n\r\n    .celik-plan-cell:nth-child(2){\r\n        grid-column:2;\r\n\r\n        padding:8px 9px;\r\n\r\n        border-right:0;\r\n        border-bottom:1px solid #E7F2EA;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    \/* TEACHER *\/\r\n\r\n    .celik-plan-cell:nth-child(3){\r\n        grid-column:2;\r\n\r\n        padding:7px 9px;\r\n\r\n        border-right:0;\r\n        border-bottom:1px solid #E7F2EA;\r\n\r\n        font-size:8.5px;\r\n    }\r\n\r\n\r\n    \/* STUDENT *\/\r\n\r\n    .celik-plan-cell:nth-child(4){\r\n        grid-column:2;\r\n\r\n        padding:7px 9px;\r\n\r\n        border-right:0;\r\n\r\n        font-size:8.5px;\r\n    }\r\n\r\n\r\n    \/* MOBILE LABELS *\/\r\n\r\n    .celik-plan-cell:nth-child(3)::before{\r\n        content:\"Teacher: \";\r\n\r\n        color:#087B43;\r\n\r\n        font-weight:800;\r\n\r\n        margin-right:4px;\r\n    }\r\n\r\n    .celik-plan-cell:nth-child(4)::before{\r\n        content:\"Student: \";\r\n\r\n        color:#087B43;\r\n\r\n        font-weight:800;\r\n\r\n        margin-right:4px;\r\n    }\r\n\r\n    .celik-stage-icon{\r\n        width:23px;\r\n        height:23px;\r\n\r\n        min-width:23px;\r\n    }\r\n\r\n    .celik-stage-icon svg{\r\n        width:12px;\r\n        height:12px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:390px){\r\n\r\n    .celik-lesson-plan{\r\n        padding:14px 9px;\r\n    }\r\n\r\n    .celik-plan-title{\r\n        font-size:19px;\r\n    }\r\n\r\n    .celik-plan-row{\r\n        grid-template-columns:55px 1fr;\r\n    }\r\n\r\n    .celik-plan-cell:nth-child(1){\r\n        font-size:8px;\r\n    }\r\n\r\n    .celik-plan-cell:nth-child(2){\r\n        font-size:8.5px;\r\n    }\r\n\r\n    .celik-plan-cell:nth-child(3),\r\n    .celik-plan-cell:nth-child(4){\r\n        font-size:8px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-lesson-plan\">\r\n\r\n\r\n    <!-- =============================================\r\n         HEADING \u2014 NO \"2.\"\r\n    ============================================== -->\r\n\r\n    <div class=\"celik-plan-heading\">\r\n\r\n        <h2 class=\"celik-plan-title\">\r\n            Suggested Lesson Plan\r\n        <\/h2>\r\n\r\n        <p class=\"celik-plan-subtitle\">\r\n            60-Minute Green Mobility Classroom\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =============================================\r\n         LESSON PLAN TABLE\r\n    ============================================== -->\r\n\r\n    <div class=\"celik-plan-table\">\r\n\r\n\r\n        <!-- TABLE HEADER -->\r\n\r\n        <div class=\"celik-plan-header\">\r\n\r\n\r\n            <!-- TIME -->\r\n\r\n            <div class=\"celik-plan-header-cell\">\r\n\r\n                <span class=\"celik-plan-header-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n                        <path d=\"M12 7v5l3 2\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Time\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LESSON STAGE -->\r\n\r\n            <div class=\"celik-plan-header-cell\">\r\n\r\n                <span class=\"celik-plan-header-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5C7 4.5 9.5 5 12 7v13c-2.5-2-5-2.5-8-1.5z\"\/>\r\n                        <path d=\"M20 5.5C17 4.5 14.5 5 12 7v13c2.5-2 5-2.5 8-1.5z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Lesson Stage\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TEACHER ROLE -->\r\n\r\n            <div class=\"celik-plan-header-cell\">\r\n\r\n                <span class=\"celik-plan-header-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"7\" r=\"3\"\/>\r\n                        <path d=\"M6 20v-3c0-3 2.5-5 6-5s6 2 6 5v3\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Teacher's Role\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STUDENT ACTIVITY -->\r\n\r\n            <div class=\"celik-plan-header-cell\">\r\n\r\n                <span class=\"celik-plan-header-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n                        <path d=\"M12 8v4l3 2\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Student Activity\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 01\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                5 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 4C11 4 5 8 5 15a5 5 0 0 0 5 5c7 0 11-7 10-16Z\"\/>\r\n                        <path d=\"M4 21c3-6 7-9 12-12\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                Warm-Up\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Ask how students travelled to school today.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Share: walk, bicycle, car, bus, etc.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 02\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                10 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 4C11 4 5 8 5 15a5 5 0 0 0 5 5c7 0 11-7 10-16Z\"\/>\r\n                        <path d=\"M4 21c3-6 7-9 12-12\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                What Is Green Mobility?\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Introduce the concept using familiar examples.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Identify greener ways of travelling.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 03\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                10 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n                        <path d=\"M8 15h8\"\/>\r\n                        <path d=\"M9 12a3 3 0 0 1 6 0\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                What Is Eco-Driving?\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Explain basic eco-driving practices.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Compare good and poor driving behaviours.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 04\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                10 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n                        <path d=\"M9.8 9a2.3 2.3 0 1 1 3.9 1.7c-1 .8-1.7 1.3-1.7 2.6\"\/>\r\n                        <path d=\"M12 17h.01\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                Myth vs Fact\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Present common misconceptions.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Vote MYTH or FACT and explain answers.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 05\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                10 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5C7 4.5 9.5 5 12 7v13c-2.5-2-5-2.5-8-1.5z\"\/>\r\n                        <path d=\"M20 5.5C17 4.5 14.5 5 12 7v13c2.5-2 5-2.5 8-1.5z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                Storybook\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Introduce Ir. Dr. Azman and the Green Club.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Read\/discuss selected story situations.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 06\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                10 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"8\" cy=\"8\" r=\"2.5\"\/>\r\n                        <circle cx=\"16\" cy=\"8\" r=\"2.5\"\/>\r\n                        <path d=\"M3 19v-2c0-3 2-5 5-5\"\/>\r\n                        <path d=\"M21 19v-2c0-3-2-5-5-5\"\/>\r\n                        <path d=\"M8 19v-2c0-2.8 1.7-4.5 4-4.5s4 1.7 4 4.5v2\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                Green Journey Challenge\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Give groups a journey scenario.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Decide how to make the journey greener.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             ROW 07\r\n        ============================================== -->\r\n\r\n        <div class=\"celik-plan-row\">\r\n\r\n            <div class=\"celik-plan-cell celik-plan-time\">\r\n                5 min\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell celik-plan-stage\">\r\n\r\n                <span class=\"celik-stage-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"\/>\r\n                        <path d=\"M8 8h8\"\/>\r\n                        <path d=\"M8 12h8\"\/>\r\n                        <path d=\"M8 16h5\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                Exit Ticket\r\n\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Review key messages.\r\n            <\/div>\r\n\r\n            <div class=\"celik-plan-cell\">\r\n                Write one thing learned + one action they can take.\r\n            <\/div>\r\n\r\n        <\/div>\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-79e26fc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"79e26fc\" 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-a811db6\" data-id=\"a811db6\" 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-1ac3ddc elementor-widget elementor-widget-html\" data-id=\"1ac3ddc\" 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 ACTIVITY 1\r\n===================================================== *\/\r\n\r\n.celik-act1,\r\n.celik-act1 *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-act1{\r\n    width:100%;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:24px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            #FFFFFF 0%,\r\n            #F7FFF9 55%,\r\n            #EEFFF4 100%\r\n        );\r\n\r\n    border:1px solid #D9EEE1;\r\n    border-radius:14px;\r\n\r\n    box-shadow:0 8px 25px rgba(0,77,61,.07);\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN HEADING\r\n===================================================== *\/\r\n\r\n.celik-act1-heading{\r\n    margin:0 0 18px;\r\n}\r\n\r\n.celik-act1-title{\r\n    margin:0 0 4px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:25px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n\r\n    letter-spacing:-.5px;\r\n\r\n    color:#004D3D !important;\r\n}\r\n\r\n.celik-act1-title::after{\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:48px;\r\n    height:3px;\r\n\r\n    margin-top:7px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n.celik-act1-purpose{\r\n    margin:9px 0 0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:11px;\r\n    font-weight:600;\r\n    line-height:1.5;\r\n}\r\n\r\n.celik-act1-purpose strong{\r\n    color:#004D3D;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   THREE COLUMN CONTENT\r\n===================================================== *\/\r\n\r\n.celik-act1-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.35fr)\r\n        minmax(0,.95fr)\r\n        minmax(180px,.65fr);\r\n\r\n    gap:14px;\r\n\r\n    align-items:stretch;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COMMON PANEL\r\n===================================================== *\/\r\n\r\n.celik-act1-panel{\r\n    min-width:0;\r\n\r\n    padding:17px;\r\n\r\n    background:#FFFFFF;\r\n\r\n    border:1px solid #DCEFE3;\r\n    border-radius:12px;\r\n\r\n    box-shadow:0 4px 14px rgba(0,77,61,.05);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ASK THE CLASS\r\n===================================================== *\/\r\n\r\n.celik-ask-box{\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #F7FFFA,\r\n            #ECFFF2\r\n        );\r\n}\r\n\r\n.celik-small-heading{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    margin-bottom:10px;\r\n}\r\n\r\n\r\n\/* GREEN ICON *\/\r\n\r\n.celik-heading-icon{\r\n    width:34px;\r\n    height:34px;\r\n\r\n    min-width:34px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    box-shadow:0 4px 10px rgba(0,77,61,.15);\r\n}\r\n\r\n.celik-heading-icon svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n    stroke:#FFFFFF;\r\n\r\n    stroke-width:1.9;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.celik-small-title{\r\n    margin:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"Manrope\",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    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* QUESTION *\/\r\n\r\n.celik-main-question{\r\n    margin:0 0 8px !important;\r\n\r\n    padding:10px 12px;\r\n\r\n    background:#E5F9EB;\r\n\r\n    border-left:3px solid #4CC515;\r\n    border-radius:7px;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n}\r\n\r\n.celik-question-note{\r\n    margin:0 0 13px !important;\r\n\r\n    color:#56675F !important;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TRANSPORT OPTIONS\r\n===================================================== *\/\r\n\r\n.celik-transport-list{\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(8,minmax(0,1fr));\r\n\r\n    gap:5px;\r\n}\r\n\r\n.celik-transport{\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n\r\n    gap:5px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.celik-transport-icon{\r\n    width:31px;\r\n    height:31px;\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:#E7F8EC;\r\n\r\n    color:#087B43;\r\n}\r\n\r\n.celik-transport-icon svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.9;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.celik-transport-name{\r\n    margin:0 !important;\r\n\r\n    color:#243D35 !important;\r\n\r\n    font-size:7.5px;\r\n    font-weight:700;\r\n    line-height:1.2;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DISCUSSION QUESTIONS\r\n===================================================== *\/\r\n\r\n.celik-discussion{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #F8FFFA,\r\n            #EEFFF3\r\n        );\r\n}\r\n\r\n.celik-discussion-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:9px;\r\n}\r\n\r\n.celik-discussion-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:8px;\r\n}\r\n\r\n.celik-discussion-number{\r\n    width:22px;\r\n    height:22px;\r\n\r\n    min-width:22px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n}\r\n\r\n.celik-discussion-text{\r\n    margin:0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEACHER NOTE\r\n===================================================== *\/\r\n\r\n.celik-teacher-note{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFDF1,\r\n            #FFF8D8\r\n        );\r\n\r\n    border-color:#F3E6A8;\r\n}\r\n\r\n\r\n\/* BULB HEADER *\/\r\n\r\n.celik-teacher-header{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:11px;\r\n}\r\n\r\n.celik-teacher-icon{\r\n    width:35px;\r\n    height:35px;\r\n\r\n    min-width:35px;\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:#FFF0A6;\r\n\r\n    box-shadow:0 4px 10px rgba(190,145,0,.12);\r\n}\r\n\r\n.celik-teacher-icon svg{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#D5A400;\r\n\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.celik-teacher-title{\r\n    margin:0 !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.celik-teacher-text{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0 !important;\r\n\r\n    color:#4D4A36 !important;\r\n\r\n    font-size:9.5px;\r\n    font-weight:500;\r\n    line-height:1.55;\r\n}\r\n\r\n.celik-teacher-text strong{\r\n    color:#004D3D;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* DECORATIVE CIRCLE *\/\r\n\r\n.celik-teacher-note::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:70px;\r\n    height:70px;\r\n\r\n    right:-35px;\r\n    bottom:-35px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#4CC515;\r\n\r\n    opacity:.09;\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-act1{\r\n        padding:20px;\r\n    }\r\n\r\n    .celik-act1-grid{\r\n        grid-template-columns:\r\n            1.25fr 1fr .75fr;\r\n\r\n        gap:10px;\r\n    }\r\n\r\n    .celik-act1-panel{\r\n        padding:13px;\r\n    }\r\n\r\n    .celik-act1-title{\r\n        font-size:22px;\r\n    }\r\n\r\n    .celik-transport-list{\r\n        grid-template-columns:repeat(4,1fr);\r\n\r\n        row-gap:9px;\r\n    }\r\n\r\n    .celik-discussion-text{\r\n        font-size:9px;\r\n    }\r\n\r\n    .celik-teacher-text{\r\n        font-size:8.5px;\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-act1{\r\n        padding:17px 13px;\r\n\r\n        border-radius:11px;\r\n    }\r\n\r\n\r\n    \/* HEADING *\/\r\n\r\n    .celik-act1-heading{\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-act1-title{\r\n        font-size:20px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .celik-act1-title::after{\r\n        margin:\r\n            7px auto 0;\r\n    }\r\n\r\n    .celik-act1-purpose{\r\n        font-size:10px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    \/* STACK PANELS *\/\r\n\r\n    .celik-act1-grid{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:10px;\r\n    }\r\n\r\n    .celik-act1-panel{\r\n        padding:14px;\r\n\r\n        border-radius:10px;\r\n    }\r\n\r\n\r\n    \/* TRANSPORT *\/\r\n\r\n    .celik-transport-list{\r\n        grid-template-columns:\r\n            repeat(4,minmax(0,1fr));\r\n\r\n        gap:9px 6px;\r\n    }\r\n\r\n    .celik-transport-icon{\r\n        width:32px;\r\n        height:32px;\r\n    }\r\n\r\n    .celik-transport-name{\r\n        font-size:8px;\r\n    }\r\n\r\n\r\n    \/* DISCUSSION *\/\r\n\r\n    .celik-discussion-text{\r\n        font-size:9.5px;\r\n    }\r\n\r\n\r\n    \/* TEACHER NOTE *\/\r\n\r\n    .celik-teacher-text{\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:390px){\r\n\r\n    .celik-act1{\r\n        padding:14px 10px;\r\n    }\r\n\r\n    .celik-act1-title{\r\n        font-size:18px;\r\n    }\r\n\r\n    .celik-main-question{\r\n        font-size:10.5px;\r\n    }\r\n\r\n    .celik-discussion-text{\r\n        font-size:9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-act1\">\r\n\r\n\r\n    <!-- =============================================\r\n         HEADING \u2014 NO \"3.\"\r\n    ============================================== -->\r\n\r\n    <div class=\"celik-act1-heading\">\r\n\r\n        <h2 class=\"celik-act1-title\">\r\n            Activity 1 \u2013 How Did You Get Here?\r\n        <\/h2>\r\n\r\n        <p class=\"celik-act1-purpose\">\r\n            <strong>Purpose:<\/strong>\r\n            Connect green mobility with students' own lives.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =============================================\r\n         MAIN GRID\r\n    ============================================== -->\r\n\r\n    <div class=\"celik-act1-grid\">\r\n\r\n\r\n        <!-- =========================================\r\n             ASK THE CLASS\r\n        ========================================== -->\r\n\r\n        <div class=\"celik-act1-panel celik-ask-box\">\r\n\r\n\r\n            <div class=\"celik-small-heading\">\r\n\r\n                <div class=\"celik-heading-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 5h14v10H9l-4 4z\"\/>\r\n\r\n                        <path d=\"M9 9h6\"\/>\r\n\r\n                        <path d=\"M9 12h4\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"celik-small-title\">\r\n                    Ask the Class\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"celik-main-question\">\r\n                \u201cHow did you travel to school today?\u201d\r\n            <\/p>\r\n\r\n\r\n            <p class=\"celik-question-note\">\r\n                Students raise their hands or place a sticker under:\r\n            <\/p>\r\n\r\n\r\n            <!-- TRANSPORT OPTIONS -->\r\n\r\n            <div class=\"celik-transport-list\">\r\n\r\n\r\n                <!-- WALK -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle cx=\"12\" cy=\"4\" r=\"2\"\/>\r\n\r\n                            <path d=\"M12 7l-2 5 3 2 2 6\"\/>\r\n\r\n                            <path d=\"M10 12l-4 7\"\/>\r\n\r\n                            <path d=\"M11 8l4 3 3-1\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Walk\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BICYCLE -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle cx=\"6\" cy=\"17\" r=\"4\"\/>\r\n\r\n                            <circle cx=\"18\" cy=\"17\" r=\"4\"\/>\r\n\r\n                            <path d=\"M6 17l4-8 4 8H6z\"\/>\r\n\r\n                            <path d=\"M10 9h4\"\/>\r\n\r\n                            <path d=\"M14 9l4 8\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Bicycle\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BUS -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect x=\"5\" y=\"3\" width=\"14\" height=\"16\" rx=\"2\"\/>\r\n\r\n                            <path d=\"M7 7h10M7 14h10\"\/>\r\n\r\n                            <circle cx=\"8\" cy=\"18\" r=\"1\"\/>\r\n\r\n                            <circle cx=\"16\" cy=\"18\" r=\"1\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Bus\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CAR -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M5 16h14l-1-6-2-3H8l-2 3z\"\/>\r\n\r\n                            <circle cx=\"8\" cy=\"17\" r=\"1.5\"\/>\r\n\r\n                            <circle cx=\"16\" cy=\"17\" r=\"1.5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Car\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- MOTORCYCLE -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle cx=\"6\" cy=\"17\" r=\"3\"\/>\r\n\r\n                            <circle cx=\"18\" cy=\"17\" r=\"3\"\/>\r\n\r\n                            <path d=\"M6 17h5l3-6h4\"\/>\r\n\r\n                            <path d=\"M10 11h4\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Motorcycle\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SCHOOL VAN -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect x=\"4\" y=\"7\" width=\"16\" height=\"11\" rx=\"2\"\/>\r\n\r\n                            <path d=\"M7 10h10\"\/>\r\n\r\n                            <circle cx=\"8\" cy=\"18\" r=\"1.3\"\/>\r\n\r\n                            <circle cx=\"16\" cy=\"18\" r=\"1.3\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        School Van\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- RAIL -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect x=\"6\" y=\"3\" width=\"12\" height=\"15\" rx=\"2\"\/>\r\n\r\n                            <path d=\"M8 7h8M8 12h8\"\/>\r\n\r\n                            <path d=\"M9 18l-2 3M15 18l2 3\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Rail\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- OTHER -->\r\n\r\n                <div class=\"celik-transport\">\r\n\r\n                    <div class=\"celik-transport-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle cx=\"6\" cy=\"12\" r=\"1\"\/>\r\n\r\n                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/>\r\n\r\n                            <circle cx=\"18\" cy=\"12\" r=\"1\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p class=\"celik-transport-name\">\r\n                        Other\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             DISCUSSION QUESTIONS\r\n        ========================================== -->\r\n\r\n        <div class=\"celik-act1-panel celik-discussion\">\r\n\r\n\r\n            <div class=\"celik-small-heading\">\r\n\r\n                <div class=\"celik-heading-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 5h14v10H9l-4 4z\"\/>\r\n\r\n                        <path d=\"M9 9h6\"\/>\r\n\r\n                        <path d=\"M9 12h4\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"celik-small-title\">\r\n                    Discussion Questions\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"celik-discussion-list\">\r\n\r\n\r\n                <div class=\"celik-discussion-item\">\r\n\r\n                    <span class=\"celik-discussion-number\">\r\n                        1\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-discussion-text\">\r\n                        Which options involve active mobility?\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"celik-discussion-item\">\r\n\r\n                    <span class=\"celik-discussion-number\">\r\n                        2\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-discussion-text\">\r\n                        Which options allow several people to travel together?\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"celik-discussion-item\">\r\n\r\n                    <span class=\"celik-discussion-number\">\r\n                        3\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-discussion-text\">\r\n                        Why might different students need different transport options?\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"celik-discussion-item\">\r\n\r\n                    <span class=\"celik-discussion-number\">\r\n                        4\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-discussion-text\">\r\n                        Could any journey be made greener?\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             TEACHER NOTE\r\n        ========================================== -->\r\n\r\n        <aside class=\"celik-act1-panel celik-teacher-note\">\r\n\r\n\r\n            <div class=\"celik-teacher-header\">\r\n\r\n\r\n                <div class=\"celik-teacher-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M9 18h6\"\/>\r\n\r\n                        <path d=\"M10 21h4\"\/>\r\n\r\n                        <path d=\"\r\n                            M8.5 15\r\n                            C7 13.8 6 12 6 10\r\n                            a6 6 0 0 1 12 0\r\n                            c0 2-1 3.8-2.5 5\r\n                            -.8.6-1.1 1.2-1.1 2\r\n                            H9.6\r\n                            c0-.8-.3-1.4-1.1-2Z\r\n                        \"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"celik-teacher-title\">\r\n                    Teacher Note\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"celik-teacher-text\">\r\n\r\n                Avoid telling students that one transport choice\r\n                makes someone <strong>\u201cgood\u201d or \u201cbad\u201d.<\/strong>\r\n\r\n                <br><br>\r\n\r\n                Choices may depend on distance, safety,\r\n                accessibility, family circumstances and\r\n                available infrastructure.\r\n\r\n                <br><br>\r\n\r\n                The lesson is about making\r\n                <strong>better choices where practical.<\/strong>\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/aside>\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-874611c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"874611c\" 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-f08b079\" data-id=\"f08b079\" 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-834bd18 elementor-widget elementor-widget-html\" data-id=\"834bd18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =====================================================\r\n   CELIK \u2014 GREEN MOBILITY & ECO-DRIVING CARDS\r\n===================================================== *\/\r\n\r\n.celik-concept-section,\r\n.celik-concept-section *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-concept-section{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:18px;\r\n\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\/* =====================================================\r\n   COMMON CARD\r\n===================================================== *\/\r\n\r\n.celik-concept-card{\r\n    min-width:0;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:22px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(76,197,21,.09),\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F6FFF9 100%\r\n        );\r\n\r\n    border:1px solid #DCEFE3;\r\n    border-radius:15px;\r\n\r\n    box-shadow:\r\n        0 7px 24px rgba(0,77,61,.07);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.celik-concept-card:hover{\r\n    transform:translateY(-4px);\r\n    border-color:#4CC515;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,77,61,.12);\r\n}\r\n\r\n\/* =====================================================\r\n   HEADINGS\r\n===================================================== *\/\r\n\r\n.celik-concept-title{\r\n    margin:0 0 17px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:23px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n    letter-spacing:-.5px;\r\n\r\n    color:#004D3D !important;\r\n}\r\n\r\n.celik-concept-title::after{\r\n    content:\"\";\r\n    display:block;\r\n\r\n    width:48px;\r\n    height:3px;\r\n\r\n    margin-top:8px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n\/* =====================================================\r\n   FIRST CARD \u2014 GREEN MOBILITY\r\n===================================================== *\/\r\n\r\n.celik-mobility-layout{\r\n    display:grid;\r\n    grid-template-columns:39% minmax(0,1fr);\r\n    gap:17px;\r\n\r\n    align-items:stretch;\r\n}\r\n\r\n.celik-mobility-image{\r\n    width:100%;\r\n    height:100%;\r\n    min-height:255px;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    border-radius:11px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,77,61,.10);\r\n}\r\n\r\n.celik-concept-description{\r\n    margin:0 0 13px !important;\r\n    padding: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.6;\r\n}\r\n\r\n\/* GREEN MOBILITY LIST *\/\r\n\r\n.celik-mobility-list{\r\n    list-style:none !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:9px;\r\n}\r\n\r\n.celik-mobility-list li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:8px;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#243D35;\r\n\r\n    font-size:11.5px;\r\n    font-weight:600;\r\n    line-height:1.4;\r\n}\r\n\r\n.celik-check-icon{\r\n    width:18px;\r\n    height:18px;\r\n    min-width:18px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-top:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#E4F8E9;\r\n    border:1px solid #BDE8C8;\r\n}\r\n\r\n.celik-check-icon svg{\r\n    width:12px;\r\n    height:12px;\r\n\r\n    fill:none;\r\n    stroke:#087B43;\r\n    stroke-width:2.5;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\/* =====================================================\r\n   SECOND CARD \u2014 ECO-DRIVING\r\n===================================================== *\/\r\n\r\n.celik-eco-layout{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);\r\n    gap:16px;\r\n\r\n    align-items:start;\r\n}\r\n\r\n.celik-eco-image{\r\n    width:100%;\r\n    height:145px;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    border-radius:10px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,.10);\r\n}\r\n\r\n.celik-eco-description{\r\n    margin:13px 0 0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:11.5px;\r\n    font-weight:500;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* =====================================================\r\n   ECO-DRIVING PRACTICES PANEL\r\n===================================================== *\/\r\n\r\n.celik-practices{\r\n    min-width:0;\r\n    overflow:hidden;\r\n\r\n    background:#F4FFF7;\r\n\r\n    border:1px solid #D8EEE0;\r\n    border-radius:11px;\r\n}\r\n\r\n.celik-practices-title{\r\n    margin:0 !important;\r\n    padding:13px 12px !important;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #087B43,\r\n        #004D3D\r\n    );\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n}\r\n\r\n.celik-practice-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    min-height:47px;\r\n\r\n    padding:10px 11px;\r\n\r\n    border-bottom:1px solid #DDEFE3;\r\n}\r\n\r\n.celik-practice-item:nth-child(odd){\r\n    background:#EAFAEF;\r\n}\r\n\r\n.celik-practice-item:last-child{\r\n    border-bottom:0;\r\n}\r\n\r\n.celik-practice-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    border-radius:50%;\r\n\r\n    background:#D9F4E1;\r\n\r\n    color:#087B43;\r\n}\r\n\r\n.celik-practice-icon svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.celik-practice-text{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#243D35 !important;\r\n\r\n    font-size:10.5px;\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-concept-section{\r\n        gap:12px;\r\n    }\r\n\r\n    .celik-concept-card{\r\n        padding:16px;\r\n    }\r\n\r\n    .celik-concept-title{\r\n        font-size:19px;\r\n    }\r\n\r\n    .celik-mobility-layout{\r\n        grid-template-columns:36% minmax(0,1fr);\r\n        gap:11px;\r\n    }\r\n\r\n    .celik-mobility-image{\r\n        min-height:250px;\r\n    }\r\n\r\n    .celik-concept-description{\r\n        font-size:10.5px;\r\n    }\r\n\r\n    .celik-mobility-list li{\r\n        font-size:10px;\r\n        gap:6px;\r\n    }\r\n\r\n    .celik-eco-layout{\r\n        gap:10px;\r\n    }\r\n\r\n    .celik-eco-description{\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-practices-title{\r\n        font-size:10px;\r\n        padding:11px 9px !important;\r\n    }\r\n\r\n    .celik-practice-item{\r\n        gap:7px;\r\n        padding:9px 7px;\r\n    }\r\n\r\n    .celik-practice-text{\r\n        font-size:9px;\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-concept-section{\r\n        grid-template-columns:1fr;\r\n        gap:14px;\r\n    }\r\n\r\n    .celik-concept-card{\r\n        padding:17px 14px;\r\n        border-radius:12px;\r\n    }\r\n\r\n    .celik-concept-title{\r\n        font-size:20px;\r\n        margin-bottom:15px !important;\r\n    }\r\n\r\n    \/* GREEN MOBILITY *\/\r\n\r\n    .celik-mobility-layout{\r\n        grid-template-columns:37% minmax(0,1fr);\r\n        gap:12px;\r\n    }\r\n\r\n    .celik-mobility-image{\r\n        min-height:265px;\r\n        border-radius:9px;\r\n    }\r\n\r\n    .celik-concept-description{\r\n        font-size:11px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .celik-mobility-list{\r\n        gap:7px;\r\n    }\r\n\r\n    .celik-mobility-list li{\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-check-icon{\r\n        width:16px;\r\n        height:16px;\r\n        min-width:16px;\r\n    }\r\n\r\n    .celik-check-icon svg{\r\n        width:10px;\r\n        height:10px;\r\n    }\r\n\r\n    \/* ECO DRIVING *\/\r\n\r\n    .celik-eco-layout{\r\n        grid-template-columns:1fr;\r\n        gap:14px;\r\n    }\r\n\r\n    .celik-eco-image{\r\n        height:180px;\r\n    }\r\n\r\n    .celik-eco-description{\r\n        font-size:11px;\r\n        margin-top:11px !important;\r\n    }\r\n\r\n    .celik-practices-title{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-practice-item{\r\n        min-height:43px;\r\n        padding:9px 12px;\r\n    }\r\n\r\n    .celik-practice-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:390px){\r\n\r\n    .celik-concept-card{\r\n        padding:14px 11px;\r\n    }\r\n\r\n    .celik-concept-title{\r\n        font-size:18px;\r\n    }\r\n\r\n    .celik-mobility-layout{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .celik-mobility-image{\r\n        height:170px;\r\n        min-height:0;\r\n    }\r\n\r\n    .celik-concept-description{\r\n        font-size:11px;\r\n    }\r\n\r\n    .celik-mobility-list{\r\n        display:grid;\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:9px;\r\n    }\r\n\r\n    .celik-mobility-list li{\r\n        font-size:9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-concept-section\">\r\n\r\n\r\n    <!-- =================================================\r\n         CARD 01 \u2014 WHAT IS GREEN MOBILITY?\r\n    ================================================== -->\r\n\r\n    <article class=\"celik-concept-card\">\r\n\r\n        <h2 class=\"celik-concept-title\">\r\n            What Is Green Mobility?\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"celik-mobility-layout\">\r\n\r\n\r\n            <!-- FIRST IMAGE -->\r\n\r\n            <img decoding=\"async\"\r\n                class=\"celik-mobility-image\"\r\n                src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/urban-cycling-scene_23-2151945594.jpg\"\r\n                alt=\"People cycling on a green urban route\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"celik-mobility-content\">\r\n\r\n                <p class=\"celik-concept-description\">\r\n\r\n                    Green mobility means moving people and goods\r\n                    in cleaner, more energy-efficient and\r\n                    sustainable ways while still meeting\r\n                    our travel needs.\r\n\r\n                <\/p>\r\n\r\n\r\n                <ul class=\"celik-mobility-list\">\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Walk\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Cycle\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Use public transport\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Carpool \/ share journeys\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Plan and combine trips\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Eco-drive\r\n                    <\/li>\r\n\r\n\r\n                    <li>\r\n                        <span class=\"celik-check-icon\">\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12l4 4L19 6\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        Use cleaner and more efficient vehicles\r\n                    <\/li>\r\n\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         CARD 02 \u2014 WHAT IS ECO-DRIVING?\r\n    ================================================== -->\r\n\r\n    <article class=\"celik-concept-card\">\r\n\r\n        <h2 class=\"celik-concept-title\">\r\n            What Is Eco-Driving?\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"celik-eco-layout\">\r\n\r\n\r\n            <!-- LEFT IMAGE AND DESCRIPTION -->\r\n\r\n            <div class=\"celik-eco-content\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"celik-eco-image\"\r\n                    src=\"https:\/\/property.hassandigitalpro.com\/wp-content\/uploads\/2026\/09\/car-speedometer-closeup_1025557-8831.jpg\"\r\n                    alt=\"Car speedometer representing eco-driving\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n\r\n                <p class=\"celik-eco-description\">\r\n\r\n                    Eco-driving means driving in a smoother,\r\n                    smarter and more energy-efficient way\r\n                    to reduce unnecessary fuel or energy use\r\n                    and emissions.\r\n\r\n                    Students may not drive yet, but they\r\n                    can observe these behaviours when\r\n                    travelling with adults and understand\r\n                    them as future road users.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- RIGHT PRACTICES PANEL -->\r\n\r\n            <div class=\"celik-practices\">\r\n\r\n\r\n                <h3 class=\"celik-practices-title\">\r\n                    Key Eco-Driving Practices\r\n                <\/h3>\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <div class=\"celik-practice-item\">\r\n\r\n                    <span class=\"celik-practice-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 16a8 8 0 0 1 16 0\"\/>\r\n                            <path d=\"M12 13l4-4\"\/>\r\n                            <circle cx=\"12\" cy=\"16\" r=\"1\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-practice-text\">\r\n                        Accelerate smoothly\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <div class=\"celik-practice-item\">\r\n\r\n                    <span class=\"celik-practice-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 15l2-6h10l2 6\"\/>\r\n                            <path d=\"M4 15h16v4H4z\"\/>\r\n                            <circle cx=\"7\" cy=\"19\" r=\"1\"\/>\r\n                            <circle cx=\"17\" cy=\"19\" r=\"1\"\/>\r\n                            <path d=\"M9 5h6\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-practice-text\">\r\n                        Anticipate traffic\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <div class=\"celik-practice-item\">\r\n\r\n                    <span class=\"celik-practice-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 16a8 8 0 0 1 16 0\"\/>\r\n                            <path d=\"M12 16l2-6\"\/>\r\n                            <circle cx=\"12\" cy=\"16\" r=\"1\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-practice-text\">\r\n                        Maintain a steady speed\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 04 -->\r\n\r\n                <div class=\"celik-practice-item\">\r\n\r\n                    <span class=\"celik-practice-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"6\" y=\"3\" width=\"12\" height=\"16\" rx=\"3\"\/>\r\n                            <path d=\"M6 14h12\"\/>\r\n                            <path d=\"M8 19l-1 2M16 19l1 2\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-practice-text\">\r\n                        Reduce unnecessary idling\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 05 -->\r\n\r\n                <div class=\"celik-practice-item\">\r\n\r\n                    <span class=\"celik-practice-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 16h14l-1-6-2-3H8l-2 3z\"\/>\r\n                            <circle cx=\"8\" cy=\"17\" r=\"1.5\"\/>\r\n                            <circle cx=\"16\" cy=\"17\" r=\"1.5\"\/>\r\n                            <path d=\"M10 4h4\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <p class=\"celik-practice-text\">\r\n                        Look after the vehicle\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5d95d2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f5d95d2\" 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-86b9c06\" data-id=\"86b9c06\" 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-e8f719d elementor-widget elementor-widget-html\" data-id=\"e8f719d\" 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 CLASSROOM ACTIVITIES CARDS\r\n========================================= *\/\r\n\r\n.celik-activities,\r\n.celik-activities * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-activities {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   CARD\r\n========================================= *\/\r\n\r\n.celik-activity-card {\r\n    min-width: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 22px 18px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 100%,\r\n            rgba(76,197,21,.07),\r\n            transparent 42%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F7FFFA 100%\r\n        );\r\n\r\n    border: 1px solid #DCEFE3;\r\n    border-radius: 14px;\r\n\r\n    box-shadow: 0 6px 22px rgba(0,77,61,.06);\r\n\r\n    transition: transform .3s ease,\r\n                box-shadow .3s ease,\r\n                border-color .3s ease;\r\n}\r\n\r\n.celik-activity-card:hover {\r\n    transform: translateY(-4px);\r\n\r\n    border-color: #4CC515;\r\n\r\n    box-shadow: 0 12px 28px rgba(0,77,61,.12);\r\n}\r\n\r\n\/* =========================================\r\n   CARD HEADING\r\n========================================= *\/\r\n\r\n.celik-activity-title {\r\n    min-height: 52px;\r\n\r\n    margin: 0 0 16px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -.4px;\r\n\r\n    color: #004D3D !important;\r\n}\r\n\r\n.celik-activity-title::after {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 42px;\r\n    height: 3px;\r\n\r\n    margin-top: 9px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n\/* =========================================\r\n   IMAGE + TEXT ROW\r\n========================================= *\/\r\n\r\n.celik-activity-body {\r\n    display: grid;\r\n\r\n    grid-template-columns: 105px minmax(0, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\/* =========================================\r\n   ILLUSTRATION\r\n========================================= *\/\r\n\r\n.celik-activity-visual {\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n}\r\n\r\n.celik-activity-visual svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.celik-activity-description {\r\n    margin: 0 !important;\r\n    padding: 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.6;\r\n}\r\n\r\n.celik-activity-description strong {\r\n    color: #004D3D;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-activities {\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-activity-card {\r\n        padding: 17px 12px;\r\n    }\r\n\r\n    .celik-activity-title {\r\n        font-size: 16px;\r\n        min-height: 43px;\r\n    }\r\n\r\n    .celik-activity-body {\r\n        grid-template-columns: 75px minmax(0, 1fr);\r\n        gap: 9px;\r\n    }\r\n\r\n    .celik-activity-visual {\r\n        width: 75px;\r\n        height: 75px;\r\n    }\r\n\r\n    .celik-activity-description {\r\n        font-size: 10px;\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-activities {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n    }\r\n\r\n    .celik-activity-card {\r\n        padding: 19px 16px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .celik-activity-title {\r\n        min-height: 0;\r\n\r\n        margin-bottom: 14px !important;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    .celik-activity-body {\r\n        grid-template-columns: 95px minmax(0, 1fr);\r\n        gap: 14px;\r\n    }\r\n\r\n    .celik-activity-visual {\r\n        width: 95px;\r\n        height: 95px;\r\n    }\r\n\r\n    .celik-activity-description {\r\n        font-size: 12px;\r\n        line-height: 1.6;\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-activity-card {\r\n        padding: 16px 12px;\r\n    }\r\n\r\n    .celik-activity-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .celik-activity-body {\r\n        grid-template-columns: 78px minmax(0, 1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-activity-visual {\r\n        width: 78px;\r\n        height: 78px;\r\n    }\r\n\r\n    .celik-activity-description {\r\n        font-size: 10.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-activities\">\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 01 \u2014 MYTH OR FACT\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-activity-card\">\r\n\r\n        <h3 class=\"celik-activity-title\">\r\n            Activity 2 \u2013 Myth or Fact?\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"celik-activity-body\">\r\n\r\n\r\n            <div class=\"celik-activity-visual\">\r\n\r\n                <svg viewBox=\"0 0 120 120\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <!-- MYTH SPEECH BUBBLE -->\r\n\r\n                    <rect\r\n                        x=\"5\"\r\n                        y=\"7\"\r\n                        width=\"65\"\r\n                        height=\"31\"\r\n                        rx=\"8\"\r\n                        fill=\"#F04452\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M24 38 L17 47 L40 38\"\r\n                        fill=\"#F04452\"\r\n                    \/>\r\n\r\n                    <text\r\n                        x=\"37\"\r\n                        y=\"27\"\r\n                        text-anchor=\"middle\"\r\n                        font-size=\"14\"\r\n                        font-weight=\"800\"\r\n                        fill=\"#FFFFFF\"\r\n                        font-family=\"Arial\">\r\n                        MYTH?\r\n                    <\/text>\r\n\r\n\r\n                    <!-- FACT SPEECH BUBBLE -->\r\n\r\n                    <rect\r\n                        x=\"50\"\r\n                        y=\"47\"\r\n                        width=\"66\"\r\n                        height=\"31\"\r\n                        rx=\"8\"\r\n                        fill=\"#087B43\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M92 78 L102 88 L77 78\"\r\n                        fill=\"#087B43\"\r\n                    \/>\r\n\r\n                    <text\r\n                        x=\"83\"\r\n                        y=\"67\"\r\n                        text-anchor=\"middle\"\r\n                        font-size=\"14\"\r\n                        font-weight=\"800\"\r\n                        fill=\"#FFFFFF\"\r\n                        font-family=\"Arial\">\r\n                        FACT?\r\n                    <\/text>\r\n\r\n\r\n                    <!-- SIMPLE STUDENT ILLUSTRATION -->\r\n\r\n                    <circle\r\n                        cx=\"29\"\r\n                        cy=\"72\"\r\n                        r=\"16\"\r\n                        fill=\"#F1B88C\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M13 72\r\n                           C12 48 45 48 45 72\r\n                           L41 65\r\n                           L34 61\r\n                           L25 65\r\n                           L17 65 Z\"\r\n                        fill=\"#243D35\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M8 120\r\n                           C8 94 17 89 29 89\r\n                           C42 89 51 96 51 120 Z\"\r\n                        fill=\"#F0B82F\"\r\n                    \/>\r\n\r\n                    <circle cx=\"23\" cy=\"73\" r=\"1.5\" fill=\"#243D35\"\/>\r\n                    <circle cx=\"35\" cy=\"73\" r=\"1.5\" fill=\"#243D35\"\/>\r\n\r\n                    <path\r\n                        d=\"M25 81 Q29 84 34 81\"\r\n                        fill=\"none\"\r\n                        stroke=\"#8B493D\"\r\n                        stroke-width=\"1.5\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"celik-activity-description\">\r\n\r\n                Present common misconceptions about\r\n                green mobility and eco-driving.\r\n\r\n                Students vote\r\n                <strong>MYTH or FACT<\/strong>\r\n                and explain their answers.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 02 \u2014 GREEN CLUB\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-activity-card\">\r\n\r\n        <h3 class=\"celik-activity-title\">\r\n            Activity 3 \u2013 Learn with the Green Club\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"celik-activity-body\">\r\n\r\n\r\n            <div class=\"celik-activity-visual\">\r\n\r\n                <svg viewBox=\"0 0 120 120\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n\r\n                    <!-- BOOK LEFT PAGE -->\r\n\r\n                    <path\r\n                        d=\"M60 95\r\n                           C43 87 27 86 8 91\r\n                           V32\r\n                           C28 27 46 29 60 37 Z\"\r\n\r\n                        fill=\"#FFFFFF\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"3\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- BOOK RIGHT PAGE -->\r\n\r\n                    <path\r\n                        d=\"M60 95\r\n                           C77 87 93 86 112 91\r\n                           V32\r\n                           C92 27 74 29 60 37 Z\"\r\n\r\n                        fill=\"#E5F9EB\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"3\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- BOOK CENTER -->\r\n\r\n                    <path\r\n                        d=\"M60 37V95\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"2\"\r\n                    \/>\r\n\r\n\r\n                    <!-- LEFT PAGE LINES -->\r\n\r\n                    <path\r\n                        d=\"M17 47 Q34 43 52 49\r\n                           M17 57 Q34 53 52 59\r\n                           M17 67 Q34 63 52 69\r\n                           M17 77 Q34 73 52 79\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#9BCDAA\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- RIGHT PAGE LINES -->\r\n\r\n                    <path\r\n                        d=\"M68 49 Q85 43 103 47\r\n                           M68 59 Q85 53 103 57\r\n                           M68 69 Q85 63 103 67\r\n                           M68 79 Q85 73 103 77\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#9BCDAA\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- GREEN LEAF -->\r\n\r\n                    <path\r\n                        d=\"M80 13\r\n                           C102 10 112 22 108 42\r\n                           C87 43 77 31 80 13Z\"\r\n\r\n                        fill=\"#4CC515\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M84 37L104 17\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#FFFFFF\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- SMALL DECORATIVE LEAF -->\r\n\r\n                    <path\r\n                        d=\"M12 10\r\n                           C28 10 34 20 31 32\r\n                           C17 32 10 24 12 10Z\"\r\n\r\n                        fill=\"#A8E8B4\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M15 13L29 29\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"1.5\"\r\n                    \/>\r\n\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"celik-activity-description\">\r\n\r\n                Introduce\r\n                <strong>Dr. Azman and the Green Club.<\/strong>\r\n\r\n                Read or discuss selected story situations\r\n                that show real-life choices and solutions.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 03 \u2014 GREEN JOURNEY CHALLENGE\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-activity-card\">\r\n\r\n        <h3 class=\"celik-activity-title\">\r\n            Activity 4 \u2013 The Green Journey Challenge\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"celik-activity-body\">\r\n\r\n\r\n            <div class=\"celik-activity-visual\">\r\n\r\n                <svg viewBox=\"0 0 120 120\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n\r\n                    <!-- MAP -->\r\n\r\n                    <path\r\n                        d=\"M8 35\r\n                           L40 26\r\n                           L78 35\r\n                           L112 26\r\n                           V92\r\n                           L78 101\r\n                           L40 92\r\n                           L8 101 Z\"\r\n\r\n                        fill=\"#E7F8EC\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- MAP FOLDS -->\r\n\r\n                    <path\r\n                        d=\"M40 26V92\r\n                           M78 35V101\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#9BCDAA\"\r\n                        stroke-width=\"2\"\r\n                    \/>\r\n\r\n\r\n                    <!-- MAP ROAD -->\r\n\r\n                    <path\r\n                        d=\"M17 86\r\n                           C35 78 28 55 48 59\r\n                           S69 87 83 69\r\n                           S94 54 104 48\"\r\n\r\n                        fill=\"none\"\r\n                        stroke=\"#F4B62D\"\r\n                        stroke-width=\"5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-dasharray=\"8 5\"\r\n                    \/>\r\n\r\n\r\n                    <!-- GREEN PIN -->\r\n\r\n                    <path\r\n                        d=\"M30 6\r\n                           C19 6 13 14 13 24\r\n                           C13 36 30 52 30 52\r\n                           S47 36 47 24\r\n                           C47 14 41 6 30 6Z\"\r\n\r\n                        fill=\"#4CC515\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"30\"\r\n                        cy=\"23\"\r\n                        r=\"6\"\r\n                        fill=\"#FFFFFF\"\r\n                    \/>\r\n\r\n\r\n                    <!-- RED PIN -->\r\n\r\n                    <path\r\n                        d=\"M88 4\r\n                           C77 4 71 12 71 22\r\n                           C71 34 88 50 88 50\r\n                           S105 34 105 22\r\n                           C105 12 99 4 88 4Z\"\r\n\r\n                        fill=\"#F04452\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"88\"\r\n                        cy=\"21\"\r\n                        r=\"6\"\r\n                        fill=\"#FFFFFF\"\r\n                    \/>\r\n\r\n\r\n                    <!-- SMALL LEAF -->\r\n\r\n                    <path\r\n                        d=\"M50 10\r\n                           C62 8 68 15 66 26\r\n                           C54 27 49 20 50 10Z\"\r\n\r\n                        fill=\"#087B43\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"celik-activity-description\">\r\n\r\n                Give groups a journey scenario.\r\n\r\n                Students decide how to make the journey\r\n                greener using the guiding questions.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ffc5a2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ffc5a2\" 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-2e62766\" data-id=\"2e62766\" 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-00c73da elementor-widget elementor-widget-html\" data-id=\"00c73da\" 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 STUDENT ACTIVITIES CARDS\r\n========================================= *\/\r\n\r\n.celik-student-activities,\r\n.celik-student-activities *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.celik-student-activities{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:15px;\r\n    font-family:\"DM Sans\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   COMMON CARD\r\n========================================= *\/\r\n\r\n.celik-student-card{\r\n    min-width:0;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:20px 17px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #FFFFFF 0%,\r\n        #F5FFF8 100%\r\n    );\r\n\r\n    border:1px solid #DCEFE3;\r\n    border-radius:14px;\r\n\r\n    box-shadow:0 6px 22px rgba(0,77,61,.06);\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-student-card:hover{\r\n    transform:translateY(-4px);\r\n    border-color:#4CC515;\r\n    box-shadow:0 12px 28px rgba(0,77,61,.12);\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.celik-student-title{\r\n    margin:0 0 15px !important;\r\n    padding:0 !important;\r\n\r\n    font-family:\"Manrope\",Arial,sans-serif;\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.25;\r\n    letter-spacing:-.4px;\r\n\r\n    color:#004D3D !important;\r\n}\r\n\r\n.celik-student-title::after{\r\n    content:\"\";\r\n    display:block;\r\n\r\n    width:42px;\r\n    height:3px;\r\n    margin-top:8px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n}\r\n\r\n\/* =========================================\r\n   CARD 01 \u2014 WORKSHEET\r\n========================================= *\/\r\n\r\n.celik-worksheet-layout{\r\n    display:grid;\r\n    grid-template-columns:80px minmax(0,1fr);\r\n    gap:12px;\r\n    align-items:center;\r\n}\r\n\r\n\/* MINI WORKSHEET *\/\r\n\r\n.celik-mini-sheet{\r\n    width:80px;\r\n    min-height:118px;\r\n\r\n    padding:9px 7px;\r\n\r\n    background:#FFFFFF;\r\n    border:1px solid #DCE8DF;\r\n    border-radius:5px;\r\n\r\n    box-shadow:\r\n        3px 5px 12px rgba(0,77,61,.13);\r\n\r\n    transform:rotate(-4deg);\r\n}\r\n\r\n.celik-sheet-heading{\r\n    margin:0 0 6px !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:6px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n}\r\n\r\n.celik-sheet-line{\r\n    height:3px;\r\n    margin-bottom:5px;\r\n\r\n    border-radius:3px;\r\n    background:#E0EAE3;\r\n}\r\n\r\n.celik-sheet-line.short{\r\n    width:65%;\r\n}\r\n\r\n.celik-sheet-line.medium{\r\n    width:82%;\r\n}\r\n\r\n.celik-sheet-label{\r\n    display:block;\r\n\r\n    margin:7px 0 4px;\r\n\r\n    color:#087B43;\r\n\r\n    font-size:5px;\r\n    font-weight:800;\r\n}\r\n\r\n.celik-sheet-answer{\r\n    height:1px;\r\n    margin:6px 0;\r\n\r\n    background:#CBDDD0;\r\n}\r\n\r\n\/* WORKSHEET CHECKLIST *\/\r\n\r\n.celik-worksheet-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:9px;\r\n}\r\n\r\n.celik-worksheet-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:6px;\r\n\r\n    color:#34453D;\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-tick{\r\n    color:#087B43;\r\n    font-weight:900;\r\n    flex:0 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   CARD 02 \u2014 MOBILITY DETECTIVE\r\n========================================= *\/\r\n\r\n.celik-detective-intro{\r\n    margin:0 0 11px !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:11px;\r\n    font-weight:500;\r\n    line-height:1.55;\r\n}\r\n\r\n.celik-detective-intro strong{\r\n    color:#004D3D;\r\n    font-weight:800;\r\n}\r\n\r\n.celik-detective-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:7px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n    list-style:none;\r\n}\r\n\r\n.celik-detective-list li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:7px;\r\n\r\n    color:#243D35;\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-green-dot{\r\n    width:6px;\r\n    height:6px;\r\n    min-width:6px;\r\n\r\n    margin-top:5px;\r\n\r\n    border-radius:50%;\r\n    background:#4CC515;\r\n}\r\n\r\n\/* EXTENSION BOX *\/\r\n\r\n.celik-extension{\r\n    margin-top:14px;\r\n    padding:11px 12px;\r\n\r\n    background:#E7F8EC;\r\n\r\n    border-left:3px solid #4CC515;\r\n    border-radius:7px;\r\n}\r\n\r\n.celik-extension-title{\r\n    margin:0 0 4px !important;\r\n\r\n    color:#004D3D !important;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.2px;\r\n}\r\n\r\n.celik-extension-text{\r\n    margin:0 !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:9.5px;\r\n    font-weight:500;\r\n    line-height:1.5;\r\n}\r\n\r\n\/* =========================================\r\n   CARD 03 \u2014 EXIT TICKET\r\n========================================= *\/\r\n\r\n.celik-exit-intro{\r\n    margin:0 0 12px !important;\r\n\r\n    color:#34453D !important;\r\n\r\n    font-size:11px;\r\n    font-weight:500;\r\n}\r\n\r\n.celik-exit-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:10px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n    list-style:none;\r\n}\r\n\r\n.celik-exit-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:9px;\r\n}\r\n\r\n.celik-exit-number{\r\n    width:23px;\r\n    height:23px;\r\n    min-width:23px;\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:#E0F7E7;\r\n    border:1px solid #BCE6C7;\r\n\r\n    color:#087B43;\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n}\r\n\r\n.celik-exit-text{\r\n    margin:3px 0 0 !important;\r\n\r\n    color:#243D35 !important;\r\n\r\n    font-size:11px;\r\n    font-weight:600;\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-student-activities{\r\n        gap:10px;\r\n    }\r\n\r\n    .celik-student-card{\r\n        padding:16px 12px;\r\n    }\r\n\r\n    .celik-student-title{\r\n        font-size:15px;\r\n    }\r\n\r\n    .celik-worksheet-layout{\r\n        grid-template-columns:65px minmax(0,1fr);\r\n        gap:8px;\r\n    }\r\n\r\n    .celik-mini-sheet{\r\n        width:65px;\r\n        min-height:110px;\r\n    }\r\n\r\n    .celik-worksheet-item,\r\n    .celik-detective-list li{\r\n        font-size:9px;\r\n    }\r\n\r\n    .celik-detective-intro,\r\n    .celik-exit-intro{\r\n        font-size:10px;\r\n    }\r\n\r\n    .celik-exit-text{\r\n        font-size:10px;\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-student-activities{\r\n        grid-template-columns:1fr;\r\n        gap:13px;\r\n    }\r\n\r\n    .celik-student-card{\r\n        padding:19px 16px;\r\n        border-radius:12px;\r\n    }\r\n\r\n    .celik-student-title{\r\n        font-size:19px;\r\n        margin-bottom:16px !important;\r\n    }\r\n\r\n    .celik-worksheet-layout{\r\n        grid-template-columns:85px minmax(0,1fr);\r\n        gap:17px;\r\n    }\r\n\r\n    .celik-mini-sheet{\r\n        width:85px;\r\n        min-height:120px;\r\n    }\r\n\r\n    .celik-worksheet-item{\r\n        font-size:11px;\r\n    }\r\n\r\n    .celik-detective-intro{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-detective-list li{\r\n        font-size:11px;\r\n    }\r\n\r\n    .celik-extension-title{\r\n        font-size:11px;\r\n    }\r\n\r\n    .celik-extension-text{\r\n        font-size:10.5px;\r\n    }\r\n\r\n    .celik-exit-intro{\r\n        font-size:12px;\r\n    }\r\n\r\n    .celik-exit-text{\r\n        font-size:12px;\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-student-card{\r\n        padding:16px 12px;\r\n    }\r\n\r\n    .celik-student-title{\r\n        font-size:17px;\r\n    }\r\n\r\n    .celik-worksheet-layout{\r\n        gap:11px;\r\n    }\r\n\r\n    .celik-worksheet-item{\r\n        font-size:10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-student-activities\">\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 01 \u2014 STUDENT WORKSHEET\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-student-card\">\r\n\r\n        <h3 class=\"celik-student-title\">\r\n            Student Worksheet \u2013<br>\r\n            Design Your Green Journey\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"celik-worksheet-layout\">\r\n\r\n\r\n            <!-- MINI WORKSHEET ILLUSTRATION -->\r\n\r\n            <div class=\"celik-mini-sheet\"\r\n                 aria-hidden=\"true\">\r\n\r\n                <p class=\"celik-sheet-heading\">\r\n                    MY GREEN JOURNEY\r\n                <\/p>\r\n\r\n                <div class=\"celik-sheet-line\"><\/div>\r\n                <div class=\"celik-sheet-line medium\"><\/div>\r\n                <div class=\"celik-sheet-line short\"><\/div>\r\n\r\n                <span class=\"celik-sheet-label\">\r\n                    MY JOURNEY\r\n                <\/span>\r\n\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n\r\n                <span class=\"celik-sheet-label\">\r\n                    MY GREEN CHOICE\r\n                <\/span>\r\n\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n                <div class=\"celik-sheet-answer\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- WORKSHEET CONTENT -->\r\n\r\n            <div class=\"celik-worksheet-list\">\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Starting point\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Destination\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Distance\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Available transport options\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Chosen option\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Reason for choice\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    How to make it greener\r\n                <\/div>\r\n\r\n                <div class=\"celik-worksheet-item\">\r\n                    <span class=\"celik-tick\">\u2713<\/span>\r\n                    Draw your journey\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 02 \u2014 GREEN MOBILITY DETECTIVE\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-student-card\">\r\n\r\n        <h3 class=\"celik-student-title\">\r\n            Activity 5 \u2013 Green<br>\r\n            Mobility Detective\r\n        <\/h3>\r\n\r\n\r\n        <p class=\"celik-detective-intro\">\r\n\r\n            Students analyse a classmate's journey\r\n            using a checklist:\r\n\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"celik-detective-list\">\r\n\r\n            <li>\r\n                <span class=\"celik-green-dot\"><\/span>\r\n                What is good already?\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-green-dot\"><\/span>\r\n                What could be greener?\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-green-dot\"><\/span>\r\n                Suggest at least two improvements.\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- EXTENSION -->\r\n\r\n        <div class=\"celik-extension\">\r\n\r\n            <p class=\"celik-extension-title\">\r\n                EXTENSION\r\n            <\/p>\r\n\r\n            <p class=\"celik-extension-text\">\r\n\r\n                Students discuss how their school\r\n                could support these changes.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 03 \u2014 EXIT TICKET\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-student-card\">\r\n\r\n        <h3 class=\"celik-student-title\">\r\n            Exit Ticket \u2013 3-2-1<br>\r\n            Green Mobility\r\n        <\/h3>\r\n\r\n\r\n        <p class=\"celik-exit-intro\">\r\n            A simple reflection:\r\n        <\/p>\r\n\r\n\r\n        <div class=\"celik-exit-list\">\r\n\r\n\r\n            <div class=\"celik-exit-item\">\r\n\r\n                <span class=\"celik-exit-number\">\r\n                    3\r\n                <\/span>\r\n\r\n                <p class=\"celik-exit-text\">\r\n                    things I learned\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"celik-exit-item\">\r\n\r\n                <span class=\"celik-exit-number\">\r\n                    2\r\n                <\/span>\r\n\r\n                <p class=\"celik-exit-text\">\r\n                    interesting facts\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"celik-exit-item\">\r\n\r\n                <span class=\"celik-exit-number\">\r\n                    1\r\n                <\/span>\r\n\r\n                <p class=\"celik-exit-text\">\r\n                    greener mobility choice I will make\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"celik-exit-item\">\r\n\r\n                <span class=\"celik-exit-number\">\r\n                    1\r\n                <\/span>\r\n\r\n                <p class=\"celik-exit-text\">\r\n                    message I will share with my family\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b5561f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2b5561f\" 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-4ee30ce\" data-id=\"4ee30ce\" 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-274b4bd elementor-widget elementor-widget-html\" data-id=\"274b4bd\" 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 CHALLENGE & TEACHER GUIDANCE\r\n========================================= *\/\r\n\r\n.celik-guide-section,\r\n.celik-guide-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-guide-section {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   COMMON CARD\r\n========================================= *\/\r\n\r\n.celik-guide-card {\r\n    min-width: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 23px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #FFFFFF 0%,\r\n        #F3FFF7 100%\r\n    );\r\n\r\n    border: 1px solid #D9EEE1;\r\n    border-radius: 15px;\r\n\r\n    box-shadow: 0 7px 24px rgba(0,77,61,.07);\r\n\r\n    transition: transform .3s ease,\r\n                box-shadow .3s ease;\r\n}\r\n\r\n.celik-guide-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 28px rgba(0,77,61,.11);\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.celik-guide-title {\r\n    margin: 0 0 17px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 21px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -.4px;\r\n\r\n    color: #004D3D !important;\r\n}\r\n\r\n.celik-guide-title::after {\r\n    content: \"\";\r\n    display: block;\r\n\r\n    width: 45px;\r\n    height: 3px;\r\n    margin-top: 9px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #087B43\r\n    );\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT CARD \u2014 CHALLENGE\r\n========================================= *\/\r\n\r\n.celik-challenge-body {\r\n    display: grid;\r\n    grid-template-columns: 85px minmax(0,1fr);\r\n    gap: 17px;\r\n    align-items: start;\r\n}\r\n\r\n\/* CALENDAR ICON *\/\r\n\r\n.celik-calendar-icon {\r\n    width: 85px;\r\n    height: 95px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.celik-calendar-icon svg {\r\n    width: 80px;\r\n    height: 85px;\r\n\r\n    filter: drop-shadow(\r\n        0 5px 8px rgba(0,77,61,.12)\r\n    );\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.celik-guide-description {\r\n    margin: 0 0 10px !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.6;\r\n}\r\n\r\n.celik-guide-description strong {\r\n    color: #004D3D;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* LIST *\/\r\n\r\n.celik-guide-list {\r\n    list-style: none !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n}\r\n\r\n.celik-guide-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #34453D;\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 500;\r\n    line-height: 1.45;\r\n}\r\n\r\n.celik-list-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    min-width: 6px;\r\n\r\n    margin-top: 6px;\r\n\r\n    border-radius: 50%;\r\n    background: #4CC515;\r\n}\r\n\r\n\/* =========================================\r\n   TEACHER NOTE\r\n========================================= *\/\r\n\r\n.celik-challenge-note {\r\n    margin-top: 20px;\r\n    padding: 15px 17px;\r\n\r\n    background: linear-gradient(\r\n        100deg,\r\n        #E1F9E9,\r\n        #F0FFF4\r\n    );\r\n\r\n    border: 1px solid #CDEBD7;\r\n    border-left: 4px solid #4CC515;\r\n    border-radius: 10px;\r\n}\r\n\r\n.celik-note-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    margin: 0 0 6px !important;\r\n\r\n    color: #087B43 !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.celik-note-heading svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.celik-note-text {\r\n    margin: 0 !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT CARD \u2014 GUIDANCE\r\n========================================= *\/\r\n\r\n.celik-guidance-intro {\r\n    margin: 0 0 7px !important;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n}\r\n\r\n.celik-guidance-list {\r\n    margin-bottom: 19px !important;\r\n}\r\n\r\n\/* =========================================\r\n   RESOURCES BOX\r\n========================================= *\/\r\n\r\n.celik-resources {\r\n    overflow: hidden;\r\n\r\n    border: 1px solid #D4ECDD;\r\n    border-radius: 11px;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n.celik-resources-heading {\r\n    margin: 0 !important;\r\n    padding: 12px 15px !important;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #087B43,\r\n        #004D3D\r\n    );\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.celik-resources-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n}\r\n\r\n.celik-resource-column {\r\n    min-width: 0;\r\n    padding: 15px 13px;\r\n}\r\n\r\n.celik-resource-column:first-child {\r\n    border-right: 1px solid #DCEFE3;\r\n}\r\n\r\n.celik-resource-title {\r\n    margin: 0 0 10px !important;\r\n\r\n    color: #004D3D !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.celik-resource-list {\r\n    list-style: none !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n\r\n.celik-resource-list li {\r\n    position: relative;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 0 0 12px !important;\r\n\r\n    color: #34453D;\r\n\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    line-height: 1.45;\r\n}\r\n\r\n.celik-resource-list li::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    top: 6px;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n    background: #4CC515;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-guide-section {\r\n        gap: 12px;\r\n    }\r\n\r\n    .celik-guide-card {\r\n        padding: 17px;\r\n    }\r\n\r\n    .celik-guide-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .celik-challenge-body {\r\n        grid-template-columns: 65px minmax(0,1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .celik-calendar-icon {\r\n        width: 65px;\r\n        height: 75px;\r\n    }\r\n\r\n    .celik-calendar-icon svg {\r\n        width: 62px;\r\n        height: 70px;\r\n    }\r\n\r\n    .celik-guide-description,\r\n    .celik-guidance-intro {\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    .celik-guide-list li {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .celik-resource-list li {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .celik-resources-heading {\r\n        font-size: 10px;\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-guide-section {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n\r\n    .celik-guide-card {\r\n        padding: 19px 15px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .celik-guide-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .celik-challenge-body {\r\n        grid-template-columns: 70px minmax(0,1fr);\r\n        gap: 13px;\r\n    }\r\n\r\n    .celik-calendar-icon {\r\n        width: 70px;\r\n        height: 80px;\r\n    }\r\n\r\n    .celik-calendar-icon svg {\r\n        width: 68px;\r\n        height: 75px;\r\n    }\r\n\r\n    .celik-guide-description,\r\n    .celik-guidance-intro {\r\n        font-size: 11.5px;\r\n    }\r\n\r\n    .celik-guide-list li {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-note-text {\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    .celik-resources-heading {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-resource-title {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-resource-list li {\r\n        font-size: 10px;\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-guide-card {\r\n        padding: 16px 11px;\r\n    }\r\n\r\n    .celik-guide-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .celik-challenge-body {\r\n        grid-template-columns: 55px minmax(0,1fr);\r\n        gap: 9px;\r\n    }\r\n\r\n    .celik-calendar-icon {\r\n        width: 55px;\r\n        height: 65px;\r\n    }\r\n\r\n    .celik-calendar-icon svg {\r\n        width: 53px;\r\n        height: 60px;\r\n    }\r\n\r\n    .celik-guide-list li {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .celik-resource-column {\r\n        padding: 12px 9px;\r\n    }\r\n\r\n    .celik-resource-list li {\r\n        font-size: 9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"celik-guide-section\">\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 01 \u2014 7-DAY GREEN JOURNEY\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-guide-card\">\r\n\r\n        <h2 class=\"celik-guide-title\">\r\n            Optional Class Challenge \u2013<br>\r\n            7-Day Green Journey Challenge\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"celik-challenge-body\">\r\n\r\n\r\n            <!-- CALENDAR ILLUSTRATION -->\r\n\r\n            <div class=\"celik-calendar-icon\"\r\n                 aria-hidden=\"true\">\r\n\r\n                <svg viewBox=\"0 0 90 100\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <!-- CALENDAR BODY -->\r\n\r\n                    <rect\r\n                        x=\"10\"\r\n                        y=\"17\"\r\n                        width=\"70\"\r\n                        height=\"72\"\r\n                        rx=\"8\"\r\n                        fill=\"#FFFFFF\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"4\"\r\n                    \/>\r\n\r\n                    <!-- TOP GREEN BAR -->\r\n\r\n                    <path\r\n                        d=\"M10 26\r\n                           Q10 17 19 17\r\n                           H71\r\n                           Q80 17 80 26\r\n                           V39\r\n                           H10Z\"\r\n                        fill=\"#087B43\"\r\n                    \/>\r\n\r\n                    <!-- CALENDAR RINGS -->\r\n\r\n                    <path\r\n                        d=\"M28 9V26\r\n                           M62 9V26\"\r\n                        stroke=\"#087B43\"\r\n                        stroke-width=\"6\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                    <!-- NUMBER 7 -->\r\n\r\n                    <text\r\n                        x=\"45\"\r\n                        y=\"75\"\r\n                        text-anchor=\"middle\"\r\n                        font-family=\"Arial\"\r\n                        font-size=\"42\"\r\n                        font-weight=\"800\"\r\n                        fill=\"#004D3D\">\r\n                        7\r\n                    <\/text>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div>\r\n\r\n                <p class=\"celik-guide-description\">\r\n\r\n                    For one week, students take at least\r\n                    one greener travel action or eco-drive\r\n                    with adults.\r\n\r\n                    <br>\r\n\r\n                    <strong>Examples:<\/strong>\r\n\r\n                <\/p>\r\n\r\n\r\n                <ul class=\"celik-guide-list\">\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Walk or cycle for a suitable short journey\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Use public transport\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Share a journey\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Plan and combine trips\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Notice good eco-driving\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span class=\"celik-list-dot\"><\/span>\r\n                        Remind others to think about travelling\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TEACHER NOTE -->\r\n\r\n        <div class=\"celik-challenge-note\">\r\n\r\n            <h3 class=\"celik-note-heading\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 5h14v10H9l-4 4z\"\/>\r\n\r\n                    <path d=\"M9 9h6\"\/>\r\n\r\n                <\/svg>\r\n\r\n                Teacher Note:\r\n\r\n            <\/h3>\r\n\r\n\r\n            <p class=\"celik-note-text\">\r\n\r\n                This can be linked to school or home\r\n                activities, depending on local context\r\n                and safety.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CARD 02 \u2014 TEACHER GUIDANCE\r\n    ====================================== -->\r\n\r\n    <article class=\"celik-guide-card\">\r\n\r\n\r\n        <h2 class=\"celik-guide-title\">\r\n            Teacher Guidance &amp; Helpful Tools\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"celik-guidance-intro\">\r\n            To make the lesson a success:\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"celik-guide-list celik-guidance-list\">\r\n\r\n            <li>\r\n                <span class=\"celik-list-dot\"><\/span>\r\n                Use real-life examples from your school\r\n                and community.\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-list-dot\"><\/span>\r\n                Encourage discussion and respect\r\n                different perspectives.\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-list-dot\"><\/span>\r\n                Link to relevant subjects (e.g. Science,\r\n                Geography, Civics).\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-list-dot\"><\/span>\r\n                Use or adapt the provided worksheets\r\n                and templates.\r\n            <\/li>\r\n\r\n            <li>\r\n                <span class=\"celik-list-dot\"><\/span>\r\n                Reinforce that small, consistent actions\r\n                can make a big difference.\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- =================================\r\n             SUGGESTED RESOURCES\r\n        ================================== -->\r\n\r\n        <div class=\"celik-resources\">\r\n\r\n\r\n            <h3 class=\"celik-resources-heading\">\r\n\r\n                Suggested Links \/ Learning \/\r\n                Recommended Related Lessons\r\n\r\n            <\/h3>\r\n\r\n\r\n            <div class=\"celik-resources-grid\">\r\n\r\n\r\n                <!-- NATIONAL & LOCAL -->\r\n\r\n                <div class=\"celik-resource-column\">\r\n\r\n                    <h4 class=\"celik-resource-title\">\r\n                        National &amp; Local\r\n                    <\/h4>\r\n\r\n\r\n                    <ul class=\"celik-resource-list\">\r\n\r\n                        <li>\r\n                            MGTC (Malaysia Green Technology\r\n                            &amp; Climate Change Corporation)\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            MyHijau\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            MyLowCarbon\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Ministry of Transport\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Ministry of Education\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Road Safety Department\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- GLOBAL RESOURCES -->\r\n\r\n                <div class=\"celik-resource-column\">\r\n\r\n                    <h4 class=\"celik-resource-title\">\r\n                        Global &amp; Classroom Resources\r\n                    <\/h4>\r\n\r\n\r\n                    <ul class=\"celik-resource-list\">\r\n\r\n                        <li>\r\n                            UN Climate Action \u2013 Transport\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            UNEP \u2013 Green Transport\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            World Resources Institute\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Clean Air Asia\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            FIA \u2013 Eco-Driving\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            ITF \u2013 Youth &amp; Transport\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-500bf65 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"500bf65\" 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-1d0d12e\" data-id=\"1d0d12e\" 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-e0f2cab elementor-widget elementor-widget-html\" data-id=\"e0f2cab\" 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 TEACHER GUIDE DOWNLOAD SECTION\r\n========================================= *\/\r\n\r\n.celik-download-section,\r\n.celik-download-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.celik-download-section {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 38px 4% 42px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 88% 15%,\r\n            rgba(76,197,21,.17),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            110deg,\r\n            #004D3D 0%,\r\n            #075F4B 55%,\r\n            #003F35 100%\r\n        );\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE LEAVES\r\n========================================= *\/\r\n\r\n.celik-download-decoration {\r\n    position: absolute;\r\n    right: -20px;\r\n    bottom: -30px;\r\n\r\n    width: 220px;\r\n    height: 240px;\r\n\r\n    opacity: .30;\r\n    pointer-events: none;\r\n}\r\n\r\n.celik-download-decoration svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   SECTION INNER\r\n========================================= *\/\r\n\r\n.celik-download-inner {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.celik-download-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.celik-download-header-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    min-width: 55px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #65D52B,\r\n        #16A34A\r\n    );\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,0,0,.13);\r\n}\r\n\r\n.celik-download-header-icon svg {\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    fill: none;\r\n    stroke: #FFFFFF;\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.celik-download-title {\r\n    margin: 0 0 5px !important;\r\n    padding: 0 !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.celik-download-subtitle {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #D8F3E4 !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================\r\n   FORM + TAGLINE LAYOUT\r\n========================================= *\/\r\n\r\n.celik-download-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 170px;\r\n    gap: 25px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   FORM CARD\r\n========================================= *\/\r\n\r\n.celik-download-form {\r\n    width: 100%;\r\n\r\n    padding: 24px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #E0EEE5;\r\n    border-radius: 14px;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,35,25,.13);\r\n}\r\n\r\n\/* =========================================\r\n   FORM GRID\r\n========================================= *\/\r\n\r\n.celik-form-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0,1fr));\r\n    gap: 17px;\r\n\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.celik-form-row.three {\r\n    grid-template-columns: repeat(3, minmax(0,1fr));\r\n}\r\n\r\n.celik-form-field {\r\n    min-width: 0;\r\n}\r\n\r\n.celik-form-label {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #243D35;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.celik-required {\r\n    color: #E83E4E;\r\n}\r\n\r\n\/* =========================================\r\n   INPUTS\r\n========================================= *\/\r\n\r\n.celik-form-input,\r\n.celik-form-select {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 43px;\r\n\r\n    padding: 0 13px;\r\n\r\n    background: #FFFFFF !important;\r\n\r\n    border: 1px solid #DCE6DF !important;\r\n    border-radius: 7px !important;\r\n\r\n    outline: none;\r\n\r\n    color: #34453D !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    font-size: 12px;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transition: border-color .2s ease;\r\n}\r\n\r\n.celik-form-input::placeholder {\r\n    color: #96A39B;\r\n    opacity: 1;\r\n}\r\n\r\n.celik-form-input:focus,\r\n.celik-form-select:focus {\r\n    border-color: #4CC515 !important;\r\n}\r\n\r\n.celik-form-select {\r\n    appearance: auto;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM ROW\r\n========================================= *\/\r\n\r\n.celik-form-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n    margin-top: 20px;\r\n}\r\n\r\n\/* CHECKBOX *\/\r\n\r\n.celik-form-consent {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 9px;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n.celik-form-consent input {\r\n    width: 15px;\r\n    height: 15px;\r\n    min-width: 15px;\r\n\r\n    margin: 2px 0 0;\r\n\r\n    accent-color: #087B43;\r\n}\r\n\r\n.celik-form-consent span {\r\n    color: #34453D;\r\n\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================\r\n   DOWNLOAD BUTTON \u2014 VISUAL ONLY\r\n========================================= *\/\r\n\r\n.celik-download-button {\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: 165px;\r\n    min-height: 44px;\r\n\r\n    padding: 11px 19px;\r\n\r\n    border: 0 !important;\r\n    border-radius: 8px !important;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #4CC515,\r\n        #16A34A 55%,\r\n        #087B43\r\n    ) !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    box-shadow:\r\n        0 5px 14px rgba(8,123,67,.20);\r\n\r\n    cursor: default;\r\n}\r\n\r\n.celik-download-button svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    fill: none;\r\n    stroke: #FFFFFF;\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT TAGLINE\r\n========================================= *\/\r\n\r\n.celik-download-tagline {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.celik-download-tagline p {\r\n    margin: 0 !important;\r\n\r\n    color: #E9FFED !important;\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.45;\r\n\r\n    transform: rotate(-7deg);\r\n}\r\n\r\n.celik-tagline-line {\r\n    display: block;\r\n\r\n    width: 85px;\r\n    height: 3px;\r\n\r\n    margin: 15px auto 0;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #4CC515;\r\n\r\n    transform: rotate(-7deg);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .celik-download-section {\r\n        padding: 32px 3%;\r\n    }\r\n\r\n    .celik-download-layout {\r\n        grid-template-columns: minmax(0,1fr) 125px;\r\n        gap: 15px;\r\n    }\r\n\r\n    .celik-download-form {\r\n        padding: 20px;\r\n    }\r\n\r\n    .celik-download-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .celik-download-tagline p {\r\n        font-size: 16px;\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-download-section {\r\n        padding: 29px 15px 35px;\r\n    }\r\n\r\n    .celik-download-header {\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n\r\n    .celik-download-header-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        min-width: 45px;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .celik-download-header-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .celik-download-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .celik-download-subtitle {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-download-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 23px;\r\n    }\r\n\r\n    .celik-download-form {\r\n        padding: 18px 15px;\r\n        border-radius: 11px;\r\n    }\r\n\r\n    .celik-form-row,\r\n    .celik-form-row.three {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .celik-form-label {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-form-input,\r\n    .celik-form-select {\r\n        height: 44px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .celik-form-bottom {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 17px;\r\n    }\r\n\r\n    .celik-form-consent span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .celik-download-button {\r\n        width: 100%;\r\n        min-height: 46px;\r\n    }\r\n\r\n    .celik-download-tagline p {\r\n        font-size: 17px;\r\n        transform: none;\r\n    }\r\n\r\n    .celik-tagline-line {\r\n        transform: none;\r\n    }\r\n\r\n    .celik-download-decoration {\r\n        width: 150px;\r\n        height: 170px;\r\n\r\n        right: -35px;\r\n        bottom: -30px;\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-download-section {\r\n        padding-left: 11px;\r\n        padding-right: 11px;\r\n    }\r\n\r\n    .celik-download-title {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .celik-download-form {\r\n        padding: 15px 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"celik-download-section\">\r\n\r\n    <!-- DECORATIVE LEAVES -->\r\n\r\n    <div class=\"celik-download-decoration\"\r\n         aria-hidden=\"true\">\r\n\r\n        <svg viewBox=\"0 0 220 240\">\r\n\r\n            <path\r\n                d=\"M60 220\r\n                   C40 150 65 80 165 35\r\n                   C175 135 130 200 60 220Z\"\r\n                fill=\"#4CC515\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M60 220\r\n                   C95 145 125 90 165 35\"\r\n                fill=\"none\"\r\n                stroke=\"#D8FFD8\"\r\n                stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M130 120\r\n                   C140 65 175 40 215 35\r\n                   C210 85 185 115 130 120Z\"\r\n                fill=\"#65D52B\"\r\n            \/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"celik-download-inner\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"celik-download-header\">\r\n\r\n            <div class=\"celik-download-header-icon\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 4h14v16H5z\"\/>\r\n\r\n                    <path d=\"M8 8h8M8 12h5\"\/>\r\n\r\n                    <path d=\"M12 15v5M9 17l3 3 3-3\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <h2 class=\"celik-download-title\">\r\n                    Get the Teacher's Guide\r\n                <\/h2>\r\n\r\n                <p class=\"celik-download-subtitle\">\r\n\r\n                    Fill in the form below to download the\r\n                    Celik Mobiliti Hijau Teacher's Guide.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM + TAGLINE -->\r\n\r\n        <div class=\"celik-download-layout\">\r\n\r\n\r\n            <!-- VISUAL FORM ONLY -->\r\n\r\n            <div class=\"celik-download-form\"\r\n                 role=\"group\"\r\n                 aria-label=\"Teacher's Guide form preview\">\r\n\r\n\r\n                <!-- ROW 01 -->\r\n\r\n                <div class=\"celik-form-row\">\r\n\r\n\r\n                    <div class=\"celik-form-field\">\r\n\r\n                        <label class=\"celik-form-label\"\r\n                               for=\"celik-full-name\">\r\n\r\n                            Full Name\r\n                            <span class=\"celik-required\">*<\/span>\r\n\r\n                        <\/label>\r\n\r\n                        <input\r\n                            class=\"celik-form-input\"\r\n                            type=\"text\"\r\n                            id=\"celik-full-name\"\r\n                            placeholder=\"Enter your full name\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"celik-form-field\">\r\n\r\n                        <label class=\"celik-form-label\"\r\n                               for=\"celik-email\">\r\n\r\n                            Email Address\r\n                            <span class=\"celik-required\">*<\/span>\r\n\r\n                        <\/label>\r\n\r\n                        <input\r\n                            class=\"celik-form-input\"\r\n                            type=\"email\"\r\n                            id=\"celik-email\"\r\n                            placeholder=\"Enter your email address\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ROW 02 -->\r\n\r\n                <div class=\"celik-form-row three\">\r\n\r\n\r\n                    <!-- SCHOOL -->\r\n\r\n                    <div class=\"celik-form-field\">\r\n\r\n                        <label class=\"celik-form-label\"\r\n                               for=\"celik-school\">\r\n\r\n                            School Name\r\n                            <span class=\"celik-required\">*<\/span>\r\n\r\n                        <\/label>\r\n\r\n                        <input\r\n                            class=\"celik-form-input\"\r\n                            type=\"text\"\r\n                            id=\"celik-school\"\r\n                            placeholder=\"Enter your school name\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- STATE -->\r\n\r\n                    <div class=\"celik-form-field\">\r\n\r\n                        <label class=\"celik-form-label\"\r\n                               for=\"celik-state\">\r\n\r\n                            State\r\n                            <span class=\"celik-required\">*<\/span>\r\n\r\n                        <\/label>\r\n\r\n                        <select\r\n                            class=\"celik-form-select\"\r\n                            id=\"celik-state\">\r\n\r\n                            <option value=\"\">\r\n                                Select your state\r\n                            <\/option>\r\n\r\n                            <option>Johor<\/option>\r\n                            <option>Kedah<\/option>\r\n                            <option>Kelantan<\/option>\r\n                            <option>Melaka<\/option>\r\n                            <option>Negeri Sembilan<\/option>\r\n                            <option>Pahang<\/option>\r\n                            <option>Perak<\/option>\r\n                            <option>Perlis<\/option>\r\n                            <option>Pulau Pinang<\/option>\r\n                            <option>Sabah<\/option>\r\n                            <option>Sarawak<\/option>\r\n                            <option>Selangor<\/option>\r\n                            <option>Terengganu<\/option>\r\n                            <option>Kuala Lumpur<\/option>\r\n                            <option>Labuan<\/option>\r\n                            <option>Putrajaya<\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- ROLE -->\r\n\r\n                    <div class=\"celik-form-field\">\r\n\r\n                        <label class=\"celik-form-label\"\r\n                               for=\"celik-role\">\r\n\r\n                            Role\r\n                            <span class=\"celik-required\">*<\/span>\r\n\r\n                        <\/label>\r\n\r\n                        <select\r\n                            class=\"celik-form-select\"\r\n                            id=\"celik-role\">\r\n\r\n                            <option value=\"\">\r\n                                Select your role\r\n                            <\/option>\r\n\r\n                            <option>Teacher<\/option>\r\n                            <option>School Administrator<\/option>\r\n                            <option>Student<\/option>\r\n                            <option>Parent<\/option>\r\n                            <option>Other<\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BOTTOM -->\r\n\r\n                <div class=\"celik-form-bottom\">\r\n\r\n\r\n                    <!-- CONSENT -->\r\n\r\n                    <label class=\"celik-form-consent\">\r\n\r\n                        <input type=\"checkbox\">\r\n\r\n                        <span>\r\n\r\n                            I agree to receive updates and\r\n                            educational resources from\r\n                            Celik Mobiliti Hijau.\r\n\r\n                        <\/span>\r\n\r\n                    <\/label>\r\n\r\n\r\n                    <!-- DECORATIVE BUTTON -->\r\n\r\n                    <button\r\n                        class=\"celik-download-button\"\r\n                        type=\"button\"\r\n                        aria-disabled=\"true\"\r\n                        title=\"Download functionality will be added later\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M12 3v12\"\/>\r\n\r\n                            <path d=\"M7 10l5 5 5-5\"\/>\r\n\r\n                            <path d=\"M4 18v3h16v-3\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                        Download Now\r\n\r\n                    <\/button>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RIGHT TAGLINE -->\r\n\r\n            <div class=\"celik-download-tagline\">\r\n\r\n                <p>\r\n\r\n                    Together<br>\r\n                    for a<br>\r\n                    Greener<br>\r\n                    Tomorrow\r\n\r\n                <\/p>\r\n\r\n                <span class=\"celik-tagline-line\"><\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teacher&#8217;s Resource Celik Mobiliti Hijau Teacher&#8217;s Guide Teaching Eco-Driving &amp; Green Mobility Panduan Guru: Pemanduan Eko &amp; Mobiliti Hijau Teach [&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-342","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/342","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=342"}],"version-history":[{"count":7,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/342\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=\/wp\/v2\/pages\/342\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/property.hassandigitalpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}