{"id":796,"date":"2026-09-09T12:38:48","date_gmt":"2026-09-09T12:38:48","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=796"},"modified":"2026-09-14T13:14:48","modified_gmt":"2026-09-14T13:14:48","slug":"accounting-and-business-management","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/accounting-and-business-management\/","title":{"rendered":"Accounting and Business Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"796\" class=\"elementor elementor-796\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ade94b8 e-con-full e-flex e-con e-parent\" data-id=\"ade94b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b854ef8 elementor-widget elementor-widget-html\" data-id=\"b854ef8\" 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>Accounting and Business Management \u2014 Elite College<\/title>\r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Work Sans', sans-serif;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 80vh;\r\n            display: flex;\r\n            align-items: center;\r\n            background: #080F1A;\r\n            overflow: hidden;\r\n            padding: 60px 40px 80px;\r\n        }\r\n\r\n        .hero-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n            background:#023357;\r\n        }\r\n\r\n        .hero-container {\r\n            max-width: 1320px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ===== LEFT CONTENT ===== *\/\r\n        .hero-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n        }\r\n\r\n        \/* ===== BREADCRUMB ===== *\/\r\n        .hero-breadcrumb {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 0px;\r\n        }\r\n        .hero-breadcrumb a {\r\n            color: rgba(255, 184, 0, 0.5);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .hero-breadcrumb a:hover {\r\n            color: #FFB800;\r\n        }\r\n        .hero-breadcrumb .sep {\r\n            color: rgba(255, 255, 255, 0.15);\r\n            margin: 0 6px;\r\n        }\r\n        .hero-breadcrumb .current {\r\n            color: rgba(255, 255, 255, 0.35);\r\n        }\r\n\r\n        \/* ===== 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: 48px;\r\n            line-height: 1.05;\r\n            color: #ffffff;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .hero-title .gold {\r\n            background: linear-gradient(135deg, #FFB800 0%, #FF8C00 50%, #FFB800 100%);\r\n            background-size: 200% 200%;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            animation: goldMove 5s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes goldMove {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        \/* ===== DIVIDER ===== *\/\r\n        .hero-divider {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin: 2px 0 4px;\r\n        }\r\n\r\n        .hero-divider .label {\r\n            font-size: 11px;\r\n            font-weight: 400;\r\n            color: rgb(255, 255, 255);\r\n            font-family: 'Work Sans', sans-serif;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* ===== SUBTITLE ===== *\/\r\n        .hero-subtitle {\r\n            font-size: 16px;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.45);\r\n            line-height: 1.8;\r\n            font-family: 'Work Sans', sans-serif;\r\n            letter-spacing: 0.2px;\r\n        }\r\n\r\n        .hero-subtitle strong {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* ===== 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        .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        .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: 14px;\r\n            color: #FFB800;\r\n            opacity: 0.4;\r\n            transition: 0.3s ease;\r\n            font-style: normal;\r\n        }\r\n\r\n        .hero-trust-item:hover .icon {\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* ============================================================\r\n           RIGHT - IMAGE\r\n           ============================================================ *\/\r\n        .hero-image-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-image-wrapper .main-image {\r\n            width: 100%;\r\n            max-width: 560px;\r\n            height: auto;\r\n            border-radius: 20px;\r\n            object-fit: cover;\r\n            box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5);\r\n            border: 1px solid rgba(255, 255, 255, 0.03);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ============================================================\r\n           RESPONSIVE\r\n           ============================================================ *\/\r\n        @media (min-width: 1440px) {\r\n            .hero-section { padding: 140px 60px 100px; }\r\n            .hero-title { font-size: 58px; }\r\n            .hero-container { gap: 70px; }\r\n            .hero-btn-primary, .hero-btn-secondary { padding: 16px 44px; font-size: 14px; }\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        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .hero-section { \r\n                padding: 40px 30px 50px; \r\n                min-height: auto; \r\n            }\r\n            .hero-container { \r\n                grid-template-columns: 1fr; \r\n                gap: 30px; \r\n            }\r\n            .hero-content { order: 1; }\r\n            .hero-image-wrapper { order: 2; }\r\n            .hero-title { font-size: 36px; }\r\n            .hero-subtitle { font-size: 15px; max-width: 100%; }\r\n            .hero-image-wrapper .main-image { max-width: 100%; }\r\n            .hero-trust { gap: 6px 16px; }\r\n            .hero-trust-item { font-size: 11px; }\r\n            .hero-divider .label { font-size: 10px; }\r\n            .hero-breadcrumb { font-size: 12px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-section { \r\n                padding: 30px 20px 40px; \r\n            }\r\n            .hero-title { font-size: 30px; }\r\n            .hero-subtitle { font-size: 14px; }\r\n            .hero-btn-primary, .hero-btn-secondary { \r\n                padding: 11px 22px; \r\n                font-size: 12px; \r\n                flex: 1 1 auto; \r\n                justify-content: center; \r\n            }\r\n            .hero-trust { gap: 6px 12px; }\r\n            .hero-trust-item { font-size: 10px; }\r\n            .hero-divider .label { font-size: 9px; }\r\n            .hero-breadcrumb { font-size: 11px; }\r\n            .hero-container { gap: 24px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section { \r\n                padding: 20px 16px 30px; \r\n            }\r\n            .hero-title { font-size: 24px; }\r\n            .hero-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 { \r\n                flex: 1 1 auto; \r\n                min-width: 110px; \r\n                padding: 9px 14px; \r\n                font-size: 11px; \r\n                gap: 6px; \r\n            }\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: 11px; }\r\n            .hero-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n            .hero-breadcrumb { font-size: 10px; }\r\n            .hero-container { gap: 18px; }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .hero-title { font-size: 20px; }\r\n            .hero-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<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n\r\n        <!-- Background -->\r\n        <div class=\"hero-bg\"><\/div>\r\n\r\n        <div class=\"hero-container\">\r\n\r\n            <!-- LEFT CONTENT -->\r\n            <div class=\"hero-content\">\r\n\r\n                <!-- Breadcrumb -->\r\n                <div class=\"hero-breadcrumb\">\r\n                    <a href=\"\/\">Home<\/a>\r\n                    <span class=\"sep\">\/<\/span>\r\n                    <a href=\"\/programs\/\">Programs <\/a>\r\n                    <span class=\"sep\">\/<\/span>\r\n                    Business \r\n                    <span class=\"sep\">\/<\/span>\r\n                    <span class=\"current\">Accounting &amp; Business Management<\/span>\r\n                <\/div>\r\n\r\n                <!-- Title -->\r\n                <h1 class=\"hero-title\">\r\n                    Accounting &amp; <span class=\"gold\">Business Management<\/span>\r\n                <\/h1>\r\n\r\n                <!-- Divider -->\r\n                <div class=\"hero-divider\">\r\n                    <span style=\"color: #FBAB00;\">\u25c9<\/span>\r\n                    <span class=\"label\">Diploma Program<\/span>\r\n                <\/div>\r\n\r\n                <!-- Subtitle \/ Description -->\r\n                <p class=\"hero-subtitle\" style=\"text-align: justify;\">\r\n    Build the practical skills needed to succeed in today's competitive business world.\r\n    The <strong>Accounting & Business Management<\/strong> program combines hands-on\r\n    training in accounting, finance, management, marketing, human resources,\r\n    technology, and business communication to prepare students for a wide range\r\n    of career opportunities. Develop career-focused expertise in\r\n    <strong>bookkeeping, financial accounting, Sage 50, Microsoft Office,<\/strong>\r\n    and <strong>business planning<\/strong> - designed to meet real employer demands.\r\n<\/p>\r\n\r\n                <!-- Trust -->\r\n                <div class=\"hero-trust\">\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u2726<\/span> 52 Weeks\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u25c8<\/span> 1,040 Hours\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u2713<\/span> In Person \/ Hybrid\r\n                    <\/span>\r\n                    <span class=\"hero-trust-item\">\r\n                        <span class=\"icon\">\u25c9<\/span> Career Colleges Act, 2005\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT CONTENT - IMAGE -->\r\n            <div class=\"hero-image-wrapper\">\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/Untitled-design-31.webp\" \r\n                    alt=\"Accounting and Business Management\" \r\n                    class=\"main-image\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b47440c e-con-full e-flex e-con e-parent\" data-id=\"b47440c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b23772 elementor-widget elementor-widget-html\" data-id=\"0b23772\" 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>Accounting and Business Management \u2014 Elite College<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Work Sans', sans-serif;\r\n            background: #ffffff;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 40px 0 40px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           PROGRAM HEADER\r\n           ===================================================== *\/\r\n        .program-header {\r\n            padding: 40px 0 30px;\r\n            background: #ffffff;\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .program-header .container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .program-breadcrumb {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.3);\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .program-breadcrumb a {\r\n            color: rgba(195, 21, 69, 0.5);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .program-breadcrumb a:hover {\r\n            color: #C31545;\r\n        }\r\n        .program-breadcrumb .sep {\r\n            color: rgba(10, 22, 40, 0.15);\r\n            margin: 0 6px;\r\n        }\r\n        .program-breadcrumb .current {\r\n            color: rgba(10, 22, 40, 0.5);\r\n        }\r\n\r\n        .program-header-top {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .program-category {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            background: rgba(195, 21, 69, 0.08);\r\n            border: 1px solid rgba(195, 21, 69, 0.12);\r\n            padding: 4px 14px;\r\n            border-radius: 50px;\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            color: #C31545;\r\n            letter-spacing: 0.8px;\r\n            text-transform: uppercase;\r\n            font-family: 'Work Sans', sans-serif;\r\n        }\r\n\r\n        .program-title {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 36px;\r\n            color: #0A1628;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .program-title .highlight {\r\n            color: #C31545;\r\n        }\r\n\r\n        .program-meta {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 16px 28px;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .program-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            color: rgba(10, 22, 40, 0.5);\r\n        }\r\n\r\n        .program-meta-item i {\r\n            color: #C31545;\r\n            font-size: 14px;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .program-meta-item strong {\r\n            color: #0A1628;\r\n            font-weight: 500;\r\n        }\r\n        .sticky-apply-bar {\r\n            display: none;\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 999;\r\n            background: #ffffff;\r\n            padding: 10px 20px;\r\n            box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.06);\r\n            border-top: 1px solid rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-text i {\r\n            color: #C31545;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-btn {\r\n            background: linear-gradient(135deg, #C31545, #9e0f38);\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 8px 24px;\r\n            border-radius: 50px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-family: 'Work Sans', sans-serif;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .sticky-apply-bar .sticky-btn:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 4px 20px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .tabs-section {\r\n            padding: 40px 0 60px;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .tabs-nav {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 4px;\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n            padding-bottom: 4px;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .tab-btn {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: rgba(10, 22, 40, 0.4);\r\n            background: transparent;\r\n            border: none;\r\n            padding: 10px 22px;\r\n            border-radius: 8px 8px 0 0;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tab-btn:hover {\r\n            color: #0A1628;\r\n            background: rgba(195, 21, 69, 0.04);\r\n        }\r\n\r\n        .tab-btn.active {\r\n            color: #C31545;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            font-weight: 600;\r\n            position: relative;\r\n        }\r\n\r\n        .tab-btn.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 20%;\r\n            right: 20%;\r\n            height: 2.5px;\r\n            background: #C31545;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .tab-panel {\r\n            display: none;\r\n            animation: fadeIn 0.4s ease;\r\n            padding-top: 8px;\r\n        }\r\n\r\n        .tab-panel.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; transform: translateY(8px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .overview-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            line-height: 1.8;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .overview-text strong {\r\n            color: #0A1628;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .overview-text p {\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        \/* ===== NEW APPROVAL RIBBON STYLE ===== *\/\r\n        .approval-ribbon {\r\n            margin-top: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            padding: 14px 0 14px 20px;\r\n            border-left: 3px solid #C31545;\r\n            background: linear-gradient(90deg, rgba(195, 21, 69, 0.04) 0%, rgba(195, 21, 69, 0.01) 60%, transparent 100%);\r\n            border-radius: 0 12px 12px 0;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .approval-ribbon-icon {\r\n            flex-shrink: 0;\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            background: #C31545;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 15px;\r\n            color: #ffffff;\r\n            box-shadow: 0 2px 10px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .approval-ribbon-text {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n            line-height: 1.5;\r\n            letter-spacing: 0.1px;\r\n        }\r\n\r\n        .approval-ribbon-text strong {\r\n            color: #C31545;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* ===== LEARN SECTION ===== *\/\r\n        .learn-section {\r\n            margin-top: 48px;\r\n            padding-top: 40px;\r\n            border-top: 1px solid rgba(10, 22, 40, 0.06);\r\n        }\r\n\r\n        .learn-header {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .learn-header .learn-label {\r\n            display: inline-block;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: #C31545;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2.5px;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            padding: 5px 18px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(195, 21, 69, 0.08);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .learn-header h3 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 30px;\r\n            color: #0A1628;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .learn-header h3 span {\r\n            color: #C31545;\r\n        }\r\n\r\n        \/* ===== HORIZONTAL SCROLL ===== *\/\r\n        .learn-scroll {\r\n            display: flex;\r\n            gap: 20px;\r\n            overflow-x: auto;\r\n            scroll-snap-type: x mandatory;\r\n            padding: 4px 4px 20px;\r\n            -webkit-overflow-scrolling: touch;\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar {\r\n            height: 6px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-track {\r\n            background: rgba(10, 22, 40, 0.03);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(90deg, #C31545, #9e0f38);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .learn-scroll::-webkit-scrollbar-thumb:hover {\r\n            background: linear-gradient(90deg, #9e0f38, #7a0b2b);\r\n        }\r\n\r\n        \/* ===== LEARN CARD ===== *\/\r\n        .learn-card {\r\n            flex: 0 0 260px;\r\n            scroll-snap-align: start;\r\n            background: #ffffff;\r\n            border: 1px solid rgba(10, 22, 40, 0.05);\r\n            border-radius: 18px;\r\n            padding: 26px 22px 24px;\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .learn-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #C31545, #9e0f38);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .learn-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.05);\r\n            border-color: rgba(195, 21, 69, 0.08);\r\n        }\r\n\r\n        .learn-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .learn-number {\r\n            position: absolute;\r\n            top: 16px;\r\n            right: 20px;\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            color: rgba(10, 22, 40, 0.04);\r\n            line-height: 1;\r\n            transition: all 0.4s ease;\r\n            user-select: none;\r\n        }\r\n\r\n        .learn-card:hover .learn-number {\r\n            color: rgba(195, 21, 69, 0.08);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .learn-card-icon {\r\n            width: 52px;\r\n            height: 52px;\r\n            border-radius: 14px;\r\n            background: rgba(195, 21, 69, 0.06);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 22px;\r\n            color: #C31545;\r\n            margin-bottom: 16px;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .learn-card:hover .learn-card-icon {\r\n            background: rgba(195, 21, 69, 0.12);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .learn-card h4 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            color: #0A1628;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.2px;\r\n        }\r\n\r\n        .learn-card p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.55);\r\n            line-height: 1.6;\r\n        }\r\n        .accordion-item {\r\n            border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .accordion-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 14px 0;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #0A1628;\r\n        }\r\n\r\n        .accordion-header:hover {\r\n            color: #C31545;\r\n        }\r\n\r\n        .accordion-header .arrow {\r\n            font-size: 14px;\r\n            transition: transform 0.3s ease;\r\n            color: #C31545;\r\n        }\r\n\r\n        .accordion-item.active .accordion-header .arrow {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .accordion-body {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease;\r\n        }\r\n\r\n        .accordion-body-inner {\r\n            padding: 0 0 16px 0;\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            color: rgba(10, 22, 40, 0.6);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .chips-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .chip {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            background: #f8f9fc;\r\n            padding: 6px 18px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(10, 22, 40, 0.04);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .chip:hover {\r\n            border-color: #C31545;\r\n            color: #0A1628;\r\n            background: rgba(195, 21, 69, 0.04);\r\n        }\r\n\r\n        .admissions-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .admissions-list li {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 400;\r\n            color: rgba(10, 22, 40, 0.7);\r\n            padding: 8px 0 8px 28px;\r\n            position: relative;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .admissions-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #C31545;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n        }\r\n        .tuition-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .tuition-card {\r\n            background: #f8f9fc;\r\n            border-radius: 16px;\r\n            padding: 24px 28px;\r\n            border: 1px solid rgba(10, 22, 40, 0.04);\r\n        }\r\n\r\n        .tuition-card h4 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 600;\r\n            font-size: 18px;\r\n            color: #0A1628;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .tuition-card p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 14px;\r\n            color: rgba(10, 22, 40, 0.6);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .tuition-card .price {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 28px;\r\n            color: #C31545;\r\n            margin: 8px 0 4px;\r\n        }\r\n        .faq-item .accordion-header {\r\n            font-weight: 400;\r\n            font-size: 14px;\r\n        }\r\n        .cta-banner-section {\r\n            padding: 50px 0;\r\n            background: #2F6F62;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-banner-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse at 70% 30%, rgba(195, 21, 69, 0.04) 0%, transparent 60%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-banner-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-banner-container h2 {\r\n            font-family: 'Source Serif 4', serif;\r\n            font-weight: 700;\r\n            font-size: 32px;\r\n            color: #ffffff;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .cta-banner-container p {\r\n            font-family: 'Work Sans', sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cta-banner-container .cta-btn {\r\n            background: linear-gradient(135deg, #C31545, #9e0f38);\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 14px 40px;\r\n            border-radius: 50px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.4s ease;\r\n            font-family: 'Work Sans', sans-serif;\r\n            box-shadow: 0 4px 25px rgba(195, 21, 69, 0.25);\r\n        }\r\n\r\n        .cta-banner-container .cta-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 35px rgba(195, 21, 69, 0.35);\r\n        }\r\n\r\n        .cta-banner-container .cta-btn i {\r\n            transition: 0.3s ease;\r\n        }\r\n\r\n        .cta-banner-container .cta-btn:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n\r\n        @media (max-width: 1024px) {\r\n            .container { padding: 0 30px; }\r\n            .program-title { font-size: 32px; }\r\n            .tuition-grid { grid-template-columns: 1fr; }\r\n            .cta-banner-container h2 { font-size: 28px; }\r\n            .learn-header h3 { font-size: 26px; }\r\n            .learn-card { flex: 0 0 240px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .container { padding: 0 20px; margin: 0 10px 0 10px;}\r\n            .program-header { padding: 30px 0 20px; }\r\n            .program-title { font-size: 26px; }\r\n            .program-meta { gap: 10px 16px; }\r\n            .program-meta-item { font-size: 12px; }\r\n            .sticky-apply-bar { display: block; }\r\n            .tabs-section { padding: 30px 0 40px; }\r\n            .tab-btn { font-size: 12px; padding: 8px 14px; }\r\n            .cta-banner-container h2 { font-size: 24px; }\r\n            .cta-banner-container p { font-size: 14px; }\r\n            .cta-banner-container .cta-btn { padding: 12px 32px; font-size: 13px; }\r\n            .learn-section { margin-top: 36px; padding-top: 30px; }\r\n            .learn-header h3 { font-size: 22px; }\r\n            .learn-card { flex: 0 0 220px; padding: 22px 18px 20px; border-radius: 16px; }\r\n            .learn-card h4 { font-size: 15px; }\r\n            .learn-card p { font-size: 12px; }\r\n            .learn-card-icon { width: 44px; height: 44px; font-size: 18px; border-radius: 12px; }\r\n            .learn-number { font-size: 34px; top: 14px; right: 16px; }\r\n            .approval-ribbon { padding: 12px 0 12px 16px; gap: 12px; }\r\n            .approval-ribbon-icon { width: 32px; height: 32px; font-size: 13px; }\r\n            .approval-ribbon-text { font-size: 12px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .program-title { font-size: 22px; }\r\n            .program-header-top { flex-direction: column; align-items: flex-start; gap: 8px; }\r\n            .tabs-nav { flex-wrap: nowrap; overflow-x: auto; gap: 2px; }\r\n            .tab-btn { font-size: 11px; padding: 6px 12px; white-space: nowrap; }\r\n            .cta-banner-container h2 { font-size: 20px; }\r\n            .sticky-apply-bar .sticky-text { font-size: 12px; }\r\n            .sticky-apply-bar .sticky-btn { padding: 6px 18px; font-size: 12px; }\r\n            .container { padding: 0 16px; }\r\n            .cta-banner-container { padding: 0 16px; }\r\n            .learn-header .learn-label { font-size: 10px; padding: 3px 12px; }\r\n            .learn-header h3 { font-size: 20px; }\r\n            .learn-card { flex: 0 0 200px; padding: 18px 16px 18px; border-radius: 14px; }\r\n            .learn-card h4 { font-size: 14px; }\r\n            .learn-card p { font-size: 11px; }\r\n            .learn-card-icon { width: 40px; height: 40px; font-size: 16px; border-radius: 10px; margin-bottom: 12px; }\r\n            .learn-number { font-size: 28px; }\r\n            .approval-ribbon { padding: 10px 0 10px 14px; gap: 10px; border-radius: 0 10px 10px 0; }\r\n            .approval-ribbon-icon { width: 28px; height: 28px; font-size: 12px; }\r\n            .approval-ribbon-text { font-size: 11px; }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .program-title { font-size: 18px; }\r\n            .tuition-card { padding: 18px 16px; }\r\n            .tuition-card .price { font-size: 22px; }\r\n            .learn-card { flex: 0 0 180px; }\r\n        }\r\n\r\n        @media (min-width: 769px) {\r\n            .sticky-apply-bar {\r\n                display: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"program-header\">\r\n        <div class=\"container\">\r\n            <div class=\"program-header-top\">\r\n                <span class=\"program-category\">\r\n                    <i class=\"fas fa-chart-line\"><\/i> Business\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"program-title\">\r\n                Accounting <span class=\"highlight\">&amp; Business Management<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"program-meta\">\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-clock\"><\/i> <strong>52<\/strong> weeks\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-hourglass-half\"><\/i> <strong>1,040<\/strong> total hours\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-graduation-cap\"><\/i> <strong>Diploma<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i> <strong>Markham, Richmond Hill<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-calendar-check\"><\/i> Next start: <strong>Fall 2026<\/strong>\r\n                <\/span>\r\n                <span class=\"program-meta-item\">\r\n                    <i class=\"fas fa-laptop\"><\/i> <strong>In Person \/ Hybrid<\/strong> delivery\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <div class=\"sticky-apply-bar\" id=\"stickyApplyBar\">\r\n        <div class=\"sticky-inner\">\r\n            <span class=\"sticky-text\">\r\n                <i class=\"fas fa-graduation-cap\"><\/i> Accounting &amp; Business Management\r\n            <\/span>\r\n            <a href=\"#\" class=\"sticky-btn\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"tabs-section\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"tabs-nav\" id=\"tabsNav\">\r\n                <button class=\"tab-btn active\" data-tab=\"overview\">Overview<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"curriculum\">Curriculum<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"careers\">Careers<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"admissions\">Admissions<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"tuition\">Tuition<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"faq\">FAQ<\/button>\r\n            <\/div>\r\n\r\n            <!-- ===== OVERVIEW TAB ===== -->\r\n            <div class=\"tab-panel active\" id=\"tab-overview\">\r\n                <div class=\"overview-text\">\r\n                    <p style=\"text-align: justify;\">\r\n                        Build the practical skills needed to succeed in today's competitive business world. The <strong>Accounting and Business Management Diploma<\/strong> combines <strong>hands-on training in accounting, finance, management, marketing, human resources, technology and business communication<\/strong> to prepare students for a wide range of career opportunities.\r\n                    <\/p>\r\n                    <p style=\"text-align: justify;\">\r\n                        This program is designed to develop <strong>career-focused skills<\/strong> in bookkeeping, financial accounting, Sage 50, business finance, Microsoft Office, management, human resources, marketing, social media marketing, e-business, project management and business planning.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- ===== NEW APPROVAL RIBBON ===== -->\r\n                <div class=\"approval-ribbon\">\r\n                    <div class=\"approval-ribbon-icon\">\r\n                        <i class=\"fas fa-check\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"approval-ribbon-text\">\r\n                        This program is approved as a vocational program under the <strong>Ontario Career Colleges Act, 2005<\/strong>.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ===== WHAT YOU'LL LEARN - HORIZONTAL SCROLL ===== -->\r\n                <div class=\"learn-section\">\r\n                    <div class=\"learn-header\">\r\n                        <h3>Skills You'll <span>Master<\/span><\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"learn-scroll\">\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">01<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-book\"><\/i><\/div>\r\n                            <h4>Bookkeeping<\/h4>\r\n                            <p>Master the fundamentals of bookkeeping and financial record-keeping.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">02<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-calculator\"><\/i><\/div>\r\n                            <h4>Financial Accounting<\/h4>\r\n                            <p>Develop financial accounting skills for business reporting.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">03<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\r\n                            <h4>Sage 50 Accounting<\/h4>\r\n                            <p>Learn industry-standard accounting software for business.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">04<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\r\n                            <h4>Business Finance<\/h4>\r\n                            <p>Understand financial management and business finance principles.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">05<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-file-word\"><\/i><\/div>\r\n                            <h4>Microsoft Office<\/h4>\r\n                            <p>Master Word, Excel, Outlook and PowerPoint for business.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">06<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-tasks\"><\/i><\/div>\r\n                            <h4>Management<\/h4>\r\n                            <p>Develop essential management and strategic planning skills.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">07<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                            <h4>Human Resources<\/h4>\r\n                            <p>Understand HR management and workplace people practices.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">08<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-bullhorn\"><\/i><\/div>\r\n                            <h4>Marketing<\/h4>\r\n                            <p>Develop marketing strategies for today's business environment.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"learn-card\">\r\n                            <div class=\"learn-number\">09<\/div>\r\n                            <div class=\"learn-card-icon\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\r\n                            <h4>Project Management<\/h4>\r\n                            <p>Learn to plan, execute and manage business projects.<\/p>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== CURRICULUM TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-curriculum\">\r\n                <div class=\"accordion-item active\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Customer Service Management\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Develop customer service strategies and service excellence for business.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Ethics in Business\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Explore ethical decision-making and corporate responsibility in business.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Business Mathematics\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Apply mathematical concepts to business and financial problems.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Economics\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Understand economic principles and their impact on business.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Bookkeeping &amp; Financial Accounting \u2013 Level 1\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">60 Hours \u2014 Introduction to bookkeeping and financial accounting fundamentals.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Bookkeeping &amp; Financial Accounting \u2013 Level 2\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">60 Hours \u2014 Advanced bookkeeping and financial accounting principles.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Sage 50 Accounting\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Hands-on training with Sage 50 accounting software.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Business Finance\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Understand financial management and business finance strategies.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Using Business Information Systems\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Learn how information systems support business operations.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Strategic Management\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Develop strategic thinking and management planning skills.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Business Plan\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Learn to create comprehensive business plans.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Career and Employment Strategies\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">20 Hours \u2014 Prepare for job search, interviews and career growth.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Microsoft Word\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Master document creation and formatting in Microsoft Word.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Microsoft Excel\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Develop spreadsheet skills for business and accounting.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Microsoft Outlook\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">20 Hours \u2014 Learn email, calendar and task management in Outlook.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Microsoft PowerPoint\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Create professional presentations using PowerPoint.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Effective Business Writing\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Develop professional business writing skills.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Oral Communication &amp; Presentation Skills\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Build confidence in speaking and professional presentations.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Foundations of Business\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Introduction to business structures, operations and environments.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Introduction to Management Skills\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Learn foundational management and leadership skills.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Introduction to Marketing Management\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Introduction to marketing principles and management.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Human Resource Management\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Explore core HR functions and strategic workforce management.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        E-Business\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Understand digital business models and online commerce.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Social Media Marketing\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Learn to build brand presence and engagement on social media.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Marketing Analysis and Planning\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Analyze markets and develop strategic marketing plans.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Project Management\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">40 Hours \u2014 Learn to plan, execute and manage business projects.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== CAREERS TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-careers\">\r\n                <p style=\"font-family: 'Work Sans', sans-serif; font-size: 15px; color: rgba(10,22,40,0.6); margin-bottom: 12px;\">\r\n                    Graduates develop skills applicable to opportunities in:\r\n                <\/p>\r\n                <div class=\"chips-container\">\r\n                    <span class=\"chip\">Accounting<\/span>\r\n                    <span class=\"chip\">Bookkeeping<\/span>\r\n                    <span class=\"chip\">Business Administration<\/span>\r\n                    <span class=\"chip\">Office Administration<\/span>\r\n                    <span class=\"chip\">Accounts Payable &amp; Receivable<\/span>\r\n                    <span class=\"chip\">Customer Service<\/span>\r\n                    <span class=\"chip\">Sales &amp; Marketing<\/span>\r\n                    <span class=\"chip\">Human Resources<\/span>\r\n                    <span class=\"chip\">Project Coordination<\/span>\r\n                    <span class=\"chip\">Business Management<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== ADMISSIONS TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-admissions\">\r\n                <ul class=\"admissions-list\">\r\n                    <li>Ontario Secondary School Diploma (OSSD) or equivalent<\/li>\r\n                    <li>English proficiency (minimum Grade 12 or equivalent)<\/li>\r\n                    <li>Admissions interview with program coordinator<\/li>\r\n                    <li>Basic computer skills (recommended)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- ===== TUITION TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-tuition\">\r\n                <div class=\"tuition-grid\">\r\n                    <div class=\"tuition-card\">\r\n                        <h4>Total Tuition<\/h4>\r\n                        <div class=\"price\">$9,800<\/div>\r\n                        <p>Includes all materials, textbooks, and career support services.<\/p>\r\n                    <\/div>\r\n                    <div class=\"tuition-card\">\r\n                        <h4>Financial Aid Available<\/h4>\r\n                        <p>OSAP, Better Jobs Ontario, and flexible payment plans available.<\/p>\r\n                        <a href=\"#\" style=\"color: #C31545; text-decoration: none; font-weight: 500; display: inline-block; margin-top: 8px;\">\r\n                            Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== FAQ TAB ===== -->\r\n            <div class=\"tab-panel\" id=\"tab-faq\">\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What career opportunities are available after graduation?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            Graduates find opportunities in accounting, bookkeeping, business administration, office administration, accounts payable and receivable, customer service, sales and marketing, human resources, project coordination and business management.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Is this program accredited?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            Yes, the Accounting and Business Management program is approved as a vocational program under the Ontario Career Colleges Act, 2005.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What delivery formats are available?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            The program is offered in In Person and Hybrid formats to suit different learning preferences and schedules.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item accordion-item\">\r\n                    <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Do I need prior accounting experience?\r\n                        <span class=\"arrow\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"accordion-body\">\r\n                        <div class=\"accordion-body-inner\">\r\n                            No prior accounting experience is required. The program is designed for individuals starting their career in accounting and business management.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-banner-section\">\r\n        <div class=\"cta-banner-container\">\r\n            <h2>Turn Business Skills Into Career Opportunities<\/h2>\r\n            <p>Build practical business, accounting and management skills employers value. Start your career today.<\/p>\r\n            <a href=\"#\" class=\"cta-btn\">\r\n                Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n    <script>\r\n        \/\/ ===== TABS =====\r\n        const tabs = document.querySelectorAll('.tab-btn');\r\n        const panels = document.querySelectorAll('.tab-panel');\r\n\r\n        tabs.forEach(function(tab) {\r\n            tab.addEventListener('click', function() {\r\n                tabs.forEach(function(t) { t.classList.remove('active'); });\r\n                this.classList.add('active');\r\n\r\n                panels.forEach(function(p) { p.classList.remove('active'); });\r\n\r\n                const target = this.getAttribute('data-tab');\r\n                const targetPanel = document.getElementById('tab-' + target);\r\n                if (targetPanel) {\r\n                    targetPanel.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ===== ACCORDION =====\r\n        function toggleAccordion(header) {\r\n            const item = header.parentElement;\r\n            const body = item.querySelector('.accordion-body');\r\n            const isActive = item.classList.contains('active');\r\n\r\n            const parent = item.parentElement;\r\n            parent.querySelectorAll('.accordion-item').forEach(function(el) {\r\n                if (el !== item) {\r\n                    el.classList.remove('active');\r\n                    el.querySelector('.accordion-body').style.maxHeight = '0';\r\n                }\r\n            });\r\n\r\n            if (isActive) {\r\n                item.classList.remove('active');\r\n                body.style.maxHeight = '0';\r\n            } else {\r\n                item.classList.add('active');\r\n                body.style.maxHeight = body.scrollHeight + 'px';\r\n            }\r\n        }\r\n\r\n        document.querySelectorAll('.accordion-item').forEach(function(item, index) {\r\n            const body = item.querySelector('.accordion-body');\r\n            if (index === 0) {\r\n                item.classList.add('active');\r\n                body.style.maxHeight = body.scrollHeight + 'px';\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accounting and Business Management \u2014 Elite College Home \/ Programs \/ Business \/ Accounting &amp; Business Management Accounting &amp; Business Management \u25c9 Diploma Program Build the practical skills needed to succeed in today&#8217;s competitive business world. The Accounting &#038; Business Management program combines hands-on training in accounting, finance, management, marketing, human resources, technology, and business [&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-796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/796","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=796"}],"version-history":[{"count":40,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/796\/revisions"}],"predecessor-version":[{"id":1335,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/796\/revisions\/1335"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}