<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>B.Com Specialization Course Details | Edunet</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<?php
include("header.php");
?>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        body {
            background-color: #f8fafc;
            color: #333;
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Course Header */
        .course-header {
            background: linear-gradient(135deg, #0c2461 0%, #1e3799 100%);
            color: white;
            padding: 80px 20px 60px;
            position: relative;
            overflow: hidden;
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .course-badge {
            display: inline-block;
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            color: white;
            padding: 10px 24px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 25px;
            box-shadow: 0 8px 20px rgba(255, 106, 0, 0.3);
            transform: translateY(30px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.3s forwards;
        }

        .course-title {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 15px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.5s forwards;
        }

        .course-subtitle {
            font-size: 1.8rem;
            font-weight: 400;
            color: #e2e8ff;
            margin-bottom: 30px;
            max-width: 800px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.7s forwards;
        }

        .course-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 40px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.9s forwards;
        }

        .meta-item {
            display: flex;
            align-items: center;
            gap: 12px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 15px 25px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .meta-icon {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .meta-content h4 {
            font-size: 1rem;
            font-weight: 500;
            color: #bfdbfe;
            margin-bottom: 5px;
        }

        .meta-content p {
            font-size: 1.2rem;
            font-weight: 600;
        }

        @keyframes fadeUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* Course Content */
        .course-content {
            max-width: 1200px;
            margin: 60px auto;
            padding: 0 20px;
        }

        /* Overview Section */
        .overview-section {
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.1s forwards;
        }

        .section-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1e3a8a;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .section-title i {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }

        .overview-text {
            color: #475569;
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .highlight-box {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border-left: 5px solid #4facfe;
            padding: 25px;
            border-radius: 12px;
            margin: 30px 0;
        }

        .highlight-box h4 {
            color: #1e40af;
            margin-bottom: 15px;
            font-size: 1.3rem;
        }

        .highlight-box ul {
            list-style: none;
            padding-left: 0;
        }

        .highlight-box li {
            padding: 8px 0;
            color: #475569;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .highlight-box li i {
            color: #4facfe;
        }

        /* Why Choose Section */
        .why-choose-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.3s forwards;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .benefit-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 2px solid transparent;
        }

        .benefit-card:hover {
            transform: translateY(-10px);
            border-color: #4facfe;
            box-shadow: 0 20px 40px rgba(79, 172, 254, 0.1);
        }

        .benefit-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .benefit-card h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            margin-bottom: 15px;
        }

        .benefit-card p {
            color: #64748b;
            line-height: 1.6;
        }

        /* Specializations Section */
        .specializations-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.5s forwards;
        }

        .specialization-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 40px;
            border-bottom: 2px solid #e2e8f0;
            padding-bottom: 20px;
        }

        .tab-btn {
            padding: 12px 28px;
            background: white;
            border: 2px solid #e2e8f0;
            border-radius: 50px;
            font-weight: 600;
            color: #64748b;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tab-btn:hover, .tab-btn.active {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            color: white;
            border-color: transparent;
        }

        .specialization-content {
            display: none;
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .specialization-content.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .specialization-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e2e8f0;
        }

        .specialization-title {
            font-size: 1.8rem;
            color: #1e3a8a;
        }

        .specialization-level {
            background: #f0f9ff;
            color: #1e40af;
            padding: 8px 20px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .subject-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 15px;
            margin-top: 20px;
        }

        .subject-item {
            background: #f8fafc;
            padding: 15px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.3s ease;
        }

        .subject-item:hover {
            background: #e0f2fe;
            transform: translateX(5px);
        }

        .subject-item i {
            color: #4facfe;
            font-size: 1.2rem;
        }

        /* Curriculum Section */
        .curriculum-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.7s forwards;
        }

        .semester-accordion {
            margin-top: 30px;
        }

        .semester-item {
            background: white;
            border-radius: 12px;
            margin-bottom: 20px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        .semester-header {
            padding: 25px 30px;
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }

        .semester-header:hover {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
        }

        .semester-header h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .semester-header i {
            transition: transform 0.3s ease;
        }

        .semester-header.active i {
            transform: rotate(180deg);
        }

        .semester-content {
            padding: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        }

        .semester-content.active {
            padding: 30px;
            max-height: 1000px;
        }

        .subject-table {
            width: 100%;
            border-collapse: collapse;
        }

        .subject-table th {
            background: #f8fafc;
            color: #1e3a8a;
            padding: 15px;
            text-align: left;
            font-weight: 600;
            border-bottom: 2px solid #e2e8f0;
        }

        .subject-table td {
            padding: 15px;
            border-bottom: 1px solid #e2e8f0;
            color: #475569;
        }

        .subject-table tr:hover {
            background: #f0f9ff;
        }

        /* Career Section */
        .career-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.9s forwards;
        }

        .career-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .career-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .career-card:hover {
            border-color: #4facfe;
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(79, 172, 254, 0.1);
        }

        .career-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.8rem;
            margin: 0 auto 20px;
        }

        .career-card h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            margin-bottom: 10px;
        }

        .career-card p {
            color: #64748b;
            font-size: 0.95rem;
        }

        /* Admission Section */
        .admission-section {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border-radius: 20px;
            padding: 50px;
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 2.1s forwards;
        }

        .eligibility-list {
            margin-top: 25px;
        }

        .eligibility-item {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
            padding: 15px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }

        .eligibility-item i {
            color: #4facfe;
            font-size: 1.2rem;
        }

        /* CTA Section */
        .cta-section {
            text-align: center;
            padding: 60px 20px;
            background: linear-gradient(135deg, #0c2461 0%, #1e3799 100%);
            border-radius: 20px;
            color: white;
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 2.3s forwards;
        }

        .cta-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .cta-description {
            font-size: 1.2rem;
            color: #e2e8ff;
            max-width: 700px;
            margin: 0 auto 40px;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 18px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 12px;
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            color: white;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 10px 30px rgba(255, 106, 0, 0.3);
            gap: 12px;
        }

        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(255, 106, 0, 0.4);
        }

        /* Floating Elements */
        .floating-shapes {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .shape {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            animation: float 20s infinite linear;
        }

        .shape-1 {
            width: 100px;
            height: 100px;
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }

        .shape-2 {
            width: 60px;
            height: 60px;
            top: 60%;
            right: 15%;
            animation-delay: -5s;
            animation-duration: 25s;
        }

        @keyframes float {
            0% {
                transform: translateY(0) rotate(0deg);
            }
            25% {
                transform: translateY(-20px) rotate(90deg);
            }
            50% {
                transform: translateY(-40px) rotate(180deg);
            }
            75% {
                transform: translateY(-20px) rotate(270deg);
            }
            100% {
                transform: translateY(0) rotate(360deg);
            }
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .course-title {
                font-size: 2.8rem;
            }
            
            .course-subtitle {
                font-size: 1.5rem;
            }
            
            .benefits-grid,
            .career-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .course-header {
                padding: 60px 20px 40px;
            }
            
            .course-title {
                font-size: 2.2rem;
            }
            
            .course-subtitle {
                font-size: 1.2rem;
            }
            
            .course-meta {
                flex-direction: column;
                gap: 15px;
            }
            
            .meta-item {
                width: 100%;
            }
            
            .benefits-grid,
            .career-grid {
                grid-template-columns: 1fr;
            }
            
            .specialization-tabs {
                justify-content: center;
            }
            
            .section-title {
                font-size: 1.8rem;
            }
            
            .cta-title {
                font-size: 2rem;
            }
            
            .admission-section {
                padding: 30px;
            }
        }

        @media (max-width: 576px) {
            .course-title {
                font-size: 1.8rem;
            }
            
            .section-title {
                font-size: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            
            .overview-section,
            .specialization-content {
                padding: 25px;
            }
            
            .subject-table {
                display: block;
                overflow-x: auto;
            }
            
            .tab-btn {
                padding: 10px 20px;
                font-size: 0.9rem;
            }
        }
    </style>
</head>
<body>
    <!-- Course Header -->
    <header class="course-header">
        <div class="floating-shapes">
            <div class="shape shape-1"></div>
            <div class="shape shape-2"></div>
        </div>
        
        <div class="header-container">
            <div class="course-badge">
                <i class="fas fa-chart-line"></i> Specialization in Commerce
            </div>
            
            <h1 class="course-title">Bachelor of Commerce (B.Com)</h1>
            <p class="course-subtitle">
                Master the world of commerce, finance, and business with our specialized B.Com programs designed to create industry-ready professionals for the corporate world.
            </p>
            
            <div class="course-meta">
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="far fa-clock"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Program Duration</h4>
                        <p>3 Years (Full-time)</p>
                    </div>
                </div>
                
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="fas fa-user-graduate"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Eligibility</h4>
                        <p>10+2 in Commerce/Science/Arts</p>
                    </div>
                </div>
                
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="fas fa-certificate"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Certification</h4>
                        <p>UGC Recognized University Degree</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!-- Main Course Content -->
    <main class="course-content">
        <!-- Overview Section -->
        <section class="overview-section">
            <h2 class="section-title">
                <i class="fas fa-info-circle"></i>
                Course Overview
            </h2>
            
            <div class="overview-text">
                <p>The Bachelor of Commerce (B.Com) is a comprehensive undergraduate program designed to provide in-depth knowledge of commerce, accounting, finance, and business management. This specialized degree equips students with both theoretical understanding and practical skills essential for careers in the corporate sector, finance industry, and entrepreneurship.</p>
                
                <p>Through a balanced curriculum of core commerce subjects and specialized electives, the B.Com program prepares students for professional certifications like CA, CMA, CS, and CFA while also developing critical thinking, analytical abilities, and business acumen required in today's competitive business environment.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Industry-aligned curriculum with specialization options</li>
                    <li><i class="fas fa-check-circle"></i> Practical training through case studies and projects</li>
                    <li><i class="fas fa-check-circle"></i> Preparation for professional accounting certifications</li>
                    <li><i class="fas fa-check-circle"></i> Emphasis on digital commerce and emerging technologies</li>
                    <li><i class="fas fa-check-circle"></i> Internship opportunities with leading companies</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose B.Com Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose B.Com?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>Versatile Career Options</h4>
                    <p>B.Com graduates can pursue diverse careers in accounting, finance, banking, insurance, taxation, and management across various industries.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4>Foundation for Professional Courses</h4>
                    <p>Ideal foundation for pursuing professional qualifications like CA, CS, CMA, MBA, CFA, and other finance-related certifications.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>High Industry Demand</h4>
                    <p>Commerce professionals are consistently in demand across banking, financial services, corporate sector, and government organizations.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-handshake"></i>
                    </div>
                    <h4>Entrepreneurial Skills</h4>
                    <p>Develops essential business knowledge and financial literacy for starting and managing your own business ventures.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Program Specializations
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="accounting">Accounting & Finance</button>
                <button class="tab-btn" data-tab="banking">Banking & Insurance</button>
                <button class="tab-btn" data-tab="taxation">Taxation</button>
                <button class="tab-btn" data-tab="digital">Digital Commerce</button>
            </div>
            
            <div class="specialization-content active" id="accounting-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Accounting & Finance Specialization</h3>
                    <span class="specialization-level">Professional Accounting Focus</span>
                </div>
                <p>This specialization focuses on advanced accounting principles, financial management, auditing, and corporate finance. Prepares students for careers in accounting firms, corporate finance departments, and financial institutions.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-calculator"></i>
                        <span>Advanced Financial Accounting</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-bar"></i>
                        <span>Corporate Financial Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-search-dollar"></i>
                        <span>Auditing & Assurance</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-invoice-dollar"></i>
                        <span>Cost & Management Accounting</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-balance-scale"></i>
                        <span>Financial Statement Analysis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-coins"></i>
                        <span>Investment Analysis & Portfolio Management</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="banking-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Banking & Insurance Specialization</h3>
                    <span class="specialization-level">Financial Services Focus</span>
                </div>
                <p>Focuses on banking operations, insurance principles, risk management, and financial services. Prepares students for careers in commercial banks, insurance companies, investment firms, and regulatory bodies.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-university"></i>
                        <span>Principles of Banking & Insurance</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>Risk Management in Banking</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-contract"></i>
                        <span>Insurance Laws & Practices</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-credit-card"></i>
                        <span>Retail Banking & Services</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-pie"></i>
                        <span>Investment Banking</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-gavel"></i>
                        <span>Banking Regulations & Compliance</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="taxation-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Taxation Specialization</h3>
                    <span style="color: #1e40af; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 0.9rem; background: #f0f9ff;">Tax Planning Focus</span>
                </div>
                <p>Covers direct and indirect taxation systems, tax planning, international taxation, and GST. Prepares students for careers in tax consulting, corporate tax departments, and government tax agencies.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-file-invoice"></i>
                        <span>Income Tax Law & Practice</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-globe"></i>
                        <span>Goods & Services Tax (GST)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-landmark"></i>
                        <span>Corporate Taxation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-plane"></i>
                        <span>International Taxation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-line"></i>
                        <span>Tax Planning & Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-balance-scale"></i>
                        <span>Tax Audit & Assessment</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="digital-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Digital Commerce Specialization</h3>
                    <span style="color: #1e40af; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 0.9rem; background: #f0f9ff;">E-Commerce Focus</span>
                </div>
                <p>Integrates traditional commerce with digital technologies, e-commerce platforms, digital marketing, and fintech. Prepares students for careers in e-commerce companies, digital marketing agencies, and tech startups.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-shopping-cart"></i>
                        <span>E-Commerce & Digital Business</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bullhorn"></i>
                        <span>Digital Marketing Strategies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-mobile-alt"></i>
                        <span>Mobile Commerce & Applications</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lock"></i>
                        <span>Cyber Security in E-Commerce</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-network"></i>
                        <span>Supply Chain Management in Digital Economy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-robot"></i>
                        <span>Fintech & Blockchain Applications</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Curriculum Section -->
        <section class="curriculum-section">
            <h2 class="section-title">
                <i class="fas fa-book"></i>
                Program Curriculum
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                The B.Com program follows a semester system with 6 semesters over 3 years. The curriculum includes core commerce subjects, specialization electives, practical training, and skill enhancement courses.
            </p>
            
            <div class="semester-accordion">
                <!-- Semester 1 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 1: Foundation of Commerce</h4>
                        <span style="color: #4facfe; font-weight: 600;">Core Fundamentals</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM101</td>
                                    <td>Financial Accounting - I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM102</td>
                                    <td>Business Economics - I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM103</td>
                                    <td>Business Organization & Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM104</td>
                                    <td>Business Mathematics</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>BCOM105</td>
                                    <td>Business Communication</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 2: Advanced Fundamentals</h4>
                        <span style="color: #4facfe; font-weight: 600;">Core Commerce Subjects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM201</td>
                                    <td>Financial Accounting - II</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM202</td>
                                    <td>Business Economics - II</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM203</td>
                                    <td>Corporate Accounting</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM204</td>
                                    <td>Business Statistics</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>BCOM205</td>
                                    <td>Environmental Studies</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 3: Core Specialization - I</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialization Subjects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM301</td>
                                    <td>Cost Accounting</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM302</td>
                                    <td>Company Law</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM303</td>
                                    <td>Income Tax Law & Practice</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM304</td>
                                    <td>Specialization Elective - I</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>BCOM305</td>
                                    <td>Digital Literacy & Applications</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 4 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 4: Core Specialization - II</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Specialization</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM401</td>
                                    <td>Management Accounting</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM402</td>
                                    <td>Auditing & Assurance</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM403</td>
                                    <td>Goods & Services Tax (GST)</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM404</td>
                                    <td>Specialization Elective - II</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>BCOM405</td>
                                    <td>Entrepreneurship Development</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 5 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 5: Professional Development</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Applications</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM501</td>
                                    <td>Financial Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM502</td>
                                    <td>Banking & Insurance</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM503</td>
                                    <td>International Business</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM504</td>
                                    <td>Specialization Elective - III</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM505</td>
                                    <td>Summer Internship Project</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 6 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 6: Final Semester</h4>
                        <span style="color: #4facfe; font-weight: 600;">Capstone & Projects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>BCOM601</td>
                                    <td>Business Ethics & Corporate Governance</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM602</td>
                                    <td>Financial Markets & Services</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM603</td>
                                    <td>Specialization Elective - IV</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BCOM604</td>
                                    <td>Major Project / Dissertation</td>
                                    <td>8</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Career Opportunities -->
        <section class="career-section">
            <h2 class="section-title">
                <i class="fas fa-briefcase"></i>
                Career Opportunities
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                B.Com graduates have access to diverse career opportunities across multiple sectors. Here are some of the promising career paths available:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-file-invoice-dollar"></i>
                    </div>
                    <h4>Accountant</h4>
                    <p>Work as staff accountant, financial analyst, or accounting assistant in corporations, accounting firms, or government agencies</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-university"></i>
                    </div>
                    <h4>Banking Professional</h4>
                    <p>Pursue careers as bank probationary officer, relationship manager, or operations executive in public and private banks</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Financial Analyst</h4>
                    <p>Analyze financial data, prepare reports, and provide investment recommendations in financial institutions and corporations</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-balance-scale"></i>
                    </div>
                    <h4>Tax Consultant</h4>
                    <p>Provide tax planning, compliance, and advisory services to individuals and businesses in consulting firms</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-shopping-cart"></i>
                    </div>
                    <h4>E-Commerce Executive</h4>
                    <p>Manage online sales, digital marketing, and customer relations for e-commerce companies and digital businesses</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Business Analyst</h4>
                    <p>Analyze business processes, identify improvements, and implement solutions in various organizational settings</p>
                </div>
            </div>
        </section>
        
        <!-- Admission Requirements -->
        <section class="admission-section">
            <h2 class="section-title">
                <i class="fas fa-clipboard-check"></i>
                Admission Requirements
            </h2>
            
            <p style="color: #475569; margin-bottom: 20px; font-size: 1.1rem;">
                To be eligible for admission to B.Com programs, candidates must meet the following criteria:
            </p>
            
            <div class="eligibility-list">
                <div class="eligibility-item">
                    <i class="fas fa-user-graduate"></i>
                    <div>
                        <strong>Educational Qualification:</strong> Successful completion of 10+2 or equivalent examination from recognized board
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 45-50% aggregate marks in qualifying examination (40-45% for reserved categories)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Preferred Stream:</strong> Commerce stream preferred, but Science and Arts students are also eligible with Mathematics/Commerce subjects
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-pencil-alt"></i>
                    <div>
                        <strong>Entrance Test:</strong> Some universities conduct entrance tests, while others admit based on merit in qualifying examination
                    </div>
                </div>
            </div>
            
            <div class="highlight-box" style="margin-top: 30px;">
                <h4>Admission Process Overview</h4>
                <ul>
                    <li><i class="fas fa-arrow-right"></i> Check university/college eligibility criteria and application deadlines</li>
                    <li><i class="fas fa-arrow-right"></i> Fill out application forms with required documents and photographs</li>
                    <li><i class="fas fa-arrow-right"></i> Appear for entrance test if applicable (some universities have direct admission)</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling/interview process if shortlisted</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities and fee payment upon selection</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Launch Your Commerce Career Today</h2>
            <p class="cta-description">
                Begin your journey in the dynamic world of commerce and business. Our B.Com program provides the perfect foundation for a successful career in finance, accounting, banking, or entrepreneurship with specialized knowledge and practical skills.
            </p>
            <a href="#" class="cta-button">
                <i class="fas fa-file-alt"></i>
                Download Detailed Brochure
            </a>
        </section>
    </main>

    <script>
        // Tab functionality for specializations
        const tabButtons = document.querySelectorAll('.tab-btn');
        const tabContents = document.querySelectorAll('.specialization-content');
        
        tabButtons.forEach(button => {
            button.addEventListener('click', () => {
                // Remove active class from all buttons and contents
                tabButtons.forEach(btn => btn.classList.remove('active'));
                tabContents.forEach(content => content.classList.remove('active'));
                
                // Add active class to clicked button
                button.classList.add('active');
                
                // Show corresponding content
                const tabId = button.getAttribute('data-tab');
                document.getElementById(`${tabId}-tab`).classList.add('active');
            });
        });
        
        // Accordion functionality for semester curriculum
        const semesterHeaders = document.querySelectorAll('.semester-header');
        
        semesterHeaders.forEach(header => {
            header.addEventListener('click', () => {
                const content = header.nextElementSibling;
                const icon = header.querySelector('i');
                
                // Toggle active class
                header.classList.toggle('active');
                content.classList.toggle('active');
                
                // Rotate icon
                if (header.classList.contains('active')) {
                    icon.style.transform = 'rotate(180deg)';
                } else {
                    icon.style.transform = 'rotate(0deg)';
                }
            });
        });
        
        // Initialize first semester as open
        document.querySelector('.semester-header').click();
        
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                if (targetId !== '#') {
                    const targetElement = document.querySelector(targetId);
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 80,
                            behavior: 'smooth'
                        });
                    }
                }
            });
        });
        
        // Animate elements on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, observerOptions);
        
        // Observe all animated sections
        document.querySelectorAll('.overview-section, .why-choose-section, .specializations-section, .curriculum-section, .career-section, .admission-section, .cta-section').forEach(section => {
            observer.observe(section);
        });
        
        // Randomize floating shapes
        document.addEventListener('DOMContentLoaded', () => {
            const shapes = document.querySelectorAll('.shape');
            shapes.forEach(shape => {
                // Randomize size
                const randomSize = Math.random() * 80 + 40;
                shape.style.width = `${randomSize}px`;
                shape.style.height = `${randomSize}px`;
                
                // Randomize position
                const randomTop = Math.random() * 80 + 10;
                const randomLeft = Math.random() * 80 + 10;
                shape.style.top = `${randomTop}%`;
                shape.style.left = `${randomLeft}%`;
                
                // Randomize animation duration
                const randomDuration = Math.random() * 15 + 20;
                shape.style.animationDuration = `${randomDuration}s`;
            });
        });
    </script>
</body>
</html>

<?php
include("footer.php");
?>