<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BPT 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-user-md"></i> Professional Healthcare Degree
            </div>
            
            <h1 class="course-title">Bachelor of Physiotherapy (BPT)</h1>
            <p class="course-subtitle">
                Transform lives through movement and rehabilitation with our comprehensive BPT program designed to create skilled physiotherapy professionals.
            </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>4.5 Years (Including Internship)</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 with Science (PCB)</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>Recognized by INC & PCI</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 Physiotherapy (BPT) is a professional undergraduate healthcare degree program that prepares students for a rewarding career in physical therapy and rehabilitation. This comprehensive program focuses on the science of movement, injury prevention, and restoring functional ability in patients with physical impairments.</p>
                
                <p>Physiotherapy is a vital component of modern healthcare, addressing conditions ranging from sports injuries and musculoskeletal disorders to neurological conditions and post-surgical rehabilitation. The BPT curriculum combines theoretical knowledge with extensive clinical practice to develop competent healthcare professionals.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive curriculum covering anatomy, physiology, and therapeutic techniques</li>
                    <li><i class="fas fa-check-circle"></i> Extensive clinical training in hospital settings</li>
                    <li><i class="fas fa-check-circle"></i> Specializations in various physiotherapy domains</li>
                    <li><i class="fas fa-check-circle"></i> Focus on evidence-based practice and research methodology</li>
                    <li><i class="fas fa-check-circle"></i> Preparation for national and international licensing examinations</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose BPT Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose BPT?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <h4>Growing Healthcare Demand</h4>
                    <p>Increasing awareness of rehabilitation and preventive care creates strong demand for physiotherapy professionals in diverse healthcare settings.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-hands-helping"></i>
                    </div>
                    <h4>Direct Patient Impact</h4>
                    <p>Make a tangible difference in patients' lives by helping them recover mobility, reduce pain, and improve quality of life.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h4>Global Career Opportunities</h4>
                    <p>Physiotherapy qualifications are recognized worldwide, opening doors to international career opportunities and practice.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>Diverse Practice Settings</h4>
                    <p>Work in hospitals, sports clinics, rehabilitation centers, corporate wellness programs, or establish private practice.</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="orthopedic">Orthopedic Physio</button>
                <button class="tab-btn" data-tab="neuro">Neurological Physio</button>
                <button class="tab-btn" data-tab="cardio">Cardiopulmonary Physio</button>
                <button class="tab-btn" data-tab="sports">Sports Physio</button>
                <button class="tab-btn" data-tab="pediatric">Pediatric Physio</button>
            </div>
            
            <div class="specialization-content active" id="orthopedic-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Orthopedic Physiotherapy</h3>
                    <span class="specialization-level">Musculoskeletal Focus</span>
                </div>
                <p>Specializes in treating musculoskeletal injuries and disorders affecting bones, joints, muscles, ligaments, and tendons. Focuses on pain management, mobility restoration, and functional rehabilitation.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Treatment Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-bone"></i>
                        <span>Joint Injuries & Arthritis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-running"></i>
                        <span>Sports Injuries</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-wheelchair"></i>
                        <span>Post-surgical Rehabilitation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-injured"></i>
                        <span>Chronic Pain Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-spine"></i>
                        <span>Spinal Conditions</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-friends"></i>
                        <span>Geriatric Rehabilitation</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="neuro-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Neurological Physiotherapy</h3>
                    <span class="specialization-level">Nervous System Focus</span>
                </div>
                <p>Focuses on rehabilitation of patients with neurological conditions affecting the brain, spinal cord, and peripheral nerves. Aims to restore functional movement, balance, and coordination.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Treatment Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Stroke Rehabilitation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-dna"></i>
                        <span>Spinal Cord Injuries</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-procedures"></i>
                        <span>Multiple Sclerosis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-parkinson"></i>
                        <span>Parkinson's Disease</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-child"></i>
                        <span>Cerebral Palsy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-head-side-virus"></i>
                        <span>Traumatic Brain Injuries</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="cardio-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Cardiopulmonary Physiotherapy</h3>
                    <span class="specialization-level">Heart & Lungs Focus</span>
                </div>
                <p>Specializes in rehabilitation of patients with cardiac and pulmonary conditions. Focuses on improving cardiovascular endurance, respiratory function, and overall physical capacity.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Treatment Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-heart"></i>
                        <span>Post-cardiac Surgery Rehabilitation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lungs"></i>
                        <span>Chronic Obstructive Pulmonary Disease</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-allergies"></i>
                        <span>Asthma & Respiratory Conditions</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-weight"></i>
                        <span>Cardiac Rehabilitation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-procedures"></i>
                        <span>ICU & Critical Care Physiotherapy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-smoking"></i>
                        <span>Smoking Cessation Programs</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="sports-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Sports Physiotherapy</h3>
                    <span class="specialization-level">Athletic Performance Focus</span>
                </div>
                <p>Specializes in prevention, assessment, and rehabilitation of sports-related injuries. Works with athletes to enhance performance, prevent injuries, and facilitate safe return to sports.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Treatment Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-running"></i>
                        <span>Athletic Injury Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-dumbbell"></i>
                        <span>Performance Enhancement</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-shield"></i>
                        <span>Injury Prevention Programs</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-stopwatch"></i>
                        <span>Sports-specific Rehabilitation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tape"></i>
                        <span>Taping & Bracing Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-line"></i>
                        <span>Biomechanical Analysis</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="pediatric-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Pediatric Physiotherapy</h3>
                    <span class="specialization-level">Child Development Focus</span>
                </div>
                <p>Specializes in assessment and treatment of movement disorders in children from infancy through adolescence. Focuses on developmental milestones, congenital conditions, and pediatric neurological disorders.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Treatment Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-baby"></i>
                        <span>Developmental Delays</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-child"></i>
                        <span>Cerebral Palsy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-dna"></i>
                        <span>Genetic & Congenital Disorders</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Pediatric Neurological Conditions</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bone"></i>
                        <span>Musculoskeletal Conditions in Children</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-school"></i>
                        <span>School-based Therapy</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 BPT program follows a semester system with 8 semesters over 4 years, followed by 6 months of compulsory internship. The curriculum integrates basic medical sciences, physiotherapy theory, and extensive clinical practice.
            </p>
            
            <div class="semester-accordion">
                <!-- Year 1 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Year 1: Basic Medical Sciences</h4>
                        <span style="color: #4facfe; font-weight: 600;">Foundation 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>BPT101</td>
                                    <td>Human Anatomy</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT102</td>
                                    <td>Human Physiology</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT103</td>
                                    <td>Biochemistry</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT104</td>
                                    <td>Basic Nursing & First Aid</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT105</td>
                                    <td>Introduction to Physiotherapy</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Year 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Year 2: Core Physiotherapy Sciences</h4>
                        <span style="color: #4facfe; font-weight: 600;">Pathology & Assessment</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>BPT201</td>
                                    <td>Pathology & Microbiology</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>BPT202</td>
                                    <td>Pharmacology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT203</td>
                                    <td>Biomechanics & Kinesiology</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT204</td>
                                    <td>Exercise Therapy</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT205</td>
                                    <td>Electrotherapy</td>
                                    <td>5</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Year 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Year 3: Clinical Specializations</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialized Physiotherapy</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>BPT301</td>
                                    <td>Orthopedic Physiotherapy</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT302</td>
                                    <td>Neurological Physiotherapy</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT303</td>
                                    <td>Cardiopulmonary Physiotherapy</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>BPT304</td>
                                    <td>Sports Physiotherapy</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>BPT305</td>
                                    <td>Community Medicine & Rehabilitation</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Year 4 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Year 4: Advanced Practice & Internship</h4>
                        <span style="color: #4facfe; font-weight: 600;">Clinical Application</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>BPT401</td>
                                    <td>Advanced Physiotherapy Techniques</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>BPT402</td>
                                    <td>Research Methodology & Statistics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT403</td>
                                    <td>Hospital & Practice Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT404</td>
                                    <td>Evidence-Based Practice</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>BPT405</td>
                                    <td>Clinical Internship (6 months)</td>
                                    <td>24</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;">
                BPT graduates have diverse career opportunities in healthcare, sports, wellness, and rehabilitation sectors. Here are some promising career paths:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hospital"></i>
                    </div>
                    <h4>Hospital Physiotherapist</h4>
                    <p>Work in multi-specialty hospitals, rehabilitation centers, or trauma centers treating diverse patient populations</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-running"></i>
                    </div>
                    <h4>Sports Physiotherapist</h4>
                    <p>Work with sports teams, athletic clubs, or fitness centers focusing on injury prevention and performance enhancement</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-home"></i>
                    </div>
                    <h4>Private Practitioner</h4>
                    <p>Establish independent physiotherapy clinic offering specialized rehabilitation services</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-school"></i>
                    </div>
                    <h4>Academic & Researcher</h4>
                    <p>Teach in physiotherapy colleges or engage in clinical research to advance rehabilitation science</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <h4>Corporate Wellness Consultant</h4>
                    <p>Develop and implement workplace wellness programs, ergonomic assessments, and injury prevention strategies</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h4>International Opportunities</h4>
                    <p>Work abroad in countries with high demand for qualified physiotherapy professionals</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 BPT 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 with Physics, Chemistry, Biology (PCB) as compulsory subjects
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> 50% aggregate in PCB subjects (40-45% for reserved categories as per state norms)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> Qualify in national/state-level medical entrance tests (NEET, state CET, etc.)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-birthday-cake"></i>
                    <div>
                        <strong>Age Limit:</strong> Minimum 17 years at the time of admission
                    </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 for desired institutions</li>
                    <li><i class="fas fa-arrow-right"></i> Register for relevant entrance examinations (NEET/CET)</li>
                    <li><i class="fas fa-arrow-right"></i> Submit application forms with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Participate in centralized counseling process</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities and medical fitness certificate</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Begin Your Journey in Healthcare</h2>
            <p class="cta-description">
                Take the first step toward a rewarding career in physiotherapy. Our BPT program equips you with the knowledge, skills, and clinical experience needed to become a competent healthcare professional who can transform lives through rehabilitation.
            </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");
?>