<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Diploma in Agriculture | 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-seedling"></i> Diploma in Agricultural Sciences
            </div>
            
            <h1 class="course-title">Diploma in Agriculture</h1>
            <p class="course-subtitle">
                Cultivate your future with our comprehensive agricultural diploma program designed to create skilled professionals for modern farming and agribusiness.
            </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>2 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>10th or 12th Pass</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>ICAR & State Agriculture Board 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 Diploma in Agriculture is a comprehensive technical program designed to provide students with practical knowledge and skills in modern agricultural practices, crop production, horticulture, and farm management. This program bridges traditional farming techniques with modern agricultural technology.</p>
                
                <p>As agriculture evolves with technology, this diploma prepares students for careers in precision farming, organic agriculture, agribusiness management, and agricultural extension services. The curriculum combines classroom learning with hands-on farm training and field visits.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Practical farm training and field demonstrations</li>
                    <li><i class="fas fa-check-circle"></i> Modern agriculture technology and precision farming techniques</li>
                    <li><i class="fas fa-check-circle"></i> Specializations in various agricultural sectors</li>
                    <li><i class="fas fa-check-circle"></i> Industry visits and internship with agricultural organizations</li>
                    <li><i class="fas fa-check-circle"></i> Entrepreneurship development for agribusiness startups</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose Agriculture Diploma Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose Diploma in Agriculture?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-tractor"></i>
                    </div>
                    <h4>Growing Industry Demand</h4>
                    <p>Skilled agricultural professionals are in high demand with the increasing focus on food security, sustainable farming, and agri-tech innovations.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <h4>Diverse Career Opportunities</h4>
                    <p>Career options range from farm management and agricultural extension to agribusiness, research, and agricultural technology sectors.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-hand-holding-usd"></i>
                    </div>
                    <h4>Entrepreneurship Potential</h4>
                    <p>Start your own agribusiness with government subsidies and support for agricultural startups and farming enterprises.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe-asia"></i>
                    </div>
                    <h4>Sustainable Future</h4>
                    <p>Contribute to sustainable agriculture, food security, and environmental conservation while building a rewarding career.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Program Specializations
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="crop">Crop Production</button>
                <button class="tab-btn" data-tab="horticulture">Horticulture</button>
                <button class="tab-btn" data-tab="organic">Organic Farming</button>
                <button class="tab-btn" data-tab="agri">Agri-Business</button>
                <button class="tab-btn" data-tab="technology">Agriculture Technology</button>
            </div>
            
            <div class="specialization-content active" id="crop-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Crop Production & Management</h3>
                    <span class="specialization-level">Field Crops Focus</span>
                </div>
                <p>This specialization focuses on scientific cultivation of major field crops, soil management, irrigation techniques, and crop protection strategies for maximizing yield and quality.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-wheat"></i>
                        <span>Cereal Crop Production</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-seedling"></i>
                        <span>Pulse & Oilseed Cultivation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-spray-can"></i>
                        <span>Integrated Pest Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tint"></i>
                        <span>Irrigation & Water Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-vial"></i>
                        <span>Soil Fertility & Fertilizers</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Crop Harvesting & Post-Harvest</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="horticulture-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Horticulture Science</h3>
                    <span class="specialization-level">Fruits & Vegetables</span>
                </div>
                <p>Specialization in cultivation of fruits, vegetables, flowers, medicinal plants, and landscaping. Includes greenhouse technology, nursery management, and floriculture.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-apple-alt"></i>
                        <span>Fruit Production Technology</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-carrot"></i>
                        <span>Vegetable Cultivation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-spa"></i>
                        <span>Floriculture & Landscaping</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clinic-medical"></i>
                        <span>Medicinal & Aromatic Plants</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-seedling"></i>
                        <span>Nursery Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-temperature-high"></i>
                        <span>Greenhouse Technology</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="organic-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Organic Farming & Sustainable Agriculture</h3>
                    <span class="specialization-level">Eco-Friendly Focus</span>
                </div>
                <p>Focuses on chemical-free farming methods, organic certification, sustainable practices, and eco-friendly agricultural techniques for healthier food production.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-recycle"></i>
                        <span>Organic Farming Principles</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-cow"></i>
                        <span>Vermicompost & Biofertilizers</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bug"></i>
                        <span>Biological Pest Control</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-certificate"></i>
                        <span>Organic Certification Process</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-leaf"></i>
                        <span>Natural Farming Methods</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-water"></i>
                        <span>Water Conservation Techniques</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="agri-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Agri-Business Management</h3>
                    <span class="specialization-level">Business Focus</span>
                </div>
                <p>Combines agricultural knowledge with business management skills for careers in agricultural marketing, supply chain management, farm entrepreneurship, and agri-finance.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-chart-line"></i>
                        <span>Agricultural Marketing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-calculator"></i>
                        <span>Farm Accounting & Finance</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-truck"></i>
                        <span>Supply Chain Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-store"></i>
                        <span>Agri-Input Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-contract"></i>
                        <span>Agricultural Policies & Schemes</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lightbulb"></i>
                        <span>Agri-Entrepreneurship</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="technology-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Agriculture Technology</h3>
                    <span class="specialization-level">Tech Focus</span>
                </div>
                <p>Focuses on modern agricultural technologies including precision farming, drone applications, IoT in agriculture, hydroponics, and agricultural biotechnology.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-satellite"></i>
                        <span>Precision Farming & GPS</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-drone"></i>
                        <span>Drone Applications in Agriculture</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microchip"></i>
                        <span>IoT & Smart Farming</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-flask"></i>
                        <span>Agricultural Biotechnology</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-water"></i>
                        <span>Hydroponics & Aeroponics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>Farm Management Software</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 Diploma in Agriculture follows a semester system with 4 semesters over 2 years. The curriculum includes theoretical classes, practical laboratory sessions, farm training, field visits, and project work.
            </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: Fundamentals of Agriculture</h4>
                        <span style="color: #4facfe; font-weight: 600;">Basic Agricultural 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>AGR101</td>
                                    <td>Principles of Agronomy</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR102</td>
                                    <td>Soil Science & Fertility</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR103</td>
                                    <td>Agricultural Botany</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR104</td>
                                    <td>Basic Agricultural Engineering</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR105</td>
                                    <td>Farm Tools & Machinery</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: Crop Production Sciences</h4>
                        <span style="color: #4facfe; font-weight: 600;">Crop Management Focus</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>AGR201</td>
                                    <td>Crop Production Technology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR202</td>
                                    <td>Plant Pathology & Protection</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR203</td>
                                    <td>Agricultural Entomology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR204</td>
                                    <td>Irrigation & Water Management</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR205</td>
                                    <td>Agricultural Meteorology</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: Specialization & Farm Management</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Agriculture</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>AGR301</td>
                                    <td>Horticulture & Vegetable Science</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR302</td>
                                    <td>Animal Husbandry & Dairy</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR303</td>
                                    <td>Farm Business Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR304</td>
                                    <td>Agricultural Extension</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR305</td>
                                    <td>Field Training & Farm Visit</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 Technologies & Project</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialization & Project</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>AGR401</td>
                                    <td>Modern Agricultural Technologies</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR402</td>
                                    <td>Post-Harvest Technology</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR403</td>
                                    <td>Organic Farming & Certification</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>AGR404</td>
                                    <td>Agricultural Marketing & Finance</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>AGR405</td>
                                    <td>Major Project Work & Viva</td>
                                    <td>6</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;">
                Agriculture diploma holders have diverse career opportunities in both government and private 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-tractor"></i>
                    </div>
                    <h4>Farm Manager</h4>
                    <p>Manage agricultural operations, crop planning, labor supervision, and farm resource management for large farms or agricultural estates</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Agricultural Extension Officer</h4>
                    <p>Work with government departments to educate farmers about new techniques, subsidies, and agricultural best practices</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-seedling"></i>
                    </div>
                    <h4>Horticulture Supervisor</h4>
                    <p>Supervise fruit orchards, vegetable farms, floriculture units, or landscaping projects</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-store"></i>
                    </div>
                    <h4>Agri-Input Dealer</h4>
                    <p>Start or manage business dealing in seeds, fertilizers, pesticides, agricultural tools, and equipment</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-microscope"></i>
                    </div>
                    <h4>Agriculture Lab Technician</h4>
                    <p>Work in soil testing labs, seed testing labs, or agricultural research institutions</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Agri-Marketing Executive</h4>
                    <p>Work with agricultural companies in marketing, sales, and distribution of farm products and inputs</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 Diploma in Agriculture 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> Pass in 10th standard (SSC) or 12th standard (preferably with Science)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 45% aggregate marks in qualifying examination (40% for reserved categories)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> Some states conduct entrance tests, while others admit based on merit
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-birthday-cake"></i>
                    <div>
                        <strong>Age Limit:</strong> Typically 15-22 years for 10th pass candidates (relaxation for reserved categories)
                    </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 of respective agriculture universities</li>
                    <li><i class="fas fa-arrow-right"></i> Fill application form for agricultural diploma programs</li>
                    <li><i class="fas fa-arrow-right"></i> Submit required documents (marksheets, certificates, ID proof)</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling session if shortlisted</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">Cultivate Your Agricultural Career</h2>
            <p class="cta-description">
                Join the agricultural revolution and build a rewarding career in one of the most essential sectors. Our Diploma in Agriculture program provides the perfect blend of traditional knowledge and modern technology to make you industry-ready.
            </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");
?>