<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BA Special Education 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-hands-helping"></i> Inclusive Education Degree
            </div>
            
            <h1 class="course-title">Bachelor of Arts in Special Education</h1>
            <p class="course-subtitle">
                Become a compassionate and skilled special educator equipped to support diverse learning needs and create inclusive educational environments.
            </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>Class 12th in Any Stream</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>RCI & UGC Recognized</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 Arts in Special Education is a comprehensive undergraduate program designed to prepare compassionate educators who can work with children and adults with diverse learning needs and disabilities. This program focuses on developing skills to create inclusive learning environments and provide specialized support to individuals with special needs.</p>
                
                <p>Through a combination of theoretical knowledge and practical training, students learn about various disabilities, assessment techniques, intervention strategies, and inclusive teaching methodologies. Graduates are equipped to make meaningful differences in the lives of individuals with special needs while promoting inclusive education practices.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive understanding of various disabilities and special needs</li>
                    <li><i class="fas fa-check-circle"></i> Practical training in assessment and intervention strategies</li>
                    <li><i class="fas fa-check-circle"></i> Focus on inclusive education and mainstreaming</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on experience through fieldwork and internships</li>
                    <li><i class="fas fa-check-circle"></i> RCI (Rehabilitation Council of India) recognized curriculum</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose Special Education Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose Special Education?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-heart"></i>
                    </div>
                    <h4>Meaningful Career</h4>
                    <p>Make a significant difference in the lives of individuals with special needs and contribute to creating a more inclusive society.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>High Demand Profession</h4>
                    <p>Growing recognition of special education needs has created high demand for qualified special educators in schools and institutions.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe-americas"></i>
                    </div>
                    <h4>Diverse Work Settings</h4>
                    <p>Opportunities in inclusive schools, special schools, rehabilitation centers, NGOs, hospitals, and private practice.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-user-graduate"></i>
                    </div>
                    <h4>Advanced Study Options</h4>
                    <p>Pathway to pursue M.Ed in Special Education, M.A. in Disability Studies, or specialized certifications in various disability areas.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Specialization Areas
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="intellectual">Intellectual Disabilities</button>
                <button class="tab-btn" data-tab="learning">Learning Disabilities</button>
                <button class="tab-btn" data-tab="autism">Autism Spectrum</button>
                <button class="tab-btn" data-tab="hearing">Hearing Impairment</button>
                <button class="tab-btn" data-tab="visual">Visual Impairment</button>
            </div>
            
            <div class="specialization-content active" id="intellectual-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Intellectual Disabilities</h3>
                    <span class="specialization-level">Cognitive Development Focus</span>
                </div>
                <p>This specialization focuses on supporting individuals with intellectual disabilities, including Down syndrome, developmental delays, and cognitive impairments. Emphasis on adaptive skills development and life skills training.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Cognitive Development Strategies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tasks"></i>
                        <span>Adaptive Behavior Training</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-life-ring"></i>
                        <span>Life Skills Education</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-comments"></i>
                        <span>Communication Skill Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hands-helping"></i>
                        <span>Behavior Management Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-home"></i>
                        <span>Vocational Training Approaches</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="learning-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Learning Disabilities</h3>
                    <span class="specialization-level">Academic Support Focus</span>
                </div>
                <p>Focuses on identifying and supporting students with specific learning disabilities such as dyslexia, dyscalculia, and dysgraphia. Includes assessment techniques, remedial teaching strategies, and curriculum adaptations.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-book-reader"></i>
                        <span>Dyslexia Intervention Strategies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-calculator"></i>
                        <span>Dyscalculia Remediation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-pen-fancy"></i>
                        <span>Dysgraphia Support Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Assessment & Diagnosis Methods</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chalkboard-teacher"></i>
                        <span>Remedial Teaching Approaches</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tools"></i>
                        <span>Assistive Technology Applications</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="autism-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Autism Spectrum Disorders</h3>
                    <span class="specialization-level">Behavioral Support Focus</span>
                </div>
                <p>Specialized training in understanding and supporting individuals with Autism Spectrum Disorders. Covers behavioral interventions, communication development, social skills training, and sensory integration techniques.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-project-diagram"></i>
                        <span>Applied Behavior Analysis (ABA)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-comments"></i>
                        <span>Communication Systems (PECS, AAC)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-users"></i>
                        <span>Social Skills Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hands"></i>
                        <span>Sensory Integration Therapy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-routine"></i>
                        <span>Structured Teaching (TEACCH)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-calendar-alt"></i>
                        <span>Daily Living Skills Training</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="hearing-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Hearing Impairment</h3>
                    <span class="specialization-level">Communication Focus</span>
                </div>
                <p>Training in educational approaches for individuals with hearing impairment, including sign language, speech therapy, auditory training, and educational adaptations for deaf and hard-of-hearing students.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-sign-language"></i>
                        <span>Indian Sign Language (ISL)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-assistive-listening-systems"></i>
                        <span>Auditory Training Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-comment-dots"></i>
                        <span>Speech & Language Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-ear"></i>
                        <span>Hearing Aid Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lip-reading"></i>
                        <span>Lip Reading Instruction</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-book"></i>
                        <span>Curriculum Adaptation Strategies</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="visual-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Visual Impairment</h3>
                    <span class="specialization-level">Mobility & Learning Focus</span>
                </div>
                <p>Specialized training in educating individuals with visual impairment, including braille instruction, orientation and mobility training, assistive technology, and curriculum adaptations for blind and low-vision students.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-braille"></i>
                        <span>Braille Reading & Writing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-walking"></i>
                        <span>Orientation & Mobility Training</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-low-vision"></i>
                        <span>Low Vision Aids & Training</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-laptop"></i>
                        <span>Assistive Technology (Screen Readers)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hands"></i>
                        <span>Tactile Learning Materials</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-life-skills"></i>
                        <span>Daily Living Skills Instruction</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 BA in Special Education program follows a semester system with 6 semesters over 3 years. The curriculum includes foundational courses, disability-specific studies, teaching methodologies, and extensive practical training.
            </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: Foundations of Special Education</h4>
                        <span style="color: #4facfe; font-weight: 600;">Introduction to Disability Studies</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>SPED101</td>
                                    <td>Introduction to Disability & Special Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED102</td>
                                    <td>Human Growth & Development</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED103</td>
                                    <td>Foundations of Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED104</td>
                                    <td>Educational Psychology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED105</td>
                                    <td>Language & Communication Skills</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: Understanding Disabilities</h4>
                        <span style="color: #4facfe; font-weight: 600;">Disability Categories & Characteristics</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>SPED201</td>
                                    <td>Intellectual Disabilities: Characteristics & Education</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED202</td>
                                    <td>Learning Disabilities: Identification & Intervention</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED203</td>
                                    <td>Introduction to Autism Spectrum Disorders</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED204</td>
                                    <td>Assessment in Special Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED205</td>
                                    <td>Field Visit & Observation Report</td>
                                    <td>2</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: Sensory Disabilities</h4>
                        <span style="color: #4facfe; font-weight: 600;">Visual & Hearing Impairments</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>SPED301</td>
                                    <td>Education of Children with Visual Impairment</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED302</td>
                                    <td>Education of Children with Hearing Impairment</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED303</td>
                                    <td>Braille & Sign Language Basics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED304</td>
                                    <td>Curriculum Adaptation & Teaching Strategies</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED305</td>
                                    <td>Practical: Teaching Practice I</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: Teaching Methodologies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Instructional Strategies & Technology</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>SPED401</td>
                                    <td>Instructional Strategies in Special Education</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED402</td>
                                    <td>Assistive Technology in Special Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED403</td>
                                    <td>Behavior Management & Intervention</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED404</td>
                                    <td>Inclusive Education: Principles & Practices</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED405</td>
                                    <td>Practical: Teaching Practice II</td>
                                    <td>4</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: Advanced Specializations</h4>
                        <span style="color: #4facfe; font-weight: 600;">Elective Focus & Research</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>SPED501</td>
                                    <td>Elective I: Advanced Study in Chosen Disability Area</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>SPED502</td>
                                    <td>Early Childhood Special Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED503</td>
                                    <td>Vocational Education & Transition Planning</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED504</td>
                                    <td>Research Methods in Special Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>SPED505</td>
                                    <td>Community-Based Rehabilitation</td>
                                    <td>3</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: Internship & Project</h4>
                        <span style="color: #4facfe; font-weight: 600;">Practical Application & Synthesis</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>SPED601</td>
                                    <td>Comprehensive Internship in Special School</td>
                                    <td>10</td>
                                </tr>
                                <tr>
                                    <td>SPED602</td>
                                    <td>Internship in Inclusive School Setting</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>SPED603</td>
                                    <td>Research Project in Special Education</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>SPED604</td>
                                    <td>Professional Ethics & Legal Aspects</td>
                                    <td>3</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;">
                Graduates with a BA in Special Education have diverse career opportunities in educational, healthcare, and community settings. Here are some rewarding career paths:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </div>
                    <h4>Special Education Teacher</h4>
                    <p>Work in special schools, inclusive classrooms, or resource rooms providing specialized instruction to students with disabilities</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Resource Room Coordinator</h4>
                    <p>Manage resource rooms in inclusive schools, develop IEPs, and coordinate support services for students with special needs</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hands-helping"></i>
                    </div>
                    <h4>Remedial Teacher</h4>
                    <p>Provide individualized remedial instruction to students with learning disabilities in schools or private practice</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-heart"></i>
                    </div>
                    <h4>Special Needs Counselor</h4>
                    <p>Provide counseling and support to individuals with disabilities and their families in schools or community settings</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-home"></i>
                    </div>
                    <h4>Community Rehabilitation Worker</h4>
                    <p>Work with NGOs and community organizations to implement rehabilitation programs for persons with disabilities</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-clinic-medical"></i>
                    </div>
                    <h4>Early Intervention Specialist</h4>
                    <p>Work with young children (0-6 years) with developmental delays or disabilities in early intervention centers</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 the BA in Special Education program, 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> 10+2 or equivalent examination from any recognized board
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 50% aggregate marks in 12th standard (45% for reserved categories)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> University/college level entrance test or merit-based admission
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-heart"></i>
                    <div>
                        <strong>Personal Attributes:</strong> Compassion, patience, strong communication skills, and genuine interest in working with persons with disabilities
                    </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 eligibility criteria and application deadlines</li>
                    <li><i class="fas fa-arrow-right"></i> Fill out application form with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Appear for entrance examination (if applicable)</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling/personal interview session</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities upon selection</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Become a Change-Maker in Special Education</h2>
            <p class="cta-description">
                Join our BA in Special Education program to develop the skills, knowledge, and compassion needed to make a real difference in the lives of individuals with special needs. Start your journey toward a rewarding career in inclusive education today.
            </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");
?>