<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>B.Sc MLT 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-microscope"></i> Bachelor of Science in Medical Laboratory Technology
            </div>
            
            <h1 class="course-title">B.Sc MLT</h1>
            <p class="course-subtitle">
                Become a vital healthcare professional with our comprehensive B.Sc MLT program designed to create skilled laboratory technicians and technologists for modern medical diagnostics.
            </p>
            
            <div class="course-meta">
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="far fa-clock"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Program Duration</h4>
                        <p>3 Years (Full-time)</p>
                    </div>
                </div>
                
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="fas fa-user-graduate"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Eligibility</h4>
                        <p>10+2 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>UGC & Medical Council Approved</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 Medical Laboratory Technology (B.Sc MLT) is an undergraduate degree program that trains students to become skilled medical laboratory professionals. This comprehensive program equips students with the knowledge and skills to perform diagnostic tests, analyze body fluids, tissues, and cells, and operate sophisticated laboratory equipment.</p>
                
                <p>Medical Laboratory Technologists play a crucial role in healthcare by providing accurate laboratory results that aid in disease diagnosis, treatment planning, and patient monitoring. The program combines theoretical knowledge with extensive practical training in clinical laboratory settings to prepare students for this critical healthcare profession.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive curriculum covering all major laboratory disciplines</li>
                    <li><i class="fas fa-check-circle"></i> Extensive practical training in hospital laboratories</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on experience with modern diagnostic equipment</li>
                    <li><i class="fas fa-check-circle"></i> Focus on quality control and laboratory safety protocols</li>
                    <li><i class="fas fa-check-circle"></i> Preparation for national and international certification exams</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose B.Sc MLT Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose B.Sc MLT?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <h4>Critical Healthcare Role</h4>
                    <p>MLT professionals play a vital role in healthcare, with 70-80% of medical decisions based on laboratory test results, making you an essential part of the diagnostic team.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>High Demand Profession</h4>
                    <p>With increasing healthcare needs and new diagnostic technologies, there's a growing demand for qualified medical laboratory technologists worldwide.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4>Diverse Career Paths</h4>
                    <p>Opportunities in hospitals, diagnostic labs, research institutions, public health departments, pharmaceutical companies, and forensic laboratories.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Career Growth Potential</h4>
                    <p>Clear career progression from laboratory technician to senior technologist, lab supervisor, lab manager, or specialist in specific diagnostic areas.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Laboratory Specializations
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="clinical">Clinical Pathology</button>
                <button class="tab-btn" data-tab="microbiology">Microbiology</button>
                <button class="tab-btn" data-tab="biochemistry">Biochemistry</button>
                <button class="tab-btn" data-tab="hematology">Hematology</button>
                <button class="tab-btn" data-tab="immunology">Immunology</button>
            </div>
            
            <div class="specialization-content active" id="clinical-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Clinical Pathology</h3>
                    <span class="specialization-level">General Laboratory</span>
                </div>
                <p>This specialization covers the analysis of body fluids, tissues, and cells for disease diagnosis. Includes urinalysis, fluid analysis, parasitology, and general laboratory techniques.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-vial"></i>
                        <span>Urine Analysis & Microscopy</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tint"></i>
                        <span>Body Fluid Analysis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bug"></i>
                        <span>Parasitology & Stool Analysis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microscope"></i>
                        <span>Cytology Basics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-prescription-bottle"></i>
                        <span>Specimen Collection & Handling</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Quality Control in Clinical Lab</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="microbiology-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Microbiology</h3>
                    <span class="specialization-level">Infectious Diseases</span>
                </div>
                <p>Focuses on the identification and study of microorganisms causing infectious diseases. Includes bacteriology, mycology, virology, and antimicrobial susceptibility testing.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-bacteria"></i>
                        <span>Bacteriology & Culture Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-virus"></i>
                        <span>Virology & Viral Diagnostics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-seedling"></i>
                        <span>Mycology & Fungal Infections</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-prescription"></i>
                        <span>Antimicrobial Susceptibility Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-syringe"></i>
                        <span>Serological Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shield-virus"></i>
                        <span>Infection Control Protocols</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="biochemistry-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Clinical Biochemistry</h3>
                    <span class="specialization-level">Chemical Analysis</span>
                </div>
                <p>Covers the chemical analysis of blood and other body fluids to assess organ function, metabolic processes, and disease states. Includes enzyme assays, hormone testing, and electrolyte analysis.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-flask"></i>
                        <span>Enzyme Assays & Liver Function Tests</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-heartbeat"></i>
                        <span>Lipid Profile & Cardiac Markers</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-candy-cane"></i>
                        <span>Glucose Metabolism & Diabetes Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-filter"></i>
                        <span>Renal Function Tests</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-atom"></i>
                        <span>Electrolyte & Acid-Base Balance</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-bar"></i>
                        <span>Automated Biochemistry Analyzers</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="hematology-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Hematology</h3>
                    <span class="specialization-level">Blood Studies</span>
                </div>
                <p>Focuses on the study of blood, blood-forming organs, and blood diseases. Includes complete blood counts, coagulation studies, blood banking, and morphological examination of blood cells.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-tint"></i>
                        <span>Complete Blood Count (CBC)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microscope"></i>
                        <span>Peripheral Blood Smear Examination</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-heart"></i>
                        <span>Coagulation Studies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hospital"></i>
                        <span>Blood Banking & Transfusion Medicine</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-dna"></i>
                        <span>Hematopoietic System Disorders</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-vial"></i>
                        <span>Bone Marrow Examination Basics</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="immunology-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Immunology & Serology</h3>
                    <span class="specialization-level">Immune System</span>
                </div>
                <p>Covers the study of the immune system, immunological disorders, and serological testing for infectious diseases, autoimmune conditions, and allergy testing.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>Basic Immunology Principles</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-allergies"></i>
                        <span>Autoimmune Disease Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-syringe"></i>
                        <span>Serological Tests for Infections</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-dna"></i>
                        <span>HIV & Hepatitis Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-virus"></i>
                        <span>Immunoassay Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-prescription-bottle-alt"></i>
                        <span>Allergy Testing Methods</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 MLT program follows a semester system with 6 semesters over 3 years. The curriculum includes theoretical knowledge, practical laboratory sessions, hospital internships, and research projects.
            </p>
            
            <div class="semester-accordion">
                <!-- Semester 1 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 1: Foundation Sciences</h4>
                        <span style="color: #4facfe; font-weight: 600;">Basic Medical 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>MLT101</td>
                                    <td>Human Anatomy</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT102</td>
                                    <td>Human Physiology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT103</td>
                                    <td>General Biochemistry</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT104</td>
                                    <td>Fundamentals of MLT</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>MLT105</td>
                                    <td>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: Basic Laboratory Sciences</h4>
                        <span style="color: #4facfe; font-weight: 600;">Core Laboratory Principles</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>MLT201</td>
                                    <td>Pathology - General</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT202</td>
                                    <td>Clinical Biochemistry-I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT203</td>
                                    <td>Hematology-I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT204</td>
                                    <td>Basic Microbiology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT205</td>
                                    <td>Biostatistics</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: Clinical Laboratory Sciences-I</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialized Laboratory Techniques</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>MLT301</td>
                                    <td>Clinical Biochemistry-II</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT302</td>
                                    <td>Hematology-II & Blood Banking</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT303</td>
                                    <td>Clinical Microbiology-I</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT304</td>
                                    <td>Laboratory Instrumentation</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: Clinical Laboratory Sciences-II</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Laboratory Disciplines</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>MLT401</td>
                                    <td>Clinical Microbiology-II</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT402</td>
                                    <td>Histopathology & Cytology</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT403</td>
                                    <td>Immunology & Serology</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT404</td>
                                    <td>Parasitology & Mycology</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: Hospital Internship-I</h4>
                        <span style="color: #4facfe; font-weight: 600;">Practical Clinical 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>MLT501</td>
                                    <td>Clinical Biochemistry Practical</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>MLT502</td>
                                    <td>Hematology & Blood Bank Practical</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>MLT503</td>
                                    <td>Microbiology & Serology Practical</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>MLT504</td>
                                    <td>Laboratory Management</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: Hospital Internship-II & Research</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Clinical Practice</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>MLT601</td>
                                    <td>Histopathology & Cytology Practical</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>MLT602</td>
                                    <td>Advanced Diagnostic Techniques</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MLT603</td>
                                    <td>Quality Assurance in Laboratory</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MLT604</td>
                                    <td>Research Project & Dissertation</td>
                                    <td>8</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Career Opportunities -->
        <section class="career-section">
            <h2 class="section-title">
                <i class="fas fa-briefcase"></i>
                Career Opportunities
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                B.Sc MLT graduates have diverse career opportunities in healthcare and diagnostic sectors. Here are some of the promising career paths available:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hospital"></i>
                    </div>
                    <h4>Hospital Lab Technologist</h4>
                    <p>Work in hospital laboratories performing diagnostic tests in various departments like biochemistry, hematology, and microbiology</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-clinic-medical"></i>
                    </div>
                    <h4>Diagnostic Lab Supervisor</h4>
                    <p>Supervise operations in private diagnostic laboratories, ensuring quality control and accurate test results</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-flask"></i>
                    </div>
                    <h4>Research Laboratory Technician</h4>
                    <p>Work in medical research institutions, pharmaceutical companies, or biotechnology firms supporting clinical research</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <h4>Public Health Laboratory</h4>
                    <p>Work in government public health departments, CDC, or epidemiological surveillance programs</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-dna"></i>
                    </div>
                    <h4>Specialized Lab Technologist</h4>
                    <p>Specialize in areas like molecular diagnostics, cytogenetics, immunology, or toxicology</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </div>
                    <h4>MLT Educator</h4>
                    <p>Teach MLT courses in medical colleges, nursing schools, or paramedical institutes</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 MLT 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, and Biology (PCB) from recognized board
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 50% aggregate 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> University/state-level entrance test or merit-based admission
                    </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 and application deadlines</li>
                    <li><i class="fas fa-arrow-right"></i> Register for entrance examination (if applicable)</li>
                    <li><i class="fas fa-arrow-right"></i> Submit application with required documents (10th & 12th marksheets)</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling/interview if shortlisted</li>
                    <li><i class="fas fa-arrow-right"></i> Complete medical fitness checkup</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities and fee payment</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Begin Your Healthcare Career Today</h2>
            <p class="cta-description">
                Join the essential healthcare workforce as a Medical Laboratory Technologist. Our B.Sc MLT program provides comprehensive training to make you an expert in diagnostic testing and laboratory medicine, opening doors to a rewarding career in healthcare.
            </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");
?>