{"id":393,"date":"2026-10-28T05:08:20","date_gmt":"2026-10-28T05:08:20","guid":{"rendered":"https:\/\/alhazenschool.sch.id\/?page_id=393"},"modified":"2026-11-03T06:34:33","modified_gmt":"2026-11-03T06:34:33","slug":"colorful-creations","status":"publish","type":"page","link":"https:\/\/alhazenschool.sch.id\/id\/holiday-program\/colorful-creations\/","title":{"rendered":"Colorful Creations 2026"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"393\" class=\"elementor elementor-393\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94a2123 e-con e-atomic-element e-flexbox-base e-default-div e-c80160f\" data-id=\"94a2123\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94a2123\">\n    \t\t<div class=\"elementor-element elementor-element-cfc5237 elementor-widget elementor-widget-html\" data-id=\"cfc5237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     HOLIDAY PROGRAM DECEMBER 2026\r\n     HERO SECTION \u2014 COLORFUL CREATIONS\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-hero-section\" id=\"colorful-creations-hero\">\r\n\r\n    <div class=\"cc-hero-container\">\r\n\r\n        <!-- LEFT: HERO CONTENT -->\r\n        <div class=\"cc-hero-content\">\r\n\r\n            <!-- PROGRAM LABEL -->\r\n            <div class=\"cc-hero-label\">\r\n                <span class=\"cc-hero-label-icon\" aria-hidden=\"true\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                        <path d=\"M12 2.5L14.3 9.7L21.5 12L14.3 14.3L12 21.5L9.7 14.3L2.5 12L9.7 9.7L12 2.5Z\"\r\n                              fill=\"currentColor\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>ALHAZEN SCHOOL \u00b7 HOLIDAY PROGRAM<\/span>\r\n            <\/div>\r\n\r\n            <!-- MAIN HEADING -->\r\n            <h1 class=\"cc-hero-title\">\r\n    Program Liburan Anak Desember 2026:\r\n    <span class=\"cc-hero-title-highlight\">\r\n        Colorful Creations<span class=\"cc-hero-title-period\">!<\/span>\r\n    <\/span>\r\n<\/h1>\r\n\r\n            <!-- SUBHEADING -->\r\n            <h2 class=\"cc-hero-subtitle\">\r\n                Jelajahi Warna, Berkreasi dengan Imajinasi, dan Belajar Bersyukur!\r\n            <\/h2>\r\n\r\n            <!-- DESCRIPTION -->\r\n            <p class=\"cc-hero-description\">\r\n                Jelajahi keajaiban warna melalui seni doodle, eksperimen sains yang menyenangkan, dan refleksi Islami tentang indahnya nikmat yang Allah berikan.\r\n            <\/p>\r\n\r\n            <!-- PROGRAM META -->\r\n            <div class=\"cc-hero-meta\">\r\n\r\n                <div class=\"cc-hero-meta-item\">\r\n                    <span class=\"cc-hero-meta-icon cc-hero-meta-blue\"\r\n                          aria-hidden=\"true\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                                    stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                            <path d=\"M12 7V12L15.5 14\"\r\n                                  stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                  stroke-linecap=\"round\"\r\n                                  stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <span>\r\n                        <strong>21 - 22 Desember 2026<\/strong>\r\n                        <small>2 Hari Pembelajaran Seru<\/small>\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"cc-hero-meta-divider\"><\/div>\r\n\r\n                <div class=\"cc-hero-meta-item\">\r\n                    <span class=\"cc-hero-meta-icon cc-hero-meta-yellow\"\r\n                          aria-hidden=\"true\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\"\r\n                                  rx=\"3\" stroke=\"currentColor\"\r\n                                  stroke-width=\"1.8\"\/>\r\n                            <path d=\"M10 9L15 12L10 15V9Z\"\r\n                                  fill=\"currentColor\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <span>\r\n                        <strong>2 Jam \/ Hari<\/strong>\r\n                        <small>Online Melalui Zoom<\/small>\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CTA -->\r\n            <div class=\"cc-hero-actions\">\r\n\r\n                <a\r\n                    class=\"cc-hero-cta\"\r\n                    href=\"https:\/\/apps.alhazenschool.sch.id\/#\/event\/holidayprogramdesember2026\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Register for Colorful Creations Holiday Program\"\r\n                >\r\n                    <span>Daftar Sekarang<\/span>\r\n                    <span class=\"cc-hero-cta-arrow\" aria-hidden=\"true\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M12 5L19 12L12 19\"\r\n                                  stroke=\"currentColor\"\r\n                                  stroke-width=\"2\"\r\n                                  stroke-linecap=\"round\"\r\n                                  stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n                <span class=\"cc-hero-cta-note\">\r\n                    Kembangkan imajinasi anak\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- DECORATIVE COLOR DOTS -->\r\n            <div class=\"cc-hero-color-dots\" aria-hidden=\"true\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT: MAIN POSTER -->\r\n        <div class=\"cc-hero-visual\">\r\n\r\n            <!-- Decorative background -->\r\n            <div class=\"cc-hero-visual-backdrop\"\r\n                 aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- Decorative doodle -->\r\n            <div class=\"cc-hero-doodle cc-hero-doodle-star\"\r\n                 aria-hidden=\"true\">\u2733<\/div>\r\n\r\n            <div class=\"cc-hero-doodle cc-hero-doodle-spark\"\r\n                 aria-hidden=\"true\">\u2726<\/div>\r\n\r\n            <div class=\"cc-hero-doodle cc-hero-doodle-circle\"\r\n                 aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- Official program poster -->\r\n            <figure class=\"cc-hero-poster\">\r\n                <img\r\n                    src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/colorful-creations-holiday-program-2026.webp\"\r\n                    alt=\"Colorful Creations Holiday Program December 2026 by Alhazen School\"\r\n                    fetchpriority=\"high\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/figure>\r\n\r\n            <!-- Floating information card -->\r\n            <div class=\"cc-hero-floating-card\">\r\n\r\n                <span class=\"cc-hero-floating-icon\" aria-hidden=\"true\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                        <path d=\"M12 3L14.8 8.8L21 9.7L16.5 14.1L17.6 20.3L12 17.3L6.4 20.3L7.5 14.1L3 9.7L9.2 8.8L12 3Z\"\r\n                              fill=\"currentColor\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span class=\"cc-hero-floating-text\">\r\n                    <strong>Imagine. Create. Appreciate.<\/strong>\r\n                    <small>A creative learning experience<\/small>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   COLORFUL CREATIONS \u2014 HERO SECTION\r\n   Scoped CSS for Elementor\r\n========================================================= *\/\r\n\r\n.cc-hero-section,\r\n.cc-hero-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-hero-section {\r\n    --cc-blue: #2F6ED9;\r\n    --cc-yellow: #FFBC00;\r\n    --cc-dark: #20304A;\r\n    --cc-muted: #5F6B7A;\r\n    --cc-font: 'Raleway', sans-serif;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 76px 24px 86px;\r\n    background: #FFFFFF;\r\n    font-family: var(--cc-font);\r\n}\r\n\r\n.cc-hero-container {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\r\n    align-items: center;\r\n    gap: 58px;\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LEFT CONTENT\r\n========================= *\/\r\n\r\n.cc-hero-content {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding: 12px 0;\r\n}\r\n\r\n.cc-hero-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 25px;\r\n    padding: 10px 15px;\r\n    border: 1px solid rgba(47, 110, 217, 0.15);\r\n    border-radius: 100px;\r\n    background: #F0F5FF;\r\n    color: var(--cc-blue);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.cc-hero-label-icon {\r\n    display: flex;\r\n    width: 17px;\r\n    height: 17px;\r\n    flex: 0 0 17px;\r\n}\r\n\r\n.cc-hero-label-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.cc-hero-title {\r\n    margin: 0 0 19px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 60px;\r\n    font-weight: 800;\r\n    line-height: 1.06;\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n.cc-hero-title-highlight {\r\n    position: relative;\r\n    display: block;\r\n    width: fit-content;\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-hero-title-period {\r\n    color: var(--cc-yellow);\r\n}\r\n\r\n.cc-hero-subtitle {\r\n    max-width: 550px;\r\n    margin: 0 0 16px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n    line-height: 1.45;\r\n    letter-spacing: -0.35px;\r\n}\r\n\r\n.cc-hero-description {\r\n    max-width: 535px;\r\n    margin: 0;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PROGRAM META\r\n========================= *\/\r\n\r\n.cc-hero-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.cc-hero-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n}\r\n\r\n.cc-hero-meta-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 43px;\r\n    height: 43px;\r\n    flex: 0 0 43px;\r\n    border-radius: 13px;\r\n}\r\n\r\n.cc-hero-meta-icon svg {\r\n    display: block;\r\n    width: 22px;\r\n    height: 22px;\r\n}\r\n\r\n.cc-hero-meta-blue {\r\n    background: #EAF1FF;\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-hero-meta-yellow {\r\n    background: #FFF5D5;\r\n    color: #A86D00;\r\n}\r\n\r\n.cc-hero-meta-item strong,\r\n.cc-hero-meta-item small {\r\n    display: block;\r\n    font-family: var(--cc-font);\r\n}\r\n\r\n.cc-hero-meta-item strong {\r\n    color: var(--cc-dark);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-hero-meta-item small {\r\n    margin-top: 2px;\r\n    color: var(--cc-muted);\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-hero-meta-divider {\r\n    width: 1px;\r\n    height: 36px;\r\n    background: #E5EAF1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CTA BUTTON\r\n========================= *\/\r\n\r\n.cc-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-top: 32px;\r\n}\r\n\r\n.cc-hero-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 25px;\r\n    min-height: 58px;\r\n    padding: 8px 9px 8px 25px;\r\n    border: 2px solid var(--cc-blue);\r\n    border-radius: 12px;\r\n    background: var(--cc-blue);\r\n    box-shadow: 0 8px 20px rgba(47, 110, 217, 0.19);\r\n    color: #FFFFFF !important;\r\n    font-family: var(--cc-font);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    text-decoration: none !important;\r\n    transition:\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n.cc-hero-cta:hover {\r\n    transform: translateY(-3px);\r\n    border-color: #2458B4;\r\n    background: #2458B4;\r\n    box-shadow: 0 12px 25px rgba(47, 110, 217, 0.24);\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.cc-hero-cta:focus-visible {\r\n    outline: 3px solid var(--cc-yellow);\r\n    outline-offset: 4px;\r\n}\r\n\r\n.cc-hero-cta-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n    border-radius: 9px;\r\n    background: var(--cc-yellow);\r\n    color: var(--cc-dark);\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.cc-hero-cta:hover .cc-hero-cta-arrow {\r\n    transform: translateX(2px);\r\n}\r\n\r\n.cc-hero-cta-arrow svg {\r\n    display: block;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.cc-hero-cta-note {\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================\r\n   COLOR DOTS\r\n========================= *\/\r\n\r\n.cc-hero-color-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: 34px;\r\n}\r\n\r\n.cc-hero-color-dots span {\r\n    display: block;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.cc-hero-color-dots span:nth-child(1) {\r\n    background: var(--cc-blue);\r\n}\r\n\r\n.cc-hero-color-dots span:nth-child(2) {\r\n    background: var(--cc-yellow);\r\n}\r\n\r\n.cc-hero-color-dots span:nth-child(3) {\r\n    background: #F28C8C;\r\n}\r\n\r\n.cc-hero-color-dots span:nth-child(4) {\r\n    background: #55BFA5;\r\n}\r\n\r\n.cc-hero-color-dots span:nth-child(5) {\r\n    background: #A88CE5;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RIGHT VISUAL\r\n========================= *\/\r\n\r\n.cc-hero-visual {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 0;\r\n    padding: 18px 12px 30px;\r\n}\r\n\r\n.cc-hero-visual-backdrop {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: min(100%, 470px);\r\n    aspect-ratio: 1 \/ 1.04;\r\n    border-radius: 46% 54% 50% 50% \/ 43% 43% 57% 57%;\r\n    background: #FFF5D7;\r\n    transform: translate(-50%, -50%) rotate(-5deg);\r\n}\r\n\r\n.cc-hero-poster {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    border: 7px solid #FFFFFF;\r\n    border-radius: 19px;\r\n    background: #FFFFFF;\r\n    box-shadow:\r\n        0 18px 45px rgba(32, 48, 74, 0.13),\r\n        0 4px 12px rgba(32, 48, 74, 0.05);\r\n    transform: rotate(2deg);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.cc-hero-poster:hover {\r\n    transform: rotate(0deg) translateY(-4px);\r\n    box-shadow: 0 24px 50px rgba(32, 48, 74, 0.16);\r\n}\r\n\r\n.cc-hero-poster img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 11px;\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================\r\n   DECORATIVE DOODLES\r\n========================= *\/\r\n\r\n.cc-hero-doodle {\r\n    position: absolute;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    pointer-events: none;\r\n}\r\n\r\n.cc-hero-doodle-star {\r\n    top: 6%;\r\n    left: 1%;\r\n    color: var(--cc-blue);\r\n    font-size: 54px;\r\n    line-height: 1;\r\n    transform: rotate(-12deg);\r\n}\r\n\r\n.cc-hero-doodle-spark {\r\n    top: 17%;\r\n    right: 1%;\r\n    color: #F28C8C;\r\n    font-size: 39px;\r\n    line-height: 1;\r\n    transform: rotate(12deg);\r\n}\r\n\r\n.cc-hero-doodle-circle {\r\n    right: 3%;\r\n    bottom: 13%;\r\n    width: 30px;\r\n    height: 30px;\r\n    border: 6px solid #55BFA5;\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FLOATING CARD\r\n========================= *\/\r\n\r\n.cc-hero-floating-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    right: -1%;\r\n    bottom: 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    max-width: 285px;\r\n    padding: 15px 19px;\r\n    border: 1px solid rgba(32, 48, 74, 0.06);\r\n    border-radius: 15px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 12px 35px rgba(32, 48, 74, 0.12);\r\n}\r\n\r\n.cc-hero-floating-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    flex: 0 0 40px;\r\n    border-radius: 12px;\r\n    background: #FFF5D5;\r\n    color: #D69B00;\r\n}\r\n\r\n.cc-hero-floating-icon svg {\r\n    display: block;\r\n    width: 23px;\r\n    height: 23px;\r\n}\r\n\r\n.cc-hero-floating-text {\r\n    min-width: 0;\r\n}\r\n\r\n.cc-hero-floating-text strong,\r\n.cc-hero-floating-text small {\r\n    display: block;\r\n    font-family: var(--cc-font);\r\n}\r\n\r\n.cc-hero-floating-text strong {\r\n    color: var(--cc-dark);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-hero-floating-text small {\r\n    margin-top: 3px;\r\n    color: var(--cc-muted);\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\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    .cc-hero-section {\r\n        padding: 60px 24px 70px;\r\n    }\r\n\r\n    .cc-hero-container {\r\n        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);\r\n        gap: 32px;\r\n    }\r\n\r\n    .cc-hero-title {\r\n        font-size: 48px;\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n    .cc-hero-subtitle {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .cc-hero-description {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-hero-meta {\r\n        gap: 12px;\r\n    }\r\n\r\n    .cc-hero-meta-divider {\r\n        display: none;\r\n    }\r\n\r\n    .cc-hero-meta-item {\r\n        gap: 8px;\r\n    }\r\n\r\n    .cc-hero-meta-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        flex-basis: 39px;\r\n    }\r\n\r\n    .cc-hero-poster {\r\n        max-width: 350px;\r\n    }\r\n\r\n    .cc-hero-floating-card {\r\n        right: -2%;\r\n        max-width: 250px;\r\n        padding: 12px 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cc-hero-section {\r\n        padding: 42px 20px 58px;\r\n    }\r\n\r\n    .cc-hero-container {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 34px;\r\n        max-width: 560px;\r\n    }\r\n\r\n    .cc-hero-content {\r\n        padding: 0;\r\n    }\r\n\r\n    .cc-hero-label {\r\n        gap: 7px;\r\n        margin-bottom: 21px;\r\n        padding: 8px 12px;\r\n        font-size: 10px;\r\n        letter-spacing: 0.7px;\r\n    }\r\n\r\n    .cc-hero-label-icon {\r\n        width: 15px;\r\n        height: 15px;\r\n        flex-basis: 15px;\r\n    }\r\n\r\n    .cc-hero-title {\r\n        margin-bottom: 17px;\r\n        font-size: 32px;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.7px;\r\n    }\r\n\r\n    .cc-hero-subtitle {\r\n        margin-bottom: 13px;\r\n        font-size: 20px;\r\n        line-height: 1.5;\r\n        letter-spacing: -0.2px;\r\n    }\r\n\r\n    .cc-hero-description {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-hero-meta {\r\n        gap: 16px;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .cc-hero-meta-item {\r\n        gap: 9px;\r\n    }\r\n\r\n    .cc-hero-meta-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        flex-basis: 39px;\r\n        border-radius: 11px;\r\n    }\r\n\r\n    .cc-hero-meta-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .cc-hero-meta-item strong {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-hero-meta-item small {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .cc-hero-actions {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 11px;\r\n        margin-top: 27px;\r\n    }\r\n\r\n    .cc-hero-cta {\r\n        width: 100%;\r\n        min-height: 56px;\r\n        gap: 15px;\r\n        padding: 7px 8px 7px 20px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cc-hero-cta-arrow {\r\n        width: 38px;\r\n        height: 38px;\r\n        flex-basis: 38px;\r\n    }\r\n\r\n    .cc-hero-cta-note {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-hero-color-dots {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .cc-hero-visual {\r\n        width: 100%;\r\n        padding: 10px 12px 32px;\r\n    }\r\n\r\n    .cc-hero-visual-backdrop {\r\n        width: 92%;\r\n    }\r\n\r\n    .cc-hero-poster {\r\n        width: 88%;\r\n        max-width: 360px;\r\n        border-width: 5px;\r\n        border-radius: 15px;\r\n        transform: rotate(1.5deg);\r\n    }\r\n\r\n    .cc-hero-poster img {\r\n        border-radius: 9px;\r\n    }\r\n\r\n    .cc-hero-doodle-star {\r\n        top: 4%;\r\n        left: 0;\r\n        font-size: 38px;\r\n    }\r\n\r\n    .cc-hero-doodle-spark {\r\n        top: 13%;\r\n        right: 0;\r\n        font-size: 30px;\r\n    }\r\n\r\n    .cc-hero-doodle-circle {\r\n        right: 0;\r\n        bottom: 12%;\r\n        width: 23px;\r\n        height: 23px;\r\n        border-width: 5px;\r\n    }\r\n\r\n    .cc-hero-floating-card {\r\n        right: 0;\r\n        bottom: 0;\r\n        gap: 9px;\r\n        max-width: 245px;\r\n        padding: 11px 13px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cc-hero-floating-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        flex-basis: 34px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .cc-hero-floating-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .cc-hero-floating-text strong {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .cc-hero-floating-text small {\r\n        font-size: 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .cc-hero-section {\r\n        padding-right: 16px;\r\n        padding-left: 16px;\r\n    }\r\n\r\n    .cc-hero-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .cc-hero-subtitle {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .cc-hero-meta {\r\n        gap: 12px;\r\n    }\r\n\r\n    .cc-hero-meta-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        flex-basis: 34px;\r\n    }\r\n\r\n    .cc-hero-meta-item strong {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-hero-meta-item small {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-hero-floating-card {\r\n        right: -3px;\r\n        max-width: 225px;\r\n        padding: 9px 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .cc-hero-section *,\r\n    .cc-hero-section *::before,\r\n    .cc-hero-section *::after {\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n        animation-duration: 0.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE HERO \u2014 POSTER AFTER DESCRIPTION\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cc-hero-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n\r\n    .cc-hero-content {\r\n        display: contents;\r\n    }\r\n\r\n    \/* Urutan konten utama *\/\r\n    .cc-hero-label {\r\n        order: 1;\r\n        align-self: flex-start;\r\n    }\r\n\r\n    .cc-hero-title {\r\n        order: 2;\r\n        width: 100%;\r\n    }\r\n\r\n    .cc-hero-subtitle {\r\n        order: 3;\r\n        width: 100%;\r\n    }\r\n\r\n    .cc-hero-description {\r\n        order: 4;\r\n        width: 100%;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    \/* Poster setelah deskripsi *\/\r\n    .cc-hero-visual {\r\n        order: 5;\r\n        width: 100%;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    \/* Informasi program setelah poster *\/\r\n    .cc-hero-meta {\r\n        order: 6;\r\n        width: 100%;\r\n        margin-top: 0;\r\n    }\r\n\r\n    .cc-hero-actions {\r\n        order: 7;\r\n        width: 100%;\r\n    }\r\n\r\n    .cc-hero-color-dots {\r\n        order: 8;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bae88d8 e-con e-atomic-element e-flexbox-base e-default-div e-e8efb11\" data-id=\"bae88d8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bae88d8\">\n    \t\t<div class=\"elementor-element elementor-element-ff3db2c elementor-widget elementor-widget-html\" data-id=\"ff3db2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     HOLIDAY PROGRAM DECEMBER 2026\r\n     SECTION 2 \u2014 PROGRAM OVERVIEW\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-overview-section\" id=\"program-overview\">\r\n\r\n    <div class=\"cc-overview-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <div class=\"cc-overview-heading\">\r\n\r\n            <span class=\"cc-overview-eyebrow\">\r\n                <span class=\"cc-overview-eyebrow-dot\"><\/span>\r\n                TENTANG PROGRAM\r\n            <\/span>\r\n\r\n            <h2 class=\"cc-overview-title\">\r\n                Perjalanan Penuh Warna dalam\r\n                <span>Seni, Sains &amp; Rasa Syukur<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-overview-intro\">\r\n                Jadikan liburan kali ini lebih berwarna dengan berbagai aktivitas kreatif yang mengajak anak-anak bereksplorasi, bereksperimen, dan mengekspresikan imajinasi mereka sekaligus belajar menghargai indahnya nikmat dari Allah.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROGRAM INFORMATION CARDS -->\r\n        <div class=\"cc-overview-info-grid\">\r\n\r\n            <!-- DURATION -->\r\n            <div class=\"cc-overview-info-card\">\r\n\r\n                <div class=\"cc-overview-card-icon cc-overview-icon-blue\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                              stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M16 3V7M8 3V7M3 10H21\"\r\n                              stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                              stroke-linecap=\"round\"\/>\r\n                        <path d=\"M8 14H11M8 17H14\"\r\n                              stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                              stroke-linecap=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"cc-overview-card-content\">\r\n                    <span class=\"cc-overview-card-label\">DURASI PROGRAM<\/span>\r\n                    <h3>21 - 22 Desember 2026<\/h3>\r\n                    <p>2 hari pembelajaran seru<\/p>\r\n                <\/div>\r\n\r\n                <span class=\"cc-overview-card-decoration\" aria-hidden=\"true\">01<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LEARNING TIME -->\r\n            <div class=\"cc-overview-info-card\">\r\n\r\n                <div class=\"cc-overview-card-icon cc-overview-icon-yellow\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M12 7V12L15.5 14\"\r\n                              stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                              stroke-linecap=\"round\"\r\n                              stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"cc-overview-card-content\">\r\n                    <span class=\"cc-overview-card-label\">WAKTU BELAJAR<\/span>\r\n                    <h3>2 Jam \/ Hari<\/h3>\r\n                    <p>Sesi belajar yang fokus dan menarik<\/p>\r\n                <\/div>\r\n\r\n                <span class=\"cc-overview-card-decoration\" aria-hidden=\"true\">02<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PLATFORM -->\r\n            <div class=\"cc-overview-info-card\">\r\n\r\n                <div class=\"cc-overview-card-icon cc-overview-icon-purple\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\"\r\n                              rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M8 21H16M12 17V21\"\r\n                              stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                              stroke-linecap=\"round\"\/>\r\n                        <path d=\"M10 8L15 10.5L10 13V8Z\" fill=\"currentColor\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"cc-overview-card-content\">\r\n                    <span class=\"cc-overview-card-label\">PLATFORM PEMBELAJARAN<\/span>\r\n                    <h3>Online Melalui Zoom<\/h3>\r\n                    <p>Belajar dari Rumah<\/p>\r\n                <\/div>\r\n\r\n                <span class=\"cc-overview-card-decoration\" aria-hidden=\"true\">03<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- REAL CLASS PHOTO GALLERY -->\r\n        <div class=\"cc-overview-gallery\">\r\n\r\n            <div class=\"cc-overview-gallery-heading\">\r\n\r\n                <div>\r\n                    <span class=\"cc-overview-gallery-eyebrow\">\r\n                        MOMEN NYATA, PEMBELAJARAN BERMAKNA\r\n                    <\/span>\r\n\r\n                    <h3 class=\"cc-overview-gallery-title\">\r\n                        Momen Menyenangkan\r\n                        <span>Program Liburan Anak<\/span>\r\n                    <\/h3>\r\n                <\/div>\r\n\r\n                <p class=\"cc-overview-gallery-description\">\r\n                    Lihat berbagai momen belajar yang menyenangkan dan interaksi seru dari kelas online kami sebelumnya.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cc-overview-gallery-grid\">\r\n\r\n                <!-- PHOTO 1 -->\r\n                <figure class=\"cc-overview-gallery-item\">\r\n                    <div class=\"cc-overview-gallery-image\">\r\n                        <img\r\n                            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/holiday-program-class-meeting.webp\"\r\n                            alt=\"Children participating in an Alhazen School online holiday program\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <figcaption class=\"cc-overview-gallery-caption\">\r\n                        <span class=\"cc-overview-gallery-number\">01<\/span>\r\n                        <span>Belajar Bersama<\/span>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n\r\n                <!-- PHOTO 2 -->\r\n                <figure class=\"cc-overview-gallery-item\">\r\n                    <div class=\"cc-overview-gallery-image\">\r\n                        <img\r\n                            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/holiday-program-class-meeting-2.webp\"\r\n                            alt=\"Online class interaction during a previous Alhazen School holiday program\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <figcaption class=\"cc-overview-gallery-caption\">\r\n                        <span class=\"cc-overview-gallery-number\">02<\/span>\r\n                        <span>Pembelajaran Interaktif<\/span>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n\r\n                <!-- PHOTO 3 -->\r\n                <figure class=\"cc-overview-gallery-item\">\r\n                    <div class=\"cc-overview-gallery-image\">\r\n                        <img\r\n                            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/holiday-program-class-meeting-3.webp\"\r\n                            alt=\"Teacher and students connecting during an Alhazen School online class\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <figcaption class=\"cc-overview-gallery-caption\">\r\n                        <span class=\"cc-overview-gallery-number\">03<\/span>\r\n                        <span>Momen Belajar yang Menyenangkan<\/span>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"cc-overview-gallery-note\">\r\n                Pengalaman belajar yang memadukan rasa ingin tahu, kebersamaan, dan kreativitas.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROGRAM DESCRIPTION -->\r\n        <div class=\"cc-overview-story\">\r\n\r\n            <!-- DECORATIVE ART ILLUSTRATION -->\r\n            <div class=\"cc-overview-story-visual\">\r\n\r\n                <div class=\"cc-overview-art-card\">\r\n\r\n                    <span class=\"cc-overview-art-spark cc-overview-spark-one\"\r\n                          aria-hidden=\"true\">\u2733<\/span>\r\n\r\n                    <span class=\"cc-overview-art-spark cc-overview-spark-two\"\r\n                          aria-hidden=\"true\">\u2726<\/span>\r\n\r\n                    <div class=\"cc-overview-color-orbit cc-overview-orbit-one\"\r\n                         aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"cc-overview-color-orbit cc-overview-orbit-two\"\r\n                         aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"cc-overview-art-center\">\r\n                        <svg viewbox=\"0 0 160 160\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M80 17C45 17 17 43 17 77C17 110 43 137 76 137H91C101 137 108 129 108 120C108 114 105 109 101 105C98 102 96 98 96 94C96 85 103 78 112 78H124C135 78 143 69 141 58C134 34 109 17 80 17Z\"\r\n                                  fill=\"#FFFFFF\" stroke=\"#2F6ED9\"\r\n                                  stroke-width=\"4\" stroke-linejoin=\"round\"\/>\r\n                            <circle cx=\"48\" cy=\"59\" r=\"8\" fill=\"#FFBC00\"\/>\r\n                            <circle cx=\"72\" cy=\"43\" r=\"8\" fill=\"#F28C8C\"\/>\r\n                            <circle cx=\"98\" cy=\"47\" r=\"8\" fill=\"#55BFA5\"\/>\r\n                            <circle cx=\"116\" cy=\"62\" r=\"8\" fill=\"#A88CE5\"\/>\r\n                            <path d=\"M88 112L125 75L140 90L103 127L83 132L88 112Z\"\r\n                                  fill=\"#FFBC00\" stroke=\"#20304A\"\r\n                                  stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M88 112L103 127\"\r\n                                  stroke=\"#20304A\" stroke-width=\"3\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-overview-art-caption\">\r\n                        <span>EXPLORE<\/span>\r\n                        <span>CREATE<\/span>\r\n                        <span>BE GRATEFUL<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DESCRIPTION -->\r\n            <div class=\"cc-overview-story-content\">\r\n\r\n                <span class=\"cc-overview-story-label\">LEBIH DARI SEKADAR SENI<\/span>\r\n\r\n                <h3>\r\n                    Where Creativity Meets\r\n                    <span>Meaningful Learning<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Colorful Creations adalah program liburan kreatif online yang mengajak anak-anak menjelajahi dunia warna melalui aktivitas seni secara langsung, eksperimen sains sederhana, dan lokakarya seni doodle yang dipandu oleh seniman professional.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Selama program berlangsung, anak akan mengenal warna, bentuk, dan pola, bereksperimen dengan mencampurkan warna, serta menciptakan karya seni doodle penuh warna hasil kreasi mereka sendiri.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Program ini juga mengintegrasikan nilai-nilai Islami dalam pembelajaran dengan mengajak anak-anak menghargai keindahan ciptaan Allah dan menyadari bahwa nikmat penglihatan merupakan anugerah yang patut disyukuri serta menjadi sarana untuk belajar dan mengamati lingkungan sekitar.\r\n                <\/p>\r\n\r\n                <div class=\"cc-overview-takeaway\">\r\n\r\n                    <span class=\"cc-overview-takeaway-icon\" aria-hidden=\"true\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M20 7L10 17L5 12\"\r\n                                  stroke=\"currentColor\" stroke-width=\"2.2\"\r\n                                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        <strong>Kembangkan rasa ingin tahu.<\/strong>\r\n                        Berkreasi dengan imajinasi. Syukuri setiap nikmat.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   COLORFUL CREATIONS \u2014 PROGRAM OVERVIEW\r\n   Scoped CSS for Elementor\r\n========================================================= *\/\r\n\r\n.cc-overview-section,\r\n.cc-overview-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-overview-section {\r\n    --cc-blue: #2F6ED9;\r\n    --cc-yellow: #FFBC00;\r\n    --cc-dark: #20304A;\r\n    --cc-muted: #5F6B7A;\r\n    --cc-font: 'Raleway', sans-serif;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: 84px 24px 90px;\r\n    overflow: hidden;\r\n    background: #F7F9FD;\r\n    font-family: var(--cc-font);\r\n}\r\n\r\n.cc-overview-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* SECTION HEADING *\/\r\n\r\n.cc-overview-heading {\r\n    max-width: 790px;\r\n    margin: 0 auto 43px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-overview-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    margin-bottom: 17px;\r\n    color: var(--cc-blue);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n.cc-overview-eyebrow-dot {\r\n    display: inline-block;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: var(--cc-yellow);\r\n}\r\n\r\n.cc-overview-title {\r\n    margin: 0 0 18px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.7px;\r\n}\r\n\r\n.cc-overview-title span {\r\n    display: block;\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-overview-intro {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n\/* PROGRAM INFORMATION CARDS *\/\r\n\r\n.cc-overview-info-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 65px;\r\n}\r\n\r\n.cc-overview-info-card {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    min-width: 0;\r\n    min-height: 145px;\r\n    padding: 25px 22px;\r\n    overflow: hidden;\r\n    border: 1px solid #E9EEF7;\r\n    border-radius: 17px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 6px 24px rgba(32, 48, 74, 0.035);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.cc-overview-info-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 13px 30px rgba(32, 48, 74, 0.075);\r\n}\r\n\r\n.cc-overview-card-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    flex: 0 0 48px;\r\n    border-radius: 14px;\r\n}\r\n\r\n.cc-overview-card-icon svg {\r\n    display: block;\r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n.cc-overview-icon-blue {\r\n    background: #EAF1FF;\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-overview-icon-yellow {\r\n    background: #FFF5D5;\r\n    color: #A86D00;\r\n}\r\n\r\n.cc-overview-icon-purple {\r\n    background: #F0EAFF;\r\n    color: #8060CE;\r\n}\r\n\r\n.cc-overview-card-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.cc-overview-card-label {\r\n    display: block;\r\n    margin: 2px 0 8px;\r\n    color: #7A8697;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.cc-overview-card-content h3 {\r\n    margin: 0 0 7px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-overview-card-content p {\r\n    margin: 0;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cc-overview-card-decoration {\r\n    position: absolute;\r\n    right: 13px;\r\n    bottom: -15px;\r\n    color: #F3F6FB;\r\n    font-size: 67px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* REAL CLASS GALLERY *\/\r\n\r\n.cc-overview-gallery {\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.cc-overview-gallery-heading {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 35px;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.cc-overview-gallery-heading > div {\r\n    max-width: 600px;\r\n}\r\n\r\n.cc-overview-gallery-eyebrow {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: var(--cc-blue);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.cc-overview-gallery-title {\r\n    margin: 0;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.cc-overview-gallery-title span {\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-overview-gallery-description {\r\n    max-width: 390px;\r\n    margin: 0 0 3px;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-overview-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n.cc-overview-gallery-item {\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 11px;\r\n    overflow: hidden;\r\n    border: 1px solid #E9EEF7;\r\n    border-radius: 17px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 6px 24px rgba(32, 48, 74, 0.04);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.cc-overview-gallery-item:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 14px 30px rgba(32, 48, 74, 0.09);\r\n}\r\n\r\n.cc-overview-gallery-image {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n    background: #EAF1FF;\r\n}\r\n\r\n.cc-overview-gallery-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: inherit;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.cc-overview-gallery-item:hover .cc-overview-gallery-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n.cc-overview-gallery-caption {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 15px 5px 6px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-overview-gallery-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: 0 0 28px;\r\n    border-radius: 8px;\r\n    background: #EAF1FF;\r\n    color: var(--cc-blue);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-overview-gallery-item:nth-child(2) .cc-overview-gallery-number {\r\n    background: #FFF5D5;\r\n    color: #A86D00;\r\n}\r\n\r\n.cc-overview-gallery-item:nth-child(3) .cc-overview-gallery-number {\r\n    background: #F0EAFF;\r\n    color: #8060CE;\r\n}\r\n\r\n.cc-overview-gallery-note {\r\n    margin: 20px 0 0;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* PROGRAM STORY *\/\r\n\r\n.cc-overview-story {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);\r\n    align-items: center;\r\n    gap: 70px;\r\n}\r\n\r\n.cc-overview-story-visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    min-width: 0;\r\n    padding: 15px;\r\n}\r\n\r\n.cc-overview-art-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    max-width: 390px;\r\n    min-height: 370px;\r\n    padding: 35px 25px 25px;\r\n    overflow: hidden;\r\n    border-radius: 30px;\r\n    background: #FFF0C2;\r\n}\r\n\r\n.cc-overview-color-orbit {\r\n    position: absolute;\r\n    border: 2px dashed rgba(47, 110, 217, 0.18);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.cc-overview-orbit-one {\r\n    top: 22px;\r\n    left: 22px;\r\n    width: 105px;\r\n    height: 105px;\r\n}\r\n\r\n.cc-overview-orbit-two {\r\n    right: -32px;\r\n    bottom: 36px;\r\n    width: 150px;\r\n    height: 150px;\r\n    border-color: rgba(242, 140, 140, 0.35);\r\n}\r\n\r\n.cc-overview-art-center {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 200px;\r\n    max-width: 100%;\r\n}\r\n\r\n.cc-overview-art-center svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    overflow: visible;\r\n}\r\n\r\n.cc-overview-art-spark {\r\n    position: absolute;\r\n    z-index: 2;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.cc-overview-spark-one {\r\n    top: 44px;\r\n    right: 48px;\r\n    color: var(--cc-blue);\r\n    font-size: 45px;\r\n}\r\n\r\n.cc-overview-spark-two {\r\n    bottom: 105px;\r\n    left: 38px;\r\n    color: #F28C8C;\r\n    font-size: 35px;\r\n}\r\n\r\n.cc-overview-art-caption {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 21px;\r\n}\r\n\r\n.cc-overview-art-caption span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 8px 10px;\r\n    border-radius: 100px;\r\n    background: #FFFFFF;\r\n    color: var(--cc-blue);\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.6px;\r\n}\r\n\r\n.cc-overview-art-caption span:nth-child(2) {\r\n    background: var(--cc-blue);\r\n    color: #FFFFFF;\r\n}\r\n\r\n.cc-overview-art-caption span:nth-child(3) {\r\n    background: #FFFFFF;\r\n    color: #A86D00;\r\n}\r\n\r\n\r\n\/* STORY CONTENT *\/\r\n\r\n.cc-overview-story-content {\r\n    min-width: 0;\r\n}\r\n\r\n.cc-overview-story-label {\r\n    display: inline-block;\r\n    margin-bottom: 14px;\r\n    color: var(--cc-blue);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.cc-overview-story-content h3 {\r\n    margin: 0 0 21px;\r\n    color: var(--cc-dark);\r\n    font-family: var(--cc-font);\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    letter-spacing: -0.4px;\r\n}\r\n\r\n.cc-overview-story-content h3 span {\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-overview-story-content > p {\r\n    margin: 0 0 16px;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n.cc-overview-takeaway {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin-top: 25px;\r\n    padding: 17px 19px;\r\n    border-left: 4px solid var(--cc-yellow);\r\n    border-radius: 0 12px 12px 0;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-overview-takeaway-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 25px;\r\n    height: 25px;\r\n    flex: 0 0 25px;\r\n    border-radius: 50%;\r\n    background: #EAF1FF;\r\n    color: var(--cc-blue);\r\n}\r\n\r\n.cc-overview-takeaway-icon svg {\r\n    display: block;\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.cc-overview-takeaway p {\r\n    margin: 1px 0 0;\r\n    color: var(--cc-muted);\r\n    font-family: var(--cc-font);\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-overview-takeaway strong {\r\n    color: var(--cc-dark);\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .cc-overview-section {\r\n        padding: 70px 24px 75px;\r\n    }\r\n\r\n    .cc-overview-info-grid {\r\n        gap: 14px;\r\n    }\r\n\r\n    .cc-overview-info-card {\r\n        gap: 12px;\r\n        padding: 21px 16px;\r\n    }\r\n\r\n    .cc-overview-card-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        flex-basis: 42px;\r\n    }\r\n\r\n    .cc-overview-card-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .cc-overview-card-content h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .cc-overview-card-content p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-overview-gallery-grid {\r\n        gap: 15px;\r\n    }\r\n\r\n    .cc-overview-gallery-item {\r\n        padding: 8px;\r\n    }\r\n\r\n    .cc-overview-gallery-caption {\r\n        gap: 7px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-overview-story {\r\n        gap: 40px;\r\n    }\r\n\r\n    .cc-overview-art-card {\r\n        min-height: 330px;\r\n    }\r\n\r\n    .cc-overview-art-center {\r\n        width: 175px;\r\n    }\r\n\r\n    .cc-overview-story-content h3 {\r\n        font-size: 26px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cc-overview-section {\r\n        padding: 58px 20px 62px;\r\n    }\r\n\r\n    .cc-overview-heading {\r\n        margin-bottom: 31px;\r\n    }\r\n\r\n    .cc-overview-eyebrow {\r\n        margin-bottom: 13px;\r\n        font-size: 11px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cc-overview-title {\r\n        margin-bottom: 14px;\r\n        font-size: 28px;\r\n        line-height: 1.35;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .cc-overview-title span {\r\n        display: inline;\r\n    }\r\n\r\n    .cc-overview-intro {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-overview-info-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 12px;\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    .cc-overview-info-card {\r\n        align-items: center;\r\n        min-height: 105px;\r\n        gap: 15px;\r\n        padding: 18px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .cc-overview-card-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        flex-basis: 45px;\r\n    }\r\n\r\n    .cc-overview-card-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cc-overview-card-label {\r\n        margin: 0 0 5px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-overview-card-content h3 {\r\n        margin-bottom: 3px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .cc-overview-card-content p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-overview-card-decoration {\r\n        right: 8px;\r\n        bottom: -8px;\r\n        font-size: 50px;\r\n    }\r\n\r\n\r\n    \/* GALLERY MOBILE *\/\r\n\r\n    .cc-overview-gallery {\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .cc-overview-gallery-heading {\r\n        display: block;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .cc-overview-gallery-eyebrow {\r\n        margin-bottom: 9px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-overview-gallery-title {\r\n        font-size: 26px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cc-overview-gallery-title span {\r\n        display: inline;\r\n    }\r\n\r\n    .cc-overview-gallery-description {\r\n        margin-top: 12px;\r\n        font-size: 15px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-overview-gallery-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .cc-overview-gallery-item {\r\n        padding: 10px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .cc-overview-gallery-image {\r\n        aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .cc-overview-gallery-caption {\r\n        padding: 12px 3px 3px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-overview-gallery-note {\r\n        margin-top: 17px;\r\n        font-size: 12px;\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    \/* STORY MOBILE *\/\r\n\r\n    .cc-overview-story {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    .cc-overview-story-visual {\r\n        padding: 8px 12px;\r\n    }\r\n\r\n    .cc-overview-art-card {\r\n        max-width: 360px;\r\n        min-height: 320px;\r\n        padding: 28px 18px 23px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .cc-overview-art-center {\r\n        width: 170px;\r\n    }\r\n\r\n    .cc-overview-spark-one {\r\n        top: 32px;\r\n        right: 30px;\r\n        font-size: 37px;\r\n    }\r\n\r\n    .cc-overview-spark-two {\r\n        bottom: 86px;\r\n        left: 27px;\r\n        font-size: 29px;\r\n    }\r\n\r\n    .cc-overview-art-caption {\r\n        gap: 6px;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .cc-overview-art-caption span {\r\n        padding: 7px 8px;\r\n        font-size: 8px;\r\n    }\r\n\r\n    .cc-overview-story-content h3 {\r\n        margin-bottom: 16px;\r\n        font-size: 24px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .cc-overview-story-content > p {\r\n        margin-bottom: 14px;\r\n        font-size: 16px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .cc-overview-takeaway {\r\n        gap: 10px;\r\n        margin-top: 21px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .cc-overview-takeaway p {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .cc-overview-section {\r\n        padding-right: 16px;\r\n        padding-left: 16px;\r\n    }\r\n\r\n    .cc-overview-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .cc-overview-gallery-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .cc-overview-art-card {\r\n        min-height: 290px;\r\n    }\r\n\r\n    .cc-overview-art-center {\r\n        width: 150px;\r\n    }\r\n\r\n    .cc-overview-story-content h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .cc-overview-section *,\r\n    .cc-overview-section *::before,\r\n    .cc-overview-section *::after {\r\n        transition-duration: 0.01ms !important;\r\n        animation-duration: 0.01ms !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-be4f5e9 e-con e-atomic-element e-flexbox-base e-default-div e-dc13122\" data-id=\"be4f5e9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"be4f5e9\">\n    \t\t<div class=\"elementor-element elementor-element-8412fda elementor-widget elementor-widget-html\" data-id=\"8412fda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     HOLIDAY PROGRAM DECEMBER 2026\r\n     SECTION 3: PROGRAM HIGHLIGHTS\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-highlights-section\" id=\"program-highlights\">\r\n    <div class=\"cc-highlights-container\">\r\n\r\n        <!-- INTRO: POSTER LEFT + TEXT RIGHT -->\r\n        <div class=\"cc-highlights-intro-layout\">\r\n\r\n            <!-- LEFT: SPECIAL HIGHLIGHTS POSTER -->\r\n            <div class=\"cc-highlights-poster-wrap\">\r\n                <figure class=\"cc-highlights-poster\">\r\n                    <img\r\n                        src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/colorful-creations-holiday-program-2026-special-highlights.webp\"\r\n                        alt=\"Special highlights of Colorful Creations Holiday Program December 2026\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/figure>\r\n            <\/div>\r\n\r\n            <!-- RIGHT: SECTION HEADING -->\r\n            <header class=\"cc-highlights-heading\">\r\n                <span class=\"cc-highlights-eyebrow\">\r\n                    APA YANG MEMBUAT PROGRAM INI ISTIMEWA?\r\n                <\/span>\r\n\r\n                <h2 class=\"cc-highlights-title\">\r\n                    Jelajahi, Berkreasi, dan Temukan\r\n                    <span>Keajaiban Warna!<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"cc-highlights-description\">\r\n                    Mulai dari eksperimen yang menyenangkan hingga seni doodle kreatif, Hazeners akan menjelajahi dunia warna melalui berbagai aktivitas seru yang memadukan imajinasi, sains, dan nilai-nilai Islami.\r\n                <\/p>\r\n\r\n                <div class=\"cc-highlights-heading-accent\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/header>\r\n            \r\n\r\n\r\n        <\/div>\r\n\r\n        <!-- ACTIVITIES INTRO -->\r\n        <div class=\"cc-highlights-activities-heading\">\r\n            <span class=\"cc-highlights-activities-eyebrow\">\r\n                PROGRAM SPESIAL KAMI\r\n            <\/span>\r\n\r\n            <h3>Berbagai Aktivitas Seru yang Menanti<\/h3>\r\n\r\n            <p>\r\n                Dua hari aktivitas liburan bermakna yang dirancang untuk menumbuhkan rasa ingin tahu, kreativitas, dan rasa syukur.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- HIGHLIGHTS GRID -->\r\n        <div class=\"cc-highlights-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n            <article class=\"cc-highlights-card\">\r\n                <div class=\"cc-highlights-card-top\">\r\n                    <div class=\"cc-highlights-icon cc-highlights-icon-blue\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <circle cx=\"24\" cy=\"24\" r=\"16\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\/>\r\n                            <circle cx=\"18\" cy=\"19\" r=\"3\"\r\n                                fill=\"currentColor\"\/>\r\n                            <circle cx=\"29\" cy=\"18\" r=\"3\"\r\n                                fill=\"currentColor\"\/>\r\n                            <circle cx=\"24\" cy=\"29\" r=\"4\"\r\n                                fill=\"currentColor\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"cc-highlights-number\">01<\/span>\r\n                <\/div>\r\n\r\n                <h3>Mengenal Warna, Bentuk &amp; Pola<\/h3>\r\n\r\n                <p>\r\n                    Jelajahi dunia penuh warna di sekitar kita melalui kegiatan mengamati, aktivitas yang menyenangkan, dan permainan mencari warna.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- CARD 2 -->\r\n            <article class=\"cc-highlights-card\">\r\n                <div class=\"cc-highlights-card-top\">\r\n                    <div class=\"cc-highlights-icon cc-highlights-icon-yellow\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M18 7h12M21 7v12L11 36a3 3 0 0 0 3 5h20a3 3 0 0 0 3-5L27 19V7\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M16 31h16\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                            <circle cx=\"23\" cy=\"26\" r=\"2\"\r\n                                fill=\"currentColor\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"cc-highlights-number\">02<\/span>\r\n                <\/div>\r\n\r\n                <h3>Eksperimen Sains Mencampur Warna yang Menyenangkan<\/h3>\r\n\r\n                <p>\r\n                    Jadilah ilmuwan cilik dan temukan bagaimana warna-warna bercampur melalui eksperimen sederhana yang menarik.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- CARD 3 -->\r\n            <article class=\"cc-highlights-card\">\r\n                <div class=\"cc-highlights-card-top\">\r\n                    <div class=\"cc-highlights-icon cc-highlights-icon-blue\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M9 35l4-11L31 6l11 11-18 18-11 4z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M25 12l11 11M13 24l11 11\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\/>\r\n                            <path d=\"M8 42h32\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"cc-highlights-number\">03<\/span>\r\n                <\/div>\r\n\r\n                <h3>Lokakarya Seni Doodle bersama Seniman Professional<\/h3>\r\n\r\n                <p>\r\n                    Pelajari teknik menggambar doodle baru dan dapatkan inspirasi kreatif melalui lokakarya yang dipandu oleh seniman professional.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- CARD 4 -->\r\n            <article class=\"cc-highlights-card\">\r\n                <div class=\"cc-highlights-card-top\">\r\n                    <div class=\"cc-highlights-icon cc-highlights-icon-yellow\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M24 5l4.5 12.5L41 22l-12.5 4.5L24 39l-4.5-12.5L7 22l12.5-4.5L24 5z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.8\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M38 31l2.5 5.5L46 39l-5.5 2.5L38 47l-2.5-5.5L30 39l5.5-2.5L38 31z\"\r\n                                fill=\"currentColor\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"cc-highlights-number\">04<\/span>\r\n                <\/div>\r\n\r\n                <h3>Ciptakan Karya Seni Doodle Mu Sendiri<\/h3>\r\n\r\n                <p>\r\n                    Ubah ide menjadi kreasi penuh warna dan ekspresikan imajinasimu melalui karya seni doodle buatanmu sendiri.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- CARD 5 -->\r\n            <article class=\"cc-highlights-card\">\r\n                <div class=\"cc-highlights-card-top\">\r\n                    <div class=\"cc-highlights-icon cc-highlights-icon-blue\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M24 40S8 31 8 18a9 9 0 0 1 16-6 9 9 0 0 1 16 6c0 13-16 22-16 22z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M16 23l5 5 11-12\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"3\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"cc-highlights-number\">05<\/span>\r\n                <\/div>\r\n\r\n                <h3>Refleksi Islami: Nikmat Penglihatan<\/h3>\r\n\r\n                <p>\r\n                    Refleksikan nikmat penglihatan, hargai keindahan ciptaan Allah, dan praktikkan rasa syukur melalui refleksi Islami yang bermakna.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- CLOSING CARD -->\r\n            <article class=\"cc-highlights-card cc-highlights-card-featured\">\r\n                <div class=\"cc-highlights-featured-decoration\"\r\n                     aria-hidden=\"true\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <span class=\"cc-highlights-featured-label\">\r\n                    COLORFUL CREATIONS\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Belajar, Berkreasi,\r\n                    <span>dan Bersyukur.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Pengalaman liburan anak yang memadukan kreativitas dengan pembelajaran bermakna dan rasa syukur.\r\n                <\/p>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   SECTION 3: PROGRAM HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n.cc-highlights-section,\r\n.cc-highlights-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-highlights-section {\r\n    width: 100%;\r\n    padding: 80px 24px;\r\n    overflow: hidden;\r\n    background: #F7F9FF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-highlights-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* INTRO LAYOUT: TWO COLUMNS *\/\r\n\r\n.cc-highlights-intro-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\r\n    grid-template-areas: \"heading poster\";\r\n    align-items: center;\r\n    gap: 52px;\r\n    width: 100%;\r\n    margin: 0 auto 60px;\r\n}\r\n\r\n\/* POSTER *\/\r\n\r\n.cc-highlights-poster-wrap {\r\n    grid-area: poster;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-width: 0;\r\n    margin: 0;\r\n}\r\n\r\n.cc-highlights-poster {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border: 1px solid #E9EDF5;\r\n    border-radius: 16px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 8px 24px rgba(32, 67, 126, 0.08);\r\n}\r\n\r\n.cc-highlights-poster img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    border: 0;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* SECTION HEADING *\/\r\n\r\n.cc-highlights-heading {\r\n    grid-area: heading;\r\n    width: 100%;\r\n    max-width: 620px;\r\n    margin: 0;\r\n    text-align: left;\r\n}\r\n\r\n.cc-highlights-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 14px;\r\n    color: #2F6ED9;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-highlights-title {\r\n    margin: 0 0 18px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.6px;\r\n}\r\n\r\n.cc-highlights-title span {\r\n    display: block;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-highlights-description {\r\n    margin: 0;\r\n    color: #667085;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-highlights-heading-accent {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: 24px;\r\n}\r\n\r\n.cc-highlights-heading-accent span {\r\n    display: block;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: #FFBC00;\r\n}\r\n\r\n.cc-highlights-heading-accent span:nth-child(2) {\r\n    width: 28px;\r\n    border-radius: 8px;\r\n    background: #2F6ED9;\r\n}\r\n\r\n.cc-highlights-heading-accent span:nth-child(3) {\r\n    background: #A8C5FF;\r\n}\r\n\r\n\/* ACTIVITIES INTRO *\/\r\n\r\n.cc-highlights-activities-heading {\r\n    max-width: 720px;\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-highlights-activities-eyebrow {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-highlights-activities-heading h3 {\r\n    margin: 0 0 10px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-highlights-activities-heading p {\r\n    margin: 0 auto;\r\n    color: #667085;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* HIGHLIGHT CARDS GRID *\/\r\n\r\n.cc-highlights-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n    align-items: stretch;\r\n}\r\n\r\n.cc-highlights-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    padding: 26px;\r\n    border: 1px solid #E7ECF5;\r\n    border-radius: 16px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 6px 20px rgba(35, 65, 115, 0.045);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.cc-highlights-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 26px rgba(35, 65, 115, 0.09);\r\n}\r\n\r\n.cc-highlights-card-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.cc-highlights-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 auto;\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.cc-highlights-icon svg {\r\n    display: block;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.cc-highlights-icon-blue {\r\n    color: #2F6ED9;\r\n    background: #EAF1FF;\r\n}\r\n\r\n.cc-highlights-icon-yellow {\r\n    color: #916300;\r\n    background: #FFF3C9;\r\n}\r\n\r\n.cc-highlights-number {\r\n    color: #B7C5DC;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.cc-highlights-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-highlights-card p {\r\n    margin: 0;\r\n    color: #68758A;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* FEATURED CLOSING CARD *\/\r\n\r\n.cc-highlights-card-featured {\r\n    justify-content: center;\r\n    background: #2F6ED9;\r\n    border-color: #2F6ED9;\r\n}\r\n\r\n.cc-highlights-featured-decoration {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.cc-highlights-featured-decoration span {\r\n    display: block;\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 50%;\r\n    background: #FFBC00;\r\n}\r\n\r\n.cc-highlights-featured-decoration span:nth-child(2) {\r\n    width: 17px;\r\n    height: 17px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-highlights-featured-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #FFE28A;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.4px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-highlights-card-featured h3 {\r\n    color: #FFFFFF;\r\n    font-size: 24px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.cc-highlights-card-featured h3 span {\r\n    display: block;\r\n    color: #FFE28A;\r\n}\r\n\r\n.cc-highlights-card-featured p {\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-highlights-section {\r\n        padding: 68px 24px;\r\n    }\r\n\r\n    .cc-highlights-intro-layout {\r\n        gap: 32px;\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    .cc-highlights-poster {\r\n        max-width: 340px;\r\n    }\r\n\r\n    .cc-highlights-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .cc-highlights-description {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cc-highlights-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 18px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-highlights-section {\r\n        padding: 54px 20px;\r\n    }\r\n\r\n    .cc-highlights-intro-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .cc-highlights-poster {\r\n        max-width: 340px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cc-highlights-heading {\r\n        max-width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .cc-highlights-eyebrow {\r\n        margin-bottom: 10px;\r\n        font-size: 12px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .cc-highlights-title {\r\n        margin-bottom: 14px;\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.3px;\r\n    }\r\n\r\n    .cc-highlights-description {\r\n        font-size: 16px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .cc-highlights-heading-accent {\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .cc-highlights-activities-heading {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .cc-highlights-activities-heading h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cc-highlights-activities-heading p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cc-highlights-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n\r\n    .cc-highlights-card {\r\n        padding: 23px 21px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .cc-highlights-card-top {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .cc-highlights-icon {\r\n        width: 49px;\r\n        height: 49px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .cc-highlights-icon svg {\r\n        width: 29px;\r\n        height: 29px;\r\n    }\r\n\r\n    .cc-highlights-card h3 {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .cc-highlights-card p {\r\n        font-size: 15px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .cc-highlights-card-featured h3 {\r\n        font-size: 23px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-highlights-card {\r\n        transition: none;\r\n    }\r\n\r\n    .cc-highlights-card:hover {\r\n        transform: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 PROGRAM HIGHLIGHTS\r\n   Heading & description before poster\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cc-highlights-intro-layout {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    \/* Heading and description appear first *\/\r\n    .cc-highlights-heading {\r\n        order: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Poster appears below the description *\/\r\n    .cc-highlights-poster-wrap {\r\n        order: 2;\r\n        width: 100%;\r\n    }\r\n\r\n    .cc-highlights-poster {\r\n        width: 100%;\r\n        max-width: 340px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n}\r\n\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-99eb817 e-con e-atomic-element e-flexbox-base e-default-div e-173a19d\" data-id=\"99eb817\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"99eb817\">\n    \t\t<div class=\"elementor-element elementor-element-0b89bbc elementor-widget elementor-widget-html\" data-id=\"0b89bbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     HOLIDAY PROGRAM DECEMBER 2026\r\n     SECTION 4: PROGRAM JOURNEY\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-journey-section\" id=\"program-journey\">\r\n    <div class=\"cc-journey-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <header class=\"cc-journey-heading\">\r\n            <span class=\"cc-journey-eyebrow\">\r\n                PETUALANGAN PENUH WARNA\r\n            <\/span>\r\n\r\n            <h2 class=\"cc-journey-title\">\r\n                Dua Hari, Satu\r\n                <span>Perjalanan Penuh Warna!<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-journey-description\">\r\n                Setiap hari menghadirkan kesempatan baru untuk bereksplorasi, bereksperimen, berkreasi, dan menemukan keindahan ciptaan Allah.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- MAIN LAYOUT: POSTER LEFT, TIMELINE RIGHT -->\r\n        <div class=\"cc-journey-layout\">\r\n\r\n            <!-- LEFT: POSTER AND SUPPORTING MESSAGE -->\r\n            <aside class=\"cc-journey-visual\">\r\n\r\n                <figure class=\"cc-journey-poster\">\r\n                    <img\r\n                        src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/colorful-creations-holiday-program-2026-class.webp\"\r\n                        alt=\"Colorful Creations Holiday Program December 2026\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/figure>\r\n\r\n                <div class=\"cc-journey-note\">\r\n                    <span class=\"cc-journey-note-icon\" aria-hidden=\"true\">\r\n                        <svg viewbox=\"0 0 48 48\">\r\n                            <path\r\n                                d=\"M24 5l5 13 14 6-14 5-5 14-5-14-14-5 14-6 5-13z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Setiap Warna Memiliki Cerita<\/h3>\r\n                        <p>\r\n                            Jelajahi kreativitasmu, pelajari hal baru, dan temukan berbagai alasan untuk bersyukur.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                \r\n<!-- CTA BUTTON -->\r\n<div class=\"cc-journey-cta\">\r\n    <a\r\n        href=\"https:\/\/apps.alhazenschool.sch.id\/#\/event\/holidayprogramdesember2026\"\r\n        class=\"cc-journey-cta-button\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n    >\r\n        <span>Daftar Sekarang<\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path\r\n                d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n    <\/a>\r\n\r\n    <p class=\"cc-journey-cta-caption\">\r\n        Ready for a colorful adventure?\r\n    <\/p>\r\n<\/div>\r\n\r\n\r\n            <\/aside>\r\n\r\n            <!-- RIGHT: PROGRAM TIMELINE -->\r\n            <div class=\"cc-journey-timeline\">\r\n\r\n                <!-- DAY 1 -->\r\n                <article class=\"cc-journey-day\">\r\n\r\n                    <div class=\"cc-journey-day-header\">\r\n                        <span class=\"cc-journey-day-number\">\r\n                            HARI 01\r\n                        <\/span>\r\n\r\n                        <div>\r\n                            <h3>Mengenal &amp; Menjelajahi<\/h3>\r\n                            <p>\r\n                                Berkenalan, mengamati, dan bereksperimen dengan warna.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-journey-activities\">\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Sambutan &amp; Perkenalan<\/h4>\r\n                                <p>\r\n                                    Kenali sesama Hazeners dan mulai petualangan bersama.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Mengenal Warna &amp; Berburu Warna<\/h4>\r\n                                <p>\r\n                                    Temukan berbagai warna di sekitarmu melalui aktivitas pengamatan yang menyenangkan.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Pemanasan Menggambar Doodle<\/h4>\r\n                                <p>\r\n                                    Mulai menggambar dengan bebas dan biarkan imajinasimu mengalir.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Ilmuwan Warna Cilik<\/h4>\r\n                                <p>\r\n                                    Jelajahi pencampuran warna melalui eksperimen sains sederhana.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Karya Doodle Penuh Warna Pertamamu<\/h4>\r\n                                <p>\r\n                                    Buat karya doodle penuh warna pertamamu menggunakan ide sendiri.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Sesi Berbagi Karya<\/h4>\r\n                                <p>\r\n                                    Bagikan hasil karyamu dan apresiasi kreativitas setiap anak\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Refleksi Islami &amp; Penutupan<\/h4>\r\n                                <p>\r\n                                    Akhiri hari dengan refleksi yang bermakna dan ungkapan rasa syukur.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- DAY 2 -->\r\n                <article class=\"cc-journey-day cc-journey-day-second\">\r\n\r\n                    <div class=\"cc-journey-day-header\">\r\n                        <span class=\"cc-journey-day-number\">\r\n                            HARI 02\r\n                        <\/span>\r\n\r\n                        <div>\r\n                            <h3>Berkreasi &amp; Bersyukur<\/h3>\r\n                            <p>\r\n                                Wujudkan inspirasi menjadi kreasi penuh warna.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-journey-activities\">\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Sambutan &amp; Mengulas Kembali<\/h4>\r\n                                <p>\r\n                                    Mengulas kembali berbagai penemuan dan karya dari Hari 1.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Kenalan dengan Seniman Doodle Professional<\/h4>\r\n                                <p>\r\n                                    Dapatkan inspirasi dari seniman professional dan jelajahi ide-ide kreatif baru.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Doodle Masterclass<\/h4>\r\n                                <p>\r\n                                    Ikuti lokakarya terpandu untuk mengembangkan keterampilan menggambar doodle.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Colorful Creation<\/h4>\r\n                                <p>\r\n                                    Wujudkan imajinasimu melalui karya seni doodle istimewa hasil kreasimu sendiri.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Tadabbur Alam: Ciptaan Allah yang Penuh Warna<\/h4>\r\n                                <p>\r\n                                    Refleksikan keindahan ciptaan Allah dan nikmat penglihatan yang telah diberikan-Nya.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Presentasi Karya Kreatif yang Sudah Dibuat<\/h4>\r\n                                <p>\r\n                                    Presentasikan hasil karyamu dan apresiasi karya teman-teman sesama Hazeners.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-journey-activity\">\r\n                            <span class=\"cc-journey-dot\"><\/span>\r\n                            <div>\r\n                                <h4>Ungkapan Terima Kasih &amp; Penutupan<\/h4>\r\n                                <p>\r\n                                    Rayakan dan akhiri dengan hati yang penuh rasa syukur.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   SECTION 4: PROGRAM JOURNEY\r\n========================================================= *\/\r\n\r\n.cc-journey-section,\r\n.cc-journey-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-journey-section {\r\n    width: 100%;\r\n    padding: 80px 24px;\r\n    overflow: hidden;\r\n    background: #FFFFFF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-journey-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SECTION HEADING *\/\r\n\r\n.cc-journey-heading {\r\n    max-width: 760px;\r\n    margin: 0 auto 48px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-journey-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 14px;\r\n    color: #2F6ED9;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-journey-title {\r\n    margin: 0 0 16px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.cc-journey-title span {\r\n    display: block;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-journey-description {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    color: #667085;\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* MAIN GRID *\/\r\n\r\n.cc-journey-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);\r\n    grid-template-areas: \"visual timeline\";\r\n    align-items: start;\r\n    gap: 36px;\r\n    width: 100%;\r\n}\r\n\r\n\/* LEFT: POSTER *\/\r\n\r\n.cc-journey-visual {\r\n    grid-area: visual;\r\n    position: sticky;\r\n    top: 30px;\r\n    min-width: 0;\r\n}\r\n\r\n.cc-journey-poster {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: 0 auto 20px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border: 1px solid #E7ECF5;\r\n    border-radius: 16px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 10px 28px rgba(35, 65, 115, 0.08);\r\n}\r\n\r\n.cc-journey-poster img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    border: 0;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* POSTER SUPPORTING MESSAGE *\/\r\n\r\n.cc-journey-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    border: 1px solid #F5E6B7;\r\n    border-radius: 14px;\r\n    background: #FFFAE9;\r\n}\r\n\r\n.cc-journey-note-icon {\r\n    display: flex;\r\n    flex: 0 0 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    background: #FFBC00;\r\n    color: #24324A;\r\n}\r\n\r\n.cc-journey-note-icon svg {\r\n    display: block;\r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n.cc-journey-note h3 {\r\n    margin: 0 0 7px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.45;\r\n}\r\n\r\n.cc-journey-note p {\r\n    margin: 0;\r\n    color: #68758A;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* RIGHT: TIMELINE *\/\r\n\r\n.cc-journey-timeline {\r\n    grid-area: timeline;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    min-width: 0;\r\n}\r\n\r\n\/* DAY CARDS *\/\r\n\r\n.cc-journey-day {\r\n    padding: 26px;\r\n    border: 1px solid #E5ECF8;\r\n    border-radius: 17px;\r\n    background: #F8FAFF;\r\n}\r\n\r\n.cc-journey-day-second {\r\n    border-color: #F5E9C8;\r\n    background: #FFFCF3;\r\n}\r\n\r\n.cc-journey-day-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 21px;\r\n    border-bottom: 1px solid #E1E8F3;\r\n}\r\n\r\n.cc-journey-day-second .cc-journey-day-header {\r\n    border-color: #F0E4C4;\r\n}\r\n\r\n.cc-journey-day-number {\r\n    display: inline-flex;\r\n    flex: 0 0 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 62px;\r\n    min-height: 34px;\r\n    padding: 8px 9px;\r\n    border-radius: 8px;\r\n    background: #2F6ED9;\r\n    color: #FFFFFF;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.cc-journey-day-second .cc-journey-day-number {\r\n    background: #FFBC00;\r\n    color: #24324A;\r\n}\r\n\r\n.cc-journey-day-header h3 {\r\n    margin: 0 0 5px;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 21px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-journey-day-header p {\r\n    margin: 0;\r\n    color: #68758A;\r\n    font-size: 13px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\/* ACTIVITIES *\/\r\n\r\n.cc-journey-activities {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 19px;\r\n}\r\n\r\n.cc-journey-activity {\r\n    display: grid;\r\n    grid-template-columns: 11px minmax(0, 1fr);\r\n    align-items: start;\r\n    gap: 12px;\r\n}\r\n\r\n.cc-journey-dot {\r\n    display: block;\r\n    width: 10px;\r\n    height: 10px;\r\n    margin-top: 6px;\r\n    border: 2px solid #2F6ED9;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-journey-day-second .cc-journey-dot {\r\n    border-color: #D89B00;\r\n}\r\n\r\n.cc-journey-activity h4 {\r\n    margin: 0 0 5px;\r\n    color: #2B3A52;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-journey-activity p {\r\n    margin: 0;\r\n    color: #68758A;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-journey-section {\r\n        padding: 68px 24px;\r\n    }\r\n\r\n    .cc-journey-layout {\r\n        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\r\n        grid-template-areas: \"visual timeline\";\r\n        gap: 24px;\r\n    }\r\n\r\n    .cc-journey-poster {\r\n        max-width: 340px;\r\n    }\r\n\r\n    .cc-journey-day {\r\n        padding: 22px 19px;\r\n    }\r\n\r\n    .cc-journey-day-header {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .cc-journey-day-header h3 {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .cc-journey-note {\r\n        padding: 16px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-journey-section {\r\n        padding: 54px 20px;\r\n    }\r\n\r\n    .cc-journey-heading {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .cc-journey-eyebrow {\r\n        margin-bottom: 10px;\r\n        font-size: 12px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .cc-journey-title {\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cc-journey-description {\r\n        font-size: 16px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .cc-journey-layout {\r\n        grid-template-columns: 1fr;\r\n        grid-template-areas:\r\n            \"visual\"\r\n            \"timeline\";\r\n        gap: 30px;\r\n    }\r\n\r\n    .cc-journey-visual {\r\n        position: static;\r\n    }\r\n\r\n    .cc-journey-poster {\r\n        max-width: 340px;\r\n        margin-bottom: 17px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .cc-journey-note {\r\n        max-width: 340px;\r\n        padding: 18px;\r\n    }\r\n\r\n    .cc-journey-timeline {\r\n        gap: 19px;\r\n    }\r\n\r\n    .cc-journey-day {\r\n        padding: 21px 18px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .cc-journey-day-header {\r\n        flex-direction: row;\r\n        align-items: flex-start;\r\n        gap: 11px;\r\n        padding-bottom: 17px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .cc-journey-day-number {\r\n        min-width: 56px;\r\n        min-height: 31px;\r\n        padding: 7px 8px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .cc-journey-day-header h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .cc-journey-day-header p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-journey-activities {\r\n        gap: 18px;\r\n    }\r\n\r\n    .cc-journey-activity {\r\n        gap: 10px;\r\n    }\r\n\r\n    .cc-journey-activity h4 {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cc-journey-activity p {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .cc-journey-note h3 {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-journey-section *,\r\n    .cc-journey-section *::before,\r\n    .cc-journey-section *::after {\r\n        scroll-behavior: auto;\r\n        transition: none;\r\n    }\r\n}\r\n\r\n\r\n\/* CTA BELOW POSTER *\/\r\n\r\n.cc-journey-cta {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: 18px auto 0;\r\n    text-align: center;\r\n}\r\n\r\n.cc-journey-cta-button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    width: 100%;\r\n    min-height: 54px;\r\n    padding: 15px 22px;\r\n\r\n    background: #2F6ED9;\r\n    border: 2px solid #2F6ED9;\r\n    border-radius: 12px;\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-decoration: none;\r\n\r\n    transition: background .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n\r\n.cc-journey-cta-button:hover {\r\n    background: #2459B5;\r\n    border-color: #2459B5;\r\n    color: #FFFFFF;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cc-journey-cta-button:focus-visible {\r\n    outline: 3px solid #FFBC00;\r\n    outline-offset: 4px;\r\n}\r\n\r\n.cc-journey-cta-button span {\r\n    flex: 0 1 auto;\r\n}\r\n\r\n.cc-journey-cta-button svg {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.cc-journey-cta-button:hover {\r\n    background: #FFD04A;\r\n    border-color: #FFD04A;\r\n    color: #24324A;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cc-journey-cta-button:focus-visible {\r\n    outline: 3px solid #2F6ED9;\r\n    outline-offset: 4px;\r\n}\r\n\r\n.cc-journey-cta-caption {\r\n    margin: 12px 0 0;\r\n    color: #68758A;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* MOBILE CTA *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-journey-cta {\r\n        max-width: 340px;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .cc-journey-cta-button {\r\n        min-height: 50px;\r\n        padding: 13px 18px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cc-journey-cta-caption {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-journey-cta-button {\r\n        transition: none;\r\n    }\r\n\r\n    .cc-journey-cta-button:hover {\r\n        transform: none;\r\n    }\r\n}\r\n\r\n\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2662845 e-con e-atomic-element e-flexbox-base e-default-div e-93ead6d\" data-id=\"2662845\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2662845\">\n    \t\t<div class=\"elementor-element elementor-element-55d1a97 elementor-widget elementor-widget-html\" data-id=\"55d1a97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     COLORFUL CREATIONS \u2014 SECTION 5: ISLAMIC CONNECTION\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-islamic-section\" id=\"islamic-connection\">\r\n    <div class=\"cc-islamic-container\">\r\n\r\n        <!-- SECTION INTRO -->\r\n        <header class=\"cc-islamic-heading\">\r\n            <span class=\"cc-islamic-eyebrow\">\r\n                KREATIVITAS YANG PENUH MAKNA\r\n            <\/span>\r\n\r\n            <h2 class=\"cc-islamic-title\">\r\n                Setiap Warna adalah\r\n                <span>Anugerah dari Allah<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-islamic-intro\">\r\n                Warna menjadikan dunia kita indah. Melalui seni dan eksplorasi, Hazeners akan menemukan keindahan ciptaan Allah dan belajar untuk bersyukur atas segala nikmat yang telah diberikan-Nya.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- MAIN CONTENT -->\r\n        <div class=\"cc-islamic-layout\">\r\n\r\n            <!-- VISUAL ILLUSTRATION -->\r\n            <div class=\"cc-islamic-visual\">\r\n\r\n                <div class=\"cc-islamic-artwork\">\r\n\r\n                    <!-- Decorative elements -->\r\n                    <span class=\"cc-islamic-spark cc-islamic-spark-one\">\u2726<\/span>\r\n                    <span class=\"cc-islamic-spark cc-islamic-spark-two\">\u2727<\/span>\r\n                    <span class=\"cc-islamic-spark cc-islamic-spark-three\">\u2726<\/span>\r\n\r\n                    <!-- Sun -->\r\n                    <div class=\"cc-islamic-sun\"><\/div>\r\n\r\n                    <!-- Rainbow -->\r\n                    <div class=\"cc-islamic-rainbow\">\r\n                        <span class=\"cc-islamic-rainbow-layer layer-one\"><\/span>\r\n                        <span class=\"cc-islamic-rainbow-layer layer-two\"><\/span>\r\n                        <span class=\"cc-islamic-rainbow-layer layer-three\"><\/span>\r\n                        <span class=\"cc-islamic-rainbow-layer layer-four\"><\/span>\r\n                        <span class=\"cc-islamic-rainbow-layer layer-five\"><\/span>\r\n                        <span class=\"cc-islamic-rainbow-layer layer-six\"><\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Clouds -->\r\n                    <div class=\"cc-islamic-cloud cc-islamic-cloud-left\"><\/div>\r\n                    <div class=\"cc-islamic-cloud cc-islamic-cloud-right\"><\/div>\r\n\r\n                    <!-- Flowers -->\r\n                    <div class=\"cc-islamic-flower flower-one\">\r\n                        <span class=\"petal petal-top\"><\/span>\r\n                        <span class=\"petal petal-right\"><\/span>\r\n                        <span class=\"petal petal-bottom\"><\/span>\r\n                        <span class=\"petal petal-left\"><\/span>\r\n                        <span class=\"flower-center\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-islamic-flower flower-two\">\r\n                        <span class=\"petal petal-top\"><\/span>\r\n                        <span class=\"petal petal-right\"><\/span>\r\n                        <span class=\"petal petal-bottom\"><\/span>\r\n                        <span class=\"petal petal-left\"><\/span>\r\n                        <span class=\"flower-center\"><\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Ground -->\r\n                    <div class=\"cc-islamic-ground\"><\/div>\r\n\r\n                    <div class=\"cc-islamic-art-label\">\r\n                        <span class=\"cc-islamic-label-icon\">\u2665<\/span>\r\n                        <span>See the beauty. Feel the gratitude.<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cc-islamic-visual-caption\">\r\n                    <span class=\"cc-islamic-caption-icon\">\u2726<\/span>\r\n                    <p>\r\n                        Mengamati\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- VERSE AND REFLECTION -->\r\n            <div class=\"cc-islamic-content\">\r\n\r\n                <div class=\"cc-islamic-verse-card\">\r\n\r\n                    <div class=\"cc-islamic-verse-top\">\r\n                        <span class=\"cc-islamic-verse-label\">\r\n                            REFLEKSI AL-QUR'AN\r\n                        <\/span>\r\n\r\n                        <span class=\"cc-islamic-verse-reference\">\r\n                            QS. An-Nahl: 78\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-islamic-verse-decoration\">\u201c<\/div>\r\n\r\n                    <p class=\"cc-islamic-verse-translation\">\r\n                        \"Dan Allah mengeluarkan kamu dari perut ibumu dalam keadaan tidak mengetahui sesuatu pun, dan Dia memberimu pendengaran, penglihatan, dan hati nurani agar kamu bersyukur.\"\r\n                    <\/p>\r\n\r\n                    <div class=\"cc-islamic-verse-footer\">\r\n                        <span class=\"cc-islamic-verse-line\"><\/span>\r\n                        <span>Qur\u2019an 16:78<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cc-islamic-reflection\">\r\n\r\n                    <h3>\r\n                        Belajar Melihat Dunia dengan Rasa Syukur\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Selama program Colorful Creations, Hazeners akan menjelajahi warna, membuat karya seni doodle, dan mengamati dunia di sekitar mereka. Berbagai aktivitas ini menjadi kesempatan bermakna untuk merenungkan nikmat penglihatan dan keindahan ciptaan Allah.\r\n                    <\/p>\r\n\r\n                    <div class=\"cc-islamic-values\">\r\n\r\n                        <div class=\"cc-islamic-value\">\r\n                            <span class=\"cc-islamic-value-number\">01<\/span>\r\n                            <div>\r\n                                <h4>Observe<\/h4>\r\n                                <p>\r\n                                    Perhatikan warna, bentuk, dan pola yang ada di sekitar kita.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-islamic-value\">\r\n                            <span class=\"cc-islamic-value-number\">02<\/span>\r\n                            <div>\r\n                                <h4>Menghargai<\/h4>\r\n                                <p>\r\n                                    Kenali keindahan dan nikmat yang telah Allah berikan kepada kita.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cc-islamic-value\">\r\n                            <span class=\"cc-islamic-value-number\">03<\/span>\r\n                            <div>\r\n                                <h4>Bersyukur<\/h4>\r\n                                <p>\r\n                                    Belajar mengungkapkan rasa syukur kepada Allah melalui perkataan dan perbuatan.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CLOSING MESSAGE -->\r\n        <div class=\"cc-islamic-closing\">\r\n            <span class=\"cc-islamic-closing-star\">\u2726<\/span>\r\n\r\n            <p>\r\n                Jelajahi warna, berkreasi dengan imajinasi,\r\n                <strong>and be grateful!<\/strong>\r\n            <\/p>\r\n\r\n            <span class=\"cc-islamic-closing-star\">\u2726<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   SECTION 5 \u2014 ISLAMIC CONNECTION\r\n========================================================= *\/\r\n\r\n.cc-islamic-section,\r\n.cc-islamic-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-islamic-section {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 86px 24px;\r\n    background: #F7FAFF;\r\n    font-family: 'Raleway', sans-serif;\r\n    color: #24324A;\r\n}\r\n\r\n.cc-islamic-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cc-islamic-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 52px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-islamic-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    color: #2F6ED9;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-islamic-title {\r\n    margin: 0 0 20px;\r\n    color: #24324A;\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.cc-islamic-title span {\r\n    display: block;\r\n    margin-top: 6px;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-islamic-intro {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    color: #657188;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.cc-islamic-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    align-items: center;\r\n    gap: 48px;\r\n}\r\n\r\n\/* VISUAL *\/\r\n\r\n.cc-islamic-visual {\r\n    min-width: 0;\r\n}\r\n\r\n.cc-islamic-artwork {\r\n    position: relative;\r\n    min-height: 390px;\r\n    overflow: hidden;\r\n    border: 1px solid #E6EDFB;\r\n    border-radius: 28px;\r\n    background: linear-gradient(180deg, #EAF3FF 0%, #FFF9E9 100%);\r\n}\r\n\r\n.cc-islamic-sun {\r\n    position: absolute;\r\n    top: 42px;\r\n    right: 58px;\r\n    width: 76px;\r\n    height: 76px;\r\n    border-radius: 50%;\r\n    background: #FFBC00;\r\n    box-shadow: 0 0 0 12px rgba(255, 188, 0, 0.15);\r\n}\r\n\r\n.cc-islamic-rainbow {\r\n    position: absolute;\r\n    top: 104px;\r\n    left: 50%;\r\n    width: 310px;\r\n    height: 190px;\r\n    overflow: hidden;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.cc-islamic-rainbow-layer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    display: block;\r\n    border-radius: 200px 200px 0 0;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.cc-islamic-rainbow .layer-one {\r\n    width: 310px;\r\n    height: 310px;\r\n    background: #2F6ED9;\r\n}\r\n\r\n.cc-islamic-rainbow .layer-two {\r\n    top: 16px;\r\n    width: 278px;\r\n    height: 278px;\r\n    background: #6E9AE8;\r\n}\r\n\r\n.cc-islamic-rainbow .layer-three {\r\n    top: 32px;\r\n    width: 246px;\r\n    height: 246px;\r\n    background: #F5A3A3;\r\n}\r\n\r\n.cc-islamic-rainbow .layer-four {\r\n    top: 48px;\r\n    width: 214px;\r\n    height: 214px;\r\n    background: #FFBC00;\r\n}\r\n\r\n.cc-islamic-rainbow .layer-five {\r\n    top: 64px;\r\n    width: 182px;\r\n    height: 182px;\r\n    background: #A8D8B9;\r\n}\r\n\r\n.cc-islamic-rainbow .layer-six {\r\n    top: 80px;\r\n    width: 150px;\r\n    height: 150px;\r\n    background: #FFF9E9;\r\n}\r\n\r\n.cc-islamic-cloud {\r\n    position: absolute;\r\n    z-index: 2;\r\n    width: 86px;\r\n    height: 30px;\r\n    border-radius: 40px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 5px 15px rgba(47, 110, 217, 0.06);\r\n}\r\n\r\n.cc-islamic-cloud::before,\r\n.cc-islamic-cloud::after {\r\n    position: absolute;\r\n    bottom: 9px;\r\n    content: \"\";\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-islamic-cloud::before {\r\n    left: 15px;\r\n    width: 34px;\r\n    height: 34px;\r\n}\r\n\r\n.cc-islamic-cloud::after {\r\n    right: 14px;\r\n    width: 26px;\r\n    height: 26px;\r\n}\r\n\r\n.cc-islamic-cloud-left {\r\n    top: 188px;\r\n    left: 12px;\r\n}\r\n\r\n.cc-islamic-cloud-right {\r\n    top: 220px;\r\n    right: 10px;\r\n    transform: scale(0.82);\r\n}\r\n\r\n.cc-islamic-spark {\r\n    position: absolute;\r\n    z-index: 3;\r\n    color: #2F6ED9;\r\n    font-size: 26px;\r\n}\r\n\r\n.cc-islamic-spark-one {\r\n    top: 54px;\r\n    left: 48px;\r\n}\r\n\r\n.cc-islamic-spark-two {\r\n    top: 125px;\r\n    right: 42px;\r\n    color: #E9A900;\r\n    font-size: 32px;\r\n}\r\n\r\n.cc-islamic-spark-three {\r\n    top: 92px;\r\n    left: 108px;\r\n    color: #E9A900;\r\n    font-size: 17px;\r\n}\r\n\r\n\/* FLOWERS *\/\r\n\r\n.cc-islamic-flower {\r\n    position: absolute;\r\n    z-index: 4;\r\n    width: 42px;\r\n    height: 42px;\r\n}\r\n\r\n.cc-islamic-flower .petal {\r\n    position: absolute;\r\n    display: block;\r\n    width: 17px;\r\n    height: 17px;\r\n    border-radius: 50%;\r\n    background: #F5A3A3;\r\n}\r\n\r\n.cc-islamic-flower .petal-top {\r\n    top: 0;\r\n    left: 12px;\r\n}\r\n\r\n.cc-islamic-flower .petal-right {\r\n    top: 12px;\r\n    right: 0;\r\n    background: #FFBC00;\r\n}\r\n\r\n.cc-islamic-flower .petal-bottom {\r\n    bottom: 0;\r\n    left: 12px;\r\n    background: #F5A3A3;\r\n}\r\n\r\n.cc-islamic-flower .petal-left {\r\n    top: 12px;\r\n    left: 0;\r\n    background: #FFBC00;\r\n}\r\n\r\n.cc-islamic-flower .flower-center {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-islamic-flower.flower-one {\r\n    bottom: 54px;\r\n    left: 52px;\r\n}\r\n\r\n.cc-islamic-flower.flower-two {\r\n    right: 56px;\r\n    bottom: 64px;\r\n    transform: scale(0.8);\r\n}\r\n\r\n.cc-islamic-ground {\r\n    position: absolute;\r\n    right: -10%;\r\n    bottom: -75px;\r\n    left: -10%;\r\n    height: 150px;\r\n    border-radius: 50% 50% 0 0;\r\n    background: #CDE8C9;\r\n}\r\n\r\n.cc-islamic-art-label {\r\n    position: absolute;\r\n    z-index: 5;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    left: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 12px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n    border-radius: 12px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    color: #24324A;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    text-align: center;\r\n}\r\n\r\n.cc-islamic-label-icon {\r\n    color: #2F6ED9;\r\n    font-size: 17px;\r\n}\r\n\r\n.cc-islamic-visual-caption {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin-top: 18px;\r\n    padding: 0 4px;\r\n}\r\n\r\n.cc-islamic-caption-icon {\r\n    flex: 0 0 auto;\r\n    color: #FFBC00;\r\n    font-size: 21px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-islamic-visual-caption p {\r\n    margin: 0;\r\n    color: #657188;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* VERSE CARD *\/\r\n\r\n.cc-islamic-content {\r\n    min-width: 0;\r\n}\r\n\r\n.cc-islamic-verse-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 28px;\r\n    border: 1px solid #E3EBFA;\r\n    border-radius: 20px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 12px 35px rgba(47, 110, 217, 0.06);\r\n}\r\n\r\n.cc-islamic-verse-top {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.cc-islamic-verse-label {\r\n    color: #2F6ED9;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.cc-islamic-verse-reference {\r\n    padding: 7px 10px;\r\n    border-radius: 7px;\r\n    background: #FFF4CC;\r\n    color: #775900;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-islamic-verse-decoration {\r\n    height: 37px;\r\n    color: #FFBC00;\r\n    font-family: Georgia, serif;\r\n    font-size: 66px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n}\r\n\r\n.cc-islamic-verse-translation {\r\n    margin: 10px 0 24px;\r\n    color: #34445F;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    line-height: 1.85;\r\n}\r\n\r\n.cc-islamic-verse-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: #2F6ED9;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-islamic-verse-line {\r\n    display: block;\r\n    width: 34px;\r\n    height: 3px;\r\n    border-radius: 5px;\r\n    background: #FFBC00;\r\n}\r\n\r\n\/* REFLECTION *\/\r\n\r\n.cc-islamic-reflection {\r\n    margin-top: 28px;\r\n}\r\n\r\n.cc-islamic-reflection h3 {\r\n    margin: 0 0 12px;\r\n    color: #24324A;\r\n    font-size: 23px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-islamic-reflection > p {\r\n    margin: 0 0 24px;\r\n    color: #657188;\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.cc-islamic-values {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n.cc-islamic-value {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n}\r\n\r\n.cc-islamic-value-number {\r\n    display: flex;\r\n    flex: 0 0 38px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 11px;\r\n    background: #EAF1FF;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-islamic-value h4 {\r\n    margin: 0 0 4px;\r\n    color: #24324A;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-islamic-value p {\r\n    margin: 0;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* CLOSING MESSAGE *\/\r\n\r\n.cc-islamic-closing {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin-top: 54px;\r\n    padding: 22px 24px;\r\n    border: 1px solid #F3D984;\r\n    border-radius: 16px;\r\n    background: #FFF9E8;\r\n    text-align: center;\r\n}\r\n\r\n.cc-islamic-closing p {\r\n    margin: 0;\r\n    color: #34445F;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cc-islamic-closing strong {\r\n    color: #2F6ED9;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-islamic-closing-star {\r\n    flex: 0 0 auto;\r\n    color: #E9A900;\r\n    font-size: 21px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-islamic-section {\r\n        padding: 70px 24px;\r\n    }\r\n\r\n    .cc-islamic-layout {\r\n        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n        gap: 28px;\r\n    }\r\n\r\n    .cc-islamic-artwork {\r\n        min-height: 340px;\r\n    }\r\n\r\n    .cc-islamic-rainbow {\r\n        top: 100px;\r\n        transform: translateX(-50%) scale(0.85);\r\n        transform-origin: top center;\r\n    }\r\n\r\n    .cc-islamic-verse-card {\r\n        padding: 23px;\r\n    }\r\n\r\n    .cc-islamic-verse-translation {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-islamic-section {\r\n        padding: 56px 18px;\r\n    }\r\n\r\n    .cc-islamic-heading {\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n    .cc-islamic-eyebrow {\r\n        margin-bottom: 12px;\r\n        font-size: 11px;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .cc-islamic-title {\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .cc-islamic-title span {\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .cc-islamic-intro {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-islamic-layout {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 32px;\r\n    }\r\n\r\n    .cc-islamic-artwork {\r\n        min-height: 320px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .cc-islamic-sun {\r\n        top: 32px;\r\n        right: 35px;\r\n        width: 58px;\r\n        height: 58px;\r\n    }\r\n\r\n    .cc-islamic-rainbow {\r\n        top: 94px;\r\n        transform: translateX(-50%) scale(0.78);\r\n        transform-origin: top center;\r\n    }\r\n\r\n    .cc-islamic-cloud-left {\r\n        top: 175px;\r\n        left: 0;\r\n        transform: scale(0.8);\r\n    }\r\n\r\n    .cc-islamic-cloud-right {\r\n        top: 205px;\r\n        right: -5px;\r\n        transform: scale(0.72);\r\n    }\r\n\r\n    .cc-islamic-spark-one {\r\n        top: 36px;\r\n        left: 28px;\r\n    }\r\n\r\n    .cc-islamic-spark-two {\r\n        top: 112px;\r\n        right: 24px;\r\n    }\r\n\r\n    .cc-islamic-spark-three {\r\n        top: 83px;\r\n        left: 76px;\r\n    }\r\n\r\n    .cc-islamic-flower.flower-one {\r\n        bottom: 48px;\r\n        left: 30px;\r\n        transform: scale(0.8);\r\n    }\r\n\r\n    .cc-islamic-flower.flower-two {\r\n        right: 30px;\r\n        bottom: 48px;\r\n        transform: scale(0.7);\r\n    }\r\n\r\n    .cc-islamic-ground {\r\n        bottom: -83px;\r\n    }\r\n\r\n    .cc-islamic-art-label {\r\n        right: 12px;\r\n        bottom: 12px;\r\n        left: 12px;\r\n        padding: 10px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-islamic-visual-caption p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-islamic-verse-card {\r\n        padding: 22px 20px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .cc-islamic-verse-top {\r\n        align-items: flex-start;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .cc-islamic-verse-label {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-islamic-verse-reference {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .cc-islamic-verse-translation {\r\n        margin-top: 8px;\r\n        font-size: 15px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .cc-islamic-reflection {\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .cc-islamic-reflection h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .cc-islamic-reflection > p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-islamic-value {\r\n        gap: 12px;\r\n    }\r\n\r\n    .cc-islamic-value-number {\r\n        flex-basis: 34px;\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 9px;\r\n    }\r\n\r\n    .cc-islamic-value h4 {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cc-islamic-value p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-islamic-closing {\r\n        gap: 10px;\r\n        margin-top: 36px;\r\n        padding: 18px 14px;\r\n    }\r\n\r\n    .cc-islamic-closing p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-islamic-closing-star {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-islamic-section *,\r\n    .cc-islamic-section *::before,\r\n    .cc-islamic-section *::after {\r\n        scroll-behavior: auto !important;\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4f2dc29 e-con e-atomic-element e-flexbox-base e-default-div e-4a0e977\" data-id=\"4f2dc29\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4f2dc29\">\n    \t\t<div class=\"elementor-element elementor-element-23f2574 elementor-widget elementor-widget-html\" data-id=\"23f2574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     COLORFUL CREATIONS \u2014 SECTION 6: PROGRAM OUTCOMES\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-outcomes-section\" id=\"program-outcomes\">\r\n    <div class=\"cc-outcomes-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <header class=\"cc-outcomes-heading\">\r\n            <span class=\"cc-outcomes-eyebrow\">APA YANG AKAN DIPELAJARI HAZENERS<\/span>\r\n\r\n            <h2 class=\"cc-outcomes-title\">\r\n                Lebih dari Sekadar Seni,\r\n                <span>Sebuah Pengalaman Belajar yang Bermakna<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-outcomes-description\">\r\n                Melalui eksperimen penuh warna, seni doodle, dan refleksi Islami, Hazeners dapat menjelajahi ide-ide baru, mengekspresikan kreativitas, dan menemukan berbagai alasan untuk bersyukur.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- OUTCOMES GRID -->\r\n        <div class=\"cc-outcomes-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">01<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-creativity\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M24 5a15 15 0 0 0-9 27v5h18v-5A15 15 0 0 0 24 5Z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M18 42h12M19 37h10M24 1v-0M5 12l-3-2M43 12l3-2M8 4l-2-2M40 4l2-2\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"m19 20 4 4 7-8\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Bebas Berekspresi<\/h3>\r\n\r\n                <p>\r\n                    Jelajahi seni doodle dan ubah ide menjadi kreasi penuh warna melalui imajinasi dan ekspresi diri.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">IMAGINE & CREATE<\/span>\r\n            <\/article>\r\n\r\n            <!-- CARD 2 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">02<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-science\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M18 5h12M21 5v13L10 37a4 4 0 0 0 3.5 6h21a4 4 0 0 0 3.5-6L27 18V5\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M16 31h16M19 25h10\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                            <circle cx=\"22\" cy=\"35\" r=\"2\" fill=\"currentColor\"\/>\r\n                            <circle cx=\"29\" cy=\"39\" r=\"1.5\" fill=\"currentColor\"\/>\r\n                            <path d=\"m36 7 2-3m3 9 3-1M7 18l3 1\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Rasa Ingin Tahu terhadap Sains<\/h3>\r\n\r\n                <p>\r\n                    Eksplorasi bagaimana warna bekerja melalui eksperimen sederhana yang mendorong pengamatan, eksplorasi, dan rasa ingin tahu.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">EXPLORE & DISCOVER<\/span>\r\n            <\/article>\r\n\r\n            <!-- CARD 3 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">03<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-observation\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M4 24s7-13 20-13 20 13 20 13-7 13-20 13S4 24 4 24Z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\r\n                            <circle cx=\"24\" cy=\"24\" r=\"7\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\/>\r\n                            <circle cx=\"24\" cy=\"24\" r=\"2.5\" fill=\"currentColor\"\/>\r\n                            <path d=\"M8 9 5 6m35 3 3-3\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Keterampilan Mengamati<\/h3>\r\n\r\n                <p>\r\n                    Lebih cermat memperhatikan warna, bentuk, dan pola di dunia sekitar kita.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">LOOK & NOTICE<\/span>\r\n            <\/article>\r\n\r\n            <!-- CARD 4 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">04<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-confidence\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M24 4 29 16l13 1-10 9 3 13-11-7-11 7 3-13-10-9 13-1 5-12Z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"m18 24 4 4 8-9\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Kepercayaan Diri dalam Berbagi<\/h3>\r\n\r\n                <p>\r\n                    Berlatih membagikan karya dan ide kreatif melalui sesi presentasi dan pameran karya yang sudah dibuat.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">SHARE & CELEBRATE<\/span>\r\n            <\/article>\r\n\r\n            <!-- CARD 5 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">05<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-gratitude\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <path d=\"M24 40S5 29 5 16A10 10 0 0 1 24 11 10 10 0 0 1 43 16c0 13-19 24-19 24Z\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"m15 23 6 6 12-13\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Rasa Syukur &amp; Nilai-Nilai Islami<\/h3>\r\n\r\n                <p>\r\n                    Renungkan nikmat penglihatan dan belajar menghargai keindahan ciptaan Allah.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">REFLECT & BE GRATEFUL<\/span>\r\n            <\/article>\r\n\r\n            <!-- CARD 6 -->\r\n            <article class=\"cc-outcomes-card\">\r\n                <div class=\"cc-outcomes-card-top\">\r\n                    <span class=\"cc-outcomes-number\">06<\/span>\r\n\r\n                    <div class=\"cc-outcomes-icon icon-collaboration\">\r\n                        <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                            <circle cx=\"17\" cy=\"15\" r=\"7\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\/>\r\n                            <circle cx=\"33\" cy=\"17\" r=\"5\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\/>\r\n                            <path d=\"M4 39v-4a13 13 0 0 1 26 0v4M30 28a10 10 0 0 1 14 9v2\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"m20 26 4 4 7-8\"\r\n                                fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3>Pembelajaran Interaktif<\/h3>\r\n\r\n                <p>\r\n                    Ikuti aktivitas yang dipandu, belajar bersama teman-teman, dan nikmati pengalaman berkreasi bersama secara online.\r\n                <\/p>\r\n\r\n                <span class=\"cc-outcomes-card-tag\">CONNECT & LEARN<\/span>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM MESSAGE -->\r\n        <div class=\"cc-outcomes-bottom\">\r\n            <div class=\"cc-outcomes-bottom-icon\" aria-hidden=\"true\">\r\n                <svg viewbox=\"0 0 48 48\">\r\n                    <path d=\"m24 4 5.5 13.5L43 23l-13.5 5.5L24 42l-5.5-13.5L5 23l13.5-5.5L24 4Z\"\r\n                        fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"cc-outcomes-bottom-copy\">\r\n                <h3>Every Creation Is a Chance to Learn<\/h3>\r\n                <p>\r\n                    A holiday filled with creativity, discovery, and\r\n                    meaningful reminders to be grateful.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <a\r\n                href=\"https:\/\/apps.alhazenschool.sch.id\/#\/event\/holidayprogramdesember2026\"\r\n                class=\"cc-outcomes-cta\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n            >\r\n                <span>Daftar Sekarang<\/span>\r\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n                        fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   SECTION 6 \u2014 PROGRAM OUTCOMES\r\n========================================================= *\/\r\n\r\n.cc-outcomes-section,\r\n.cc-outcomes-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-outcomes-section {\r\n    width: 100%;\r\n    padding: 84px 24px;\r\n    background: #FFFFFF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-outcomes-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cc-outcomes-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 48px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-outcomes-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-outcomes-title {\r\n    margin: 0 0 18px;\r\n    color: #24324A;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.8px;\r\n}\r\n\r\n.cc-outcomes-title span {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-outcomes-description {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: #657188;\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.cc-outcomes-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n.cc-outcomes-card {\r\n    min-width: 0;\r\n    padding: 27px 25px 25px;\r\n    border: 1px solid #E6ECF5;\r\n    border-radius: 19px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 8px 26px rgba(34, 64, 110, 0.045);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease,\r\n        border-color 0.25s ease;\r\n}\r\n\r\n.cc-outcomes-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #C9D9F8;\r\n    box-shadow: 0 15px 35px rgba(47, 110, 217, 0.10);\r\n}\r\n\r\n.cc-outcomes-card-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.cc-outcomes-number {\r\n    color: #A0ADC1;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.cc-outcomes-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 16px;\r\n    color: #2F6ED9;\r\n    background: #EDF3FF;\r\n}\r\n\r\n.cc-outcomes-icon svg {\r\n    display: block;\r\n    width: 34px;\r\n    height: 34px;\r\n}\r\n\r\n.cc-outcomes-icon.icon-science {\r\n    color: #9A7400;\r\n    background: #FFF5D4;\r\n}\r\n\r\n.cc-outcomes-icon.icon-observation {\r\n    color: #287B58;\r\n    background: #E6F6ED;\r\n}\r\n\r\n.cc-outcomes-icon.icon-confidence {\r\n    color: #AD5D78;\r\n    background: #FCECF2;\r\n}\r\n\r\n.cc-outcomes-icon.icon-gratitude {\r\n    color: #2F6ED9;\r\n    background: #EDF3FF;\r\n}\r\n\r\n.cc-outcomes-icon.icon-collaboration {\r\n    color: #9A7400;\r\n    background: #FFF5D4;\r\n}\r\n\r\n.cc-outcomes-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #24324A;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.45;\r\n}\r\n\r\n.cc-outcomes-card > p {\r\n    min-height: 78px;\r\n    margin: 0 0 23px;\r\n    color: #657188;\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n}\r\n\r\n.cc-outcomes-card-tag {\r\n    display: inline-block;\r\n    padding: 8px 10px;\r\n    border-radius: 7px;\r\n    background: #F2F6FD;\r\n    color: #2F6ED9;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.7px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* BOTTOM CTA *\/\r\n\r\n.cc-outcomes-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    margin-top: 35px;\r\n    padding: 25px 28px;\r\n    border: 1px solid #DCE7FB;\r\n    border-radius: 18px;\r\n    background: #F5F8FF;\r\n}\r\n\r\n.cc-outcomes-bottom-icon {\r\n    display: flex;\r\n    flex: 0 0 50px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 14px;\r\n    background: #FFFFFF;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-outcomes-bottom-icon svg {\r\n    display: block;\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n.cc-outcomes-bottom-copy {\r\n    flex: 1 1 auto;\r\n    min-width: 0;\r\n}\r\n\r\n.cc-outcomes-bottom-copy h3 {\r\n    margin: 0 0 6px;\r\n    color: #24324A;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-outcomes-bottom-copy p {\r\n    margin: 0;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cc-outcomes-cta {\r\n    display: inline-flex;\r\n    flex: 0 0 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 50px;\r\n    padding: 13px 20px;\r\n    border: 2px solid #2F6ED9;\r\n    border-radius: 10px;\r\n    background: #2F6ED9;\r\n    color: #FFFFFF;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-decoration: none;\r\n    transition: background 0.2s ease, border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n.cc-outcomes-cta svg {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    width: 19px;\r\n    height: 19px;\r\n}\r\n\r\n.cc-outcomes-cta:hover {\r\n    background: #2459B5;\r\n    border-color: #2459B5;\r\n    color: #FFFFFF;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cc-outcomes-cta:focus-visible {\r\n    outline: 3px solid #FFBC00;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-outcomes-section {\r\n        padding: 70px 24px;\r\n    }\r\n\r\n    .cc-outcomes-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    .cc-outcomes-card {\r\n        padding: 24px 22px;\r\n    }\r\n\r\n    .cc-outcomes-card > p {\r\n        min-height: 0;\r\n    }\r\n\r\n    .cc-outcomes-bottom {\r\n        gap: 16px;\r\n        padding: 22px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-outcomes-section {\r\n        padding: 56px 18px;\r\n    }\r\n\r\n    .cc-outcomes-heading {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .cc-outcomes-eyebrow {\r\n        margin-bottom: 12px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n    .cc-outcomes-title {\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .cc-outcomes-title span {\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .cc-outcomes-description {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-outcomes-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .cc-outcomes-card {\r\n        padding: 22px 20px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cc-outcomes-card-top {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .cc-outcomes-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .cc-outcomes-icon svg {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .cc-outcomes-card h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .cc-outcomes-card > p {\r\n        margin-bottom: 18px;\r\n        font-size: 13px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-outcomes-card-tag {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .cc-outcomes-bottom {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 15px;\r\n        margin-top: 25px;\r\n        padding: 22px 18px;\r\n        text-align: center;\r\n    }\r\n\r\n    .cc-outcomes-bottom-icon {\r\n        align-self: center;\r\n    }\r\n\r\n    .cc-outcomes-bottom-copy h3 {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cc-outcomes-bottom-copy p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-outcomes-cta {\r\n        width: 100%;\r\n        min-height: 50px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-outcomes-section *,\r\n    .cc-outcomes-section *::before,\r\n    .cc-outcomes-section *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .cc-outcomes-card:hover,\r\n    .cc-outcomes-cta:hover {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6ab76a0 e-con e-atomic-element e-flexbox-base e-default-div e-ea088fa\" data-id=\"6ab76a0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ab76a0\">\n    \t\t<div class=\"elementor-element elementor-element-bdec57c elementor-widget elementor-widget-html\" data-id=\"bdec57c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     COLORFUL CREATIONS \u2014 SNEAK PEEK SECTION\r\n     Instagram Reel Embed\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-sneakpeek-section\" id=\"holiday-program-sneak-peek\">\r\n    <div class=\"cc-sneakpeek-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <header class=\"cc-sneakpeek-heading\">\r\n            <span class=\"cc-sneakpeek-eyebrow\">\r\n                PROGRAM LIBURAN ANAK KAMI SEBELUMNYA\r\n            <\/span>\r\n\r\n            <h2 class=\"cc-sneakpeek-title\">\r\n                Intip Keseruan\r\n                <span>Program Liburan Anak Kami Sebelumnya<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-sneakpeek-description\">\r\n                Program liburan di Alhazen School sebelumnya mengingatkan kita betapa menyenangkannya belajar bersama!\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- VIDEO CONTENT -->\r\n        <div class=\"cc-sneakpeek-layout\">\r\n\r\n            <!-- INSTAGRAM VIDEO -->\r\n            <div class=\"cc-sneakpeek-video-column\">\r\n\r\n                <div class=\"cc-sneakpeek-video-frame\">\r\n\r\n                    <div class=\"cc-sneakpeek-video-label\">\r\n                        <span class=\"cc-sneakpeek-live-dot\"><\/span>\r\n                        CUPLIKAN HOLIDAY PROGRAM\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-sneakpeek-instagram\">\r\n                        <blockquote\r\n                            class=\"instagram-media\"\r\n                            data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/De1VmeQzHoe\/\"\r\n                            data-instgrm-version=\"14\"\r\n                            style=\"background:#FFFFFF; border:0; border-radius:12px; box-shadow:none; margin:0 auto; max-width:100%; min-width:0; padding:0; width:100%;\"\r\n                        >\r\n                            <div style=\"padding:16px;\">\r\n                                <a\r\n                                    href=\"https:\/\/www.instagram.com\/reel\/De1VmeQzHoe\/\"\r\n                                    target=\"_blank\"\r\n                                    rel=\"noopener noreferrer\"\r\n                                    style=\"color:#2F6ED9; text-decoration:none; font-weight:700;\"\r\n                                >\r\n                                    Watch our previous Holiday Program on Instagram\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/blockquote>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"cc-sneakpeek-video-caption\">\r\n                    <span class=\"cc-sneakpeek-caption-icon\">\u2726<\/span>\r\n                    A little glimpse of the fun, creativity, and learning\r\n                    moments we share at Alhazen School.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- SUPPORTING CONTENT -->\r\n            <div class=\"cc-sneakpeek-content\">\r\n\r\n                <span class=\"cc-sneakpeek-content-eyebrow\">\r\n                    LEARN, CREATE & GROW\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Setiap Program Liburan\r\n                    <span>Menciptakan Kenangan Baru<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Mulai dari menjelajahi ide-ide baru hingga menciptakan sesuatu yang luar biasa bersama, setiap Program Liburan memberikan kesempatan bagi Hazeners untuk belajar melalui pengalaman yang bermakna dan menyenangkan.\r\n                <\/p>\r\n\r\n                <div class=\"cc-sneakpeek-highlights\">\r\n\r\n                    <div class=\"cc-sneakpeek-highlight\">\r\n                        <span class=\"cc-sneakpeek-check\">\u2713<\/span>\r\n                        <div>\r\n                            <h4>Pengalaman Belajar yang Menyenangkan<\/h4>\r\n                            <p>\r\n                                Temukan hal-hal baru melalui aktivitas yang menarik.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-sneakpeek-highlight\">\r\n                        <span class=\"cc-sneakpeek-check\">\u2713<\/span>\r\n                        <div>\r\n                            <h4>Kreativitas &amp; Eksplorasi<\/h4>\r\n                            <p>\r\n                                Berikan ruang bagi imajinasi, rasa ingin tahu, dan berbagai ide.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cc-sneakpeek-highlight\">\r\n                        <span class=\"cc-sneakpeek-check\">\u2713<\/span>\r\n                        <div>\r\n                            <h4>Momen Kebersamaan yang Bermakna<\/h4>\r\n                            <p>\r\n                                Belajar, berbagi, dan rayakan setiap karya kecil yang dihasilkan.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cc-sneakpeek-note\">\r\n                    <span class=\"cc-sneakpeek-note-star\">\u2726<\/span>\r\n                    <p>\r\n                        <strong>Siap untuk petualangan baru?<\/strong>\r\n                        Bergabunglah dalam program liburan anak periode Desember 2026 bersama Alhazen School!\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <a\r\n                    href=\"https:\/\/apps.alhazenschool.sch.id\/#\/event\/holidayprogramdesember2026\"\r\n                    class=\"cc-sneakpeek-cta\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    <span>Daftar Sekarang<\/span>\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path\r\n                            d=\"M5 12h14M13 6l6 6-6 6\"\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                    <\/svg>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- INSTAGRAM EMBED SCRIPT -->\r\n<script async src=\"https:\/\/www.instagram.com\/embed.js\"><\/script>\r\n\r\n<style>\r\n\/* =========================================================\r\n   SNEAK PEEK SECTION\r\n========================================================= *\/\r\n\r\n.cc-sneakpeek-section,\r\n.cc-sneakpeek-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-sneakpeek-section {\r\n    width: 100%;\r\n    padding: 84px 24px;\r\n    background: #F7FAFF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-sneakpeek-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cc-sneakpeek-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 48px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-sneakpeek-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.7px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-sneakpeek-title {\r\n    margin: 0 0 18px;\r\n    color: #24324A;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.8px;\r\n}\r\n\r\n.cc-sneakpeek-title span {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-sneakpeek-description {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    color: #657188;\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.cc-sneakpeek-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    align-items: center;\r\n    gap: 56px;\r\n}\r\n\r\n.cc-sneakpeek-video-column,\r\n.cc-sneakpeek-content {\r\n    min-width: 0;\r\n}\r\n\r\n\/* VIDEO FRAME *\/\r\n\r\n.cc-sneakpeek-video-frame {\r\n    position: relative;\r\n    padding: 20px;\r\n    border: 1px solid #E1E9F7;\r\n    border-radius: 22px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 15px 40px rgba(47, 110, 217, 0.08);\r\n}\r\n\r\n.cc-sneakpeek-video-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 17px;\r\n    color: #2F6ED9;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-sneakpeek-live-dot {\r\n    display: inline-block;\r\n    flex: 0 0 8px;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #FFBC00;\r\n}\r\n\r\n\/* INSTAGRAM EMBED *\/\r\n\r\n.cc-sneakpeek-instagram {\r\n    width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border-radius: 12px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-sneakpeek-instagram .instagram-media {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n    margin: 0 auto !important;\r\n    border: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* VIDEO CAPTION *\/\r\n\r\n.cc-sneakpeek-video-caption {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin: 19px 4px 0;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-sneakpeek-caption-icon {\r\n    flex: 0 0 auto;\r\n    color: #FFBC00;\r\n    font-size: 19px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* SUPPORTING CONTENT *\/\r\n\r\n.cc-sneakpeek-content-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 14px;\r\n    color: #2F6ED9;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-sneakpeek-content h3 {\r\n    margin: 0 0 18px;\r\n    color: #24324A;\r\n    font-size: 31px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.cc-sneakpeek-content h3 span {\r\n    display: block;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-sneakpeek-content > p {\r\n    margin: 0 0 25px;\r\n    color: #657188;\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* HIGHLIGHTS *\/\r\n\r\n.cc-sneakpeek-highlights {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 19px;\r\n}\r\n\r\n.cc-sneakpeek-highlight {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n}\r\n\r\n.cc-sneakpeek-check {\r\n    display: flex;\r\n    flex: 0 0 29px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 29px;\r\n    height: 29px;\r\n    border-radius: 9px;\r\n    background: #E8F0FF;\r\n    color: #2F6ED9;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-sneakpeek-highlight h4 {\r\n    margin: 0 0 5px;\r\n    color: #24324A;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-sneakpeek-highlight p {\r\n    margin: 0;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* NOTE *\/\r\n\r\n.cc-sneakpeek-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin-top: 28px;\r\n    padding: 17px 18px;\r\n    border: 1px solid #F3E0A4;\r\n    border-radius: 13px;\r\n    background: #FFF9E8;\r\n}\r\n\r\n.cc-sneakpeek-note-star {\r\n    flex: 0 0 auto;\r\n    color: #D99F00;\r\n    font-size: 21px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cc-sneakpeek-note p {\r\n    margin: 0;\r\n    color: #5E5A4C;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-sneakpeek-note strong {\r\n    color: #24324A;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.cc-sneakpeek-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    width: 100%;\r\n    min-height: 54px;\r\n    margin-top: 25px;\r\n    padding: 15px 22px;\r\n    border: 2px solid #2F6ED9;\r\n    border-radius: 12px;\r\n    background: #2F6ED9;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    transition: background .2s ease, border-color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.cc-sneakpeek-cta svg {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.cc-sneakpeek-cta:hover {\r\n    background: #2459B5;\r\n    border-color: #2459B5;\r\n    color: #FFFFFF;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cc-sneakpeek-cta:focus-visible {\r\n    outline: 3px solid #FFBC00;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-sneakpeek-section {\r\n        padding: 70px 24px;\r\n    }\r\n\r\n    .cc-sneakpeek-layout {\r\n        gap: 32px;\r\n    }\r\n\r\n    .cc-sneakpeek-video-frame {\r\n        padding: 15px;\r\n    }\r\n\r\n    .cc-sneakpeek-content h3 {\r\n        font-size: 27px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-sneakpeek-section {\r\n        padding: 56px 18px;\r\n    }\r\n\r\n    .cc-sneakpeek-heading {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .cc-sneakpeek-eyebrow {\r\n        margin-bottom: 12px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .cc-sneakpeek-title {\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .cc-sneakpeek-title span {\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .cc-sneakpeek-description {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-sneakpeek-layout {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 34px;\r\n    }\r\n\r\n    .cc-sneakpeek-video-frame {\r\n        padding: 12px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .cc-sneakpeek-video-label {\r\n        margin-bottom: 12px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-sneakpeek-video-caption {\r\n        margin-top: 15px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-sneakpeek-content-eyebrow {\r\n        margin-bottom: 11px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-sneakpeek-content h3 {\r\n        margin-bottom: 14px;\r\n        font-size: 25px;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .cc-sneakpeek-content > p {\r\n        margin-bottom: 22px;\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .cc-sneakpeek-highlights {\r\n        gap: 17px;\r\n    }\r\n\r\n    .cc-sneakpeek-highlight h4 {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cc-sneakpeek-highlight p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-sneakpeek-note {\r\n        margin-top: 23px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .cc-sneakpeek-note p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-sneakpeek-cta {\r\n        min-height: 50px;\r\n        margin-top: 20px;\r\n        padding: 13px 18px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-sneakpeek-section *,\r\n    .cc-sneakpeek-section *::before,\r\n    .cc-sneakpeek-section *::after {\r\n        transition: none !important;\r\n        animation: none !important;\r\n    }\r\n\r\n    .cc-sneakpeek-cta:hover {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-62b8b24 e-con e-atomic-element e-flexbox-base e-default-div e-f0896ed\" data-id=\"62b8b24\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62b8b24\">\n    \t\t<div class=\"elementor-element elementor-element-272e53e elementor-widget elementor-widget-html\" data-id=\"272e53e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     COLORFUL CREATIONS \u2014 SPECIAL GUEST\r\n     Full HTML + CSS | Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-guest-section\" id=\"special-guest\">\r\n    <div class=\"cc-guest-container\">\r\n\r\n        <!-- SECTION HEADER -->\r\n        <header class=\"cc-guest-heading\">\r\n            <span class=\"cc-guest-eyebrow\">MEET THE ARTIST<\/span>\r\n\r\n            <h2 class=\"cc-guest-main-title\">\r\n                Perkenalkan\r\n                <span>Bintang Tamu Spesial!<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"cc-guest-intro\">\r\n                Tingkatkan kreativitas, imajinasi, dan keseruan bersama seniman professional.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- GUEST PROFILE: CONTENT LEFT, PHOTO RIGHT -->\r\n        <div class=\"cc-guest-profile\">\r\n\r\n            <!-- LEFT: GUEST DETAILS -->\r\n            <div class=\"cc-guest-profile-content\">\r\n\r\n                <span class=\"cc-guest-profile-label\">SAY HELLO TO<\/span>\r\n\r\n                <h3 class=\"cc-guest-name\">\r\n                    Hikmah Tiara Qolbu, S.Ars.\r\n                <\/h3>\r\n\r\n                <p class=\"cc-guest-nickname\">\r\n                    Dikenal juga <strong>Kak Ara<\/strong>\r\n                <\/p>\r\n\r\n                <div class=\"cc-guest-roles\">\r\n                    <span>Desainer Arsitektur<\/span>\r\n                    <span>Illustrator<\/span>\r\n                <\/div>\r\n\r\n                <!-- EDUCATION -->\r\n                <div class=\"cc-guest-education\">\r\n                    <span class=\"cc-guest-education-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path\r\n                                d=\"M3 9 12 4l9 5-9 5-9-5Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                            <path\r\n                                d=\"M7 11.5V16c3.3 2.5 6.7 2.5 10 0v-4.5M21 9v6\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <span class=\"cc-guest-education-label\">PENDIDIKAN<\/span>\r\n                        <p>Architecture Graduate \u2014 Universitas Diponegoro<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cc-guest-divider\"><\/div>\r\n\r\n                <!-- SUBHEADLINE -->\r\n                <h4 class=\"cc-guest-subheadline\">\r\n                    Dari Ide Menjadi Karya Seni \u2728 <span>\u2728<\/span>\r\n                <\/h4>\r\n\r\n                <!-- BIOGRAPHY -->\r\n                <div class=\"cc-guest-biography\">\r\n                    <p>\r\n                        Sejak kecil, Kak Ara sudah memiliki hobi menggambar dan ketertarikan pada dunia seni. Ketertarikan tersebut membawanya menempuh pendidikan Arsitektur di Universitas Diponegoro.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Kini, Kak Ara berkarya sebagai Architectural Designer dan Illustrator, menuangkan ide dan kreativitasnya ke dalam berbagai karya visual.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT: GUEST PHOTO -->\r\n            <div class=\"cc-guest-photo-column\">\r\n\r\n                <div class=\"cc-guest-photo-frame\">\r\n\r\n                    <span class=\"cc-guest-decoration cc-guest-decoration-one\"><\/span>\r\n                    <span class=\"cc-guest-decoration cc-guest-decoration-two\"><\/span>\r\n\r\n                    <img\r\n                        class=\"cc-guest-profile-photo\"\r\n                        src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/guest-star-holiday-program-2026-colorful-creations.jpeg\"\r\n                        alt=\"Hikmah Tiara Qolbu, S.Ars., special guest for Colorful Creations Holiday Program\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <div class=\"cc-guest-photo-badge\">\r\n                        <span class=\"cc-guest-badge-star\">\u2726<\/span>\r\n                        <span>OUR SPECIAL GUEST<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cc-guest-photo-caption\">\r\n                    <span class=\"cc-guest-caption-line\"><\/span>\r\n                    <span>Meet Kak Ara<\/span>\r\n                    <span class=\"cc-guest-caption-line\"><\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ARTWORK GALLERY -->\r\n        <div class=\"cc-guest-artworks\">\r\n\r\n            <header class=\"cc-guest-artworks-heading\">\r\n                <span class=\"cc-guest-artworks-eyebrow\">\r\n                    INTIP KARYA SENI KAK ARA\r\n                <\/span>\r\n\r\n                <h3 class=\"cc-guest-artworks-title\">\r\n                    Temukan Inspirasi\r\n                    <span>Karya Kak Ara<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Temukan inspirasi dari dunia kreatif Ara melalui ilustrasi unik dan berbagai karya seninya!\r\n                <\/p>\r\n            <\/header>\r\n\r\n            <div class=\"cc-guest-artworks-grid\">\r\n\r\n                <!-- ARTWORK 1 -->\r\n                <figure class=\"cc-guest-artwork-card\">\r\n                    <div class=\"cc-guest-artwork-image\">\r\n                        <img\r\n                            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/karya-guest-star-1.jpg\"\r\n                            alt=\"Illustration artwork by Hikmah Tiara Qolbu\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <figcaption>\r\n                        <span class=\"cc-guest-artwork-number\">01<\/span>\r\n                        <span>Ara\u2019s Creative Collection<\/span>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n                <!-- ARTWORK 2 -->\r\n                <figure class=\"cc-guest-artwork-card\">\r\n                    <div class=\"cc-guest-artwork-image\">\r\n                        <img\r\n                            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/karya-guest-star-2.jpg\"\r\n                            alt=\"Creative artwork by Hikmah Tiara Qolbu\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <figcaption>\r\n                        <span class=\"cc-guest-artwork-number\">02<\/span>\r\n                        <span>Ara\u2019s Creative Collection<\/span>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CLOSING MESSAGE -->\r\n        <div class=\"cc-guest-closing\">\r\n            <div class=\"cc-guest-closing-decoration\" aria-hidden=\"true\">\r\n                <span>\u2726<\/span>\r\n                <span>\u2727<\/span>\r\n                <span>\u2726<\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n                Bersiaplah\r\n                <strong>menjelajah, berkreasi, dan mendapatkan inspirasi!<\/strong>\r\n            <\/p>\r\n\r\n            <span class=\"cc-guest-closing-caption\">\r\n                Colorful Creations Holiday Program \u00b7 December 2026\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   1. BASE & CONTAINER\r\n========================================================= *\/\r\n\r\n.cc-guest-section,\r\n.cc-guest-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-guest-section {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 84px 24px;\r\n    background: #FFFFFF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-guest-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.cc-guest-section img,\r\n.cc-guest-section svg {\r\n    max-width: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   2. SECTION HEADER\r\n========================================================= *\/\r\n\r\n.cc-guest-heading {\r\n    max-width: 760px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-guest-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-guest-main-title {\r\n    margin: 0 0 18px;\r\n    color: #24324A;\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.8px;\r\n}\r\n\r\n.cc-guest-main-title span {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-guest-intro {\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    color: #657188;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* =========================================================\r\n   3. PROFILE LAYOUT\r\n   DESKTOP: CONTENT LEFT | PHOTO RIGHT\r\n========================================================= *\/\r\n\r\n.cc-guest-profile {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\r\n    grid-template-areas: \"content photo\";\r\n    align-items: center;\r\n    gap: 64px;\r\n}\r\n\r\n.cc-guest-profile-content {\r\n    grid-area: content;\r\n    min-width: 0;\r\n}\r\n\r\n.cc-guest-photo-column {\r\n    grid-area: photo;\r\n    min-width: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   4. GUEST DETAILS\r\n========================================================= *\/\r\n\r\n.cc-guest-profile-label {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: #2F6ED9;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-guest-name {\r\n    margin: 0 0 7px;\r\n    color: #24324A;\r\n    font-size: 30px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: -0.5px;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n.cc-guest-nickname {\r\n    margin: 0 0 20px;\r\n    color: #657188;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cc-guest-nickname strong {\r\n    color: #2F6ED9;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* ROLE TAGS *\/\r\n\r\n.cc-guest-roles {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.cc-guest-roles span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 35px;\r\n    padding: 8px 12px;\r\n    border: 1px solid #DCE7FB;\r\n    border-radius: 8px;\r\n    background: #F2F6FF;\r\n    color: #2F6ED9;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* EDUCATION *\/\r\n\r\n.cc-guest-education {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 17px;\r\n    border: 1px solid #E6ECF5;\r\n    border-radius: 13px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.cc-guest-education-icon {\r\n    display: flex;\r\n    flex: 0 0 40px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 11px;\r\n    background: #FFF5D4;\r\n    color: #9A7400;\r\n}\r\n\r\n.cc-guest-education-icon svg {\r\n    display: block;\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.cc-guest-education-label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #7C8AA0;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-guest-education p {\r\n    margin: 0;\r\n    color: #34445F;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cc-guest-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    margin: 26px 0;\r\n    background: #E6ECF5;\r\n}\r\n\r\n\/* BIOGRAPHY *\/\r\n\r\n.cc-guest-subheadline {\r\n    margin: 0 0 15px;\r\n    color: #2F6ED9;\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: -0.4px;\r\n}\r\n\r\n.cc-guest-subheadline span {\r\n    display: inline-block;\r\n    margin-left: 3px;\r\n}\r\n\r\n.cc-guest-biography p {\r\n    margin: 0 0 16px;\r\n    color: #657188;\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.cc-guest-biography p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   5. GUEST PHOTO\r\n========================================================= *\/\r\n\r\n.cc-guest-photo-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 440px;\r\n    margin: 0 auto;\r\n    padding: 12px;\r\n    border: 1px solid #E0E9FA;\r\n    border-radius: 25px;\r\n    background: #F0F5FF;\r\n}\r\n\r\n.cc-guest-profile-photo {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 4 \/ 5;\r\n    max-height: 540px;\r\n    border-radius: 17px;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n.cc-guest-decoration {\r\n    position: absolute;\r\n    z-index: 0;\r\n    display: block;\r\n    width: 62px;\r\n    height: 62px;\r\n    border-radius: 18px;\r\n}\r\n\r\n.cc-guest-decoration-one {\r\n    top: -15px;\r\n    right: -15px;\r\n    background: #FFBC00;\r\n    transform: rotate(12deg);\r\n}\r\n\r\n.cc-guest-decoration-two {\r\n    bottom: -13px;\r\n    left: -13px;\r\n    border: 3px solid #2F6ED9;\r\n    background: #FFFFFF;\r\n    transform: rotate(-10deg);\r\n}\r\n\r\n.cc-guest-photo-badge {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 22px;\r\n    bottom: 23px;\r\n    left: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 13px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n    border-radius: 11px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    color: #24324A;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    line-height: 1.5;\r\n    text-align: center;\r\n}\r\n\r\n.cc-guest-badge-star {\r\n    color: #E9A900;\r\n    font-size: 17px;\r\n}\r\n\r\n.cc-guest-photo-caption {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-top: 22px;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.cc-guest-caption-line {\r\n    display: block;\r\n    width: 30px;\r\n    height: 2px;\r\n    border-radius: 3px;\r\n    background: #FFBC00;\r\n}\r\n\r\n\/* =========================================================\r\n   6. ARTWORK GALLERY\r\n========================================================= *\/\r\n\r\n.cc-guest-artworks {\r\n    margin-top: 100px;\r\n    padding-top: 60px;\r\n    border-top: 1px solid #E6ECF5;\r\n}\r\n\r\n.cc-guest-artworks-heading {\r\n    max-width: 740px;\r\n    margin: 0 auto 36px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-guest-artworks-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: #2F6ED9;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-guest-artworks-title {\r\n    margin: 0 0 14px;\r\n    color: #24324A;\r\n    font-size: 30px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.cc-guest-artworks-title span {\r\n    color: #2F6ED9;\r\n}\r\n\r\n.cc-guest-artworks-heading p {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    color: #657188;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-guest-artworks-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    align-items: start;\r\n    gap: 26px;\r\n}\r\n\r\n.cc-guest-artwork-card {\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 13px;\r\n    overflow: hidden;\r\n    border: 1px solid #E5EBF5;\r\n    border-radius: 18px;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 8px 26px rgba(34, 64, 110, 0.045);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.cc-guest-artwork-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 15px 32px rgba(47, 110, 217, 0.10);\r\n}\r\n\r\n.cc-guest-artwork-image {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 11px;\r\n    background: #F3F6FC;\r\n}\r\n\r\n.cc-guest-artwork-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 480px;\r\n    object-fit: contain;\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.cc-guest-artwork-card:hover .cc-guest-artwork-image img {\r\n    transform: scale(1.025);\r\n}\r\n\r\n.cc-guest-artwork-card figcaption {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px 7px 5px;\r\n    color: #34445F;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cc-guest-artwork-number {\r\n    display: flex;\r\n    flex: 0 0 30px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 8px;\r\n    background: #FFF5D4;\r\n    color: #9A7400;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================================\r\n   7. CLOSING MESSAGE\r\n========================================================= *\/\r\n\r\n.cc-guest-closing {\r\n    margin-top: 65px;\r\n    padding: 34px 24px;\r\n    border: 1px solid #DCE7FB;\r\n    border-radius: 20px;\r\n    background: #F3F7FF;\r\n    text-align: center;\r\n}\r\n\r\n.cc-guest-closing-decoration {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-bottom: 14px;\r\n    color: #E9A900;\r\n    font-size: 19px;\r\n}\r\n\r\n.cc-guest-closing-decoration span:nth-child(2) {\r\n    color: #2F6ED9;\r\n    font-size: 25px;\r\n}\r\n\r\n.cc-guest-closing > p {\r\n    margin: 0 0 10px;\r\n    color: #24324A;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cc-guest-closing > p strong {\r\n    color: #2F6ED9;\r\n    font-weight: 800;\r\n}\r\n\r\n.cc-guest-closing-caption {\r\n    display: block;\r\n    color: #657188;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* =========================================================\r\n   8. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-guest-section {\r\n        padding: 70px 24px;\r\n    }\r\n\r\n    .cc-guest-profile {\r\n        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\r\n        grid-template-areas: \"content photo\";\r\n        gap: 35px;\r\n    }\r\n\r\n    .cc-guest-name {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .cc-guest-subheadline {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cc-guest-photo-frame {\r\n        padding: 9px;\r\n        border-radius: 21px;\r\n    }\r\n\r\n    .cc-guest-artworks {\r\n        margin-top: 75px;\r\n        padding-top: 45px;\r\n    }\r\n\r\n    .cc-guest-closing {\r\n        margin-top: 50px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   9. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-guest-section {\r\n        padding: 56px 18px;\r\n    }\r\n\r\n    .cc-guest-heading {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .cc-guest-eyebrow {\r\n        margin-bottom: 12px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n    .cc-guest-main-title {\r\n        font-size: 29px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .cc-guest-main-title span {\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .cc-guest-intro {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* PHOTO ABOVE CONTENT ON MOBILE *\/\r\n    .cc-guest-profile {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        grid-template-areas:\r\n            \"photo\"\r\n            \"content\";\r\n        gap: 35px;\r\n    }\r\n\r\n    .cc-guest-photo-frame {\r\n        max-width: 360px;\r\n        padding: 9px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .cc-guest-profile-photo {\r\n        max-height: 440px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .cc-guest-decoration {\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .cc-guest-photo-badge {\r\n        right: 17px;\r\n        bottom: 17px;\r\n        left: 17px;\r\n        padding: 10px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .cc-guest-photo-caption {\r\n        margin-top: 17px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-guest-profile-label {\r\n        margin-bottom: 10px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cc-guest-name {\r\n        font-size: 25px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cc-guest-nickname {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cc-guest-roles {\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .cc-guest-roles span {\r\n        min-height: 32px;\r\n        padding: 7px 10px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .cc-guest-education {\r\n        gap: 11px;\r\n        padding: 14px;\r\n    }\r\n\r\n    .cc-guest-education-icon {\r\n        flex-basis: 35px;\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n\r\n    .cc-guest-education p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-guest-divider {\r\n        margin: 22px 0;\r\n    }\r\n\r\n    .cc-guest-subheadline {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cc-guest-biography p {\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .cc-guest-artworks {\r\n        margin-top: 55px;\r\n        padding-top: 38px;\r\n    }\r\n\r\n    .cc-guest-artworks-heading {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .cc-guest-artworks-eyebrow {\r\n        font-size: 10px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .cc-guest-artworks-title {\r\n        font-size: 25px;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .cc-guest-artworks-heading p {\r\n        font-size: 13px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-guest-artworks-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 18px;\r\n    }\r\n\r\n    .cc-guest-artwork-card {\r\n        padding: 10px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .cc-guest-artwork-image img {\r\n        max-height: 440px;\r\n    }\r\n\r\n    .cc-guest-artwork-card figcaption {\r\n        padding-top: 13px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cc-guest-closing {\r\n        margin-top: 42px;\r\n        padding: 26px 18px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cc-guest-closing > p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .cc-guest-closing-caption {\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   10. ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-guest-section *,\r\n    .cc-guest-section *::before,\r\n    .cc-guest-section *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .cc-guest-artwork-card:hover,\r\n    .cc-guest-artwork-card:hover .cc-guest-artwork-image img {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-376d032 e-con e-atomic-element e-flexbox-base e-default-div e-652319f\" data-id=\"376d032\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"376d032\">\n    \t\t<div class=\"elementor-element elementor-element-5bdc306 elementor-widget elementor-widget-html\" data-id=\"5bdc306\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     COLORFUL CREATIONS \u2014 FINAL CTA (WITHOUT POSTER)\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"cc-final-cta\" id=\"final-registration\">\r\n    <div class=\"cc-final-cta-container\">\r\n\r\n        <div class=\"cc-final-cta-card\">\r\n\r\n            <!-- DECORATIVE ELEMENTS -->\r\n            <span class=\"cc-final-cta-decoration decoration-one\">\u2726<\/span>\r\n            <span class=\"cc-final-cta-decoration decoration-two\">\u2727<\/span>\r\n            <span class=\"cc-final-cta-decoration decoration-three\">\u2726<\/span>\r\n            <span class=\"cc-final-cta-decoration decoration-four\">\u2727<\/span>\r\n\r\n            <!-- MAIN CONTENT -->\r\n            <div class=\"cc-final-cta-content\">\r\n\r\n                <span class=\"cc-final-cta-eyebrow\">\r\n                    YOUR NEXT COLORFUL ADVENTURE\r\n                <\/span>\r\n\r\n                <h2 class=\"cc-final-cta-title\">\r\n                    Ayo Jadikan\r\n                    <span>Liburan Ini Lebih Berwarna<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"cc-final-cta-description\">\r\n                    Ajak anak menjelajahi warna, berkreasi dengan imajinasi, menemukan keindahan ciptaan Allah, serta belajar untuk selalu bersyukur.\r\n                <\/p>\r\n\r\n                <!-- PROGRAM DETAILS -->\r\n                <div class=\"cc-final-cta-details\">\r\n\r\n                    <div class=\"cc-final-cta-detail\">\r\n                        <span class=\"cc-final-cta-detail-icon\">\r\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                                    fill=\"none\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\/>\r\n                                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                                    fill=\"none\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <span>Desember 2026<\/span>\r\n                    <\/div>\r\n\r\n                    <span class=\"cc-final-cta-separator\"><\/span>\r\n\r\n                    <div class=\"cc-final-cta-detail\">\r\n                        <span class=\"cc-final-cta-detail-icon\">\r\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                                    fill=\"none\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\/>\r\n                                <path d=\"M12 7v5l3 2\"\r\n                                    fill=\"none\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <span>2 Hari \u00b7 2 Jam \/ Hari<\/span>\r\n                    <\/div>\r\n\r\n                    <span class=\"cc-final-cta-separator\"><\/span>\r\n\r\n                    <div class=\"cc-final-cta-detail\">\r\n                        <span class=\"cc-final-cta-detail-icon\">\r\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"\r\n                                    fill=\"none\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\/>\r\n                                <path d=\"m10 9 5 3-5 3V9Z\"\r\n                                    fill=\"currentColor\" stroke=\"currentColor\"\r\n                                    stroke-width=\"1.2\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <span>Online Melalui Zoom<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- CTA BUTTON -->\r\n                <a\r\n                    href=\"https:\/\/apps.alhazenschool.sch.id\/#\/event\/holidayprogramdesember2026\"\r\n                    class=\"cc-final-cta-button\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    <span>Daftar Sekarang<\/span>\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n                            fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"2\" stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <p class=\"cc-final-cta-note\">\r\n                    Jelajahi Warna, Berkreasi dengan Imajinasi, dan Belajar Bersyukur!\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM MESSAGE -->\r\n        <div class=\"cc-final-cta-footer\">\r\n            <span class=\"cc-final-cta-footer-star\">\u2726<\/span>\r\n            <p>\r\n                A colorful holiday filled with creativity, discovery, and gratitude.\r\n            <\/p>\r\n            <span class=\"cc-final-cta-footer-star\">\u2726<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL CTA \u2014 BASE\r\n========================================================= *\/\r\n\r\n.cc-final-cta,\r\n.cc-final-cta * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cc-final-cta {\r\n    width: 100%;\r\n    padding: 80px 24px 50px;\r\n    overflow: hidden;\r\n    background: #F7FAFF;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n}\r\n\r\n.cc-final-cta-container {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* CTA CARD *\/\r\n\r\n.cc-final-cta-card {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 390px;\r\n    padding: 65px 50px;\r\n    overflow: hidden;\r\n    border-radius: 28px;\r\n    background: #2F6ED9;\r\n    box-shadow: 0 22px 55px rgba(47, 110, 217, 0.17);\r\n}\r\n\r\n\/* DECORATIONS *\/\r\n\r\n.cc-final-cta-decoration {\r\n    position: absolute;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    color: #FFBC00;\r\n    line-height: 1;\r\n}\r\n\r\n.cc-final-cta .decoration-one {\r\n    top: 35px;\r\n    left: 10%;\r\n    font-size: 32px;\r\n}\r\n\r\n.cc-final-cta .decoration-two {\r\n    top: 20%;\r\n    right: 10%;\r\n    font-size: 42px;\r\n    opacity: 0.9;\r\n}\r\n\r\n.cc-final-cta .decoration-three {\r\n    bottom: 40px;\r\n    left: 17%;\r\n    font-size: 25px;\r\n}\r\n\r\n.cc-final-cta .decoration-four {\r\n    right: 17%;\r\n    bottom: 45px;\r\n    color: #FFFFFF;\r\n    font-size: 30px;\r\n    opacity: 0.75;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.cc-final-cta-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.cc-final-cta-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 17px;\r\n    color: #FFDC72;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cc-final-cta-title {\r\n    margin: 0 0 22px;\r\n    color: #FFFFFF;\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.cc-final-cta-title span {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #FFDC72;\r\n}\r\n\r\n.cc-final-cta-description {\r\n    max-width: 650px;\r\n    margin: 0 auto 28px;\r\n    color: rgba(255, 255, 255, 0.94);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* PROGRAM DETAILS *\/\r\n\r\n.cc-final-cta-details {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 17px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.cc-final-cta-detail {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #FFFFFF;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cc-final-cta-detail-icon {\r\n    display: flex;\r\n    flex: 0 0 32px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 9px;\r\n    color: #FFDC72;\r\n}\r\n\r\n.cc-final-cta-detail-icon svg {\r\n    display: block;\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n.cc-final-cta-separator {\r\n    display: block;\r\n    width: 1px;\r\n    height: 23px;\r\n    background: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.cc-final-cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-width: 220px;\r\n    min-height: 56px;\r\n    padding: 15px 26px;\r\n    border: 2px solid #FFBC00;\r\n    border-radius: 12px;\r\n    background: #FFBC00;\r\n    color: #24324A;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    transition: background .2s ease, border-color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.cc-final-cta-button svg {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.cc-final-cta-button:hover {\r\n    background: #FFD04A;\r\n    border-color: #FFD04A;\r\n    color: #24324A;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cc-final-cta-button:focus-visible {\r\n    outline: 3px solid #FFFFFF;\r\n    outline-offset: 4px;\r\n}\r\n\r\n.cc-final-cta-note {\r\n    margin: 16px 0 0;\r\n    color: rgba(255, 255, 255, 0.85);\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* BOTTOM MESSAGE *\/\r\n\r\n.cc-final-cta-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-top: 27px;\r\n    text-align: center;\r\n}\r\n\r\n.cc-final-cta-footer p {\r\n    margin: 0;\r\n    color: #657188;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cc-final-cta-footer-star {\r\n    flex: 0 0 auto;\r\n    color: #E9A900;\r\n    font-size: 17px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .cc-final-cta {\r\n        padding: 65px 24px 40px;\r\n    }\r\n\r\n    .cc-final-cta-card {\r\n        min-height: 350px;\r\n        padding: 50px 35px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .cc-final-cta-title {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .cc-final-cta-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cc-final-cta-details {\r\n        gap: 13px;\r\n    }\r\n\r\n    .cc-final-cta-detail {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .cc-final-cta {\r\n        padding: 55px 18px 35px;\r\n    }\r\n\r\n    .cc-final-cta-card {\r\n        min-height: auto;\r\n        padding: 43px 21px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .cc-final-cta-eyebrow {\r\n        margin-bottom: 13px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n    .cc-final-cta-title {\r\n        margin-bottom: 17px;\r\n        font-size: 30px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .cc-final-cta-title span {\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .cc-final-cta-description {\r\n        margin-bottom: 24px;\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .cc-final-cta-details {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 13px;\r\n        width: fit-content;\r\n        max-width: 100%;\r\n        margin: 0 auto 26px;\r\n    }\r\n\r\n    .cc-final-cta-detail {\r\n        font-size: 12px;\r\n        text-align: left;\r\n    }\r\n\r\n    .cc-final-cta-separator {\r\n        display: none;\r\n    }\r\n\r\n    .cc-final-cta-button {\r\n        width: 100%;\r\n        min-width: 0;\r\n        min-height: 52px;\r\n        padding: 14px 20px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cc-final-cta-note {\r\n        font-size: 11px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .cc-final-cta .decoration-one {\r\n        top: 17px;\r\n        left: 18px;\r\n        font-size: 23px;\r\n    }\r\n\r\n    .cc-final-cta .decoration-two {\r\n        top: 14px;\r\n        right: 18px;\r\n        font-size: 29px;\r\n    }\r\n\r\n    .cc-final-cta .decoration-three {\r\n        bottom: 17px;\r\n        left: 22px;\r\n        font-size: 19px;\r\n    }\r\n\r\n    .cc-final-cta .decoration-four {\r\n        right: 22px;\r\n        bottom: 18px;\r\n        font-size: 21px;\r\n    }\r\n\r\n    .cc-final-cta-footer {\r\n        gap: 9px;\r\n        margin-top: 22px;\r\n    }\r\n\r\n    .cc-final-cta-footer p {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .cc-final-cta-footer-star {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cc-final-cta *,\r\n    .cc-final-cta *::before,\r\n    .cc-final-cta *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .cc-final-cta-button:hover {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-963113c e-con e-atomic-element e-flexbox-base e-default-div e-6c8dfc9\" data-id=\"963113c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"963113c\">\n    \t\t<div class=\"elementor-element elementor-element-105fea9 elementor-widget elementor-widget-html\" data-id=\"105fea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     ALHAZEN SCHOOL\r\n     FLOATING WHATSAPP\r\n     HOLIDAY PROGRAM DECEMBER 2026\r\n========================================================= -->\r\n\r\n<a\r\n    href=\"https:\/\/wa.me\/6282233225718?text=Halo%20Alhazen%20School%2C%20saya%20mendapatkan%20informasi%20tentang%20Holiday%20Program%20December%202026%20%22Colorful%20Creations%22%20dari%20website%20dan%20ingin%20mengetahui%20lebih%20lanjut%20mengenai%20program%20ini.\"\r\n    class=\"alz-whatsapp-float\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"Konsultasi Holiday Program Alhazen School melalui WhatsApp\"\r\n>\r\n\r\n    <span class=\"alz-whatsapp-text\">\r\n        Konsultasi Holiday Program\r\n    <\/span>\r\n\r\n    <span class=\"alz-whatsapp-button\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/whatsapp.png\"\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n    <\/span>\r\n\r\n<\/a>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ALHAZEN SCHOOL\r\n   FLOATING WHATSAPP\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-float {\r\n    position: fixed !important;\r\n\r\n    right: 24px !important;\r\n    bottom: 24px !important;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n\r\n    height: 58px !important;\r\n\r\n    padding: 5px 6px 5px 28px !important;\r\n\r\n    background: #ffffff !important;\r\n\r\n    border: 1px solid #e5eaf0 !important;\r\n    border-radius: 999px !important;\r\n\r\n    box-shadow:\r\n        0 8px 30px rgba(31, 45, 61, 0.16) !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow: hidden !important;\r\n\r\n    z-index: 999999 !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-text {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n\r\n    margin-right: 18px !important;\r\n\r\n    color: #26364d !important;\r\n\r\n    font-family: \"Raleway\", sans-serif !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    white-space: nowrap !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP CIRCLE\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-button {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    background: #25D366 !important;\r\n\r\n    border-radius: 50% !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP LOGO\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-button img {\r\n    display: block !important;\r\n\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n\r\n    max-width: none !important;\r\n\r\n    object-fit: contain !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    border: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-float:hover {\r\n    transform: translateY(-3px) !important;\r\n\r\n    box-shadow:\r\n        0 12px 34px rgba(31, 45, 61, 0.20) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-float:active {\r\n    transform: scale(0.97) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n========================================================= *\/\r\n\r\n.alz-whatsapp-float:focus {\r\n    outline: none !important;\r\n}\r\n\r\n.alz-whatsapp-float:focus-visible {\r\n    outline: 3px solid rgba(37, 211, 102, 0.25) !important;\r\n    outline-offset: 4px !important;\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    .alz-whatsapp-float {\r\n        right: 14px !important;\r\n        bottom: 14px !important;\r\n\r\n        height: 52px !important;\r\n\r\n        padding:\r\n            5px\r\n            6px\r\n            5px\r\n            17px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-text {\r\n        margin-right: 12px !important;\r\n\r\n        font-size: 13px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-button {\r\n        width: 42px !important;\r\n        height: 42px !important;\r\n\r\n        flex-basis: 42px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-button img {\r\n        width: 25px !important;\r\n        height: 25px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .alz-whatsapp-float {\r\n        right: 10px !important;\r\n        bottom: 10px !important;\r\n\r\n        height: 48px !important;\r\n\r\n        padding-left: 14px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-text {\r\n        margin-right: 9px !important;\r\n\r\n        font-size: 12px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-button {\r\n        width: 38px !important;\r\n        height: 38px !important;\r\n\r\n        flex-basis: 38px !important;\r\n    }\r\n\r\n\r\n    .alz-whatsapp-button img {\r\n        width: 23px !important;\r\n        height: 23px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .alz-whatsapp-float {\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ALHAZEN SCHOOL \u00b7 HOLIDAY PROGRAM Holiday Program December 2026: Colorful Creations! Discover Colors, Create with Imagination, and Be Grateful! Explore the magic of colors through doodle art, fun science experiments, and Islamic reflections on the beautiful blessings of Allah. 21 &#8211; 22 December 2026 2 Days Creative Learning 2 Hours \/ Day Live on Zoom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":390,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-393","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Holiday Program December 2026: Colorful Creations<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alhazenschool.sch.id\/id\/holiday-program\/colorful-creations\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Holiday Program December 2026: Colorful Creations!\" \/>\n<meta property=\"og:description\" content=\"ALHAZEN SCHOOL \u00b7 HOLIDAY PROGRAM Holiday Program December 2026: Colorful Creations! Discover Colors, Create with Imagination, and Be Grateful! Explore the magic of colors through doodle art, fun science experiments, and Islamic reflections on the beautiful blessings of Allah. 21 &#8211; 22 December 2026 2 Days Creative Learning 2 Hours \/ Day Live on Zoom [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alhazenschool.sch.id\/id\/holiday-program\/colorful-creations\/\" \/>\n<meta property=\"og:site_name\" content=\"Alhazen School\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-03T06:34:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/colorful-creations-holiday-program-2026.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"1125\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/colorful-creations\\\/\",\"url\":\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/colorful-creations\\\/\",\"name\":\"Holiday Program December 2026: Colorful Creations\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alhazenschool.sch.id\\\/#website\"},\"datePublished\":\"2026-10-28T05:08:20+00:00\",\"dateModified\":\"2026-11-03T06:34:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/colorful-creations\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/colorful-creations\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/colorful-creations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alhazenschool.sch.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Holiday Program\",\"item\":\"https:\\\/\\\/alhazenschool.sch.id\\\/holiday-program\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Colorful Creations 2026\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alhazenschool.sch.id\\\/#website\",\"url\":\"https:\\\/\\\/alhazenschool.sch.id\\\/\",\"name\":\"Alhazen School\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alhazenschool.sch.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Holiday Program December 2026: Colorful Creations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alhazenschool.sch.id\/id\/holiday-program\/colorful-creations\/","og_locale":"id_ID","og_type":"article","og_title":"Holiday Program December 2026: Colorful Creations!","og_description":"ALHAZEN SCHOOL \u00b7 HOLIDAY PROGRAM Holiday Program December 2026: Colorful Creations! Discover Colors, Create with Imagination, and Be Grateful! Explore the magic of colors through doodle art, fun science experiments, and Islamic reflections on the beautiful blessings of Allah. 21 &#8211; 22 December 2026 2 Days Creative Learning 2 Hours \/ Day Live on Zoom [&hellip;]","og_url":"https:\/\/alhazenschool.sch.id\/id\/holiday-program\/colorful-creations\/","og_site_name":"Alhazen School","article_modified_time":"2026-11-03T06:34:33+00:00","og_image":[{"width":900,"height":1125,"url":"https:\/\/alhazenschool.sch.id\/wp-content\/uploads\/2026\/10\/colorful-creations-holiday-program-2026.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"9 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alhazenschool.sch.id\/holiday-program\/colorful-creations\/","url":"https:\/\/alhazenschool.sch.id\/holiday-program\/colorful-creations\/","name":"Holiday Program December 2026: Colorful Creations","isPartOf":{"@id":"https:\/\/alhazenschool.sch.id\/#website"},"datePublished":"2026-10-28T05:08:20+00:00","dateModified":"2026-11-03T06:34:33+00:00","breadcrumb":{"@id":"https:\/\/alhazenschool.sch.id\/holiday-program\/colorful-creations\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alhazenschool.sch.id\/holiday-program\/colorful-creations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/alhazenschool.sch.id\/holiday-program\/colorful-creations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alhazenschool.sch.id\/"},{"@type":"ListItem","position":2,"name":"Holiday Program","item":"https:\/\/alhazenschool.sch.id\/holiday-program\/"},{"@type":"ListItem","position":3,"name":"Colorful Creations 2026"}]},{"@type":"WebSite","@id":"https:\/\/alhazenschool.sch.id\/#website","url":"https:\/\/alhazenschool.sch.id\/","name":"Alhazen School","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alhazenschool.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/pages\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":56,"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/pages\/393\/revisions\/533"}],"up":[{"embeddable":true,"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/pages\/390"}],"wp:attachment":[{"href":"https:\/\/alhazenschool.sch.id\/id\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}