{"id":871,"date":"2026-09-10T12:38:27","date_gmt":"2026-09-10T12:38:27","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=871"},"modified":"2026-09-14T08:48:37","modified_gmt":"2026-09-14T08:48:37","slug":"early-childcare-assistant","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/early-childcare-assistant\/","title":{"rendered":"Early Childcare Assistant"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"871\" class=\"elementor elementor-871\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69ee633 e-con-full e-flex e-con e-parent\" data-id=\"69ee633\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a21c11 elementor-widget elementor-widget-html\" data-id=\"7a21c11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Early Childcare Assistant \u2014 Elite College<\/title>\r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Work Sans', sans-serif;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 80vh;\r\n            display: flex;\r\n            align-items: center;\r\n            background: #080F1A;\r\n            overflow: hidden;\r\n            padding: 40px 40px 80px;\r\n        }\r\n\r\n        .hero-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n            background:#023357;\r\n        }\r\n\r\n        .hero-container {\r\n            max-width: 1320px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ===== LEFT CONTENT ===== *\/\r\n        .hero-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n        }\r\n\r\n        \/* ===== BREADCRUMB ===== *\/\r\n        .hero-breadcrumb {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .hero-breadcrumb a {\r\n            color: rgba(255, 184, 0, 0.5);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .hero-breadcrumb a:hover {\r\n            color: #FFB800;\r\n        }\r\n        .hero-breadcrumb .sep {\r\n            color: rgba(255, 255, 255, 0.15);\r\n            margin: 0 6px;\r\n        }\r\n        .hero-breadcrumb .current {\r\n            color: rgba(255, 255, 255, 0.35);\r\n        }\r\n\r\n        \/* ===== TITLE ===== *\/\r\n        .hero-title {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 48px;\r\n            line-height: 1.05;\r\n            color: #ffffff;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .hero-title .gold {\r\n            background: linear-gradient(135deg, #FFB800 0%, #FF8C00 50%, #FFB800 100%);\r\n            background-size: 200% 200%;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            animation: goldMove 5s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes goldMove {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        \/* ===== DIVIDER ===== *\/\r\n        .hero-divider {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin: 2px 0 4px;\r\n        }\r\n\r\n        .hero-divider .label {\r\n            font-size: 11px;\r\n            font-weight: 400;\r\n            color: rgb(255, 255, 255);\r\n            font-family: 'Work Sans', sans-serif;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* ===== SUBTITLE ===== *\/\r\n        .hero-subtitle {\r\n            font-size: 16px;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.45);\r\n            line-height: 1.8;\r\n            font-family: 'Work Sans', sans-serif;\r\n            letter-spacing: 0.2px;\r\n        }\r\n\r\n        .hero-subtitle strong {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* ===== TRUST BAR ===== *\/\r\n        .hero-trust {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px 24px;\r\n            margin-top: 6px;\r\n            padding-top: 18px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n        }\r\n\r\n        .hero-trust-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 12px;\r\n            color: rgb(255, 255, 255);\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-weight: 300;\r\n            letter-spacing: 0.2px;\r\n            transition: 0.3s ease;\r\n        }\r\n\r\n        .hero-trust-item:hover {\r\n            color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .hero-trust-item .icon {\r\n            font-size: 14px;\r\n            color: #FFB800;\r\n            opacity: 0.4;\r\n            transition: 0.3s ease;\r\n            font-style: normal;\r\n        }\r\n\r\n        .hero-trust-item:hover .icon {\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* ============================================================\r\n           RIGHT - IMAGE\r\n           ============================================================ *\/\r\n        .hero-image-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-image-wrapper .main-image {\r\n            width: 100%;\r\n            max-width: 560px;\r\n            height: auto;\r\n            border-radius: 20px;\r\n            object-fit: cover;\r\n            box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5);\r\n            border: 1px solid rgba(255, 255, 255, 0.03);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ============================================================\r\n           RESPONSIVE\r\n           ============================================================ *\/\r\n        @media (min-width: 1440px) {\r\n            .hero-section { padding: 140px 60px 100px; }\r\n            .hero-title { font-size: 58px; }\r\n            .hero-container { gap: 70px; }\r\n        }\r\n\r\n        @media (max-width: 1280px) {\r\n            .hero-title { font-size: 44px; }\r\n            .hero-container { gap: 50px; }\r\n        }\r\n\r\n        @media (max-width: 1199px) {\r\n            .hero-title { font-size: 40px; }\r\n            .hero-container { gap: 40px; }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .hero-section { \r\n                padding: 40px 30px 50px; \r\n                min-height: auto; \r\n            }\r\n            .hero-container { \r\n                grid-template-columns: 1fr; \r\n                gap: 30px; \r\n            }\r\n            .hero-content { order: 1; }\r\n            .hero-image-wrapper { order: 2; }\r\n            .hero-title { font-size: 36px; }\r\n            .hero-subtitle { font-size: 15px; max-width: 100%; }\r\n            .hero-image-wrapper .main-image { max-width: 100%; }\r\n            .hero-trust { gap: 6px 16px; }\r\n            .hero-trust-item { font-size: 11px; }\r\n            .hero-divider .label { font-size: 10px; }\r\n            .hero-breadcrumb { font-size: 12px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-section { \r\n                padding: 30px 20px 40px; \r\n            }\r\n            .hero-title { font-size: 30px; }\r\n            .hero-subtitle { font-size: 14px; }\r\n            .hero-trust { gap: 6px 12px; }\r\n            .hero-trust-item { font-size: 10px; }\r\n            .hero-divider .label { font-size: 9px; }\r\n            .hero-breadcrumb { font-size: 11px; }\r\n            .hero-container { gap: 24px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section { \r\n                padding: 20px 16px 30px; \r\n            }\r\n            .hero-title { font-size: 24px; }\r\n            .hero-subtitle { font-size: 13px; }\r\n            .hero-trust { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; padding-top: 12px; }\r\n            .hero-trust-item { font-size: 9px; gap: 4px; }\r\n            .hero-trust-item .icon { font-size: 11px; }\r\n            .hero-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n            .hero-breadcrumb { font-size: 10px; }\r\n            .hero-container { gap: 18px; }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .hero-title { font-size: 20px; }\r\n            .hero-trust-item { font-size: 8px; }\r\n            .hero-trust { gap: 3px 8px; }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .hero-title { font-size: 18px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n\r\n        <!-- Background -->\r\n        <div class=\"hero-bg\"><\/div>\r\n\r\n        <div class=\"hero-container\">\r\n\r\n            <!-- LEFT CONTENT -->\r\n            <div class=\"hero-content\">\r\n\r\n                <!-- Breadcrumb -->\r\n                <div class=\"hero-breadcrumb\">\r\n                    <a href=\"\/\">Home<\/a>\r\n                    <span class=\"sep\">\/<\/span>\r\n                    <a href=\"\/programs\/\">Programs<\/a>\r\n                    <span class=\"sep\">\/<\/span>\r\n                    Healthcare\r\n                    <span class=\"sep\">\/<\/span>\r\n                    <span class=\"current\">Early Childcare Assistant<\/span>\r\n                <\/div>\r\n\r\n                <!-- Title -->\r\n                <h1 class=\"hero-title\">\r\n                    Early <span class=\"gold\">Childcare Assistant<\/span>\r\n                <\/h1>\r\n\r\n                <!-- Divider -->\r\n                <div class=\"hero-divider\">\r\n                    <span style=\"color: #FBAB00;\">\u25c9<\/span>\r\n                    <span class=\"label\">Certificate Program<\/span>\r\n                <\/div>\r\n\r\n                <!-- Subtitle \/ Description -->\r\n                <p class=\"hero-subtitle\" style=\"text-align: justify;\">\r\n                    Build a rewarding career supporting children's learning, development and well-being. \r\n                    This program combines <strong>classroom learning with extensive hands-on practicum experience<\/strong> \r\n                    in early childhood settings \u2014 with practical knowledge in \r\n                    <strong>child development, play-based activities, health and safety,<\/strong> and \r\n                    <strong>supporting children's developmental needs<\/strong>.\r\n                <\/p>\r\n\r\n                <!-- Trust -->\r\n                <div class=\"hero-trust\">\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u2726<\/span> 39 Weeks\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u25c8<\/span> 945 Hours\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u2713<\/span> In Person\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u25c9<\/span> Career Colleges Act, 2005\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT CONTENT - IMAGE -->\r\n            <div class=\"hero-image-wrapper\">\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2149389926.webp\" \r\n                    alt=\"Early Childcare Assistant\" \r\n                    class=\"main-image\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18fa6af e-con-full e-flex e-con e-parent\" data-id=\"18fa6af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37e2ae1 elementor-widget elementor-widget-html\" data-id=\"37e2ae1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Early Childcare Assistant \u2014 Elite College<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Work Sans', sans-serif;\r\n            background: #ffffff;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 40px 0 40px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           PROGRAM HEADER\r\n           ===================================================== *\/\r\n        .program-header {\r\n            padding: 40px 0 30px;\r\n            background: #ffffff;\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .program-header .container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .program-breadcrumb {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.3);\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .program-breadcrumb a {\r\n            color: rgba(195, 21, 69, 0.5);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .program-breadcrumb a:hover {\r\n            color: #C31545;\r\n        }\r\n        .program-breadcrumb .sep {\r\n            color: rgba(10, 22, 40, 0.15);\r\n            margin: 0 6px;\r\n        }\r\n        .program-breadcrumb .current {\r\n            color: rgba(10, 22, 40, 0.5);\r\n        }\r\n\r\n        .program-header-top {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .program-category {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            background: rgba(195, 21, 69, 0.08);\r\n            border: 1px solid rgba(195, 21, 69, 0.12);\r\n            padding: 4px 14px;\r\n            border-radius: 50px;\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            color: #C31545;\r\n            letter-spacing: 0.8px;\r\n            text-transform: uppercase;\r\n            font-family: 'Work Sans', sans-serif;\r\n        }\r\n\r\n        .program-title {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 36px;\r\n            color: #0A1628;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .program-title .highlight {\r\n            color: #C31545;\r\n        }\r\n\r\n        .program-meta {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 16px 28px;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .program-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            color: rgba(10, 22, 40, 0.5);\r\n        }\r\n\r\n        .program-meta-item i {\r\n            color: #C31545;\r\n            font-size: 14px;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .program-meta-item strong {\r\n            color: #0A1628;\r\n            font-weight: 500;\r\n        }\r\n        .sticky-apply-bar {\r\n            display: none;\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 999;\r\n            background: #ffffff;\r\n            padding: 10px 20px;\r\n            box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.06);\r\n            border-top: 1px solid rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-text i {\r\n            color: #C31545;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-btn {\r\n            background: linear-gradient(135deg, #C31545, #9e0f38);\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 8px 24px;\r\n            border-radius: 50px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-family: 'Work Sans', sans-serif;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-btn:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 4px 20px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .tabs-section {\r\n            padding: 40px 0 60px;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .tabs-nav {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 4px;\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n            padding-bottom: 4px;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .tab-btn {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: rgba(10, 22, 40, 0.4);\r\n            background: transparent;\r\n            border: none;\r\n            padding: 10px 22px;\r\n            border-radius: 8px 8px 0 0;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tab-btn:hover {\r\n            color: #0A1628;\r\n            background: rgba(195, 21, 69, 0.04);\r\n        }\r\n\r\n        .tab-btn.active {\r\n            color: #C31545;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            font-weight: 600;\r\n            position: relative;\r\n        }\r\n\r\n        .tab-btn.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 20%;\r\n            right: 20%;\r\n            height: 2.5px;\r\n            background: #C31545;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .tab-panel {\r\n            display: none;\r\n            animation: fadeIn 0.4s ease;\r\n            padding-top: 8px;\r\n        }\r\n\r\n        .tab-panel.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; transform: translateY(8px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .overview-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            line-height: 1.8;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .overview-text strong {\r\n            color: #0A1628;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .overview-text p {\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        \/* ===== NEW APPROVAL RIBBON STYLE ===== *\/\r\n        .approval-ribbon {\r\n            margin-top: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            padding: 14px 0 14px 20px;\r\n            border-left: 3px solid #C31545;\r\n            background: linear-gradient(90deg, rgba(195, 21, 69, 0.04) 0%, rgba(195, 21, 69, 0.01) 60%, transparent 100%);\r\n            border-radius: 0 12px 12px 0;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .approval-ribbon-icon {\r\n            flex-shrink: 0;\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            background: #C31545;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 15px;\r\n            color: #ffffff;\r\n            box-shadow: 0 2px 10px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .approval-ribbon-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n            line-height: 1.5;\r\n            letter-spacing: 0.1px;\r\n        }\r\n\r\n        .approval-ribbon-text strong {\r\n            color: #C31545;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* ===== LEARN SECTION ===== *\/\r\n        .learn-section {\r\n            margin-top: 48px;\r\n            padding-top: 40px;\r\n            border-top: 1px solid rgba(10, 22, 40, 0.06);\r\n        }\r\n\r\n        .learn-header {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .learn-header .learn-label {\r\n            display: inline-block;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: #C31545;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2.5px;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            padding: 5px 18px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(195, 21, 69, 0.08);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .learn-header h3 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 30px;\r\n            color: #0A1628;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .learn-header h3 span {\r\n            color: #C31545;\r\n        }\r\n\r\n        \/* ===== HORIZONTAL SCROLL ===== *\/\r\n        .learn-scroll {\r\n            display: flex;\r\n            gap: 20px;\r\n            overflow-x: auto;\r\n            scroll-snap-type: x mandatory;\r\n            padding: 4px 4px 20px;\r\n            -webkit-overflow-scrolling: touch;\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar {\r\n            height: 6px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-track {\r\n            background: rgba(10, 22, 40, 0.03);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(90deg, #C31545, #9e0f38);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-thumb:hover {\r\n            background: linear-gradient(90deg, #9e0f38, #7a0b2b);\r\n        }\r\n\r\n        \/* ===== LEARN CARD ===== *\/\r\n        .learn-card {\r\n            flex: 0 0 260px;\r\n            scroll-snap-align: start;\r\n            background: #ffffff;\r\n            border: 1px solid rgba(10, 22, 40, 0.05);\r\n            border-radius: 18px;\r\n            padding: 26px 22px 24px;\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .learn-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #C31545, #9e0f38);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .learn-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.05);\r\n            border-color: rgba(195, 21, 69, 0.08);\r\n        }\r\n\r\n        .learn-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .learn-number {\r\n            position: absolute;\r\n            top: 16px;\r\n            right: 20px;\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            color: rgba(10, 22, 40, 0.04);\r\n            line-height: 1;\r\n            transition: all 0.4s ease;\r\n            user-select: none;\r\n        }\r\n\r\n        .learn-card:hover .learn-number {\r\n            color: rgba(195, 21, 69, 0.08);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .learn-card-icon {\r\n            width: 52px;\r\n            height: 52px;\r\n            border-radius: 14px;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 22px;\r\n            color: #C31545;\r\n            margin-bottom: 16px;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .learn-card:hover .learn-card-icon {\r\n            background: rgba(195, 21, 69, 0.12);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .learn-card h4 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            color: #0A1628;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.2px;\r\n        }\r\n\r\n        .learn-card p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.55);\r\n            line-height: 1.6;\r\n        }\r\n        .accordion-item {\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .accordion-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 14px 0;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .accordion-header:hover {\r\n            color: #C31545;\r\n        }\r\n\r\n        .accordion-header .arrow {\r\n            font-size: 14px;\r\n            transition: transform 0.3s ease;\r\n            color: #C31545;\r\n        }\r\n\r\n        .accordion-item.active .accordion-header .arrow {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .accordion-body {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease;\r\n        }\r\n\r\n        .accordion-body-inner {\r\n            padding: 0 0 16px 0;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            color: rgba(10, 22, 40, 0.6);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .chips-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .chip {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            background: #f8f9fc;\r\n            padding: 6px 18px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(10, 22, 40, 0.04);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .chip:hover {\r\n            border-color: #C31545;\r\n            color: #0A1628;\r\n            background: rgba(195, 21, 69, 0.04);\r\n        }\r\n\r\n        .admissions-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .admissions-list li {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            padding: 8px 0 8px 28px;\r\n            position: relative;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .admissions-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #C31545;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n        }\r\n        .tuition-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .tuition-card {\r\n            background: #f8f9fc;\r\n            border-radius: 16px;\r\n            padding: 24px 28px;\r\n            border: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .tuition-card h4 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 600;\r\n            font-size: 18px;\r\n            color: #0A1628;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .tuition-card p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            color: rgba(10, 22, 40, 0.6);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .tuition-card .price {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 28px;\r\n            color: #C31545;\r\n            margin: 8px 0 4px;\r\n        }\r\n        .faq-item .accordion-header {\r\n            font-weight: 400;\r\n            font-size: 14px;\r\n        }\r\n        .cta-banner-section {\r\n            padding: 50px 0;\r\n            background: #2F6F62;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-banner-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse at 70% 30%, rgba(195, 21, 69, 0.04) 0%, transparent 60%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-banner-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-banner-container h2 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 32px;\r\n            color: #ffffff;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .cta-banner-container p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cta-banner-container .cta-btn {\r\n            background: linear-gradient(135deg, #C31545, #9e0f38);\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 14px 40px;\r\n            border-radius: 50px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.4s ease;\r\n            font-family: 'Work Sans', sans-serif;\r\n            box-shadow: 0 4px 25px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .cta-banner-container .cta-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 35px rgba(195, 21, 69, 0.35);\r\n        }\r\n\r\n        .cta-banner-container .cta-btn i {\r\n            transition: 0.3s ease;\r\n        }\r\n\r\n        .cta-banner-container .cta-btn:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n\r\n        @media (max-width: 1024px) {\r\n            .container { padding: 0 30px; }\r\n            .program-title { font-size: 32px; }\r\n            .tuition-grid { grid-template-columns: 1fr; }\r\n            .cta-banner-container h2 { font-size: 28px; }\r\n            .learn-header h3 { font-size: 26px; }\r\n            .learn-card { flex: 0 0 240px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .container { padding: 0 20px; margin: 0 10px 0 10px;}\r\n            .program-header { padding: 30px 0 20px; }\r\n            .program-title { font-size: 26px; }\r\n            .program-meta { gap: 10px 16px; }\r\n            .program-meta-item { font-size: 12px; }\r\n            .sticky-apply-bar { display: block; }\r\n            .tabs-section { padding: 30px 0 40px; }\r\n            .tab-btn { font-size: 12px; padding: 8px 14px; }\r\n            .cta-banner-container h2 { font-size: 24px; }\r\n            .cta-banner-container p { font-size: 14px; }\r\n            .cta-banner-container .cta-btn { padding: 12px 32px; font-size: 13px; }\r\n            .learn-section { margin-top: 36px; padding-top: 30px; }\r\n            .learn-header h3 { font-size: 22px; }\r\n            .learn-card { flex: 0 0 220px; padding: 22px 18px 20px; border-radius: 16px; }\r\n            .learn-card h4 { font-size: 15px; }\r\n            .learn-card p { font-size: 12px; }\r\n            .learn-card-icon { width: 44px; height: 44px; font-size: 18px; border-radius: 12px; }\r\n            .learn-number { font-size: 34px; top: 14px; right: 16px; }\r\n            .approval-ribbon { padding: 12px 0 12px 16px; gap: 12px; }\r\n            .approval-ribbon-icon { width: 32px; height: 32px; font-size: 13px; }\r\n            .approval-ribbon-text { font-size: 12px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .program-title { font-size: 22px; }\r\n            .program-header-top { flex-direction: column; align-items: flex-start; gap: 8px; }\r\n            .tabs-nav { flex-wrap: nowrap; overflow-x: auto; gap: 2px; }\r\n            .tab-btn { font-size: 11px; padding: 6px 12px; white-space: nowrap; }\r\n            .cta-banner-container h2 { font-size: 20px; }\r\n            .sticky-apply-bar .sticky-text { font-size: 12px; }\r\n            .sticky-apply-bar .sticky-btn { padding: 6px 18px; font-size: 12px; }\r\n            .container { padding: 0 16px; }\r\n            .cta-banner-container { padding: 0 16px; }\r\n            .learn-header .learn-label { font-size: 10px; padding: 3px 12px; }\r\n            .learn-header h3 { font-size: 20px; }\r\n            .learn-card { flex: 0 0 200px; padding: 18px 16px 18px; border-radius: 14px; }\r\n            .learn-card h4 { font-size: 14px; }\r\n            .learn-card p { font-size: 11px; }\r\n            .learn-card-icon { width: 40px; height: 40px; font-size: 16px; border-radius: 10px; margin-bottom: 12px; }\r\n            .learn-number { font-size: 28px; }\r\n            .approval-ribbon { padding: 10px 0 10px 14px; gap: 10px; border-radius: 0 10px 10px 0; }\r\n            .approval-ribbon-icon { width: 28px; height: 28px; font-size: 12px; }\r\n            .approval-ribbon-text { font-size: 11px; }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .program-title { font-size: 18px; }\r\n            .tuition-card { padding: 18px 16px; }\r\n            .tuition-card .price { font-size: 22px; }\r\n            .learn-card { flex: 0 0 180px; }\r\n        }\r\n\r\n        @media (min-width: 769px) {\r\n            .sticky-apply-bar {\r\n                display: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"program-header\">\r\n        <div class=\"container\">\r\n            <div class=\"program-header-top\">\r\n                <span class=\"program-category\">\r\n                    <i class=\"fas fa-child\"><\/i> Early Childhood Education\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"program-title\">\r\n                Early <span class=\"highlight\">Childcare Assistant<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"program-meta\">\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-clock\"><\/i> <strong>39<\/strong> weeks\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-hourglass-half\"><\/i> <strong>945<\/strong> total hours\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-graduation-cap\"><\/i> <strong>Certificate<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i> <strong>Markham, Richmond Hill<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-calendar-check\"><\/i> Next start: <strong>Fall 2026<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-building\"><\/i> <strong>In Person<\/strong> delivery\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <div class=\"sticky-apply-bar\" id=\"stickyApplyBar\">\r\n        <div class=\"sticky-inner\">\r\n            <span class=\"sticky-text\">\r\n                <i class=\"fas fa-graduation-cap\"><\/i> Early Childcare Assistant\r\n            <\/span>\r\n            <a href=\"#\" class=\"sticky-btn\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"tabs-section\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"tabs-nav\" id=\"tabsNav\">\r\n                <button class=\"tab-btn active\" data-tab=\"overview\">Overview<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"curriculum\">Curriculum<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"careers\">Careers<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"admissions\">Admissions<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"tuition\">Tuition<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"faq\">FAQ<\/button>\r\n            <\/div>\r\n\r\n            <!-- ===== OVERVIEW TAB ===== -->\r\n            <div class=\"tab-panel active\" id=\"tab-overview\">\r\n                <div class=\"overview-text\">\r\n                    <p style=\"text-align: justify;\">\r\n                        Build a rewarding career supporting children's learning, development and well-being. The <strong>Early Childcare Assistant<\/strong> program combines <strong>classroom learning with extensive hands-on practicum experience<\/strong> in early childhood settings.\r\n                    <\/p>\r\n                    <p style=\"text-align: justify;\">\r\n                        This program is designed to develop <strong>practical knowledge<\/strong> in child development, early learning, play-based activities, health and safety, communication, childcare policies, activity planning and supporting children's developmental needs.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- ===== NEW APPROVAL RIBBON ===== -->\r\n                <div class=\"approval-ribbon\">\r\n                    <div class=\"approval-ribbon-icon\">\r\n                        <i class=\"fas fa-check\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"approval-ribbon-text\">\r\n                        This program is approved as a vocational program under the <strong>Ontario Career Colleges Act, 2005<\/strong>.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ===== WHAT YOU'LL LEARN - HORIZONTAL SCROLL ===== -->\r\n                <div class=\"learn-section\">\r\n                    <div class=\"learn-header\">\r\n                        <h3>Skills You'll <span>Master<\/span><\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"learn-scroll\">\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">01<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-child\"><\/i><\/div>\r\n                            <h4>Child Development<\/h4>\r\n                            <p>Understand physical, cognitive, social and emotional growth milestones.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">02<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-puzzle-piece\"><\/i><\/div>\r\n                            <h4>Play-Based Learning<\/h4>\r\n                            <p>Facilitate learning through play and hands-on activities.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">03<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-heartbeat\"><\/i><\/div>\r\n                            <h4>Health &amp; Safety<\/h4>\r\n                            <p>Maintain safe, hygienic and nurturing environments for children.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">04<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n                            <h4>Communication<\/h4>\r\n                            <p>Build positive relationships with children, families and colleagues.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">05<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n                            <h4>Activity Planning<\/h4>\r\n                            <p>Design engaging, age-appropriate activities and learning experiences.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">06<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                            <h4>Inclusive Practices<\/h4>\r\n                            <p>Support diversity and inclusion in early learning settings.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">07<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-smile\"><\/i><\/div>\r\n                            <h4>Guiding Behaviour<\/h4>\r\n                            <p>Use positive guidance strategies to support children's behaviour.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">08<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-home\"><\/i><\/div>\r\n                            <h4>Family &amp; Community<\/h4>\r\n                            <p>Build meaningful relationships with families and community partners.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">09<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n                            <h4>Policies &amp; Procedures<\/h4>\r\n                            <p>Understand childcare regulations, standards and best practices.<\/p>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== CURRICULUM TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-curriculum\">\r\n                <div class=\"accordion-item active\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Early Childhood Education Foundations\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Introduction to the field of early childhood education, historical perspectives, current trends and career paths.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Child Growth and Development\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Study physical, cognitive, social and emotional development from infancy through school age.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Communication Skills\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Develop effective verbal, written and interpersonal communication skills for childcare settings.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Health, Safety and Nutrition\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Learn to maintain safe, healthy environments and promote proper nutrition for children.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Planning Activities for Children\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Design and implement age-appropriate activities that support learning and development.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Play and Early Learning\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Explore the role of play in early learning and how to facilitate play-based experiences.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Supporting Children's Development\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Learn strategies to support children with diverse developmental needs and abilities.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Childcare Policies and Procedures\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Understand licensing regulations, policies and professional standards in childcare.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Infant and Toddler Practicum\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Gain hands-on experience caring for and supporting infants and toddlers in early years settings.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Family and Community Relationships\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Build partnerships with families and connect with community resources and services.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Inclusive Childcare Practices\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Create inclusive environments that celebrate diversity and support all children.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Guiding Children's Behaviour\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Learn positive guidance techniques to support children's social-emotional development.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Preschool Learning and Development\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Focus on preschool-aged children's learning, development and school readiness.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Preschool Practicum\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">Apply skills in a preschool setting with supervised hands-on experience.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== CAREERS TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-careers\">\r\n                <p style=\"font-family: 'Work Sans', sans-serif; font-size: 15px; color: rgba(10,22,40,0.6); margin-bottom: 12px;\">\r\n                    Graduates develop skills applicable to opportunities in:\r\n                <\/p>\r\n                <div class=\"chips-container\">\r\n                    <span class=\"chip\">Licensed Childcare Centres<\/span>\r\n                    <span class=\"chip\">Daycare Centres<\/span>\r\n                    <span class=\"chip\">Early Learning Centres<\/span>\r\n                    <span class=\"chip\">Preschool Programs<\/span>\r\n                    <span class=\"chip\">Children's Services Environments<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== ADMISSIONS TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-admissions\">\r\n                <ul class=\"admissions-list\">\r\n                    <li>Ontario Secondary School Diploma (OSSD) or equivalent<\/li>\r\n                    <li>English proficiency (minimum Grade 12 or equivalent)<\/li>\r\n                    <li>Admissions interview with program coordinator<\/li>\r\n                    <li>Vulnerable Sector Check (required for practicum placement)<\/li>\r\n                    <li>Up-to-date immunization records (recommended)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- ===== TUITION TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-tuition\">\r\n                <div class=\"tuition-grid\">\r\n                    <div class=\"tuition-card\">\r\n                        <h4>Total Tuition<\/h4>\r\n                        <div class=\"price\">$7,200<\/div>\r\n                        <p>Includes all materials, textbooks, and practicum placement support.<\/p>\r\n                    <\/div>\r\n                    <div class=\"tuition-card\">\r\n                        <h4>Financial Aid Available<\/h4>\r\n                        <p>OSAP, Better Jobs Ontario, and flexible payment plans available.<\/p>\r\n                        <a href=\"#\" style=\"color: #C31545; text-decoration: none; font-weight: 500; display: inline-block; margin-top: 8px;\">\r\n                            Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== FAQ TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-faq\">\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What career opportunities are available after graduation?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            Graduates find opportunities in licensed childcare centres, daycare centres, early learning centres, preschool programs and other children's services environments.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Is this program accredited?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            Yes, the Early Childcare Assistant program is approved as a vocational program under the Ontario Career Colleges Act, 2005.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What is the class size?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            Class sizes are capped at 1 instructor per 15 students for personalized attention and hands-on training.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        How much practicum experience is included?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            The program includes two supervised practicum placements \u2014 one in infant\/toddler settings and one in preschool settings \u2014 providing extensive hands-on experience.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-banner-section\">\r\n        <div class=\"cta-banner-container\">\r\n            <h2>Make a Difference in a Child's Early Years<\/h2>\r\n            <p>Build the practical skills and experience to help create safe, supportive and engaging learning environments for young children.<\/p>\r\n            <a href=\"#\" class=\"cta-btn\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n    <script>\r\n        \/\/ ===== TABS =====\r\n        const tabs = document.querySelectorAll('.tab-btn');\r\n        const panels = document.querySelectorAll('.tab-panel');\r\n\r\n        tabs.forEach(function(tab) {\r\n            tab.addEventListener('click', function() {\r\n                tabs.forEach(function(t) { t.classList.remove('active'); });\r\n                this.classList.add('active');\r\n\r\n                panels.forEach(function(p) { p.classList.remove('active'); });\r\n\r\n                const target = this.getAttribute('data-tab');\r\n                const targetPanel = document.getElementById('tab-' + target);\r\n                if (targetPanel) {\r\n                    targetPanel.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ===== ACCORDION =====\r\n        function toggleAccordion(header) {\r\n            const item = header.parentElement;\r\n            const body = item.querySelector('.accordion-body');\r\n            const isActive = item.classList.contains('active');\r\n\r\n            const parent = item.parentElement;\r\n            parent.querySelectorAll('.accordion-item').forEach(function(el) {\r\n                if (el !== item) {\r\n                    el.classList.remove('active');\r\n                    el.querySelector('.accordion-body').style.maxHeight = '0';\r\n                }\r\n            });\r\n\r\n            if (isActive) {\r\n                item.classList.remove('active');\r\n                body.style.maxHeight = '0';\r\n            } else {\r\n                item.classList.add('active');\r\n                body.style.maxHeight = body.scrollHeight + 'px';\r\n            }\r\n        }\r\n\r\n        document.querySelectorAll('.accordion-item').forEach(function(item, index) {\r\n            const body = item.querySelector('.accordion-body');\r\n            if (index === 0) {\r\n                item.classList.add('active');\r\n                body.style.maxHeight = body.scrollHeight + 'px';\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Early Childcare Assistant \u2014 Elite College Home \/ Programs \/ Healthcare \/ Early Childcare Assistant Early Childcare Assistant \u25c9 Certificate Program Build a rewarding career supporting children&#8217;s learning, development and well-being. This program combines classroom learning with extensive hands-on practicum experience in early childhood settings \u2014 with practical knowledge in child development, play-based activities, health [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-871","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/comments?post=871"}],"version-history":[{"count":25,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/871\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/871\/revisions\/1290"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}