{"id":585,"date":"2026-09-05T09:50:26","date_gmt":"2026-09-05T09:50:26","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=585"},"modified":"2026-09-14T13:04:38","modified_gmt":"2026-09-14T13:04:38","slug":"programs","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/programs\/","title":{"rendered":"Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"585\" class=\"elementor elementor-585\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f7785e e-con-full e-flex e-con e-parent\" data-id=\"4f7785e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e71ac70 elementor-widget elementor-widget-html\" data-id=\"e71ac70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.hero-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #023357;\r\n    overflow: hidden;\r\n    padding: 60px 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.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    margin-bottom: 4px;\r\n}\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\r\n.hero-breadcrumb a:hover {\r\n    color: #FFB800;\r\n}\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\r\n.hero-breadcrumb .current {\r\n    color: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(255, 184, 0, 0.06);\r\n    border: 1px solid rgba(255, 184, 0, 0.08);\r\n    padding: 6px 20px 6px 16px;\r\n    border-radius: 50px;\r\n    width: fit-content;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: rgba(255, 184, 0, 0.6);\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    font-family: 'Work Sans', sans-serif;\r\n}\r\n\r\n.hero-badge .badge-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #FFB800;\r\n    border-radius: 50%;\r\n    animation: pulseDot 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulseDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.2; transform: scale(0.5); }\r\n}\r\n\r\n.hero-title {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 52px;\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.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 .line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #FFB800, transparent);\r\n    border-radius: 2px;\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.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    max-width: 480px;\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\/* ===== PROGRAM STATS ===== *\/\r\n.hero-stats {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 24px 40px;\r\n    margin-top: 4px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.04);\r\n}\r\n\r\n.hero-stats .stat-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.hero-stats .stat-item .number {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 28px;\r\n    color: #FFB800;\r\n    line-height: 1;\r\n}\r\n\r\n.hero-stats .stat-item .label {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.4);\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n.hero-stats .stat-item .label strong {\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-weight: 400;\r\n}\r\n\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: 12px;\r\n    color: #FFB800;\r\n    opacity: 0.3;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.hero-trust-item:hover .icon {\r\n    opacity: 0.7;\r\n}\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.hero-badge-1 {\r\n    position: absolute;\r\n    bottom: -30px;\r\n    right: -10px;\r\n    z-index: 3;\r\n    background: linear-gradient(145deg, rgba(8, 15, 26, 0.95), rgb(2 26 10));\r\n    border: 1px solid rgba(255, 184, 0, 0.12);\r\n    border-radius: 16px;\r\n    padding: 18px 24px;\r\n    min-width: 130px;\r\n    text-align: center;\r\n    backdrop-filter: blur(20px);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.hero-badge-1:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(255, 184, 0, 0.25);\r\n    box-shadow: 0 25px 70px rgba(255, 184, 0, 0.08);\r\n}\r\n\r\n.hero-badge-1 .number {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 36px;\r\n    color: #FFB800;\r\n    line-height: 1;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.hero-badge-1 .number .pc {\r\n    font-size: 18px;\r\n    opacity: 0.4;\r\n    font-weight: 400;\r\n}\r\n\r\n.hero-badge-1 .label {\r\n    font-size: 10px;\r\n    color: white;\r\n    font-family: 'Work Sans', sans-serif;\r\n    margin-top: 4px;\r\n    letter-spacing: 0.5px;\r\n    font-weight: 300;\r\n}\r\n\r\n.hero-badge-2 {\r\n    position: absolute;\r\n    bottom: 50px;\r\n    left: -20px;\r\n    z-index: 3;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-radius: 14px;\r\n    padding: 14px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.hero-badge-2:hover {\r\n    background: rgba(255, 255, 255, 0.07);\r\n    border-color: rgba(255, 184, 0, 0.15);\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hero-badge-2 .icon-wrap {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 184, 0, 0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(255, 184, 0, 0.04);\r\n}\r\n\r\n.hero-badge-2 .icon-wrap .icon {\r\n    font-size: 16px;\r\n    color: #FFB800;\r\n    opacity: 0.5;\r\n}\r\n\r\n.hero-badge-2 .text {\r\n    font-size: 13px;\r\n    color: rgba(255, 255, 255, 0.45);\r\n    font-family: 'Work Sans', sans-serif;\r\n    line-height: 1.4;\r\n}\r\n\r\n.hero-badge-2 .text strong {\r\n    color: #ffffff;\r\n    font-weight: 600;\r\n    display: block;\r\n    font-size: 14px;\r\n}\r\n\r\n.hero-badge-2 .text .sub {\r\n    font-size: 11px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.hero-badge-3 {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: -5px;\r\n    z-index: 3;\r\n    background: rgba(255, 184, 0, 0.03);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 184, 0, 0.04);\r\n    border-radius: 12px;\r\n    padding: 10px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.hero-badge-3:hover {\r\n    background: rgba(255, 184, 0, 0.06);\r\n    border-color: rgba(255, 184, 0, 0.08);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.hero-badge-3 .icon {\r\n    font-size: 14px;\r\n    color: #FFB800;\r\n    opacity: 0.3;\r\n}\r\n\r\n.hero-badge-3 .text {\r\n    font-size: 11px;\r\n    color: rgba(255, 255, 255, 0.3);\r\n    font-family: 'Work Sans', sans-serif;\r\n    letter-spacing: 0.3px;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\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    .hero-badge-1 { padding: 20px 28px; min-width: 150px; }\r\n    .hero-badge-1 .number { font-size: 40px; }\r\n    .hero-badge-2 { padding: 16px 26px; }\r\n    .hero-stats .stat-item .number { font-size: 32px; }\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    .hero-badge-3 { display: none; }\r\n    .hero-badge-2 { left: -10px; padding: 12px 18px; }\r\n    .hero-badge-2 .icon-wrap { width: 34px; height: 34px; min-width: 34px; }\r\n    .hero-badge-2 .icon-wrap .icon { font-size: 14px; }\r\n    .hero-stats { gap: 16px 28px; }\r\n    .hero-stats .stat-item .number { font-size: 24px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hero-section { padding: 100px 30px 60px; min-height: auto; }\r\n    .hero-container { grid-template-columns: 1fr; gap: 40px; }\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-badge-1 { bottom: -8px; right: 5px; padding: 14px 20px; min-width: 110px; }\r\n    .hero-badge-1 .number { font-size: 30px; }\r\n    .hero-badge-1 .number .pc { font-size: 15px; }\r\n    .hero-badge-2 { bottom: 30px; left: 5px; padding: 10px 16px; }\r\n    .hero-badge-2 .icon-wrap { width: 30px; height: 30px; min-width: 30px; }\r\n    .hero-badge-2 .icon-wrap .icon { font-size: 12px; }\r\n    .hero-badge-2 .text { font-size: 12px; }\r\n    .hero-badge-2 .text strong { font-size: 13px; }\r\n    .hero-trust { gap: 6px 16px; }\r\n    .hero-trust-item { font-size: 11px; }\r\n    .hero-divider .line { width: 30px; }\r\n    .hero-divider .label { font-size: 10px; }\r\n    .hero-stats { gap: 14px 24px; }\r\n    .hero-stats .stat-item .number { font-size: 22px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-section { padding: 80px 20px 50px; }\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-badge-1 { bottom: -6px; right: 0; padding: 10px 16px; min-width: 90px; border-radius: 12px; }\r\n    .hero-badge-1 .number { font-size: 24px; }\r\n    .hero-badge-1 .number .pc { font-size: 12px; }\r\n    .hero-badge-1 .label { font-size: 8px; }\r\n    .hero-badge-2 { display: none; }\r\n    .hero-badge-3 { display: none; }\r\n    .hero-divider .line { width: 25px; }\r\n    .hero-divider .label { font-size: 9px; }\r\n    .hero-stats { gap: 12px 20px; }\r\n    .hero-stats .stat-item .number { font-size: 20px; }\r\n    .hero-stats .stat-item .label { font-size: 11px; }\r\n    .hero-breadcrumb { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .hero-stats {\r\n        gap: 12px 16px;\r\n        padding-top: 12px;\r\n    }\r\n    .hero-stats .stat-item .number {\r\n        font-size: 18px;\r\n    }\r\n    .hero-stats .stat-item .label {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-section { padding: 70px 16px 40px; }\r\n    .hero-title { font-size: 24px; }\r\n    .hero-badge { font-size: 8px; padding: 4px 12px 4px 10px; gap: 8px; }\r\n    .hero-badge .badge-dot { width: 5px; height: 5px; }\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: 9px; }\r\n    .hero-badge-1 { bottom: -4px; right: 0; padding: 8px 12px; min-width: 70px; border-radius: 10px; }\r\n    .hero-badge-1 .number { font-size: 18px; }\r\n    .hero-badge-1 .number .pc { font-size: 10px; }\r\n    .hero-badge-1 .label { font-size: 7px; }\r\n    .hero-divider .line { width: 20px; height: 1.5px; }\r\n    .hero-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n    .hero-stats { gap: 8px 14px; padding-top: 12px; }\r\n    .hero-stats .stat-item .number { font-size: 16px; }\r\n    .hero-stats .stat-item .label { font-size: 9px; }\r\n    .hero-breadcrumb { font-size: 10px; }\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    .hero-stats .stat-item .number { font-size: 14px; }\r\n    .hero-stats .stat-item .label { font-size: 8px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .hero-title { font-size: 18px; }\r\n    .hero-stats {\r\n        gap: 6px 10px;\r\n    }\r\n    .hero-stats .stat-item .number {\r\n        font-size: 13px;\r\n    }\r\n    .hero-stats .stat-item .label {\r\n        font-size: 7px;\r\n    }\r\n}\r\n<\/style>\r\n\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                <span class=\"current\">Programs<\/span>\r\n            <\/div>\r\n\r\n            <!-- Title -->\r\n            <h1 class=\"hero-title\">\r\n                Build a career you're proud of <span class=\"gold\"> in months, not years.<\/span>\r\n            <\/h1>\r\n\r\n            <!-- Divider -->\r\n            <div class=\"hero-divider\">\r\n                <span class=\"icon\" style=\"color: #FBAB00;\">\u25c9<\/span>\r\n                <span class=\"label\">Career-focused<\/span>\r\n            <\/div>\r\n\r\n            <!-- Subtitle -->\r\n            <p class=\"hero-subtitle\">\r\n                Diploma and certificate programs in <strong>healthcare<\/strong>, <strong>business<\/strong>, <strong>beauty<\/strong>, and <strong>education<\/strong> \u2014 hands-on training at our GTA campuses.\r\n            <\/p>\r\n\r\n            <!-- ===== PROGRAM STATS ===== -->\r\n            <div class=\"hero-stats\">\r\n                <div class=\"stat-item\">\r\n                    <span class=\"number\">10+<\/span>\r\n                    <span class=\"label\">Career-Focused <strong>Programs<\/strong><\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"number\">4<\/span>\r\n                    <span class=\"label\">GTA <strong>Campuses<\/strong><\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"number\">90%<\/span>\r\n                    <span class=\"label\">Success Rate \u2014 <strong>Beauty Programs<\/strong><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== RIGHT CONTENT ===== -->\r\n        <div class=\"hero-image-wrapper\">\r\n\r\n            <!-- Main Image -->\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148398664.webp\" \r\n                alt=\"Medical aesthetics graduate at work\" \r\n                class=\"main-image\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <!-- Badge 1: 10+ Programs -->\r\n            <div class=\"hero-badge-1\">\r\n                <div class=\"number\">10<span class=\"pc\"> +<\/span><\/div>\r\n                <div class=\"label\">Career-Focused Programs<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11e9ea9 e-con-full e-flex e-con e-parent\" data-id=\"11e9ea9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c8f67 elementor-widget elementor-widget-html\" data-id=\"55c8f67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.programs-intro {\r\n    padding: 40px 40px 0;\r\n    background: #f8f9fc;\r\n    text-align: center;\r\n}\r\n\r\n.programs-intro-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.programs-intro h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 38px;\r\n    color: #0A1628;\r\n    line-height: 1.15;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.programs-intro h2 .gold {\r\n    background: linear-gradient(135deg, #d7184c, #b0123e);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.programs-intro p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n.programs-intro p strong {\r\n    color: rgba(10, 22, 40, 0.7);\r\n    font-weight: 500;\r\n}\r\n.programs-filter-section {\r\n    padding: 30px 40px 0;\r\n    background: #f8f9fc;\r\n}\r\n\r\n.programs-filter-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.programs-filter-tabs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    justify-content: center;\r\n    border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n    padding-bottom: 16px;\r\n}\r\n\r\n.programs-filter-tab {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    background: transparent;\r\n    border: none;\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.programs-filter-tab:hover {\r\n    color: #0A1628;\r\n    background: rgba(215, 24, 76, 0.04);\r\n}\r\n\r\n.programs-filter-tab.active {\r\n    color: #ffffff;\r\n    background: #d7184c;\r\n    box-shadow: 0 4px 15px rgba(215, 24, 76, 0.2);\r\n}\r\n.programs-grid-section {\r\n    padding: 40px 40px 60px;\r\n    background: #f8f9fc;\r\n}\r\n\r\n.programs-grid-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.programs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n\/* ===== PROGRAM CARD ===== *\/\r\n.program-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.program-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.04);\r\n    border-color: rgba(215, 24, 76, 0.08);\r\n}\r\n\r\n.program-card .card-image {\r\n    width: 100%;\r\n    height: 160px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n    background: linear-gradient(135deg, rgba(10, 22, 40, 0.02), rgba(10, 22, 40, 0.04));\r\n}\r\n\r\n.program-card .card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.program-card:hover .card-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n.program-card .card-image .category-badge {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    padding: 3px 12px;\r\n    border-radius: 50px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    letter-spacing: 0.8px;\r\n    text-transform: uppercase;\r\n    background: rgba(10, 22, 40, 0.7);\r\n    backdrop-filter: blur(4px);\r\n}\r\n\r\n.program-card .card-image .category-badge.healthcare { background: rgba(215, 24, 76, 0.85); }\r\n.program-card .card-image .category-badge.business { background: rgba(10, 22, 40, 0.8); }\r\n.program-card .card-image .category-badge.beauty { background: rgba(215, 24, 76, 0.7); }\r\n.program-card .card-image .category-badge.education { background: rgba(255, 184, 0, 0.8); }\r\n\r\n.program-card .card-body {\r\n    padding: 16px 18px 18px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.program-card .card-body h3 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    color: #0A1628;\r\n    line-height: 1.3;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.program-card .card-body .program-meta {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: #8d1435;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.program-card .card-body .program-meta i {\r\n    margin-right: 4px;\r\n    color: #d7184c;\r\n    font-size: 11px;\r\n}\r\n\r\n.program-card .card-body .program-desc {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    color: rgba(10, 22, 40, 0.6);\r\n    line-height: 1.6;\r\n    flex: 1;\r\n    margin-bottom: 12px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n.program-card .card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 12px;\r\n    border-top: 1px solid rgba(10, 22, 40, 0.04);\r\n}\r\n\r\n.program-card .card-footer .duration {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: rgba(10, 22, 40, 0.815);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.program-card .card-footer .duration i {\r\n    font-size: 10px;\r\n    color: #d7184c;\r\n}\r\n\r\n.program-card .card-footer .credential {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #0A1628;\r\n    background: rgba(10, 22, 40, 0.04);\r\n    padding: 3px 12px;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.program-card:hover .card-footer .credential {\r\n    background: rgba(215, 24, 76, 0.04);\r\n    color: #d7184c;\r\n}\r\n\r\n\/* =====================================================\r\n   NO RESULTS\r\n   ===================================================== *\/\r\n.programs-no-results {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 60px 20px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: rgba(10, 22, 40, 0.5);\r\n}\r\n\r\n.programs-no-results.show {\r\n    display: block;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1200px) {\r\n    .programs-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .programs-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 18px;\r\n    }\r\n    .programs-filter-section {\r\n        padding: 30px 30px 0;\r\n    }\r\n    .programs-grid-section {\r\n        padding: 30px 30px 50px;\r\n    }\r\n    .programs-filter-tab {\r\n        font-size: 12px;\r\n        padding: 6px 16px;\r\n    }\r\n    .programs-intro h2 {\r\n        font-size: 34px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .programs-intro {\r\n        padding: 30px 20px 0;\r\n    }\r\n    .programs-intro h2 {\r\n        font-size: 28px;\r\n    }\r\n    .programs-intro p {\r\n        font-size: 15px;\r\n    }\r\n    .programs-filter-section {\r\n        padding: 20px 20px 0;\r\n    }\r\n    .programs-grid-section {\r\n        padding: 20px 20px 40px;\r\n    }\r\n    .programs-filter-tabs {\r\n        gap: 6px;\r\n        padding-bottom: 12px;\r\n        overflow-x: auto;\r\n        flex-wrap: nowrap;\r\n        -webkit-overflow-scrolling: touch;\r\n    }\r\n    .programs-filter-tabs::-webkit-scrollbar {\r\n        height: 2px;\r\n    }\r\n    .programs-filter-tabs::-webkit-scrollbar-thumb {\r\n        background: #d7184c;\r\n        border-radius: 10px;\r\n    }\r\n    .programs-filter-tab {\r\n        font-size: 11px;\r\n        padding: 5px 14px;\r\n        white-space: nowrap;\r\n        flex-shrink: 0;\r\n    }\r\n    .program-card .card-image {\r\n        height: 140px;\r\n    }\r\n    .program-card .card-body h3 {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 599px) {\r\n    .programs-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 14px;\r\n    }\r\n    .programs-intro {\r\n        padding: 24px 16px 0;\r\n    }\r\n    .programs-intro h2 {\r\n        font-size: 24px;\r\n    }\r\n    .programs-intro p {\r\n        font-size: 14px;\r\n    }\r\n    .programs-filter-section {\r\n        padding: 16px 16px 0;\r\n    }\r\n    .programs-grid-section {\r\n        padding: 16px 16px 30px;\r\n    }\r\n    .program-card .card-image {\r\n        height: 110px;\r\n    }\r\n    .program-card .card-body {\r\n        padding: 12px 12px 14px;\r\n    }\r\n    .program-card .card-body h3 {\r\n        font-size: 13px;\r\n    }\r\n    .program-card .card-body .program-desc {\r\n        font-size: 11px;\r\n        -webkit-line-clamp: 1;\r\n    }\r\n    .program-card .card-body .program-meta {\r\n        font-size: 10px;\r\n    }\r\n    .program-card .card-footer .duration {\r\n        font-size: 10px;\r\n    }\r\n    .program-card .card-footer .credential {\r\n        font-size: 9px;\r\n        padding: 2px 8px;\r\n    }\r\n    .program-card .card-image .category-badge {\r\n        font-size: 7px;\r\n        padding: 2px 8px;\r\n        top: 8px;\r\n        left: 8px;\r\n    }\r\n}\r\n\r\n@media (max-width: 399px) {\r\n    .programs-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 12px;\r\n    }\r\n    .programs-intro h2 {\r\n        font-size: 20px;\r\n    }\r\n    .program-card .card-image {\r\n        height: 100px;\r\n    }\r\n    .program-card .card-body h3 {\r\n        font-size: 12px;\r\n    }\r\n    .program-card .card-body .program-desc {\r\n        display: none;\r\n    }\r\n    .program-card .card-body .program-meta {\r\n        font-size: 9px;\r\n        margin-bottom: 6px;\r\n    }\r\n}\r\n\r\n@media (max-width: 340px) {\r\n    .programs-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n    .program-card .card-image {\r\n        height: 140px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"programs-intro\">\r\n    <div class=\"programs-intro-container\">\r\n        <h2>Explore Our <span class=\"gold\">Programs<\/span><\/h2>\r\n        <p>\r\n            Hands-on training in <strong>healthcare<\/strong>, <strong>business<\/strong>, <strong>beauty<\/strong>, and <strong>education<\/strong> \u2014 across our GTA campuses.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"programs-filter-section\">\r\n    <div class=\"programs-filter-container\">\r\n        <div class=\"programs-filter-tabs\" id=\"filterTabs\">\r\n            <button class=\"programs-filter-tab active\" data-filter=\"all\">All<\/button>\r\n            <button class=\"programs-filter-tab\" data-filter=\"healthcare\">Healthcare<\/button>\r\n            <button class=\"programs-filter-tab\" data-filter=\"business\">Business<\/button>\r\n            <button class=\"programs-filter-tab\" data-filter=\"beauty\">Beauty<\/button>\r\n            <button class=\"programs-filter-tab\" data-filter=\"education\">Education<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"programs-grid-section\">\r\n    <div class=\"programs-grid-container\">\r\n        <div class=\"programs-grid\" id=\"programsGrid\">\r\n\r\n            <!-- Card: Accounting & Business Management -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/accounting-and-business-management\/\" class=\"program-card\" data-category=\"business\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/Untitled-design-31.webp\" alt=\"Accounting & Business\">\r\n                    <span class=\"category-badge business\">Business<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Accounting &amp; Business Management<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 52 Weeks<\/div>\r\n                    <p class=\"program-desc\">Hands-on training in accounting, finance, management, marketing, and business communication.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 1,040 Hours<\/span>\r\n                        <span class=\"credential\">Diploma<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Dietary Cook Assistant -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/dietary-cook-assistant\/\" class=\"program-card\" data-category=\"healthcare\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148763165.webp\" alt=\"Dietary Cook Assistant\">\r\n                    <span class=\"category-badge healthcare\">Healthcare<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Dietary Cook Assistant<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 24-35 Weeks<\/div>\r\n                    <p class=\"program-desc\">Culinary training, nutrition, food safety, baking, kitchen operations and food-service business skills.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 700 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Early Childcare Assistant -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/early-childcare-assistant\/\" class=\"program-card\" data-category=\"education\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2149389926.webp\" alt=\"Early Childcare Assistant\">\r\n                    <span class=\"category-badge education\">Education<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Early Childcare Assistant<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 39 Weeks<\/div>\r\n                    <p class=\"program-desc\">Child development, early learning, play-based activities, health and safety, and childcare policies.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 945 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Hospital Unit Clerk -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/hospital-unit-clerk\/\" class=\"program-card\" data-category=\"healthcare\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/124549.webp\" alt=\"Hospital Unit Clerk\">\r\n                    <span class=\"category-badge healthcare\">Healthcare<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Hospital Unit Clerk<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 28 Weeks<\/div>\r\n                    <p class=\"program-desc\">Healthcare administration, medical terminology, electronic health records, and patient preparation.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 560 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: HR & Marketing Specialist -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/human-resources-marketing-specialist\/\" class=\"program-card\" data-category=\"business\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/f11a671a-b209-4c96-ad58-53b1c3a3dd03.webp\" alt=\"HR & Marketing\">\r\n                    <span class=\"category-badge business\">Business<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Human Resources & Marketing Specialist<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 48 Weeks<\/div>\r\n                    <p class=\"program-desc\">HR, recruitment, payroll, employment law, marketing, social media, e-business and customer service.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 960 Hours<\/span>\r\n                        <span class=\"credential\">Diploma<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Makeup Artistry -->\r\n            <a href=\"#\" class=\"program-card\" data-category=\"beauty\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2151983306.webp\" alt=\"Makeup Artistry\">\r\n                    <span class=\"category-badge beauty\">Beauty<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Makeup Artistry<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 12 Weeks<\/div>\r\n                    <p class=\"program-desc\">Professional makeup application, colour theory, bridal, glamour, camera and specialty makeup.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 360 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Massage Therapy Diploma -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/massage-therapy-diploma\/\" class=\"program-card\" data-category=\"healthcare\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148620069.webp\" alt=\"Massage Therapy\">\r\n                    <span class=\"category-badge healthcare\">Healthcare<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Massage Therapy Diploma<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 78-86 Weeks<\/div>\r\n                    <p class=\"program-desc\">Anatomy, physiology, pathology, massage techniques, physical assessment, and clinical practice.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 2,334 Hours<\/span>\r\n                        <span class=\"credential\">Diploma<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Medical Esthetics & Spa Management -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/medical-esthetics-and-spa-management-diploma\/\" class=\"program-card\" data-category=\"beauty\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2149273918.webp\" alt=\"Medical Esthetics\">\r\n                    <span class=\"category-badge beauty\">Beauty<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Medical Esthetics & Spa Management<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 97 Weeks<\/div>\r\n                    <p class=\"program-desc\">Esthetics, skincare, laser treatments, spa management, accounting, marketing, and business planning.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 2,425 Hours<\/span>\r\n                        <span class=\"credential\">Diploma<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: NACC Early Childhood Assistant -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/nacc-early-childhood-assistant-2021-eca\/\" class=\"program-card\" data-category=\"education\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148452221.webp\" alt=\"NACC ECA\">\r\n                    <span class=\"category-badge education\">Education<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>NACC Early Childhood Assistant 2021 (ECA)<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 39 Weeks<\/div>\r\n                    <p class=\"program-desc\">Child development, play-based learning, health and safety, nutrition, and inclusive education.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 1,000 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card: Personal Support Worker -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/personal-support-worker-psw\/\" class=\"program-card\" data-category=\"healthcare\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148476495.webp\" alt=\"PSW\">\r\n                    <span class=\"category-badge healthcare\">Healthcare<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Personal Support Worker (PSW)<\/h3>\r\n                    <div class=\"program-meta\"><i class=\"fas fa-clock\"><\/i> 24-30 Weeks<\/div>\r\n                    <p class=\"program-desc\">Personal care, safety and mobility, household management, cognitive and mental health support.<\/p>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"duration\"><i class=\"fas fa-clock\"><\/i> 700 Hours<\/span>\r\n                        <span class=\"credential\">Certificate<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- No Results -->\r\n        <div class=\"programs-no-results\" id=\"noResults\">\r\n            <i class=\"fas fa-search\" style=\"font-size: 32px; color: rgba(10,22,40,0.1); display: block; margin-bottom: 12px;\"><\/i>\r\n            No programs found in this category.\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    var filterTabs = document.querySelectorAll('.programs-filter-tab');\r\n    var cards = document.querySelectorAll('.program-card');\r\n    var noResults = document.getElementById('noResults');\r\n\r\n    filterTabs.forEach(function(tab) {\r\n        tab.addEventListener('click', function() {\r\n            filterTabs.forEach(function(t) {\r\n                t.classList.remove('active');\r\n            });\r\n            this.classList.add('active');\r\n\r\n            var filter = this.getAttribute('data-filter');\r\n            var visibleCount = 0;\r\n\r\n            cards.forEach(function(card) {\r\n                var category = card.getAttribute('data-category');\r\n                if (filter === 'all' || category === filter) {\r\n                    card.style.display = 'flex';\r\n                    visibleCount++;\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            if (visibleCount === 0) {\r\n                noResults.classList.add('show');\r\n            } else {\r\n                noResults.classList.remove('show');\r\n            }\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65b8cef e-con-full e-flex e-con e-parent\" data-id=\"65b8cef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85a2e9d elementor-widget elementor-widget-html\" data-id=\"85a2e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.cta-section {\r\n    padding: 40px 40px 40px;\r\n    background: #023357;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.cta-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    right: -20%;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(255, 184, 0, 0.04) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.cta-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -10%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(255, 184, 0, 0.02) 0%, transparent 60%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Top accent line *\/\r\n.cta-section .accent-line {\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, transparent, #FFB800, #FF8C00, transparent);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Subtle grid pattern *\/\r\n.cta-section .grid-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(255, 255, 255, 0.008) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.008) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.cta-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n\r\n\/* ===== BADGE ===== *\/\r\n.cta-section .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(255, 184, 0, 0.06);\r\n    border: 1px solid rgba(255, 184, 0, 0.06);\r\n    padding: 6px 20px 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: rgba(255, 184, 0, 0.4);\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    font-family: 'Work Sans', sans-serif;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.cta-section .badge .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #FFB800;\r\n    border-radius: 50%;\r\n    animation: pulseDot 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulseDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.2; transform: scale(0.5); }\r\n}\r\n\r\n\/* ===== HEADING ===== *\/\r\n.cta-section h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 42px;\r\n    color: #ffffff;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.cta-section h2 .gold {\r\n    background: linear-gradient(135deg, #FFB800, #FF8C00);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n\/* ===== SUBTEXT ===== *\/\r\n.cta-section .cta-text {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.45);\r\n    max-width: 600px;\r\n    margin: 0 auto 35px;\r\n    line-height: 1.7;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n\/* =====================================================\r\n   BUTTONS - FLEXIBLE\r\n   ===================================================== *\/\r\n\r\n.cta-section .cta-buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* ===== PRIMARY BUTTON ===== *\/\r\n.cta-section .cta-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 44px;\r\n    border-radius: 50px;\r\n    background: linear-gradient(135deg, #FFB800, #FF8C00);\r\n    color: #0A1628;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    border: none;\r\n    cursor: pointer;\r\n    letter-spacing: 0.3px;\r\n    box-shadow: 0 4px 30px rgba(255, 184, 0, 0.15);\r\n    flex: 0 1 auto;\r\n}\r\n\r\n.cta-section .cta-btn-primary i {\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.cta-section .cta-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 50px rgba(255, 184, 0, 0.25);\r\n    background: linear-gradient(135deg, #FFC84D, #FF9A1A);\r\n}\r\n\r\n.cta-section .cta-btn-primary:hover i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.cta-section .cta-btn-primary:active {\r\n    transform: scale(0.96);\r\n}\r\n\r\n\/* ===== SECONDARY BUTTON (PHONE) ===== *\/\r\n.cta-section .cta-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 40px;\r\n    border-radius: 50px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    letter-spacing: 0.3px;\r\n    flex: 0 1 auto;\r\n}\r\n\r\n.cta-section .cta-btn-secondary i {\r\n    font-size: 16px;\r\n    color: #FFB800;\r\n    opacity: 0.4;\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.cta-section .cta-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(255, 184, 0, 0.08);\r\n    color: #ffffff;\r\n}\r\n\r\n.cta-section .cta-btn-secondary:hover i {\r\n    opacity: 0.8;\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 991px) {\r\n    .cta-section { padding: 70px 30px 70px; }\r\n    .cta-section h2 { font-size: 36px; }\r\n    .cta-section .cta-text { font-size: 16px; }\r\n    .cta-section .cta-btn-primary,\r\n    .cta-section .cta-btn-secondary { padding: 14px 34px; font-size: 14px; }\r\n}\r\n\r\n\/* Mobile - 2 buttons side by side *\/\r\n@media (max-width: 600px) {\r\n    .cta-section { padding: 60px 20px 60px; }\r\n    .cta-section h2 { font-size: 28px; }\r\n    .cta-section .cta-text { font-size: 15px; max-width: 100%; }\r\n    \r\n    .cta-section .cta-buttons {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 10px;\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cta-section .cta-btn-primary,\r\n    .cta-section .cta-btn-secondary {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 12px 16px;\r\n        font-size: 13px;\r\n        justify-content: center;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .cta-section .cta-btn-primary i,\r\n    .cta-section .cta-btn-secondary i {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .cta-section { padding: 50px 16px 50px; }\r\n    .cta-section h2 { font-size: 24px; }\r\n    .cta-section .cta-text { font-size: 14px; }\r\n    .cta-section .badge { font-size: 8px; padding: 4px 12px; }\r\n    \r\n    .cta-section .cta-btn-primary,\r\n    .cta-section .cta-btn-secondary {\r\n        padding: 10px 12px;\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .cta-section .cta-btn-primary i,\r\n    .cta-section .cta-btn-secondary i {\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .cta-section .cta-btn-primary,\r\n    .cta-section .cta-btn-secondary {\r\n        padding: 8px 10px;\r\n        font-size: 10px;\r\n        gap: 5px;\r\n    }\r\n    \r\n    .cta-section .cta-btn-primary i,\r\n    .cta-section .cta-btn-secondary i {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n\r\n    <!-- Accent Line -->\r\n    <div class=\"accent-line\"><\/div>\r\n\r\n    <!-- Grid Pattern -->\r\n    <div class=\"grid-pattern\"><\/div>\r\n\r\n    <div class=\"cta-container\">\r\n        <!-- Heading -->\r\n        <h2>\r\n            Ready to Begin <span class=\"gold\">Your Journey<\/span>?\r\n        <\/h2>\r\n\r\n        <!-- Subtext -->\r\n        <p class=\"cta-text\">\r\n            Applications for Fall 2026 are open \u2014 talk to admissions today.\r\n        <\/p>\r\n\r\n        <!-- Buttons - Side by Side on Mobile -->\r\n        <div class=\"cta-buttons\">\r\n            <a href=\"#\" class=\"cta-btn-primary\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"tel:+19055548882\" class=\"cta-btn-secondary\">\r\n                <i class=\"fas fa-phone\"><\/i> (905) 554-8882\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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>Home \/ Programs Build a career you&#8217;re proud of in months, not years. \u25c9 Career-focused Diploma and certificate programs in healthcare, business, beauty, and education \u2014 hands-on training at our GTA campuses. 10+ Career-Focused Programs 4 GTA Campuses 90% Success Rate \u2014 Beauty Programs 10 + Career-Focused Programs Explore Our Programs Hands-on training in healthcare, [&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-585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/585","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=585"}],"version-history":[{"count":52,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/585\/revisions\/1320"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}