{"id":127,"date":"2026-09-01T12:23:48","date_gmt":"2026-09-01T12:23:48","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=127"},"modified":"2026-09-14T09:10:06","modified_gmt":"2026-09-14T09:10:06","slug":"home-2","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0434093 e-con-full e-flex e-con e-parent\" data-id=\"0434093\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b453978 elementor-widget elementor-widget-html\" data-id=\"b453978\" 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: #080F1A;\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\/* CONTAINER *\/\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\r\n.hero-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* ===== BADGE ===== *\/\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\/* ===== TITLE ===== *\/\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\/* ===== DIVIDER LINE ===== *\/\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\/* ===== 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    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\/* ===== BUTTONS ===== *\/\r\n.hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 4px;\r\n}\r\n\r\n.hero-btn-primary,\r\n.hero-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 34px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    text-decoration: none;\r\n    font-family: 'Work Sans', sans-serif;\r\n    border: none;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Primary *\/\r\n.hero-btn-primary {\r\n    background: linear-gradient(135deg, #FFB800, #F59900);\r\n    color: #080F1A;\r\n    box-shadow: 0 4px 30px rgba(255, 184, 0, 0.2);\r\n}\r\n\r\n.hero-btn-primary::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, #FFC84D, #FF8A00);\r\n    opacity: 0;\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.hero-btn-primary:hover {\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 8px 50px rgba(255, 184, 0, 0.3);\r\n}\r\n\r\n.hero-btn-primary:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.hero-btn-primary span,\r\n.hero-btn-primary svg {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Secondary *\/\r\n.hero-btn-secondary {\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.7);\r\n}\r\n\r\n.hero-btn-secondary::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    opacity: 0;\r\n    transition: 0.4s ease;\r\n    border-radius: 50px;\r\n}\r\n\r\n.hero-btn-secondary:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(255, 184, 0, 0.15);\r\n    color: #ffffff;\r\n}\r\n\r\n.hero-btn-secondary:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.hero-btn-secondary span,\r\n.hero-btn-secondary svg {\r\n    position: relative;\r\n    z-index: 1;\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: 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\/* =====================================================\r\n   RIGHT - IMAGE + BADGES\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\/* ===== MAIN IMAGE ===== *\/\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\/* ===== BADGE 1 - SUCCESS RATE (90%) ===== *\/\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\/* ===== BADGE 2 - GRADUATE ===== *\/\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\/* ===== BADGE 3 - HANDS-ON ===== *\/\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-btn-primary, .hero-btn-secondary { padding: 16px 44px; font-size: 14px; }\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}\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-btn-primary, .hero-btn-secondary { padding: 12px 28px; font-size: 12px; }\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}\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}\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-btn-primary, .hero-btn-secondary { padding: 11px 22px; font-size: 12px; flex: 1 1 auto; justify-content: center; }\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}\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-actions { flex-direction: row; flex-wrap: wrap; gap: 8px; width: 100%; }\r\n    .hero-btn-primary, .hero-btn-secondary { flex: 1 1 auto; min-width: 110px; padding: 9px 14px; font-size: 11px; gap: 6px; }\r\n    .hero-btn-primary svg, .hero-btn-secondary svg { width: 13px; height: 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}\r\n\r\n@media (max-width: 400px) {\r\n    .hero-title { font-size: 20px; }\r\n    .hero-btn-primary, .hero-btn-secondary { min-width: 90px; padding: 7px 10px; font-size: 10px; }\r\n    .hero-btn-primary svg, .hero-btn-secondary svg { width: 11px; height: 11px; }\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    .hero-btn-primary, .hero-btn-secondary { min-width: 80px; padding: 6px 8px; font-size: 9px; gap: 4px; }\r\n    .hero-btn-primary svg, .hero-btn-secondary svg { width: 10px; height: 10px; }\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            <!-- 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, Food service hositality<\/strong>, and <strong>beauty<\/strong> \u2014 hands-on training at our Markham, Richmond Hill, Scarborough, and Steeles campuses.\r\n            <\/p>\r\n\r\n            <!-- Buttons -->\r\n            <div class=\"hero-actions\">\r\n                <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\/\" class=\"hero-btn-primary\">\r\n                    <span>Apply Now<\/span>\r\n                    <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n                        <polyline points=\"12 5 19 12 12 19\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <a href=\"\/programs\/\" class=\"hero-btn-secondary\">\r\n                    <span>Explore Programs<\/span>\r\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Trust -->\r\n            <div class=\"hero-trust\">\r\n                <span class=\"hero-trust-item\">\r\n                    <span class=\"icon\">\u2713<\/span> 4 GTA campuses\r\n                <\/span>\r\n                <span class=\"hero-trust-item\">\r\n                    <span class=\"icon\">\u25c8<\/span> On-site Medi Spa\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 ===== -->\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\/5eb83339-27a5-44bc-ae61-87f5c675c15e.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: 90% Success Rate -->\r\n            <div class=\"hero-badge-1\">\r\n                <div class=\"number\">90<span class=\"pc\">%<\/span><\/div>\r\n                <div class=\"label\">success rate \u2014 beauty 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-46e5465 e-con-full e-flex e-con e-parent\" data-id=\"46e5465\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c6cf3f elementor-widget elementor-widget-html\" data-id=\"4c6cf3f\" 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  .start-section {\r\n    padding: 60px 40px 80px;\r\n    background: #ffffff;\r\n    position: relative;\r\n  }\r\n\r\n  .start-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .start-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .start-header h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 40px;\r\n    color: #0A1628;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .start-header 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  .start-header .subtitle {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 300;\r\n    color: rgba(0, 0, 0, 0.78);\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .start-header .subtitle strong {\r\n    color: rgba(10, 22, 40, 0.6);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .start-boxes {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .start-box {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    border-radius: 16px;\r\n    padding: 32px 28px 28px;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .start-box:hover {\r\n    border-color: rgba(215, 24, 76, 0.10);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.03);\r\n  }\r\n\r\n  .start-box .box-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .start-box .box-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 24, 76, 0.08);\r\n    border: 1px solid rgba(215, 24, 76, 0.04);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    color: #d7184c;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .start-box:hover .box-icon {\r\n    background: rgba(215, 24, 76, 0.12);\r\n    border-color: rgba(215, 24, 76, 0.08);\r\n  }\r\n\r\n  .start-box .box-title {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 20px;\r\n    color: #0A1628;\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  .start-box .box-body {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: rgba(0, 0, 0, 0.78);\r\n    line-height: 1.7;\r\n    letter-spacing: 0.2px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .start-box .box-body strong {\r\n    color: rgba(10, 22, 40, 0.6);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ===== PROGRAM LIST ===== *\/\r\n  .start-box .program-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 14px 0;\r\n  }\r\n\r\n  .start-box .program-list li {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgba(0, 0, 0, 0.7);\r\n    line-height: 1.6;\r\n    padding: 3px 0 3px 18px;\r\n    position: relative;\r\n  }\r\n\r\n  .start-box .program-list li::before {\r\n    content: '\u2022';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #d7184c;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .start-box .box-footer {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #d7184c;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(10, 22, 40, 0.04);\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .start-box .box-footer i {\r\n    font-size: 11px;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .start-box-specialty {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    border-radius: 16px;\r\n    padding: 28px 28px 24px;\r\n    transition: all 0.4s ease;\r\n    grid-column: span 1;\r\n  }\r\n\r\n  .start-box-specialty:hover {\r\n    border-color: rgba(215, 24, 76, 0.10);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.03);\r\n  }\r\n\r\n  .start-box-specialty .box-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .start-box-specialty .box-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 24, 76, 0.08);\r\n    border: 1px solid rgba(215, 24, 76, 0.04);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    color: #d7184c;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .start-box-specialty:hover .box-icon {\r\n    background: rgba(215, 24, 76, 0.12);\r\n    border-color: rgba(215, 24, 76, 0.08);\r\n  }\r\n\r\n  .start-box-specialty .box-title {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    color: #0A1628;\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  .start-box-specialty .program-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .start-box-specialty .program-list li {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgba(0, 0, 0, 0.7);\r\n    line-height: 1.6;\r\n    padding: 3px 0 3px 18px;\r\n    position: relative;\r\n  }\r\n\r\n  .start-box-specialty .program-list li::before {\r\n    content: '\u2022';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #d7184c;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* =====================================================\r\n     RESPONSIVE\r\n     ===================================================== *\/\r\n\r\n  @media (max-width: 1199px) {\r\n    .start-section { padding: 80px 30px 60px; }\r\n    .start-header h2 { font-size: 36px; }\r\n    .start-boxes { gap: 24px; }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .start-boxes {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n    }\r\n    .start-box { padding: 26px 22px 22px; }\r\n    .start-box .box-title { font-size: 18px; }\r\n    .start-box .box-body { font-size: 13px; }\r\n    .start-box .program-list li { font-size: 12px; }\r\n    .start-box-specialty { padding: 22px 20px 20px; }\r\n    .start-box-specialty .box-title { font-size: 16px; }\r\n    .start-box-specialty .program-list li { font-size: 12px; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .start-section { padding: 60px 20px 40px; }\r\n    .start-header h2 { font-size: 30px; }\r\n    .start-header .subtitle { font-size: 15px; }\r\n    .start-boxes {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .start-box { padding: 22px 20px 18px; }\r\n    .start-box .box-icon { width: 40px; height: 40px; min-width: 40px; font-size: 16px; }\r\n    .start-box .box-title { font-size: 17px; }\r\n    .start-box .box-body { font-size: 13px; }\r\n    .start-box .program-list li { font-size: 13px; }\r\n    .start-box-specialty { padding: 20px 18px 18px; }\r\n    .start-box-specialty .box-icon { width: 40px; height: 40px; min-width: 40px; font-size: 16px; }\r\n    .start-box-specialty .box-title { font-size: 16px; }\r\n    .start-box-specialty .program-list li { font-size: 13px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .start-section { padding: 50px 16px 30px; }\r\n    .start-header h2 { font-size: 24px; }\r\n    .start-header .subtitle { font-size: 13px; }\r\n    .start-box { padding: 18px 16px 16px; }\r\n    .start-box .box-header { gap: 12px; }\r\n    .start-box .box-icon { width: 36px; height: 36px; min-width: 36px; font-size: 14px; }\r\n    .start-box .box-title { font-size: 16px; }\r\n    .start-box .box-body { font-size: 12px; }\r\n    .start-box .program-list li { font-size: 12px; padding: 2px 0 2px 16px; }\r\n    .start-box .box-footer { font-size: 11px; }\r\n    .start-box-specialty { padding: 16px 14px 14px; }\r\n    .start-box-specialty .box-icon { width: 36px; height: 36px; min-width: 36px; font-size: 14px; }\r\n    .start-box-specialty .box-title { font-size: 15px; }\r\n    .start-box-specialty .program-list li { font-size: 12px; padding: 2px 0 2px 16px; }\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    .start-header h2 { font-size: 20px; }\r\n    .start-box { padding: 14px 12px 14px; }\r\n    .start-box .box-title { font-size: 14px; }\r\n    .start-box .box-body { font-size: 11px; }\r\n    .start-box .program-list li { font-size: 11px; }\r\n    .start-box .box-icon { width: 32px; height: 32px; min-width: 32px; font-size: 12px; }\r\n    .start-box-specialty { padding: 12px 10px 12px; }\r\n    .start-box-specialty .box-title { font-size: 13px; }\r\n    .start-box-specialty .program-list li { font-size: 11px; }\r\n    .start-box-specialty .box-icon { width: 32px; height: 32px; min-width: 32px; font-size: 12px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"start-section\">\r\n  <div class=\"start-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"start-header\">\r\n      <h2>\r\n        Three paths. <span class=\"gold\">One goal<\/span> \u2014 get you working.\r\n      <\/h2>\r\n      <p class=\"subtitle\">\r\n        <b>This program is Approved as vocational program under the Ontario Career Colleges Act, 2005<\/b>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- BOXES - 3 Cards Side by Side -->\r\n    <div class=\"start-boxes\">\r\n\r\n      <!-- BOX 1: Healthcare -->\r\n      <div class=\"start-box\">\r\n        <div class=\"box-header\">\r\n          <div class=\"box-icon\">\r\n            <i class=\"fas fa-heart-pulse\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"box-title\">Healthcare<\/h3>\r\n        <\/div>\r\n        <div class=\"box-body\">\r\n          Medical aesthetics, laser technician, massage therapy, hospital unit clerk.\r\n        <\/div>\r\n        <ul class=\"program-list\">\r\n          <li>Massage Therapy Diploma<\/li>\r\n          <li>Hospital Unit Clerk<\/li>\r\n          <li>Personal Support Worker<\/li>\r\n          <li>NACC Personal Support DE 2022<\/li>\r\n        <\/ul>\r\n        <div class=\"box-footer\">\r\n          <i class=\"fas fa-arrow-right\"><\/i> 6 programs\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BOX 2: Business -->\r\n      <div class=\"start-box\">\r\n        <div class=\"box-header\">\r\n          <div class=\"box-icon\">\r\n            <i class=\"fas fa-briefcase\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"box-title\">Business<\/h3>\r\n        <\/div>\r\n        <div class=\"box-body\">\r\n          HR &amp; marketing, accounting &amp; business management, corporate training.\r\n        <\/div>\r\n        <ul class=\"program-list\">\r\n          <li>Human Resources Marketing Specialist<\/li>\r\n          <li>Accounting and Business Management<\/li>\r\n          <li>Conference and Event Planner<\/li>\r\n        <\/ul>\r\n        <div class=\"box-footer\">\r\n          <i class=\"fas fa-arrow-right\"><\/i> 5 programs\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BOX 3: Beauty & Aesthetics -->\r\n      <div class=\"start-box\">\r\n        <div class=\"box-header\">\r\n          <div class=\"box-icon\">\r\n            <i class=\"fas fa-spa\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"box-title\">Beauty &amp; Aesthetics<\/h3>\r\n        <\/div>\r\n        <div class=\"box-body\">\r\n          Makeup artistry, lash &amp; brow services.\r\n        <\/div>\r\n        <ul class=\"program-list\">\r\n          <li>Advanced Laser Technician Diploma<\/li>\r\n          <li>Laser Technician (Part time)<\/li>\r\n          <li>Laser Technician (Full time)<\/li>\r\n          <li>Makeup Artistry<\/li>\r\n          <li>Medical Aesthetics<\/li>\r\n          <li>Medical Aesthetics &amp; Spa Management<\/li>\r\n        <\/ul>\r\n        <div class=\"box-footer\">\r\n          <i class=\"fas fa-arrow-right\"><\/i> 4 programs\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BOX 4: Education & Childcare (Specialty) -->\r\n      <div class=\"start-box-specialty\">\r\n        <div class=\"box-header\">\r\n          <div class=\"box-icon\">\r\n            <i class=\"fas fa-graduation-cap\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"box-title\">Education &amp; Childcare<\/h3>\r\n        <\/div>\r\n        <ul class=\"program-list\">\r\n          <li>NACC Early Childhood Assistance 2021 (ECA)<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- BOX 5: Food Service \/ Hospitality (Specialty) -->\r\n      <div class=\"start-box-specialty\">\r\n        <div class=\"box-header\">\r\n          <div class=\"box-icon\">\r\n            <i class=\"fas fa-utensils\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"box-title\">Food Service \/ Hospitality<\/h3>\r\n        <\/div>\r\n        <ul class=\"program-list\">\r\n          <li>Dietary Cook Assistance<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\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<div class=\"elementor-element elementor-element-89eb71a e-con-full e-flex e-con e-parent\" data-id=\"89eb71a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa95cd7 elementor-widget elementor-widget-html\" data-id=\"fa95cd7\" 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  .certificate-section {\r\n    display: block;\r\n    padding: 50px 40px 80px;\r\n    background: #f8f9fc;\r\n    position: relative;\r\n    font-family: 'Work Sans', sans-serif;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .certificate-section .certificate-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .certificate-section .certificate-header {\r\n    text-align: center;\r\n    margin-bottom: 44px;\r\n    padding: 0;\r\n  }\r\n\r\n  .certificate-section .certificate-header .label {\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #d7184c;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    padding: 5px 20px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(215, 24, 76, 0.08);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .certificate-section .certificate-header 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: 0 0 6px 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .certificate-section .certificate-header 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  .certificate-section .certificate-header p {\r\n    font-size: 16px;\r\n    color: rgba(0, 0, 0, 0.78);\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-weight: 300;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* ===== TABS ===== *\/\r\n  .certificate-section .certificate-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n    background: #ffffff;\r\n    padding: 6px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  .certificate-section .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.5);\r\n    background: transparent;\r\n    border: none;\r\n    padding: 10px 28px;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .certificate-section .tab-btn i {\r\n    font-size: 15px;\r\n    color: #d7184c;\r\n    opacity: 0.4;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .certificate-section .tab-btn:hover {\r\n    color: #0A1628;\r\n    background: rgba(215, 24, 76, 0.04);\r\n  }\r\n\r\n  .certificate-section .tab-btn:hover i {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .certificate-section .tab-btn.active {\r\n    color: #0A1628;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    font-weight: 600;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  .certificate-section .tab-btn.active i {\r\n    color: #d7184c;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== TAB CONTENT ===== *\/\r\n  .certificate-section .tab-panel {\r\n    display: none;\r\n    animation: certFadeIn 0.4s ease;\r\n  }\r\n\r\n  .certificate-section .tab-panel.active {\r\n    display: block;\r\n  }\r\n\r\n  @keyframes certFadeIn {\r\n    0% { opacity: 0; transform: translateY(8px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ===== PROGRAM GRID ===== *\/\r\n  .certificate-section .program-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .certificate-section .program-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    border-radius: 14px;\r\n    padding: 22px 20px 20px;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .certificate-section .program-card:hover {\r\n    border-color: rgba(215, 24, 76, 0.10);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  .certificate-section .program-card .card-icon {\r\n    font-size: 20px;\r\n    color: #d7184c;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .certificate-section .program-card h4 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    color: #0A1628;\r\n    margin: 0 0 4px 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .certificate-section .program-card p {\r\n    font-size: 13px;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    font-family: 'Work Sans', sans-serif;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* =====================================================\r\n     RESPONSIVE\r\n     ===================================================== *\/\r\n  @media (max-width: 1199px) {\r\n    .certificate-section { padding: 60px 30px 60px; }\r\n    .certificate-section .certificate-header h2 { font-size: 34px; }\r\n    .certificate-section .program-grid { gap: 16px; }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .certificate-section .program-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .certificate-section .program-grid[style*=\"grid-template-columns: repeat(2, 1fr)\"] {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .certificate-section .certificate-header h2 { font-size: 30px; }\r\n    .certificate-section .tab-btn { padding: 8px 18px; font-size: 13px; }\r\n    .certificate-section .tab-btn i { font-size: 13px; }\r\n    .certificate-section .program-grid { gap: 14px; }\r\n    .certificate-section .program-card { padding: 18px 16px 16px; }\r\n    .certificate-section .program-card h4 { font-size: 15px; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .certificate-section { padding: 50px 20px 40px; }\r\n    .certificate-section .certificate-header h2 { font-size: 26px; }\r\n    .certificate-section .certificate-header p { font-size: 14px; }\r\n\r\n    .certificate-section .certificate-tabs {\r\n      gap: 4px;\r\n      padding: 4px;\r\n      border-radius: 10px;\r\n      overflow-x: auto;\r\n      flex-wrap: nowrap;\r\n      justify-content: flex-start;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n    .certificate-section .certificate-tabs::-webkit-scrollbar { height: 2px; }\r\n    .certificate-section .certificate-tabs::-webkit-scrollbar-thumb { background: #d7184c; border-radius: 10px; }\r\n    .certificate-section .tab-btn {\r\n      padding: 8px 16px;\r\n      font-size: 12px;\r\n      white-space: nowrap;\r\n      flex-shrink: 0;\r\n    }\r\n    .certificate-section .tab-btn i { font-size: 12px; }\r\n\r\n    .certificate-section .program-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n    }\r\n    .certificate-section .program-grid[style*=\"grid-template-columns: repeat(2, 1fr)\"] {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .certificate-section { padding: 40px 16px 30px; }\r\n    .certificate-section .certificate-header .label { font-size: 10px; padding: 3px 14px; }\r\n    .certificate-section .certificate-header h2 { font-size: 22px; }\r\n    .certificate-section .certificate-header p { font-size: 13px; }\r\n    .certificate-section .tab-btn { padding: 6px 12px; font-size: 11px; }\r\n    .certificate-section .tab-btn i { font-size: 11px; gap: 6px; }\r\n    .certificate-section .program-card { padding: 14px 14px 14px; }\r\n    .certificate-section .program-card h4 { font-size: 14px; }\r\n    .certificate-section .program-card .card-icon { font-size: 17px; }\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    .certificate-section .certificate-header h2 { font-size: 18px; }\r\n    .certificate-section .tab-btn { padding: 5px 10px; font-size: 10px; }\r\n    .certificate-section .tab-btn i { font-size: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"certificate-section\">\r\n  <div class=\"certificate-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"certificate-header\">\r\n      <h2>Specialized <span class=\"gold\">Training<\/span> &amp; Certification<\/h2>\r\n      <p>Industry-recognized certificates to advance your career.<\/p>\r\n    <\/div>\r\n\r\n    <!-- TABS -->\r\n    <div class=\"certificate-tabs\" id=\"certificateTabs\">\r\n      <button class=\"tab-btn active\" data-tab=\"beauty\"><i class=\"fas fa-spa\"><\/i> Beauty<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"business\"><i class=\"fas fa-chart-line\"><\/i> Business<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"healthcare\"><i class=\"fas fa-heart-pulse\"><\/i> Healthcare<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"injectables\"><i class=\"fas fa-syringe\"><\/i> Medical Injectables<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"languages\"><i class=\"fas fa-language\"><\/i> Languages<\/button>\r\n    <\/div>\r\n\r\n    <!-- TAB CONTENT -->\r\n    <div class=\"certificate-content\">\r\n\r\n      <!-- ===== BEAUTY TAB ===== -->\r\n      <div id=\"beauty\" class=\"tab-panel active\">\r\n        <div class=\"program-grid\">\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-spa\"><\/i><\/span>\r\n            <h4>STEMCELL MICROCHANNELING\/MICRONEEDLING<\/h4>\r\n            <p>Advanced skin rejuvenation technique.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-palette\"><\/i><\/span>\r\n            <h4>MICROBLADING<\/h4>\r\n            <p>Permanent makeup technique for eyebrows.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-palette\"><\/i><\/span>\r\n            <h4>CAMOUFLAGE TATTOO<\/h4>\r\n            <p>Scar and skin discoloration coverage.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-eye\"><\/i><\/span>\r\n            <h4>EYELASH EXTENSION<\/h4>\r\n            <p>Professional lash application techniques.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-hand-sparkles\"><\/i><\/span>\r\n            <h4>NAIL TECHNICIAN<\/h4>\r\n            <p>Manicure, pedicure, and nail art.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-sun\"><\/i><\/span>\r\n            <h4>LASER HAIR REMOVAL<\/h4>\r\n            <p>Safe and effective hair reduction.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-bolt\"><\/i><\/span>\r\n            <h4>TATTOO REMOVAL<\/h4>\r\n            <p>Laser tattoo removal techniques.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-cut\"><\/i><\/span>\r\n            <h4>HAIR EXTENSION<\/h4>\r\n            <p>Professional hair extension methods.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-paint-brush\"><\/i><\/span>\r\n            <h4>NAIL DESIGN<\/h4>\r\n            <p>Creative nail art and design.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== BUSINESS TAB ===== -->\r\n      <div id=\"business\" class=\"tab-panel\">\r\n        <div class=\"program-grid\">\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-laptop-code\"><\/i><\/span>\r\n            <h4>SEO BOOTCAMPS<\/h4>\r\n            <p>Search engine optimization strategies.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-share-alt\"><\/i><\/span>\r\n            <h4>SOCIAL MEDIA MARKETING<\/h4>\r\n            <p>Social media strategy and management.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-code\"><\/i><\/span>\r\n            <h4>WEBSITE DESIGNING<\/h4>\r\n            <p>Modern web design and development.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== HEALTHCARE TAB ===== -->\r\n      <div id=\"healthcare\" class=\"tab-panel\">\r\n        <div class=\"program-grid\">\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-flask\"><\/i><\/span>\r\n            <h4>PHLEBOTOMY COURSE<\/h4>\r\n            <p>Blood collection and venipuncture techniques.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-book-open\"><\/i><\/span>\r\n            <h4>NCLEX &amp; REXPN EXAM PREP<\/h4>\r\n            <p>Nursing exam preparation courses.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-hands\"><\/i><\/span>\r\n            <h4>NACC Personal Support Worker DE 2022<\/h4>\r\n            <p>Comprehensive PSW training program.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-home\"><\/i><\/span>\r\n            <h4>HOME CARE SUPPORT WORKER<\/h4>\r\n            <p>In-home care and support training.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-child\"><\/i><\/span>\r\n            <h4>ADVANCED CHILD CARE AND HOME CARE SUPPORT WORKER<\/h4>\r\n            <p>Specialized child and home care training.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== MEDICAL INJECTABLES TAB ===== -->\r\n      <div id=\"injectables\" class=\"tab-panel\">\r\n        <div class=\"program-grid\" style=\"grid-template-columns: repeat(2, 1fr);\">\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-syringe\"><\/i><\/span>\r\n            <h4>COMBINED MEDICAL INJECTABLE COURSE<\/h4>\r\n            <p>Comprehensive injectable training program.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-user-md\"><\/i><\/span>\r\n            <h4>HT TRAINING CURRICULUM FOR TECHNICIANS<\/h4>\r\n            <p>Specialized HT training for technicians.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-hand-sparkles\"><\/i><\/span>\r\n            <h4>HAIR RESTORATION TREATMENT \/ VAMPIRE FACIAL<\/h4>\r\n            <p>Advanced hair restoration and facial rejuvenation.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-syringe\"><\/i><\/span>\r\n            <h4>COMBINED FILLER COURSE<\/h4>\r\n            <p>Comprehensive filler training program.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-arrow-up\"><\/i><\/span>\r\n            <h4>THREAD LIFT TRAINING CERTIFICATE<\/h4>\r\n            <p>Advanced thread lift techniques certification.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== LANGUAGES TAB ===== -->\r\n      <div id=\"languages\" class=\"tab-panel\">\r\n        <div class=\"program-grid\">\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-language\"><\/i><\/span>\r\n            <h4>English Language Institute<\/h4>\r\n            <p>Comprehensive English language training.<\/p>\r\n          <\/div>\r\n          <div class=\"program-card\">\r\n            <span class=\"card-icon\"><i class=\"fas fa-language\"><\/i><\/span>\r\n            <h4>French Language Institute<\/h4>\r\n            <p>French language courses for all levels.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function() {\r\n    var tabs = document.querySelectorAll('.certificate-section .tab-btn');\r\n    var panels = document.querySelectorAll('.certificate-section .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        var target = this.getAttribute('data-tab');\r\n        var targetPanel = document.getElementById(target);\r\n        if (targetPanel) {\r\n          targetPanel.classList.add('active');\r\n        }\r\n      });\r\n    });\r\n\r\n    var defaultTab = document.querySelector('.certificate-section .tab-btn[data-tab=\"beauty\"]');\r\n    if (defaultTab) {\r\n      defaultTab.click();\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-7269343 e-con-full e-flex e-con e-parent\" data-id=\"7269343\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcfc5af elementor-widget elementor-widget-html\" data-id=\"fcfc5af\" 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>Elite College - Stats Section<\/title>\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  <style>\r\n    .stats-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    \/* Premium background orbs *\/\r\n    .stats-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      right: -20%;\r\n      width: 600px;\r\n      height: 600px;\r\n      background: #023357;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    .stats-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -30%;\r\n      left: -20%;\r\n      width: 500px;\r\n      height: 500px;\r\n      background: #023357;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* Top accent line *\/\r\n    .stats-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: #023357;\r\n      z-index: 1;\r\n    }\r\n\r\n    .stats-container {\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* ===== HEADER ===== *\/\r\n    .stats-header {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .stats-header .badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #023357;\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    .stats-header .badge .dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: #023357;\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    .stats-header h2 {\r\n      font-family: 'Source Serif 4', serif;\r\n      font-weight: 700;\r\n      font-size: 38px;\r\n      color: #ffffff;\r\n      letter-spacing: -0.5px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .stats-header 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    .stats-header p {\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-size: 17px;\r\n      font-weight: 300;\r\n      color: rgba(255, 255, 255, 0.3);\r\n      letter-spacing: 0.3px;\r\n    }\r\n\r\n    \/* ===== STATS GRID ===== *\/\r\n    .stats-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 30px;\r\n    }\r\n\r\n    \/* ===== STAT ITEM - PREMIUM ===== *\/\r\n    .stat-item {\r\n      text-align: center;\r\n      padding: 32px 24px 28px;\r\n      border-radius: 20px;\r\n      background: rgba(255, 255, 255, 0.01);\r\n      border: 1px solid rgba(255, 255, 255, 0.03);\r\n      transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Premium border glow on hover *\/\r\n    .stat-item::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: -1px;\r\n      border-radius: 20px;\r\n      padding: 1px;\r\n      background: linear-gradient(135deg, rgba(255, 184, 0, 0), rgba(255, 184, 0, 0));\r\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      transition: all 0.6s ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .stat-item:hover::before {\r\n      background: linear-gradient(135deg, rgba(255, 184, 0, 0.15), rgba(255, 184, 0, 0.03));\r\n    }\r\n\r\n    .stat-item:hover {\r\n      border-color: rgba(255, 184, 0, 0.06);\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25);\r\n    }\r\n\r\n    \/* ===== STAT ICON - BRIGHT YELLOW ===== *\/\r\n    .stat-item .stat-icon {\r\n      font-size: 32px;\r\n      color: #FFB800;\r\n      opacity: 0.5;\r\n      margin-bottom: 10px;\r\n      display: block;\r\n      transition: opacity 0.4s ease, transform 0.4s ease;\r\n    }\r\n\r\n    .stat-item:hover .stat-icon {\r\n      opacity: 0.8;\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    \/* ===== STAT NUMBER ===== *\/\r\n    .stat-item .stat-number {\r\n      font-family: 'Source Serif 4', serif;\r\n      font-weight: 700;\r\n      font-size: 48px;\r\n      color: #ffffff;\r\n      line-height: 1;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .stat-item .stat-number .suffix {\r\n      font-size: 28px;\r\n      color: #FFB800;\r\n      opacity: 0.5;\r\n      margin-left: 2px;\r\n    }\r\n\r\n    \/* ===== STAT LABEL - IMPROVED ===== *\/\r\n    .stat-item .stat-label {\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 400;\r\n      color: rgba(255, 255, 255, 0.4);\r\n      margin-top: 10px;\r\n      letter-spacing: 0.3px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .stat-item .stat-label strong {\r\n      color: #ffffff;\r\n      font-weight: 500;\r\n      display: block;\r\n      font-size: 16px;\r\n      margin-bottom: 2px;\r\n    }\r\n\r\n    .stat-item .stat-label .highlight {\r\n      color: #FFB800;\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* =====================================================\r\n       RESPONSIVE\r\n       ===================================================== *\/\r\n\r\n    \/* Desktop \/ Big Screen \/ Laptop - 4 columns *\/\r\n    @media (min-width: 992px) {\r\n      .stats-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 30px;\r\n      }\r\n    }\r\n\r\n    \/* Tablet - 4 columns (same as desktop) *\/\r\n    @media (max-width: 991px) and (min-width: 601px) {\r\n      .stats-section { padding: 70px 30px 70px; }\r\n      .stats-header h2 { font-size: 34px; }\r\n      .stats-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n      }\r\n      .stat-item .stat-number { font-size: 40px; }\r\n      .stat-item .stat-number .suffix { font-size: 24px; }\r\n      .stat-item { padding: 24px 16px; }\r\n      .stat-item .stat-label { font-size: 13px; }\r\n    }\r\n\r\n    \/* Mobile - 2 columns *\/\r\n    @media (max-width: 600px) {\r\n      .stats-section { padding: 60px 16px 60px; }\r\n      .stats-header h2 { font-size: 28px; }\r\n      .stats-header p { font-size: 15px; }\r\n      .stats-header .badge { font-size: 8px; padding: 4px 12px; }\r\n      \r\n      .stats-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n      }\r\n      .stat-item { padding: 20px 14px; }\r\n      .stat-item .stat-number { font-size: 34px; }\r\n      .stat-item .stat-number .suffix { font-size: 20px; }\r\n      .stat-item .stat-label { font-size: 12px; }\r\n      .stat-item .stat-icon { font-size: 24px; }\r\n      .stat-item .stat-label strong { font-size: 13px; }\r\n    }\r\n\r\n    \/* Small Mobile - 2 columns *\/\r\n    @media (max-width: 400px) {\r\n      .stats-section { padding: 50px 12px 50px; }\r\n      .stats-header h2 { font-size: 24px; }\r\n      .stats-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n      }\r\n      .stat-item { padding: 16px 10px; }\r\n      .stat-item .stat-number { font-size: 28px; }\r\n      .stat-item .stat-number .suffix { font-size: 16px; }\r\n      .stat-item .stat-label { font-size: 11px; }\r\n      .stat-item .stat-icon { font-size: 20px; }\r\n      .stat-item .stat-label strong { font-size: 12px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"stats-section\">\r\n\r\n  <!-- Accent Line -->\r\n  <div class=\"accent-line\"><\/div>\r\n\r\n  <div class=\"stats-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"stats-header\">\r\n      <h2>Your Success <span class=\"gold\">Starts Here<\/span><\/h2>\r\n      <p>Real training, real results \u2014 built for your future.<\/p>\r\n    <\/div>\r\n\r\n    <!-- STATS GRID -->\r\n    <div class=\"stats-grid\">\r\n\r\n      <!-- Stat 1 -->\r\n      <div class=\"stat-item\">\r\n        <span class=\"stat-icon\"><i class=\"fas fa-hands\"><\/i><\/span>\r\n        <div class=\"stat-label\">\r\n          <strong>Hands-On Training<\/strong>\r\n          Learn by doing\u2014not just watching.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 2 -->\r\n      <div class=\"stat-item\">\r\n        <span class=\"stat-icon\"><i class=\"fas fa-bullseye\"><\/i><\/span>\r\n        <div class=\"stat-label\">\r\n          <strong>Career-Focused Programs<\/strong>\r\n          Train for skills you can actually use.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 3 -->\r\n      <div class=\"stat-item\">\r\n        <span class=\"stat-icon\"><i class=\"fas fa-users\"><\/i><\/span>\r\n        <div class=\"stat-label\">\r\n          <strong>Real Classroom Experience<\/strong>\r\n          Learn with instructors. Practice with people.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 4 -->\r\n      <div class=\"stat-item\">\r\n        <span class=\"stat-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n        <div class=\"stat-label\">\r\n          <strong>Your Next Step Starts Here<\/strong>\r\n          Start over, change careers, or build your own.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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-ff2b7e5 e-con-full e-flex e-con e-parent\" data-id=\"ff2b7e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a361a elementor-widget elementor-widget-html\" data-id=\"71a361a\" 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.choose-section {\r\n    padding: 40px 40px 100px;\r\n    background: #fffbf3;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.choose-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        repeating-linear-gradient(\r\n            45deg,\r\n            transparent,\r\n            transparent 50px,\r\n            rgba(10, 22, 40, 0.005) 50px,\r\n            rgba(10, 22, 40, 0.005) 51px\r\n        );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Glow orb - bottom right *\/\r\n.choose-section .glow-orb {\r\n    position: absolute;\r\n    width: 500px;\r\n    height: 500px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(255, 184, 0, 0.02) 0%, transparent 70%);\r\n    bottom: -200px;\r\n    right: -100px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.choose-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.choose-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.choose-header .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #0A1628;\r\n    padding: 6px 22px 6px 18px;\r\n    border-radius: 50px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #FFB800;\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.choose-header .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.choose-header h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 44px;\r\n    color: #0A1628;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.choose-header 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.choose-header .subtitle {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    color: rgba(0, 0, 0, 0.78);\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n\/* =====================================================\r\n   CARDS - NO LIFT ON HOVER\r\n   ===================================================== *\/\r\n\r\n.choose-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 28px;\r\n}\r\n\r\n.choose-card {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 0;\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    position: relative;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    overflow: hidden;\r\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.01);\r\n    cursor: default;\r\n}\r\n\r\n\/* ===== TOP BAR ===== *\/\r\n.choose-card .card-bar {\r\n    height: 4px;\r\n    width: 100%;\r\n    transition: height 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.choose-card:nth-child(1) .card-bar { background: linear-gradient(90deg, #d7184c, #b0123e); }\r\n.choose-card:nth-child(2) .card-bar { background: linear-gradient(90deg, #d7184c, #b0123e); }\r\n.choose-card:nth-child(3) .card-bar { background: linear-gradient(90deg, #d7184c, #b0123e); }\r\n.choose-card:nth-child(4) .card-bar { background: linear-gradient(90deg, #d7184c, #b0123e); }\r\n\r\n\/* ===== CARD HOVER - NO LIFT ===== *\/\r\n.choose-card:hover {\r\n    border-color: rgba(215, 24, 76, 0.06);\r\n    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.choose-card:hover .card-bar {\r\n    height: 5px;\r\n}\r\n\r\n\/* ===== CARD CONTENT ===== *\/\r\n.choose-card .card-content {\r\n    padding: 28px 26px 30px;\r\n    position: relative;\r\n}\r\n\r\n\/* ===== CARD ICON WRAPPER ===== *\/\r\n.choose-card .card-icon-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\/* ===== ICON ===== *\/\r\n.choose-card .card-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #487a65;\r\n    background: rgba(215, 24, 76, 0.08);\r\n    border: 1px solid rgba(215, 24, 76, 0.04);\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Icon shine effect *\/\r\n.choose-card .card-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%);\r\n    transform: translateX(-100%);\r\n    transition: 0.6s ease;\r\n}\r\n\r\n.choose-card:hover .card-icon::after {\r\n    transform: translateX(100%);\r\n}\r\n\r\n.choose-card:hover .card-icon {\r\n    background: #0A1628;\r\n    border-color: #0A1628;\r\n    color: #d7184c;\r\n    box-shadow: 0 4px 20px rgba(10, 22, 40, 0.08);\r\n}\r\n\r\n\/* ===== CARD NUMBER ===== *\/\r\n.choose-card .card-number {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    color: rgba(10, 22, 40, 0.04);\r\n    letter-spacing: 1px;\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.choose-card:hover .card-number {\r\n    color: rgba(215, 24, 76, 0.06);\r\n}\r\n\r\n\/* ===== CARD TITLE ===== *\/\r\n.choose-card .card-title {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    color: #0A1628;\r\n    margin-bottom: 8px;\r\n    letter-spacing: -0.2px;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n\/* ===== CARD DESCRIPTION ===== *\/\r\n.choose-card .card-desc {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: rgba(0, 0, 0, 0.78);\r\n    line-height: 1.7;\r\n    letter-spacing: 0.2px;\r\n    margin-bottom: 18px;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n.choose-card .card-desc strong {\r\n    color: rgba(10, 22, 40, 0.6);\r\n    font-weight: 500;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n.choose-card:hover .card-desc {\r\n    color: rgba(10, 22, 40, 0.5);\r\n}\r\n\r\n.choose-card:hover .card-desc strong {\r\n    color: rgba(10, 22, 40, 0.7);\r\n}\r\n\r\n\/* ===== CARD LINK \/ ARROW ===== *\/\r\n.choose-card .card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #121D37;\r\n    text-decoration: none;\r\n    letter-spacing: 0.5px;\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    opacity: 0.2;\r\n    position: relative;\r\n}\r\n\r\n.choose-card .card-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 1.5px;\r\n    background: #d7184c;\r\n    transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.choose-card .card-link i {\r\n    font-size: 11px;\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.choose-card:hover .card-link {\r\n    opacity: 1;\r\n    color: #121d37;\r\n}\r\n\r\n.choose-card:hover .card-link::after {\r\n    width: 100%;\r\n}\r\n\r\n.choose-card:hover .card-link i {\r\n    transform: translateX(6px);\r\n}\r\n\r\n\r\n\/* Big Screen \/ Desktop - 4 cards *\/\r\n@media (min-width: 1200px) {\r\n    .choose-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 28px;\r\n    }\r\n}\r\n\r\n\/* Laptop - 4 cards *\/\r\n@media (max-width: 1199px) and (min-width: 992px) {\r\n    .choose-section { padding: 80px 30px 80px; }\r\n    .choose-header h2 { font-size: 38px; }\r\n    .choose-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 22px;\r\n    }\r\n    .choose-card .card-content { padding: 24px 22px 26px; }\r\n    .choose-card .card-title { font-size: 17px; }\r\n}\r\n\r\n\/* Tablet - 2 cards *\/\r\n@media (max-width: 991px) and (min-width: 601px) {\r\n    .choose-section { padding: 70px 30px 70px; }\r\n    .choose-header h2 { font-size: 34px; }\r\n    .choose-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n    }\r\n    .choose-card .card-content { padding: 26px 24px 28px; }\r\n    .choose-card .card-title { font-size: 18px; }\r\n    .choose-card .card-icon { width: 50px; height: 50px; font-size: 20px; }\r\n}\r\n\r\n\/* Mobile - 1 card *\/\r\n@media (max-width: 600px) {\r\n    .choose-section { padding: 60px 16px 60px; }\r\n    .choose-header h2 { font-size: 28px; }\r\n    .choose-header .subtitle { font-size: 15px; }\r\n    .choose-header .badge { font-size: 8px; padding: 4px 14px; }\r\n    \r\n    .choose-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n    .choose-card .card-content { padding: 22px 20px 24px; }\r\n    .choose-card .card-title { font-size: 17px; }\r\n    .choose-card .card-desc { font-size: 13px; }\r\n    .choose-card .card-icon { width: 48px; height: 48px; font-size: 18px; }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .choose-section { padding: 50px 14px 50px; }\r\n    .choose-header h2 { font-size: 22px; }\r\n    .choose-card .card-content { padding: 18px 16px 20px; }\r\n    .choose-card .card-title { font-size: 15px; }\r\n    .choose-card .card-desc { font-size: 12px; }\r\n    .choose-card .card-icon { width: 42px; height: 42px; font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"choose-section\">\r\n\r\n    <!-- Glow Orb -->\r\n    <div class=\"glow-orb\"><\/div>\r\n\r\n    <div class=\"choose-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"choose-header\">\r\n            <h2>\r\n                What sets us <span class=\"gold\">apart<\/span>\r\n            <\/h2>\r\n            <p class=\"subtitle\">\r\n                Real training. Real attention. Real results.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- CARDS -->\r\n        <div class=\"choose-grid\">\r\n\r\n            <!-- CARD 1: Hands-on Training -->\r\n            <div class=\"choose-card\">\r\n                <div class=\"card-bar\"><\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon-wrapper\">\r\n                        <div class=\"card-icon\">\r\n                            <i class=\"fas fa-hands\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"card-number\">01<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Hands-on Training<\/h3>\r\n                    <p class=\"card-desc\">\r\n                        Real equipment, real clients, real practice \u2014 <strong>not just lectures<\/strong>.\r\n                    <\/p>\r\n                    <a href=\"#\" class=\"card-link\">\r\n                        Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2: Small Class Sizes -->\r\n            <div class=\"choose-card\">\r\n                <div class=\"card-bar\"><\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon-wrapper\">\r\n                        <div class=\"card-icon\">\r\n                            <i class=\"fas fa-users\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"card-number\">02<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Small Class Sizes<\/h3>\r\n                    <p class=\"card-desc\">\r\n                        <strong>Max 1 instructor<\/strong> per 10 students \u2014 real one-on-one attention.\r\n                    <\/p>\r\n                    <a href=\"#\" class=\"card-link\">\r\n                        Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3: 4 GTA Campuses -->\r\n            <div class=\"choose-card\">\r\n                <div class=\"card-bar\"><\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon-wrapper\">\r\n                        <div class=\"card-icon\">\r\n                            <i class=\"fas fa-location-dot\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"card-number\">03<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">4 GTA Campuses<\/h3>\r\n                    <p class=\"card-desc\">\r\n                        Markham, Richmond Hill, Scarborough, and Steeles.\r\n                    <\/p>\r\n                    <a href=\"#\" class=\"card-link\">\r\n                        Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4: Career Services -->\r\n            <div class=\"choose-card\">\r\n                <div class=\"card-bar\"><\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon-wrapper\">\r\n                        <div class=\"card-icon\">\r\n                            <i class=\"fas fa-bullhorn\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"card-number\">04<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Career Services<\/h3>\r\n                    <p class=\"card-desc\">\r\n                        Free career consultation, <strong>resume &amp; interview prep<\/strong>, and job leads.\r\n                    <\/p>\r\n                    <a href=\"#\" class=\"card-link\">\r\n                        Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\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<div class=\"elementor-element elementor-element-18ceddc e-con-full e-flex e-con e-parent\" data-id=\"18ceddc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-812b545 elementor-widget elementor-widget-html\" data-id=\"812b545\" 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>CTA with Book a Treatment<\/title>\r\n\r\n    <!-- Google Fonts & Font Awesome (same as original) -->\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            background: white;\r\n        }\r\n\r\n        .cta-section {\r\n            padding: 40px 40px 40px;\r\n            background: #2F6F62;\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        .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        .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        .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        .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        .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        .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 (Apply Now) ===== *\/\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        \/* ===== NEW: TERTIARY BUTTON (Book a Treatment) ===== \r\n           styled consistently with primary but with a different accent \r\n           (we'll use a subtle outline with gold hover, or a similar gradient)\r\n           we want it to look distinct but cohesive. Since original design uses gold\/amber,\r\n           I'll make it a \"ghost\" button with gold border and gold text, \r\n           hover fills with soft gold background. It's elegant and matches theme.\r\n        *\/\r\n        .cta-section .cta-btn-tertiary {\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: transparent;\r\n            border: 1px solid rgba(255, 184, 0, 0.3);\r\n            color: #FFB800;\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            cursor: pointer;\r\n            box-shadow: 0 4px 20px rgba(255, 184, 0, 0.05);\r\n        }\r\n\r\n        .cta-section .cta-btn-tertiary i {\r\n            font-size: 15px;\r\n            color: #FFB800;\r\n            opacity: 0.8;\r\n            transition: 0.4s ease;\r\n        }\r\n\r\n        .cta-section .cta-btn-tertiary:hover {\r\n            background: rgba(255, 184, 0, 0.08);\r\n            border-color: rgba(255, 184, 0, 0.5);\r\n            color: #FFC84D;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 30px rgba(255, 184, 0, 0.15);\r\n        }\r\n\r\n        .cta-section .cta-btn-tertiary:hover i {\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .cta-section .cta-btn-tertiary:active {\r\n            transform: scale(0.96);\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,\r\n            .cta-section .cta-btn-tertiary { \r\n                padding: 14px 34px; \r\n                font-size: 14px; \r\n            }\r\n        }\r\n\r\n        \/* Mobile - buttons side by side (now up to 3, but we keep them wrap-friendly) *\/\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                flex-wrap: wrap;  \/* allow wrap if not enough space *\/\r\n            }\r\n            \r\n            .cta-section .cta-btn-primary,\r\n            .cta-section .cta-btn-secondary,\r\n            .cta-section .cta-btn-tertiary {\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            .cta-section .cta-btn-tertiary 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            .cta-section .cta-btn-tertiary {\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            .cta-section .cta-btn-tertiary 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            .cta-section .cta-btn-tertiary {\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            .cta-section .cta-btn-tertiary i {\r\n                font-size: 10px;\r\n            }\r\n        }\r\n\r\n        \/* for very small screens, we may want to allow buttons to wrap *\/\r\n        @media (max-width: 480px) {\r\n            .cta-section .cta-buttons {\r\n                flex-wrap: wrap;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\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: Apply Now + Book a Treatment + Phone -->\r\n        <div class=\"cta-buttons\">\r\n            <!-- Apply Now (primary) -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\" class=\"cta-btn-primary\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n\r\n            <!-- NEW: Book a Treatment button (tertiary style) -->\r\n            <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\" class=\"cta-btn-tertiary\">\r\n                <i class=\"fas fa-calendar-check\"><\/i> Book a Treatment\r\n            <\/a>\r\n\r\n            <!-- Phone (secondary) -->\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>\r\n\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-585f571 e-con-full e-flex e-con e-parent\" data-id=\"585f571\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac0010 elementor-widget elementor-widget-html\" data-id=\"1ac0010\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n   TESTIMONIALS SECTION - 7 VIDEOS (WORKING)\r\n   ===================================================== -->\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.testimonial-section {\r\n    padding: 60px 40px 60px;\r\n    background: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.testimonial-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    right: -20%;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(195, 21, 69, 0.03) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.testimonial-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.testimonial-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.testimonial-header .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.testimonial-header h2 {\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.3px;\r\n}\r\n\r\n.testimonial-header h2 span {\r\n    color: #C31545;\r\n}\r\n\r\n.testimonial-header p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    margin-top: 8px;\r\n}\r\n\r\n\/* ===== VIDEO GRID ===== *\/\r\n.video-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n\/* ===== VIDEO CARD ===== *\/\r\n.video-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(10, 22, 40, 0.05);\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n\r\n.video-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    z-index: 3;\r\n}\r\n\r\n.video-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.06);\r\n    border-color: rgba(195, 21, 69, 0.08);\r\n}\r\n\r\n.video-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* ===== THUMBNAIL ===== *\/\r\n.video-thumbnail {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16\/9;\r\n    background: linear-gradient(135deg, #f8f9fc, #e8ecf0);\r\n    overflow: hidden;\r\n}\r\n\r\n.video-thumbnail img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n    display: block;\r\n}\r\n\r\n.video-card:hover .video-thumbnail img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* ===== PLAY OVERLAY ===== *\/\r\n.video-thumbnail .play-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(10, 22, 40, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.4s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.video-card:hover .video-thumbnail .play-overlay {\r\n    background: rgba(10, 22, 40, 0.35);\r\n}\r\n\r\n.video-thumbnail .play-btn {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n    position: relative;\r\n}\r\n\r\n.video-thumbnail .play-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -6px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    animation: pulsePlay 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulsePlay {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.15); opacity: 0.4; }\r\n}\r\n\r\n.video-thumbnail .play-btn i {\r\n    font-size: 20px;\r\n    color: #C31545;\r\n    margin-left: 3px;\r\n}\r\n\r\n.video-card:hover .play-btn {\r\n    background: #C31545;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.video-card:hover .play-btn i {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\r\n\r\n@media (min-width: 992px) {\r\n    .video-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) and (min-width: 600px) {\r\n    .testimonial-section { padding: 50px 30px 50px; }\r\n    .testimonial-header h2 { font-size: 32px; }\r\n    .video-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 18px;\r\n    }\r\n    .video-thumbnail .play-btn {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    .video-thumbnail .play-btn i {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 599px) {\r\n    .testimonial-section { padding: 40px 16px 40px; }\r\n    .testimonial-header h2 { font-size: 26px; }\r\n    .testimonial-header p { font-size: 14px; }\r\n    .video-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n    .video-thumbnail .play-btn {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n    .video-thumbnail .play-btn i {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .testimonial-header h2 { font-size: 22px; }\r\n    .video-thumbnail .play-btn { width: 42px; height: 42px; }\r\n    .video-thumbnail .play-btn i { font-size: 14px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"testimonial-section\">\r\n    <div class=\"testimonial-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"testimonial-header\">\r\n            <h2>Hear From Our <span>Graduates<\/span><\/h2>\r\n            <p>Real students. Real experiences. Real results.<\/p>\r\n        <\/div>\r\n\r\n        <!-- VIDEO GRID - 7 VIDEOS -->\r\n        <div class=\"video-grid\">\r\n\r\n            <!-- Video 1: B62OdhavTtA -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/B62OdhavTtA\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/B62OdhavTtA\/hqdefault.jpg\" alt=\"Testimonial 1\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 2: dH7TARFJKdY -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/dH7TARFJKdY\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dH7TARFJKdY\/hqdefault.jpg\" alt=\"Testimonial 2\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 3: XhFxLfSp_PQ -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/XhFxLfSp_PQ\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XhFxLfSp_PQ\/hqdefault.jpg\" alt=\"Testimonial 3\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 4: K3mdWpSxtl8 -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/K3mdWpSxtl8\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/K3mdWpSxtl8\/hqdefault.jpg\" alt=\"Testimonial 4\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 5: dKhSvl_VEco -->\r\n            <a href=\"https:\/\/www.youtube.com\/watch?v=dKhSvl_VEco\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dKhSvl_VEco\/hqdefault.jpg\" alt=\"Testimonial 5\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 6: D6Ca6qTRnPc -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/D6Ca6qTRnPc\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/D6Ca6qTRnPc\/hqdefault.jpg\" alt=\"Testimonial 6\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Video 7: UTsm62uFOU4 -->\r\n            <a href=\"https:\/\/www.youtube.com\/shorts\/UTsm62uFOU4\" target=\"_blank\" rel=\"noopener\" class=\"video-card\">\r\n                <div class=\"video-thumbnail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/UTsm62uFOU4\/hqdefault.jpg\" alt=\"Testimonial 7\" loading=\"lazy\">\r\n                    <div class=\"play-overlay\">\r\n                        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\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>Build a career you&#8217;re proud of in months, not years. \u25c9 Career-focused Diploma and certificate programs in healthcare, business, Food service hositality, and beauty \u2014 hands-on training at our Markham, Richmond Hill, Scarborough, and Steeles campuses. Apply Now Explore Programs \u2713 4 GTA campuses \u25c8 On-site Medi Spa \u25c9 Career Colleges Act, 2005 90% success [&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-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/127","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=127"}],"version-history":[{"count":241,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":1302,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/127\/revisions\/1302"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}