<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>B.Sc OTT 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-hospital"></i> Bachelor of Science - Operation Theatre Technology
            </div>
            
            <h1 class="course-title">B.Sc OTT (Operation Theatre Technology)</h1>
            <p class="course-subtitle">
                Become a vital part of surgical teams with our comprehensive B.Sc OTT program designed to train skilled Operation Theatre Technologists for modern healthcare.
            </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 + 1 Year 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>12th 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>UGC Recognized Degree</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!-- Main Course Content -->
    <main class="course-content">
        <!-- Overview Section -->
        <section class="overview-section">
            <h2 class="section-title">
                <i class="fas fa-info-circle"></i>
                Course Overview
            </h2>
            
            <div class="overview-text">
                <p>The Bachelor of Science in Operation Theatre Technology (B.Sc OTT) is a specialized paramedical program designed to train professionals who play a critical role in surgical procedures. This comprehensive degree equips students with the technical knowledge, practical skills, and clinical expertise required to assist surgical teams and ensure optimal operation theatre functioning.</p>
                
                <p>As an integral member of the surgical team, an Operation Theatre Technologist is responsible for preparing the operation theatre, sterilizing instruments, assisting surgeons during procedures, and maintaining aseptic conditions. The program combines theoretical knowledge with extensive clinical training to prepare graduates for challenging roles in modern healthcare settings.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive training in operation theatre management and techniques</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on clinical rotations in multispecialty hospitals</li>
                    <li><i class="fas fa-check-circle"></i> Training in advanced surgical equipment and sterilization techniques</li>
                    <li><i class="fas fa-check-circle"></i> Focus on infection control and patient safety protocols</li>
                    <li><i class="fas fa-check-circle"></i> Preparation for emergency and critical care situations</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose B.Sc OTT Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose B.Sc OTT?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <h4>Critical Healthcare Role</h4>
                    <p>OTT professionals are essential members of surgical teams, directly contributing to patient care and surgical outcomes in life-saving procedures.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>High Demand & Job Security</h4>
                    <p>With increasing surgical procedures and healthcare facilities, trained OTT professionals are in constant demand across hospitals and surgical centers.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <h4>Specialized Skill Set</h4>
                    <p>Gain expertise in surgical instrumentation, sterilization techniques, anaesthesia assistance, and operation theatre management - highly valued skills in healthcare.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4>Career Advancement</h4>
                    <p>Opportunities for specialization in areas like cardiac surgery, neurosurgery, transplant surgery, or pursuing higher studies in healthcare management.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Program Specializations & Focus Areas
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="general">General Surgery</button>
                <button class="tab-btn" data-tab="cardiac">Cardiac Surgery</button>
                <button class="tab-btn" data-tab="neuro">Neurosurgery</button>
                <button class="tab-btn" data-tab="emergency">Emergency & Trauma</button>
            </div>
            
            <div class="specialization-content active" id="general-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">General Surgery & Specialties</h3>
                    <span class="specialization-level">Core Training</span>
                </div>
                <p>Comprehensive training in general surgical procedures including gastrointestinal, urological, gynecological, and orthopedic surgeries. Focus on basic to advanced surgical techniques and instrumentation.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Key Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-cut"></i>
                        <span>General Surgical Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bone"></i>
                        <span>Orthopedic Surgery Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-female"></i>
                        <span>Gynecological & Obstetric Surgery</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-kidneys"></i>
                        <span>Urological Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-eye"></i>
                        <span>ENT & Ophthalmic Surgery</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-baby"></i>
                        <span>Pediatric Surgery</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="cardiac-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Cardiac & Thoracic Surgery</h3>
                    <span class="specialization-level">Advanced Specialization</span>
                </div>
                <p>Specialized training in cardiac surgery procedures including open heart surgeries, bypass surgeries, valve replacements, and thoracic procedures. Focus on cardiopulmonary bypass machines and cardiac surgical instruments.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Key Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-heart"></i>
                        <span>Cardiac Surgical Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lungs"></i>
                        <span>Thoracic Surgery Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>Cardiopulmonary Bypass Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-heartbeat"></i>
                        <span>Cardiac Monitoring Equipment</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-procedures"></i>
                        <span>Vascular Surgery Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Cardiac Surgical Safety Protocols</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="neuro-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Neurosurgery & Advanced Procedures</h3>
                    <span class="specialization-level">Specialized Training</span>
                </div>
                <p>Training in neurosurgical procedures including brain and spinal surgeries. Focus on neuro-navigation systems, operating microscopes, and specialized neurosurgical instruments.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Key Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Neurosurgical Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-spine"></i>
                        <span>Spinal Surgery Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microscope"></i>
                        <span>Operating Microscope Handling</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-satellite-dish"></i>
                        <span>Neuro-navigation Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-wave-square"></i>
                        <span>Neuromonitoring Equipment</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-head-side-virus"></i>
                        <span>Neuro-critical Care</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="emergency-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Emergency & Trauma Surgery</h3>
                    <span class="specialization-level">Critical Care Focus</span>
                </div>
                <p>Training in emergency surgical procedures, trauma management, and disaster response. Focus on rapid decision-making, emergency equipment handling, and trauma team coordination.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Key Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-ambulance"></i>
                        <span>Emergency Surgical Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-car-crash"></i>
                        <span>Trauma Surgery Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-first-aid"></i>
                        <span>Emergency Equipment Handling</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-users"></i>
                        <span>Trauma Team Coordination</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-biohazard"></i>
                        <span>Mass Casualty Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clock"></i>
                        <span>Rapid Response Protocols</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Curriculum Section -->
        <section class="curriculum-section">
            <h2 class="section-title">
                <i class="fas fa-book"></i>
                Program Curriculum
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                The B.Sc OTT program follows a semester system with 6 semesters of academic study followed by 1 year of compulsory internship. The curriculum integrates basic medical sciences with specialized operation theatre technology subjects.
            </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: 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>OTT101</td>
                                    <td>Human Anatomy</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT102</td>
                                    <td>Human Physiology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT103</td>
                                    <td>Biochemistry</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT104</td>
                                    <td>Basics of Operation Theatre</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>OTT105</td>
                                    <td>English & 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: Medical Sciences & Microbiology</h4>
                        <span style="color: #4facfe; font-weight: 600;">Basic Sciences</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>OTT201</td>
                                    <td>Pathology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT202</td>
                                    <td>Microbiology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT203</td>
                                    <td>Pharmacology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT204</td>
                                    <td>Introduction to Anaesthesia</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>OTT205</td>
                                    <td>Biomedical Waste Management</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 3: OTT Core Subjects</h4>
                        <span style="color: #4facfe; font-weight: 600;">Technical Foundations</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>OTT301</td>
                                    <td>Operation Theatre Techniques-I</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT302</td>
                                    <td>Surgical Instruments & Equipment</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT303</td>
                                    <td>Anaesthesia Technology-I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT304</td>
                                    <td>Sterilization & Disinfection Methods</td>
                                    <td>4</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: Advanced OTT Subjects</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialized Training</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>OTT401</td>
                                    <td>Operation Theatre Techniques-II</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT402</td>
                                    <td>Anaesthesia Technology-II</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT403</td>
                                    <td>Critical Care Technology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT404</td>
                                    <td>Biomedical Equipment & Maintenance</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: Specialized Surgery Training</h4>
                        <span style="color: #4facfe; font-weight: 600;">Clinical Specializations</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>OTT501</td>
                                    <td>Cardiac & Thoracic Surgery Technology</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT502</td>
                                    <td>Neuro & Spinal Surgery Technology</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT503</td>
                                    <td>Emergency & Trauma Care</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT504</td>
                                    <td>Minimally Invasive Surgery Techniques</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 6 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 6: Professional Practice & Management</h4>
                        <span style="color: #4facfe; font-weight: 600;">Professional Development</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>OTT601</td>
                                    <td>Operation Theatre Management</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>OTT602</td>
                                    <td>Hospital & Healthcare Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT603</td>
                                    <td>Research Methodology & Biostatistics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>OTT604</td>
                                    <td>Professional Ethics & Patient Safety</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Career Opportunities -->
        <section class="career-section">
            <h2 class="section-title">
                <i class="fas fa-briefcase"></i>
                Career Opportunities
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                B.Sc OTT graduates have diverse career opportunities in healthcare settings. Here are some of the promising career paths available:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <h4>Operation Theatre Technologist</h4>
                    <p>Work in hospital operation theatres assisting surgical teams across various specialties</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <h4>Anaesthesia Technician</h4>
                    <p>Assist anaesthetists in administering anaesthesia and monitoring patients during surgery</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-procedures"></i>
                    </div>
                    <h4>Surgical Assistant</h4>
                    <p>Directly assist surgeons during procedures, handling instruments and maintaining sterile fields</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hospital"></i>
                    </div>
                    <h4>OT In-charge/Supervisor</h4>
                    <p>Manage operation theatre departments, schedules, equipment, and staff in hospitals</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-ambulance"></i>
                    </div>
                    <h4>Emergency & Trauma Technologist</h4>
                    <p>Work in emergency departments and trauma centers assisting in emergency surgical procedures</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-laptop-medical"></i>
                    </div>
                    <h4>Medical Equipment Specialist</h4>
                    <p>Work with surgical equipment companies in sales, training, or technical support roles</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 B.Sc OTT 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 Science stream with Physics, Chemistry, Biology (PCB) from recognized board
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> 50% aggregate marks in PCB subjects (45% for reserved categories)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> Qualify in university/state-level entrance test or direct admission based on merit
                    </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 colleges/universities</li>
                    <li><i class="fas fa-arrow-right"></i> Register for relevant entrance examinations (if applicable)</li>
                    <li><i class="fas fa-arrow-right"></i> Submit application forms with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling sessions and college interviews</li>
                    <li><i class="fas fa-arrow-right"></i> Complete medical fitness examination</li>
                    <li><i class="fas fa-arrow-right"></i> Finalize admission with fee payment and document submission</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Begin Your Career in Surgical Technology</h2>
            <p class="cta-description">
                Take the first step toward a rewarding career in healthcare. Our B.Sc OTT program provides comprehensive training to become a skilled Operation Theatre Technologist, playing a vital role in surgical teams and patient care.
            </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");
?>