{"id":17,"date":"2026-05-16T19:58:31","date_gmt":"2026-05-16T19:58:31","guid":{"rendered":"https:\/\/zeowilgamuwa.lk\/?page_id=17"},"modified":"2026-05-17T17:42:12","modified_gmt":"2026-05-17T17:42:12","slug":"home","status":"publish","type":"page","link":"https:\/\/zeowilgamuwa.lk\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- HERO BANNER SECTION - DIVI COMPATIBLE --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Load Custom Font Assets if not loaded globally --><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- HERO WRAPPER STYLES --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-hero-section {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        background-size: cover;<!-- [et_pb_line_break_holder] -->        background-position: center;<!-- [et_pb_line_break_holder] -->        background-repeat: no-repeat;<!-- [et_pb_line_break_holder] -->        min-height: 500px; \/* Using min-height prevents text spilling over on small mobile screens *\/<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        color: #ffffff;<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        padding: 60px 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-hero-container {<!-- [et_pb_line_break_holder] -->        max-width: 1280px;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->        padding: 0 24px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        z-index: 2;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Typography Overrides *\/<!-- [et_pb_line_break_holder] -->    .wzeo-hero-container h2 {<!-- [et_pb_line_break_holder] -->        color: #ffffff !important; \/* Force override Divi section title defaults *\/<!-- [et_pb_line_break_holder] -->        font-size: 52px !important; \/* Desktop Scale *\/<!-- [et_pb_line_break_holder] -->        font-weight: 800 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 16px 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.15 !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: -0.02em !important;<!-- [et_pb_line_break_holder] -->        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-hero-container p {<!-- [et_pb_line_break_holder] -->        font-size: 20px !important; \/* Desktop Scale *\/<!-- [et_pb_line_break_holder] -->        color: rgba(255, 255, 255, 0.95) !important;<!-- [et_pb_line_break_holder] -->        font-weight: 500 !important;<!-- [et_pb_line_break_holder] -->        max-width: 670px;<!-- [et_pb_line_break_holder] -->        margin: 0 auto 32px auto !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.6 !important;<!-- [et_pb_line_break_holder] -->        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Action Button Custom Styling *\/<!-- [et_pb_line_break_holder] -->    .wzeo-hero-btn {<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->        background-color: #FFD700; \/* Gold *\/<!-- [et_pb_line_break_holder] -->        color: #000000 !important;<!-- [et_pb_line_break_holder] -->        padding: 14px 32px;<!-- [et_pb_line_break_holder] -->        font-weight: 700;<!-- [et_pb_line_break_holder] -->        border-radius: 6px;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase;<!-- [et_pb_line_break_holder] -->        text-decoration: none !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: 0.05em;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);<!-- [et_pb_line_break_holder] -->        transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-hero-btn:hover {<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        color: #800000 !important; \/* Maroon hover to match navbar theme *\/<!-- [et_pb_line_break_holder] -->        transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.4);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE MOBILE SCALING BREAKPOINT --- *\/<!-- [et_pb_line_break_holder] -->    @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->        .wzeo-hero-section {<!-- [et_pb_line_break_holder] -->            min-height: 420px;<!-- [et_pb_line_break_holder] -->            padding: 40px 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .wzeo-hero-container h2 {<!-- [et_pb_line_break_holder] -->            font-size: 32px !important; \/* Scaled down for mobile viewports *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .wzeo-hero-container p {<!-- [et_pb_line_break_holder] -->            font-size: 16px !important; \/* Scaled down for mobile viewports *\/<!-- [et_pb_line_break_holder] -->            margin-bottom: 24px !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .wzeo-hero-btn {<!-- [et_pb_line_break_holder] -->            padding: 12px 28px;<!-- [et_pb_line_break_holder] -->            font-size: 13px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Background Linear Gradient Overlay (0.65 dark transparency layer applied over asset link background image) --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"wzeo-hero-section\" style=\"background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/Sri_Lankan_School_Children.jpg\/1280px-Sri_Lankan_School_Children.jpg');\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"wzeo-hero-container\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <!-- Main Slogan --><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Empowering Education in Wilgamuwa<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <!-- Supporting Subtext --><!-- [et_pb_line_break_holder] -->        <pee>Welcome to the official web portal of the Wilgamuwa Zonal Education Office. Providing quality leadership and digital administration.<\/pee><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <!-- CTA Link --><!-- [et_pb_line_break_holder] -->        <a href=\"#\" class=\"wzeo-hero-btn\"><!-- [et_pb_line_break_holder] -->            View Our Vision<!-- [et_pb_line_break_holder] -->        <\/a><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- FEATURES GRID SECTION - DIVI COMPATIBLE --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Load Custom Font Assets if not loaded globally --><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- SECTION WRAPPER & LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-features-section {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        padding: 48px 0; \/* py-12 *\/<!-- [et_pb_line_break_holder] -->        z-index: 30;<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-features-container {<!-- [et_pb_line_break_holder] -->        max-width: 1280px;<!-- [et_pb_line_break_holder] -->        margin: -96px auto 0 auto; \/* -mt-24 pulls the cards upward to overlay the hero *\/<!-- [et_pb_line_break_holder] -->        padding: 0 24px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Responsive Grid Architecture *\/<!-- [et_pb_line_break_holder] -->    .wzeo-features-grid {<!-- [et_pb_line_break_holder] -->        display: grid;<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(1, 1fr);<!-- [et_pb_line_break_holder] -->        gap: 24px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- FEATURE CARD COMPONENT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-feature-card {<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        padding: 32px;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->        border-radius: 12px;<!-- [et_pb_line_break_holder] -->        border-top: 4px solid transparent;<!-- [et_pb_line_break_holder] -->        transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Interactive Hover States *\/<!-- [et_pb_line_break_holder] -->    .wzeo-feature-card:hover {<!-- [et_pb_line_break_holder] -->        border-top-color: #800000; \/* Synced with your Maroon theme *\/<!-- [et_pb_line_break_holder] -->        transform: translateY(-8px);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Icon Animations *\/<!-- [et_pb_line_break_holder] -->    .wzeo-feature-icon {<!-- [et_pb_line_break_holder] -->        font-size: 36px;<!-- [et_pb_line_break_holder] -->        color: #800000;<!-- [et_pb_line_break_holder] -->        margin-bottom: 16px;<!-- [et_pb_line_break_holder] -->        transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-feature-card:hover .wzeo-feature-icon {<!-- [et_pb_line_break_holder] -->        transform: scale(1.1);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Card Content Typography Overrides *\/<!-- [et_pb_line_break_holder] -->    .wzeo-feature-card h3 {<!-- [et_pb_line_break_holder] -->        color: #1e293b !important; \/* Slate 800 *\/<!-- [et_pb_line_break_holder] -->        font-size: 20px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 8px 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.4 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-feature-card p {<!-- [et_pb_line_break_holder] -->        color: #64748b !important; \/* Slate 500 *\/<!-- [et_pb_line_break_holder] -->        font-size: 14px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 500 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.6 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE BREAKPOINTS --- *\/<!-- [et_pb_line_break_holder] -->    @media (min-width: 640px) {<!-- [et_pb_line_break_holder] -->        .wzeo-features-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(2, 1fr); \/* Tablet View (2 columns) *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->        .wzeo-features-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(4, 1fr); \/* Desktop View (4 columns) *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"wzeo-features-section\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"wzeo-features-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-features-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Card 1: Circulars --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-feature-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-feature-icon\"><i class=\"fas fa-folder-open\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Circulars<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Access and download all official departmental circulars.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Card 2: Exam Results --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-feature-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-feature-icon\"><i class=\"fas fa-chart-bar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Exam Results<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Check the latest zonal and national exam performance statistics.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Card 3: School Database --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-feature-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-feature-icon\"><i class=\"fas fa-school\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>School Database<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Comprehensive information directory of active schools.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Card 4: Transfers --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-feature-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-feature-icon\"><i class=\"fas fa-user-edit\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Transfers<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Apply and check status of annual teacher transfers.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]    <style>\r\n        .wzeo-director-section { position: relative; padding: 96px 0; background-color: #f8fafc; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; box-sizing: border-box; }\r\n        .wzeo-director-bg-skew { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #ffffff; transform: skewX(12deg) translateX(128px); z-index: 0; opacity: 0.5; pointer-events: none; }\r\n        .wzeo-director-container { max-width: 1152px; width: 100%; margin: 0 auto; padding: 0 24px; position: relative; z-index: 10; box-sizing: border-box; }\r\n        .wzeo-director-flex { display: flex; flex-direction: column; align-items: center; gap: 64px; }\r\n        .wzeo-director-img-col { width: 100%; position: relative; display: flex; justify-content: center; box-sizing: border-box; }\r\n        .wzeo-director-text-col { width: 100%; box-sizing: border-box; }\r\n        .wzeo-img-wrapper { position: relative; width: 100%; max-width: 448px; }\r\n        .wzeo-img-dashed-decor { position: absolute; top: -40px; left: -40px; width: 100%; height: 100%; border: 2px dashed #e2e8f0; border-radius: 2rem; z-index: 0; box-sizing: border-box; }\r\n        .wzeo-img-frame { position: relative; z-index: 10; padding: 8px; background-color: #ffffff; border-radius: 2rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-sizing: border-box; width: 100%; }\r\n        .wzeo-img-aspect { width: 100%; aspect-ratio: 3 \/ 4; border-radius: 1.5rem; overflow: hidden; position: relative; }\r\n        .wzeo-img-aspect img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.1, 0, 0, 1); }\r\n        .wzeo-img-aspect:hover img { transform: scale(1.05); }\r\n        .wzeo-img-gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 33.33%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }\r\n        \r\n        .wzeo-floating-badge { position: absolute; bottom: -24px; right: -24px; z-index: 20; background-color: #800000; color: #ffffff; padding: 24px; border-radius: 16px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); border: 4px solid rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: wzeo-float 6s ease-in-out infinite; box-sizing: border-box; }\r\n        .wzeo-badge-flex { display: flex; align-items: center; gap: 12px; }\r\n        .wzeo-badge-icon { width: 48px; height: 48px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FFD700; font-size: 20px; }\r\n        .wzeo-badge-counter { font-size: 30px; font-weight: 800; color: #ffffff; line-height: 1; margin: 0; }\r\n        .wzeo-badge-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; color: #FFD700; margin: 4px 0 0 0; opacity: 0.9; }\r\n        \r\n        \/* UPDATED: Matches style configuration patterns of Calendar & Memories *\/\r\n        .wzeo-director-badge { \r\n            display: inline-block; \r\n            font-weight: 700; \r\n            font-size: 12px; \r\n            text-transform: uppercase; \r\n            letter-spacing: 3px; \/* Synced with calendar tracking *\/\r\n            padding: 6px 16px;  \/* Synced dimension scale padding *\/\r\n            border-radius: 9999px; \r\n            margin-bottom: 24px; \r\n            color: #b59400;     \/* Legible darker gold font *\/\r\n            background-color: rgba(255, 215, 0, 0.15); \/* Translucent gold backdrop overlay *\/\r\n        }\r\n\r\n        .wzeo-director-text-col h2 { font-size: 36px !important; font-weight: 800 !important; margin: 0 0 32px 0 !important; color: #0f172a !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; }\r\n        .wzeo-director-text-col h2 span { color: #800000; }\r\n        .wzeo-director-msg { margin-bottom: 40px !important; }\r\n        .wzeo-director-msg p { color: #475569 !important; font-size: 18px !important; line-height: 1.65 !important; font-weight: 500 !important; margin: 0 0 24px 0 !important; }\r\n        .wzeo-director-msg blockquote { border-left: 4px solid #FFD700 !important; padding: 4px 0 4px 24px !important; font-style: italic; color: #64748b !important; margin: 24px 0 !important; background: transparent !important; }\r\n        \r\n        .wzeo-director-signature { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; border-top: 1px solid #e2e8f0; padding-top: 32px; box-sizing: border-box; }\r\n        .wzeo-sig-icon { width: 48px; height: 48px; background-color: #800000; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; box-shadow: 0 10px 15px -3px rgba(128, 0, 0, 0.15); flex-shrink: 0; }\r\n        .wzeo-sig-details p { margin: 0 !important; padding: 0 !important; }\r\n        .wzeo-sig-name { font-weight: 700; font-size: 22px; color: #0f172a; line-height: 1.2; }\r\n        .wzeo-sig-title { color: #800000; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px !important; }\r\n        .wzeo-sig-btn-wrap { width: 100%; box-sizing: border-box; }\r\n        \r\n        .wzeo-director-btn { display: inline-flex; align-items: center; gap: 12px; background-color: #ffffff; color: #800000 !important; font-weight: 700; padding: 12px 32px; border-radius: 9999px; border: 1px solid #e2e8f0; text-decoration: none !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; box-sizing: border-box; }\r\n        .wzeo-director-btn i { transition: transform 0.3s ease; }\r\n        .wzeo-director-btn:hover { background-color: #800000; color: #ffffff !important; box-shadow: 0 20px 25px -5px rgba(128, 0, 0, 0.15); transform: translateY(-2px); }\r\n        .wzeo-director-btn:hover i { transform: translateX(4px); }\r\n\r\n        @keyframes wzeo-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\r\n\r\n        @media (min-width: 768px) {\r\n            .wzeo-director-flex { flex-direction: row; }\r\n            .wzeo-director-img-col { width: 41.666667%; justify-content: flex-end; }\r\n            .wzeo-director-text-col { width: 58.333333%; }\r\n            .wzeo-director-text-col h2 { font-size: 48px !important; }\r\n            .wzeo-director-signature { flex-direction: row; align-items: center; }\r\n            .wzeo-sig-btn-wrap { margin-left: auto; width: auto; }\r\n        }\r\n        @media (min-width: 1024px) { .wzeo-director-flex { gap: 96px; } }\r\n    <\/style>\r\n\r\n    <section class=\"wzeo-director-section\">\r\n        <div class=\"wzeo-director-bg-skew\"><\/div>\r\n        <div class=\"wzeo-director-container\">\r\n            <div class=\"wzeo-director-flex\">\r\n                \r\n                <div class=\"wzeo-director-img-col\">\r\n                    <div class=\"wzeo-img-wrapper\">\r\n                        <div class=\"wzeo-img-dashed-decor\"><\/div>\r\n                        <div class=\"wzeo-img-frame\">\r\n                            <div class=\"wzeo-img-aspect\">\r\n                                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/89\/Portrait_Placeholder.png\" alt=\"Mr. P.W.N.P. Gunasekara\">\r\n                                <div class=\"wzeo-img-gradient\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"wzeo-floating-badge\">\r\n                            <div class=\"wzeo-badge-flex\">\r\n                                <div class=\"wzeo-badge-icon\"><i class=\"fas fa-medal\"><\/i><\/div>\r\n                                <div>\r\n                                    <p class=\"wzeo-badge-counter\">20+<\/p>\r\n                                    <p class=\"wzeo-badge-label\">Years Service<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"wzeo-director-text-col\">\r\n                    <span class=\"wzeo-director-badge\">Leadership<\/span>\r\n                    <h2>Vision from the <br><span>Zonal Director<\/span><\/h2>\r\n                    \r\n                    <div class=\"wzeo-director-msg\">\r\n                        <p>It is my privilege to welcome you to our digital portal. The Wilgamuwa Education Zone is committed to transparency, integrity, and the holistic development of our rural student community.<\/p>\r\n                        <blockquote style=\"background:transparent !important;\">\r\n                            We are moving towards a more efficient administration to support our 850+ teachers and principals. Together, we are building a future where every child in Wilgamuwa has the resources to shine.                        <\/blockquote>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"wzeo-director-signature\">\r\n                        <div class=\"wzeo-sig-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n                        <div class=\"wzeo-sig-details\">\r\n                            <p class=\"wzeo-sig-name\">Mr. P.W.N.P. Gunasekara<\/p>\r\n                            <p class=\"wzeo-sig-title\">Zonal Director - Wilgamuwa<\/p>\r\n                        <\/div>\r\n                        <div class=\"wzeo-sig-btn-wrap\">\r\n                            <a href=\"#\" class=\"wzeo-director-btn\">\r\n                                Read Message <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&#038;family=Abhaya+Libre:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- SECTION ARCHITECTURE --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-section {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        background-color: #f8fafc; \/* bg-slate-50 for beautiful card contrast *\/<!-- [et_pb_line_break_holder] -->        padding: 96px 0; \/* py-24 *\/<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-container {<!-- [et_pb_line_break_holder] -->        max-width: 1280px;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->        padding: 0 24px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Section Header Layout *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-header {<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        margin-bottom: 64px; \/* mb-16 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-badge {<!-- [et_pb_line_break_holder] -->        color: #b59400 !important; \/* Legible darker gold font *\/<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: 3px !important;<!-- [et_pb_line_break_holder] -->        font-size: 12px !important;<!-- [et_pb_line_break_holder] -->        background-color: rgba(255, 215, 0, 0.15) !important; \/* Translucent gold backdrop *\/<!-- [et_pb_line_break_holder] -->        padding: 6px 16px !important;<!-- [et_pb_line_break_holder] -->        border-radius: 9999px !important;<!-- [et_pb_line_break_holder] -->        display: inline-block !important;<!-- [et_pb_line_break_holder] -->        margin-bottom: 12px !important;<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-header h2 {<!-- [et_pb_line_break_holder] -->        font-family: 'Abhaya Libre', serif !important;<!-- [et_pb_line_break_holder] -->        color: #0f172a !important; \/* Slate 900 *\/<!-- [et_pb_line_break_holder] -->        font-size: 38px !important; <!-- [et_pb_line_break_holder] -->        font-weight: 800 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.2 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-header h2 span {<!-- [et_pb_line_break_holder] -->        color: #800000 !important; \/* Maroon theme accent *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE GRID LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-grid {<!-- [et_pb_line_break_holder] -->        display: grid;<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(1, 1fr);<!-- [et_pb_line_break_holder] -->        gap: 32px; \/* gap-8 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- PURPOSE CARD COMPONENT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-card {<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        padding: 48px 40px;<!-- [et_pb_line_break_holder] -->        border-radius: 16px;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);<!-- [et_pb_line_break_holder] -->        border-top: 5px solid #800000; \/* Distinctive Maroon top border profile *\/<!-- [et_pb_line_break_holder] -->        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        align-items: flex-start;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-card:hover {<!-- [et_pb_line_break_holder] -->        transform: translateY(-6px);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 20px 40px -15px rgba(128, 0, 0, 0.12);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Graphic Icon Asset Badges *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-icon-box {<!-- [et_pb_line_break_holder] -->        width: 64px;<!-- [et_pb_line_break_holder] -->        height: 64px;<!-- [et_pb_line_break_holder] -->        background-color: rgba(128, 0, 0, 0.08); \/* Light translucent Maroon wrapper tint *\/<!-- [et_pb_line_break_holder] -->        color: #800000;<!-- [et_pb_line_break_holder] -->        border-radius: 12px;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        font-size: 26px;<!-- [et_pb_line_break_holder] -->        margin-bottom: 28px;<!-- [et_pb_line_break_holder] -->        transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-card:hover .wzeo-purpose-icon-box {<!-- [et_pb_line_break_holder] -->        background-color: #800000;<!-- [et_pb_line_break_holder] -->        color: #ffffff;<!-- [et_pb_line_break_holder] -->        transform: rotate(-5deg) scale(1.05);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Content Typography Overrides (Optimized for Abhaya Libre Sinhala) *\/<!-- [et_pb_line_break_holder] -->    .wzeo-purpose-card h3 {<!-- [et_pb_line_break_holder] -->        font-family: 'Abhaya Libre', serif !important;<!-- [et_pb_line_break_holder] -->        color: #0f172a !important; \/* Slate 900 *\/<!-- [et_pb_line_break_holder] -->        font-size: 26px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 800 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 16px 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-purpose-card p {<!-- [et_pb_line_break_holder] -->        font-family: 'Abhaya Libre', serif !important;<!-- [et_pb_line_break_holder] -->        color: #334155 !important; \/* Slate 700 for better readability *\/<!-- [et_pb_line_break_holder] -->        font-size: 21px !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.6 !important;<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        text-align: justify;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- DESKTOP BREAKPOINT SCALING --- *\/<!-- [et_pb_line_break_holder] -->    @media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->        .wzeo-purpose-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(2, 1fr); \/* Elevates cleanly into 2 columns on tablet\/desktop *\/<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"wzeo-purpose-section\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"wzeo-purpose-container\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-purpose-header\"><!-- [et_pb_line_break_holder] -->            <span class=\"wzeo-purpose-badge\">Our Objectives<\/span><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>\u0d85\u0db4\u0d9c\u0dda <span>\u0daf\u0dd0\u0d9a\u0dca\u0db8 \u0dc3\u0dc4 \u0db8\u0dd9\u0dc4\u0dd9\u0dc0\u0dbb<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-purpose-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-purpose-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-purpose-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-eye\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>\u0d85\u0db4\u0d9c\u0dda \u0daf\u0dd0\u0d9a\u0dca\u0db8 (Our Vision)<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>\u0db1\u0dd2\u0db4\u0dd4\u0db1\u0dad\u0dcf \u0db4\u0dd6\u0dbb\u0dca\u0dab \u0db4\u0dde\u0dbb\u0dd4\u0dc2\u0dba\u0dd9\u0db1\u0dca \u0dba\u0dd4\u0dad\u0dca \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0db6\u0dd2\u0dc4\u0dd2\u0d9a\u0dbb\u0db1 \u0db4\u0dcf\u0dc3\u0dbd\u0dca \u0db4\u0daf\u0dca\u0db0\u0dad\u0dd2\u0dba\u0d9a\u0dca.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-purpose-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-purpose-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-bullseye\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>\u0d85\u0db4\u0d9c\u0dda \u0db8\u0dd9\u0dc4\u0dd9\u0dc0\u0dbb (Our Mission)<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>\u0db5\u0dbd\u0daf\u0dcf\u0dba\u0dd2 \u0dc4\u0dcf \u0d9c\u0dd4\u0dab\u0dcf\u0dad\u0dca\u0db8\u0d9a \u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1\u0dba\u0d9a\u0dca \u0dbd\u0db6\u0dcf\u0daf\u0dd3\u0db8 \u0dc3\u0db3\u0dc4\u0dcf \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0db4\u0dc4\u0dc3\u0dd4\u0d9a\u0db8\u0dca \u0dc4\u0dcf \u0dc3\u0dda\u0dc0\u0dcf \u0dc3\u0db4\u0dba\u0db8\u0dd2\u0db1\u0dca, \u0dc0\u0dd2\u0dbd\u0dca\u0d9c\u0db8\u0dd4\u0dc0 \u0d9a\u0dbd\u0dcf\u0db4\u0dba\u0dda \u0dc3\u0dd2\u0dba\u0dbd\u0dd4 \u0db4\u0dcf\u0dc3\u0dbd\u0dca \u0db6\u0dbd\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8 \u0dc4\u0dcf \u0daf\u0dd2\u0dc1\u0dcf\u0db1\u0dd4\u0d9c\u0dad \u0d9a\u0dd2\u0dbb\u0dd3\u0db8.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- SYSTEM STATISTICS SECTION - DIVI COMPATIBLE --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Load Font Awesome & Google Fonts if not initialized globally --><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- CORE CONTAINER ARCHITECTURE --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-section {<!-- [et_pb_line_break_holder] -->        background-color: #222222;<!-- [et_pb_line_break_holder] -->        color: #ffffff;<!-- [et_pb_line_break_holder] -->        padding: 64px 0; \/* py-16 *\/<!-- [et_pb_line_break_holder] -->        border-bottom: 4px solid #800000; \/* Maroon footer\/border accent *\/<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-stats-container {<!-- [et_pb_line_break_holder] -->        max-width: 1280px;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->        padding: 0 24px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* 2x2 Grid on Mobile, Scaling up to 1x4 Grid on Desktop *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-grid {<!-- [et_pb_line_break_holder] -->        display: grid;<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->        gap: 32px; \/* gap-8 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- ITEM MODULE CARD COMPONENT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-card {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        padding: 16px;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        transition: background-color 0.3s ease;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Hover State background *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-card:hover {<!-- [et_pb_line_break_holder] -->        background-color: rgba(31, 41, 55, 0.5); \/* hover:bg-gray-800\/50 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Icon Module Group-Hover Effect *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-icon {<!-- [et_pb_line_break_holder] -->        font-size: 30px; \/* text-3xl *\/<!-- [et_pb_line_break_holder] -->        color: #6b7280; \/* text-gray-500 *\/<!-- [et_pb_line_break_holder] -->        margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->        transition: color 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-stats-card:hover .wzeo-stats-icon {<!-- [et_pb_line_break_holder] -->        color: #FFD700; \/* group-hover:text-gold *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Value Digit Metrics *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-number {<!-- [et_pb_line_break_holder] -->        font-size: 48px; \/* text-5xl *\/<!-- [et_pb_line_break_holder] -->        font-weight: 800;<!-- [et_pb_line_break_holder] -->        color: #FFD700; \/* Gold *\/<!-- [et_pb_line_break_holder] -->        margin-bottom: 8px;<!-- [et_pb_line_break_holder] -->        line-height: 1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Informational Labels *\/<!-- [et_pb_line_break_holder] -->    .wzeo-stats-label {<!-- [et_pb_line_break_holder] -->        font-size: 12px; \/* text-xs *\/<!-- [et_pb_line_break_holder] -->        text-transform: uppercase;<!-- [et_pb_line_break_holder] -->        letter-spacing: 0.2em;<!-- [et_pb_line_break_holder] -->        color: #9ca3af; \/* text-gray-400 *\/<!-- [et_pb_line_break_holder] -->        font-weight: 600;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->        line-height: 1.4;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE DESKTOP ALIGNMENT --- *\/<!-- [et_pb_line_break_holder] -->    @media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->        .wzeo-stats-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(4, 1fr); \/* md:grid-cols-4 *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Adds clean separator dividers between grids exclusively on desktop layouts *\/<!-- [et_pb_line_break_holder] -->        .wzeo-stats-card-border-right {<!-- [et_pb_line_break_holder] -->            border-right: 1px solid #374151; \/* md:border-r border-gray-700 *\/<!-- [et_pb_line_break_holder] -->            border-radius: 0px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"wzeo-stats-section\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"wzeo-stats-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-stats-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Metric 1: Education Zone --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-stats-card wzeo-stats-card-border-right\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-number\">01<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-label\">Education Zone<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Metric 2: Active Schools --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-stats-card wzeo-stats-card-border-right\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-icon\"><i class=\"fas fa-school\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-number\">42<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-label\">Active Schools<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Metric 3: Dedicated Teachers --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-stats-card wzeo-stats-card-border-right\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-icon\"><i class=\"fas fa-chalkboard-teacher\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-number\">850+<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-label\">Dedicated Teachers<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Metric 4: Student Community --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-stats-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-icon\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-number\">12k<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-stats-label\">Student Community<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <style>\r\n        \/* --- CORE SECTION BASE CSS --- *\/\r\n        .wzeo-events-section { background-color: #ffffff; padding: 60px 0; font-family: 'Plus Jakarta Sans', sans-serif; box-sizing: border-box; }\r\n        .wzeo-events-container { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }\r\n        .wzeo-events-header { text-align: center; margin-bottom: 40px; }\r\n        .wzeo-events-badge { color: #b59400; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; background-color: rgba(255, 215, 0, 0.15); padding: 6px 16px; border-radius: 9999px; display: inline-block; margin-bottom: 12px; }\r\n        .wzeo-events-header h2 { color: #1e293b !important; font-size: 36px !important; font-weight: 800 !important; margin: 0 !important; letter-spacing: -0.02em !important; }\r\n        .wzeo-events-header h2 span { color: #800000; }\r\n\r\n        \/* --- CONTROL BUTTONS TOOLBAR --- *\/\r\n        .wzeo-events-toolbar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; margin: 0 auto 40px auto; max-width: max-content; }\r\n        .wzeo-tab-bar-container { background-color: #f1f5f9; padding: 6px; border-radius: 9999px; border: 1px solid #e2e8f0; display: flex; gap: 4px; }\r\n        .wzeo-tab-btn { background: transparent; border: none; padding: 10px 28px; font-weight: 600; font-size: 14px; border-radius: 9999px; cursor: pointer; color: #64748b; font-family: inherit; transition: all 0.3s; }\r\n        .wzeo-tab-btn:hover { color: #800000; }\r\n        .wzeo-tab-btn.wzeo-active-tab { background-color: #800000 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(128, 0, 0, 0.15); }\r\n        \r\n        \/* Interactive Calendar Action Toggle Button *\/\r\n        .wzeo-calendar-toggle-btn { background-color: #003366; color: #ffffff; border: none; padding: 12px 24px; font-weight: 700; font-size: 13.5px; border-radius: 9999px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(0, 51, 102, 0.2); transition: all 0.3s ease; font-family: inherit; text-transform: uppercase; }\r\n        .wzeo-calendar-toggle-btn:hover { background-color: #800000; box-shadow: 0 4px 12px rgba(128, 0, 0, 0.2); transform: translateY(-2px); }\r\n\r\n        .wzeo-event-grid { display: none; grid-template-columns: repeat(1, 1fr); gap: 32px; }\r\n        .wzeo-event-grid.wzeo-grid-visible { display: grid; }\r\n        \r\n        \/* Card Configurations *\/\r\n        .wzeo-event-card { background-color: #ffffff; border-radius: 16px; overflow: hidden; border: 1px solid #f1f5f9; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; cursor: pointer; }\r\n        .wzeo-event-card:hover { box-shadow: 0 25px 50px -12px rgba(128, 0, 0, 0.15); transform: translateY(-6px); }\r\n        .wzeo-event-img-box { position: relative; height: 230px; overflow: hidden; width: 100%; }\r\n        .wzeo-event-img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n        .wzeo-event-card:hover .wzeo-event-img-box img { transform: scale(1.04); }\r\n        \r\n        .wzeo-event-date-pin { position: absolute; top: 20px; right: 20px; background-color: rgba(255, 255, 255, 0.95); padding: 8px 16px; text-align: center; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }\r\n        .wzeo-event-date-pin .wzeo-day { display: block; font-size: 24px; font-weight: 800; color: #1e293b; line-height: 1; }\r\n        .wzeo-event-date-pin .wzeo-month { display: block; font-size: 11px; font-weight: 700; color: #800000; text-transform: uppercase; margin-top: 2px; }\r\n        \r\n        .wzeo-event-body { padding: 26px; flex-grow: 1; display: flex; flex-direction: column; }\r\n        .wzeo-tag-wrapper { margin-bottom: 12px; }\r\n        .wzeo-tag-live { background-color: #ecfdf5; color: #059669; border: 1px solid #d1fae5; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 3px 10px; border-radius: 9999px; }\r\n        .wzeo-tag-upcoming { background-color: #fff7ed; color: #ea580c; border: 1px solid #ffedd5; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 3px 10px; border-radius: 9999px; }\r\n        .wzeo-tag-concluded { background-color: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 3px 10px; border-radius: 9999px; }\r\n        \r\n        .wzeo-event-body h3 { color: #1e293b !important; font-size: 19px !important; font-weight: 700 !important; margin: 0 0 8px 0 !important; line-height: 1.4 !important; }\r\n        .wzeo-event-card:hover .wzeo-event-body h3 { color: #800000 !important; }\r\n        \r\n        .wzeo-event-desc-text { color: #64748b; font-size: 14px; line-height: 1.5; margin: 0 0 16px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }\r\n        \r\n        .wzeo-event-meta-footer { margin-top: auto; padding-top: 15px; border-top: 1px solid #f1f5f9; display: flex; gap: 15px; color: #64748b; font-size: 13.5px; }\r\n        .wzeo-event-meta-footer i { color: #FFD700; margin-right: 4px; }\r\n        \r\n        .wzeo-event-card-expired { opacity: 0.75; }\r\n        .wzeo-event-card-expired .wzeo-event-img-box img { filter: grayscale(100%); }\r\n        .wzeo-event-card-expired .wzeo-event-date-pin { background-color: #e2e8f0; }\r\n        .wzeo-event-card-expired .wzeo-event-date-pin .wzeo-day, .wzeo-event-card-expired .wzeo-event-date-pin .wzeo-month { color: #94a3b8; }\r\n\r\n        \/* --- GLOBAL POPUP OVERLAY LAYOUTS --- *\/\r\n        .wzeo-modal-overlay { display: none; position: fixed; inset: 0; background-color: rgba(15, 23, 42, 0.7); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 99999; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity 0.3s ease; }\r\n        .wzeo-modal-overlay.wzeo-modal-open { display: flex; opacity: 1; }\r\n        \r\n        .wzeo-modal-card { background-color: #ffffff; width: 100%; max-width: 650px; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); transform: translateY(20px); transition: transform 0.3s ease; position: relative; max-height: 90vh; display: flex; flex-direction: column; }\r\n        .wzeo-modal-overlay.wzeo-modal-open .wzeo-modal-card { transform: translateY(0); }\r\n        \r\n        .wzeo-modal-close-btn { position: absolute; top: 15px; right: 20px; background: rgba(15, 23, 42, 0.6); border: none; color: #ffffff; width: 36px; height: 36px; border-radius: 50%; font-size: 20px; cursor: pointer; z-index: 100; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }\r\n        .wzeo-modal-close-btn:hover { background: #800000; }\r\n        \r\n        .wzeo-modal-hero-img { width: 100%; height: 260px; object-fit: cover; }\r\n        .wzeo-modal-scroll-area { padding: 32px; overflow-y: auto; flex-grow: 1; }\r\n        .wzeo-modal-scroll-area h3 { font-size: 24px !important; font-weight: 800 !important; color: #1e293b !important; margin: 0 0 16px 0 !important; line-height: 1.3 !important; }\r\n        .wzeo-modal-meta-row { display: flex; flex-wrap: wrap; gap: 20px; background-color: #f8fafc; padding: 14px 20px; border-radius: 12px; margin-bottom: 24px; color: #475569; font-size: 14px; font-weight: 600; }\r\n        .wzeo-modal-meta-row i { color: #b59400; margin-right: 4px; }\r\n        .wzeo-modal-desc-body { color: #475569; font-size: 15.5px; line-height: 1.7; font-weight: 500; margin: 0; }\r\n\r\n        \/* --- SCHEDULE VIEW INTERNALS --- *\/\r\n        .wzeo-modal-card.wzeo-wide-schedule { max-width: 900px; }\r\n        .wzeo-schedule-matrix { width: 100%; border-collapse: collapse; }\r\n        .wzeo-schedule-matrix th { background-color: #003366; color: #ffffff; padding: 14px 20px; text-align: left; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .wzeo-schedule-matrix td { padding: 16px 20px; border-bottom: 1px solid #e2e8f0; color: #334155; font-size: 14px; }\r\n        .wzeo-schedule-matrix tr:last-child td { border-bottom: none; }\r\n        .wzeo-sched-circle { background: #f1f5f9; border-left: 4px solid #800000; padding: 4px 10px; text-align: center; border-radius: 4px; display: inline-block; }\r\n        .wzeo-sched-circle .d { font-size: 16px; font-weight: 800; color: #0f172a; line-height: 1; }\r\n        .wzeo-sched-circle .m { font-size: 10px; font-weight: 700; text-transform: uppercase; color: #64748b; }\r\n        \r\n        @media (min-width: 768px) { .wzeo-event-grid { grid-template-columns: repeat(3, 1fr); } } \/* Restored 3-card desktop grid *\/\r\n        @media (max-width: 768px) {\r\n            .wzeo-schedule-matrix, .wzeo-schedule-matrix thead, .wzeo-schedule-matrix tbody, .wzeo-schedule-matrix th, .wzeo-schedule-matrix td, .wzeo-schedule-matrix tr { display: block; width: 100%; }\r\n            .wzeo-schedule-matrix thead { display: none; }\r\n            .wzeo-schedule-matrix tr { padding: 15px 0; border-bottom: 1px solid #e2e8f0; }\r\n            .wzeo-schedule-matrix td { padding: 6px 0; border: none; }\r\n            .wzeo-schedule-matrix td::before { content: attr(data-label); font-weight: 700; text-transform: uppercase; font-size: 10px; color: #94a3b8; display: block; margin-bottom: 2px; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"wzeo-events-section\">\r\n        <div class=\"wzeo-events-container\">\r\n            \r\n            <div class=\"wzeo-events-header\">\r\n                <span class=\"wzeo-events-badge\">Calendar<\/span>\r\n                <h2>Upcoming <span>Events<\/span><\/h2>\r\n            <\/div>\r\n\r\n                            \r\n                \r\n                <div class=\"wzeo-events-toolbar\">\r\n                    <div class=\"wzeo-tab-bar-container\">\r\n                        <button class=\"wzeo-tab-btn wzeo-active-tab\" onclick=\"openEventTab(event, 'wzeo-happening-now')\">Happening Now<\/button>\r\n                        <button class=\"wzeo-tab-btn\" onclick=\"openEventTab(event, 'wzeo-upcoming-events')\">Upcoming<\/button>\r\n                        <button class=\"wzeo-tab-btn\" onclick=\"openEventTab(event, 'wzeo-past-events')\">Past Events<\/button>\r\n                    <\/div>\r\n                    <button class=\"wzeo-calendar-toggle-btn\" onclick=\"wzeoToggleScheduleModal(true)\">\r\n                        <i class=\"fas fa-calendar-alt\"><\/i> View Schedule\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div id=\"wzeo-happening-now\" class=\"wzeo-event-grid wzeo-grid-visible\">\r\n                    <p style=\"text-align:center;grid-column:span 3;color:#64748b;padding:20px 0;\">No active events are running today.<\/p>                <\/div>\r\n\r\n                <div id=\"wzeo-upcoming-events\" class=\"wzeo-event-grid\">\r\n                    <p style=\"text-align:center;grid-column:span 3;color:#64748b;padding:20px 0;\">No future upcoming events registered.<\/p>                <\/div>\r\n\r\n                <div id=\"wzeo-past-events\" class=\"wzeo-event-grid\">\r\n                        <div class=\"wzeo-event-card wzeo-event-card-expired\" \r\n         data-title=\"Central Beats Music Festival 2026\" \r\n         data-date=\"May 18, 2026\" \r\n         data-time=\"08:00 - 16:00\" \r\n         data-location=\"Lakeside Convention Hall, Kandy\" \r\n         data-desc=\"Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\" \r\n         data-img=\"https:\/\/zeowilgamuwa.lk\/wp-content\/uploads\/2026\/05\/DU3MKIcOhrrirHBalhvxERi4QiuS0BcOZevGG4nYMHZb-PVaBp8h6Mnv7UtXxVyRsVi477Olb1rHcL_UU2gS7WVxEAXFshPy9-8x5b6AXJQ5BVHrJzBpY7s5_qOVx3TKSDI2CcGMqQ2hnOkodtvovR71Xoys3mEZL7h2rjy2VvhMmaurEh8KXC2bDguAK62y.jpg\" \r\n         data-type=\"expired\"\r\n         onclick=\"wzeoOpenDetailsPopup(this)\">\r\n        \r\n        <div class=\"wzeo-event-img-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/zeowilgamuwa.lk\/wp-content\/uploads\/2026\/05\/DU3MKIcOhrrirHBalhvxERi4QiuS0BcOZevGG4nYMHZb-PVaBp8h6Mnv7UtXxVyRsVi477Olb1rHcL_UU2gS7WVxEAXFshPy9-8x5b6AXJQ5BVHrJzBpY7s5_qOVx3TKSDI2CcGMqQ2hnOkodtvovR71Xoys3mEZL7h2rjy2VvhMmaurEh8KXC2bDguAK62y.jpg\" alt=\"\">\r\n            <div class=\"wzeo-event-date-pin\">\r\n                <span class=\"wzeo-day\">18<\/span>\r\n                <span class=\"wzeo-month\">MAY<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"wzeo-event-body\">\r\n            <div class=\"wzeo-tag-wrapper\">\r\n                <span class=\"wzeo-tag-concluded\">Concluded<\/span>            <\/div>\r\n            <h3>Central Beats Music Festival 2026<\/h3>\r\n            \r\n                            <p class=\"wzeo-event-desc-text\">Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.<\/p>\r\n                        \r\n            <div class=\"wzeo-event-meta-footer\">\r\n                                    <span><i class=\"fas fa-check-circle\" style=\"color:#10b981;\"><\/i> Completed<\/span>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n                    <\/div>\r\n\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div id=\"wzeoDetailsModal\" class=\"wzeo-modal-overlay\" onclick=\"wzeoCloseDetailsModal(event)\">\r\n        <div class=\"wzeo-modal-card\">\r\n            <button class=\"wzeo-modal-close-btn\" onclick=\"wzeoCloseDetailsModal(event, true)\">&times;<\/button>\r\n            <img decoding=\"async\" id=\"wzeoModalImg\" src=\"\" class=\"wzeo-modal-hero-img\" alt=\"\">\r\n            <div class=\"wzeo-modal-scroll-area\">\r\n                <div style=\"margin-bottom:12px;\" id=\"wzeoModalTagWrapper\"><\/div>\r\n                <h3 id=\"wzeoModalTitle\">Event Title<\/h3>\r\n                <div class=\"wzeo-modal-meta-row\">\r\n                    <span><i class=\"far fa-calendar\"><\/i> <span id=\"wzeoModalDate\">Date<\/span><\/span>\r\n                    <span><i class=\"far fa-clock\"><\/i> <span id=\"wzeoModalTime\">Time<\/span><\/span>\r\n                    <span><i class=\"fas fa-map-marker-alt\"><\/i> <span id=\"wzeoModalLocation\">Location<\/span><\/span>\r\n                <\/div>\r\n                <p id=\"wzeoModalDesc\" class=\"wzeo-modal-desc-body\">Description content goes here...<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"wzeoScheduleModal\" class=\"wzeo-modal-overlay\" onclick=\"wzeoToggleScheduleModal(false, event)\">\r\n        <div class=\"wzeo-modal-card wzeo-wide-schedule\">\r\n            <button class=\"wzeo-modal-close-btn\" onclick=\"wzeoToggleScheduleModal(false, event, true)\">&times;<\/button>\r\n            <div class=\"wzeo-modal-scroll-area\" style=\"padding:40px 32px;\">\r\n                <h3 style=\"margin-bottom:24px !important;\">Zonal Calendar Schedule<\/h3>\r\n                <table class=\"wzeo-schedule-matrix\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Date<\/th>\r\n                            <th>Agenda Framework Details<\/th>\r\n                            <th>Time<\/th>\r\n                            <th>Venue<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                                                <tr>\r\n                            <td data-label=\"Date\">\r\n                                <div class=\"wzeo-sched-circle\">\r\n                                    <div class=\"d\">18<\/div>\r\n                                    <div class=\"m\">MAY<\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td data-label=\"Agenda Framework Details\">\r\n                                <div style=\"font-weight:700; color:#1e293b; font-size:15px;\">Central Beats Music Festival 2026<\/div>\r\n                                <div style=\"font-size:12.5px; color:#64748b; margin-top:2px; line-height:1.4;\">Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.<\/div>\r\n                            <\/td>\r\n                            <td data-label=\"Time\"><span><i class=\"far fa-clock\" style=\"color:#FFD700;margin-right:4px;\"><\/i> 08:00 - 16:00<\/span><\/td>\r\n                            <td data-label=\"Venue\"><span><i class=\"fas fa-map-marker-alt\" style=\"color:#FFD700;margin-right:4px;\"><\/i> Lakeside Convention Hall, Kandy<\/span><\/td>\r\n                        <\/tr>\r\n                                            <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function openEventTab(evt, tabId) {\r\n            var i, grids, buttons;\r\n            grids = document.getElementsByClassName(\"wzeo-event-grid\");\r\n            for (i = 0; i < grids.length; i++) {\r\n                grids[i].classList.remove(\"wzeo-grid-visible\");\r\n            }\r\n            buttons = document.getElementsByClassName(\"wzeo-tab-btn\");\r\n            for (i = 0; i < buttons.length; i++) {\r\n                buttons[i].classList.remove(\"wzeo-active-tab\");\r\n            }\r\n            document.getElementById(tabId).classList.add(\"wzeo-grid-visible\");\r\n            evt.currentTarget.classList.add(\"wzeo-active-tab\");\r\n        }\r\n\r\n        function wzeoOpenDetailsPopup(element) {\r\n            var modal = document.getElementById(\"wzeoDetailsModal\");\r\n            document.getElementById(\"wzeoModalImg\").src = element.getAttribute(\"data-img\");\r\n            document.getElementById(\"wzeoModalTitle\").innerText = element.getAttribute(\"data-title\");\r\n            document.getElementById(\"wzeoModalDate\").innerText = element.getAttribute(\"data-date\");\r\n            document.getElementById(\"wzeoModalTime\").innerText = element.getAttribute(\"data-time\");\r\n            document.getElementById(\"wzeoModalLocation\").innerText = element.getAttribute(\"data-location\");\r\n            document.getElementById(\"wzeoModalDesc\").innerText = element.getAttribute(\"data-desc\");\r\n            \r\n            var type = element.getAttribute(\"data-type\");\r\n            var tagWrap = document.getElementById(\"wzeoModalTagWrapper\");\r\n            if(type === 'happening') tagWrap.innerHTML = '<span class=\"wzeo-tag-live\">Live Now<\/span>';\r\n            else if(type === 'upcoming') tagWrap.innerHTML = '<span class=\"wzeo-tag-upcoming\">Coming Soon<\/span>';\r\n            else tagWrap.innerHTML = '<span class=\"wzeo-tag-concluded\">Concluded<\/span>';\r\n\r\n            modal.style.display = \"flex\";\r\n            setTimeout(function() { modal.classList.add(\"wzeo-modal-open\"); }, 10);\r\n        }\r\n\r\n        function wzeoCloseDetailsModal(e, force) {\r\n            if (force || e.target.id === \"wzeoDetailsModal\") {\r\n                var modal = document.getElementById(\"wzeoDetailsModal\");\r\n                modal.classList.remove(\"wzeo-modal-open\");\r\n                setTimeout(function() { modal.style.display = \"none\"; }, 300);\r\n            }\r\n        }\r\n\r\n        function wzeoToggleScheduleModal(show, e, force) {\r\n            var modal = document.getElementById(\"wzeoScheduleModal\");\r\n            if (show) {\r\n                modal.style.display = \"flex\";\r\n                setTimeout(function() { modal.classList.add(\"wzeo-modal-open\"); }, 10);\r\n            } else if (force || e.target.id === \"wzeoScheduleModal\") {\r\n                modal.classList.remove(\"wzeo-modal-open\");\r\n                setTimeout(function() { modal.style.display = \"none\"; }, 300);\r\n            }\r\n        }\r\n    <\/script>\r\n    [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"wzeo-blog-header-container\"><!-- [et_pb_line_break_holder] -->    <span class=\"wzeo-blog-pill-badge\">Updates<\/span><!-- [et_pb_line_break_holder] -->    <\/p>\n<h2 class=\"wzeo-blog-main-title\">Latest <span>News<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- SECTION HEADER TYPOGRAPHY (MATCHED TO CALENDAR\/MEMORIES) --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-blog-header-container {<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        margin-bottom: 54px; <!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-blog-pill-badge {<!-- [et_pb_line_break_holder] -->        color: #b59400 !important; <!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: 3px !important;<!-- [et_pb_line_break_holder] -->        font-size: 12px !important;<!-- [et_pb_line_break_holder] -->        background-color: rgba(255, 215, 0, 0.15) !important; <!-- [et_pb_line_break_holder] -->        padding: 6px 16px !important;<!-- [et_pb_line_break_holder] -->        border-radius: 9999px !important;<!-- [et_pb_line_break_holder] -->        display: inline-block !important;<!-- [et_pb_line_break_holder] -->        margin-bottom: 12px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-blog-main-title {<!-- [et_pb_line_break_holder] -->        color: #0f172a !important; <!-- [et_pb_line_break_holder] -->        font-size: 36px !important; <!-- [et_pb_line_break_holder] -->        font-weight: 800 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: -0.02em !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.2 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-blog-main-title span {<!-- [et_pb_line_break_holder] -->        color: #800000 !important; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- DIVI BLOG MODULE UNIFORM CARD OVERRIDES --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog {<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Target individual grid cards *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post {<!-- [et_pb_line_break_holder] -->        background: #ffffff !important;<!-- [et_pb_line_break_holder] -->        border-radius: 16px !important;<!-- [et_pb_line_break_holder] -->        overflow: hidden !important;<!-- [et_pb_line_break_holder] -->        border: 1px solid #ffffff !important;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;<!-- [et_pb_line_break_holder] -->        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* FIXED UNIFORM HEIGHT ENGINE *\/<!-- [et_pb_line_break_holder] -->        height: 380px !important; <!-- [et_pb_line_break_holder] -->        padding: 24px 0 0 0 !important; \/* Provides safe default top padding for text-only cards *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        display: flex !important;<!-- [et_pb_line_break_holder] -->        flex-direction: column !important;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Hover elevation scaling effect *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post:hover {<!-- [et_pb_line_break_holder] -->        border-color: rgba(128, 0, 0, 0.1) !important;<!-- [et_pb_line_break_holder] -->        transform: translateY(-8px) !important;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- GRID CARD THUMBNAILS --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_image_container {<!-- [et_pb_line_break_holder] -->        \/* Pulls image up over the default 24px padding to stay completely flush with the top edge *\/<!-- [et_pb_line_break_holder] -->        margin: -24px 0 20px 0 !important;<!-- [et_pb_line_break_holder] -->        height: 210px !important; <!-- [et_pb_line_break_holder] -->        overflow: hidden !important;<!-- [et_pb_line_break_holder] -->        position: relative !important;<!-- [et_pb_line_break_holder] -->        width: 100% !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_image_container img {<!-- [et_pb_line_break_holder] -->        width: 100% !important;<!-- [et_pb_line_break_holder] -->        height: 100% !important;<!-- [et_pb_line_break_holder] -->        object-fit: cover !important;<!-- [et_pb_line_break_holder] -->        transform: scale(1) !important;<!-- [et_pb_line_break_holder] -->        transition: transform 0.5s ease !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post:hover .et_pb_image_container img {<!-- [et_pb_line_break_holder] -->        transform: scale(1.05) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- TYPOGRAPHY CORRECTIONS --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .entry-title,<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-meta,<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-content {<!-- [et_pb_line_break_holder] -->        padding-left: 24px !important;<!-- [et_pb_line_break_holder] -->        padding-right: 24px !important;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Post Date Configuration *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-meta {<!-- [et_pb_line_break_holder] -->        color: #94a3b8 !important; <!-- [et_pb_line_break_holder] -->        font-size: 12px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 600 !important;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: 0.05em !important;<!-- [et_pb_line_break_holder] -->        margin-bottom: 8px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-meta a {<!-- [et_pb_line_break_holder] -->        color: #94a3b8 !important;<!-- [et_pb_line_break_holder] -->        pointer-events: none !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Headings adjustments *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .entry-title {<!-- [et_pb_line_break_holder] -->        margin: 0 0 16px 0 !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.4 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .entry-title a {<!-- [et_pb_line_break_holder] -->        color: #1e293b !important; <!-- [et_pb_line_break_holder] -->        font-size: 18px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        text-decoration: none !important;<!-- [et_pb_line_break_holder] -->        transition: color 0.3s ease !important;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Two-line text truncation clamp to keep cards symmetric *\/<!-- [et_pb_line_break_holder] -->        display: -webkit-box !important;<!-- [et_pb_line_break_holder] -->        -webkit-line-clamp: 2 !important;<!-- [et_pb_line_break_holder] -->        -webkit-box-orient: vertical !important;<!-- [et_pb_line_break_holder] -->        overflow: hidden !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post:hover .entry-title a {<!-- [et_pb_line_break_holder] -->        color: #800000 !important; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Hide standard post snippets *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-content {<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding-bottom: 24px !important;<!-- [et_pb_line_break_holder] -->        display: flex !important;<!-- [et_pb_line_break_holder] -->        flex-direction: column !important;<!-- [et_pb_line_break_holder] -->        flex-grow: 1 !important; \/* Stretches inside layout container smoothly *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .post-content p {<!-- [et_pb_line_break_holder] -->        display: none !important; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- READ MORE LINK ARROW SCRIPT BUTTON --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .more-link {<!-- [et_pb_line_break_holder] -->        color: #800000 !important;<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        font-size: 14px !important;<!-- [et_pb_line_break_holder] -->        text-decoration: none !important;<!-- [et_pb_line_break_holder] -->        margin-top: auto !important; \/* Pushes button link seamlessly to bottom baseline *\/<!-- [et_pb_line_break_holder] -->        margin-bottom: 0 !important;<!-- [et_pb_line_break_holder] -->        display: inline-flex !important;<!-- [et_pb_line_break_holder] -->        align-items: center !important;<!-- [et_pb_line_break_holder] -->        gap: 8px !important;<!-- [et_pb_line_break_holder] -->        transition: color 0.3s ease !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .more-link::after {<!-- [et_pb_line_break_holder] -->        content: '\\2192' !important; <!-- [et_pb_line_break_holder] -->        font-size: 14px !important;<!-- [et_pb_line_break_holder] -->        transition: transform 0.3s ease !important;<!-- [et_pb_line_break_holder] -->        display: inline-block !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post:hover .more-link {<!-- [et_pb_line_break_holder] -->        color: #b59400 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post:hover .more-link::after {<!-- [et_pb_line_break_holder] -->        transform: translateX(4px) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-custom-blog .et_pb_post {<!-- [et_pb_line_break_holder] -->        border-bottom: none !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_blog fullwidth=&#8221;off&#8221; show_more=&#8221;on&#8221; module_class=&#8221;wzeo-custom-blog&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- SECTION ARCHITECTURE --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branches-section {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        padding: 96px 0; \/* py-24 *\/<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branches-container {<!-- [et_pb_line_break_holder] -->        max-width: 1280px;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->        padding: 0 24px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Section Header Layout *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branches-header {<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        margin-bottom: 64px; \/* mb-16 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branches-badge {<!-- [et_pb_line_break_holder] -->        color: #b59400 !important; \/* Legible darker gold font *\/<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: 3px !important;<!-- [et_pb_line_break_holder] -->        font-size: 12px !important;<!-- [et_pb_line_break_holder] -->        background-color: rgba(255, 215, 0, 0.15) !important; \/* Translucent gold backdrop *\/<!-- [et_pb_line_break_holder] -->        padding: 6px 16px !important;<!-- [et_pb_line_break_holder] -->        border-radius: 9999px !important;<!-- [et_pb_line_break_holder] -->        display: inline-block !important;<!-- [et_pb_line_break_holder] -->        margin-bottom: 12px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branches-header h2 {<!-- [et_pb_line_break_holder] -->        color: #0f172a !important; \/* Slate 900 *\/<!-- [et_pb_line_break_holder] -->        font-size: 36px !important; \/* text-4xl *\/<!-- [et_pb_line_break_holder] -->        font-weight: 800 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->        letter-spacing: -0.02em !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.2 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branches-header h2 span {<!-- [et_pb_line_break_holder] -->        color: #800000 !important; \/* Maroon theme accent *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE STRUCTURAL GRID --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branches-grid {<!-- [et_pb_line_break_holder] -->        display: grid;<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(1, 1fr);<!-- [et_pb_line_break_holder] -->        gap: 28px; \/* gap-7 *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- BRANCH CARD COMPONENT --- *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branch-card {<!-- [et_pb_line_break_holder] -->        background-color: #f8fafc; \/* bg-slate-50 card backdrop *\/<!-- [et_pb_line_break_holder] -->        padding: 40px 32px;<!-- [et_pb_line_break_holder] -->        border-radius: 16px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #e2e8f0;<!-- [et_pb_line_break_holder] -->        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        align-items: flex-start;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branch-card:hover {<!-- [et_pb_line_break_holder] -->        background-color: #ffffff;<!-- [et_pb_line_break_holder] -->        transform: translateY(-6px);<!-- [et_pb_line_break_holder] -->        border-color: rgba(128, 0, 0, 0.15);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 20px 30px -10px rgba(15, 23, 42, 0.08);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Icon Accent Containers *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branch-icon-box {<!-- [et_pb_line_break_holder] -->        width: 56px;<!-- [et_pb_line_break_holder] -->        height: 56px;<!-- [et_pb_line_break_holder] -->        background-color: rgba(128, 0, 0, 0.06); \/* Translucent maroon wrap *\/<!-- [et_pb_line_break_holder] -->        color: #800000;<!-- [et_pb_line_break_holder] -->        border-radius: 12px;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        font-size: 22px;<!-- [et_pb_line_break_holder] -->        margin-bottom: 24px;<!-- [et_pb_line_break_holder] -->        transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branch-card:hover .wzeo-branch-icon-box {<!-- [et_pb_line_break_holder] -->        background-color: #800000;<!-- [et_pb_line_break_holder] -->        color: #ffffff;<!-- [et_pb_line_break_holder] -->        transform: scale(1.05);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Card Content Typography *\/<!-- [et_pb_line_break_holder] -->    .wzeo-branch-card h3 {<!-- [et_pb_line_break_holder] -->        color: #1e293b !important; \/* Slate 800 *\/<!-- [et_pb_line_break_holder] -->        font-size: 20px !important;<!-- [et_pb_line_break_holder] -->        font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 4px 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branch-card .wzeo-branch-subtitle {<!-- [et_pb_line_break_holder] -->        color: #800000;<!-- [et_pb_line_break_holder] -->        font-size: 12px;<!-- [et_pb_line_break_holder] -->        font-weight: 700;<!-- [et_pb_line_break_holder] -->        text-transform: uppercase;<!-- [et_pb_line_break_holder] -->        letter-spacing: 0.05em;<!-- [et_pb_line_break_holder] -->        margin-bottom: 16px;<!-- [et_pb_line_break_holder] -->        display: block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .wzeo-branch-card p {<!-- [et_pb_line_break_holder] -->        color: #475569 !important; \/* Slate 600 *\/<!-- [et_pb_line_break_holder] -->        font-size: 14.5px !important;<!-- [et_pb_line_break_holder] -->        line-height: 1.6 !important;<!-- [et_pb_line_break_holder] -->        font-weight: 500 !important;<!-- [et_pb_line_break_holder] -->        margin: 0 !important;<!-- [et_pb_line_break_holder] -->        padding: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- RESPONSIVE BREAKPOINT MATRICES --- *\/<!-- [et_pb_line_break_holder] -->    @media (min-width: 640px) {<!-- [et_pb_line_break_holder] -->        .wzeo-branches-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(2, 1fr); \/* 2 columns on tablets *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->        .wzeo-branches-grid {<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(4, 1fr); \/* 4 columns on full desktop viewports *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"wzeo-branches-section\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"wzeo-branches-container\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-branches-header\"><!-- [et_pb_line_break_holder] -->            <span class=\"wzeo-branches-badge\">Structure<\/span><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Our Administration <span>Branches<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"wzeo-branches-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-branch-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-branch-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-users-cog\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Administration<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <span class=\"wzeo-branch-subtitle\">\u0db4\u0dcf\u0dbd\u0db1 \u0dc1\u0dcf\u0d9b\u0dcf\u0dc0<\/span><!-- [et_pb_line_break_holder] -->                <pee>Manages institutional staff files, teacher appointments, transfers, internal operations, leave approvals, and general service files.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-branch-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-branch-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-book-reader\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Development<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <span class=\"wzeo-branch-subtitle\">\u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1 \u0dc3\u0d82\u0dc0\u0dbb\u0dca\u0db0\u0db1<\/span><!-- [et_pb_line_break_holder] -->                <pee>Oversight of school curriculum development, coordination of teacher training workshops, e-learning initiatives, and academic standards tracking.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-branch-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-branch-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-wallet\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Finance<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <span class=\"wzeo-branch-subtitle\">\u0db8\u0dd4\u0daf\u0dbd\u0dca \u0dc1\u0dcf\u0d9b\u0dcf\u0dc0<\/span><!-- [et_pb_line_break_holder] -->                <pee>Oversight of zonal budgets, public sector payroll management, school funding grants processing, procurement, and annual accounting operations.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"wzeo-branch-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"wzeo-branch-icon-box\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fas fa-server\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Planning &#038; ICT<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <span class=\"wzeo-branch-subtitle\">\u0dc3\u0dd0\u0dbd\u0dc3\u0dd4\u0db8\u0dca \u0dc3\u0dc4 \u0dad\u0ddc\u0dbb\u0dad\u0dd4\u0dbb\u0dd4 \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab<\/span><!-- [et_pb_line_break_holder] -->                <pee>Manages school census databases, physical infrastructure development layouts, hardware asset allocation, and zonal portal administration.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;] Empowering Education in Wilgamuwa Welcome to the official web portal of the Wilgamuwa Zonal Education Office. Providing quality leadership and digital administration. View Our Vision [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;] Circulars Access and download all official departmental circulars. Exam Results Check the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":19,"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":634,"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/634"}],"wp:attachment":[{"href":"https:\/\/zeowilgamuwa.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}