<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bharat Pesticides offers professional pest and rodent control services with over 40 years of experience. Trusted by government, healthcare, and agricultural sectors.">
    <meta name="keywords" content="pest control, rodent control, Bharat Pesticides, Pied Piper of Kashmir, Jammu Kashmir pest services">
    <meta name="author" content="Bharat Pesticides">
    <title>Bharat Pesticides | By Pied Piper of Kashmir - Professional Pest Control</title>
    <link rel="icon" href="https://via.placeholder.com/32?text=BP" type="image/x-icon">
    <script src="https://unpkg.com/lucide@latest"></script>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Montserrat:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <style>
        :root {
            --brand: #0066cc; /* Brighter blue */
            --brand-dark: #004c99;
            --brand-light: #3385ff;
            --safety: #27ae60; /* Fresher green */
            --safety-dark: #1e8449;
            --safety-light: #2ecc71;
            --gold: #ff9900; /* Vibrant orange-gold */
            --gold-dark: #cc7a00;
            --gold-light: #ffb733;
            --accent: #ff3366; /* Pink accent for highlights */
            --accent-dark: #e6004c;
            --bg: #ffffff;
            --bg-light: #f8fafc;
            --bg-dark: #f0f5ff;
            --text: #1a1a1a;
            --text-light: #666666;
            --transition: all 0.3s ease;
            --radius: 12px;
            --shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.12);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            color: var(--text); 
            line-height: 1.6; /* Reduced from 1.7 */
            background: #fff; 
            scroll-behavior: smooth; 
            overflow-x: hidden;
        }
      
        /* Navigation - 10% reduced spacing */
        nav { 
            background: white; 
            padding: 0.7rem 5%; /* Reduced from 0.8rem */
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            position: sticky; 
            top: 0; 
            z-index: 1000; 
            box-shadow: 0 2px 15px rgba(0,0,0,0.08); /* Reduced shadow */
            transition: var(--transition); 
            border-bottom: 3px solid var(--gold);
        }
        nav.scrolled { background: rgba(255,255,255,0.98); backdrop-filter: blur(10px); }
        .logo-box { display: flex; align-items: center; gap: 10px; text-decoration: none; } /* Reduced gap */
        .logo-img { height: 75px; width: auto; border-radius: 4px; transition: var(--transition); } /* Reduced from 85px */
        .logo-box:hover .logo-img { transform: scale(1.05); }
        .logo-text h1 { 
            font-family: 'Montserrat', sans-serif; 
            font-size: 1.2rem; /* Reduced from 1.25rem */
            color: var(--brand); 
            line-height: 1.1; 
            font-weight: 800;
            background: linear-gradient(45deg, var(--brand), var(--brand-light));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .logo-text span { 
            font-size: 0.6rem; /* Reduced from 0.65rem */
            letter-spacing: 1.5px; 
            color: var(--safety); 
            font-weight: 700; 
            text-transform: uppercase; 
        }
        .nav-links a { 
            margin-left: 18px; /* Reduced from 20px */
            text-decoration: none; 
            color: var(--text); 
            font-weight: 600; 
            font-size: 0.9rem; 
            position: relative; 
            padding: 5px 0;
        }
        .nav-links a::after { 
            content: ''; 
            position: absolute; 
            width: 0; 
            height: 3px; 
            bottom: 0; 
            left: 0; 
            background: var(--gold); 
            transition: var(--transition); 
        }
        .nav-links a:hover::after { width: 100%; }
        .nav-links a:hover { color: var(--brand); }
       
        /* Hero - 10% reduced spacing */
        .hero { 
            background: linear-gradient(135deg, rgba(0,102,204,0.9) 0%, rgba(0,30,60,0.95) 100%), 
                        url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1920'); 
            background-attachment: fixed; 
            background-size: cover;
            background-position: center;
            padding: 90px 5% 80px; /* Reduced from 120px 5% */
            color: white; 
            text-align: center; 
            position: relative; 
            overflow: hidden; 
        }
        .hero::before { 
            content: ''; 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background: radial-gradient(circle at 20% 50%, rgba(255,153,0,0.2) 0%, transparent 50%); 
        }
        .hero h2 { 
            font-family: 'Montserrat', sans-serif; /* Catchy modern font */
            font-size: 3rem; /* Slightly reduced */
            margin-bottom: 18px; /* Reduced from 20px */
            animation: fadeInDown 1s ease-out;
            font-weight: 900;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
            line-height: 1.2;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }
        .hero p {
            max-width: 900px;
            margin: 0 auto 25px; /* Reduced from 30px */
            font-size: 1.1rem;
            opacity: 0.95;
            line-height: 1.6;
        }
        .hero-checks { 
            display: flex; 
            justify-content: center; 
            gap: 20px; /* Reduced from 25px */
            margin: 20px 0 30px; /* Reduced from 25px 0 30px */
            color: var(--gold); 
            font-weight: 700; 
            font-size: 1rem; /* Slightly reduced */
            animation: fadeInUp 1s ease-out 0.5s; 
            animation-fill-mode: both; 
            flex-wrap: wrap;
        }
        .hero-checks span {
            background: rgba(255,255,255,0.15);
            padding: 10px 20px;
            border-radius: 30px;
            border: 1px solid rgba(255,255,255,0.2);
            backdrop-filter: blur(5px);
        }
       
        /* Sections - 10% reduced spacing */
        section { 
            padding: 72px 8%; /* Reduced from 80px 8% */
            opacity: 0; 
            transform: translateY(50px); 
            transition: opacity 0.8s ease, transform 0.8s ease; 
        }
        section.visible { opacity: 1; transform: translateY(0); }
        .section-title { 
            margin-bottom: 36px; /* Reduced from 40px */
            text-align: center; 
        }
        .section-title h2 { 
            font-family: 'Montserrat', sans-serif; /* Modern font for section titles */
            font-size: 2.3rem; /* Reduced from 2.5rem */
            color: var(--brand); 
            margin-bottom: 12px; /* Reduced from 15px */
            font-weight: 800;
            position: relative;
            display: inline-block;
        }
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--brand), var(--gold));
            border-radius: 2px;
        }
        .divider { 
            width: 70px; 
            height: 4px; 
            background: linear-gradient(90deg, var(--safety), var(--gold)); 
            margin: 0 auto 18px; /* Reduced from 20px */
            transition: width 0.5s ease; 
            border-radius: 2px;
        }
        .section-title:hover .divider { width: 140px; }
        .grid-2 { 
            display: grid; 
            grid-template-columns: 1fr 1fr; 
            gap: 45px; /* Reduced from 50px */
            align-items: center; 
        }
        .grid-3 { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Slightly reduced minmax */
            gap: 25px; /* Reduced from 30px */
        }
       
        /* Service Cards - 10% reduced spacing + improved design */
        .service-card { 
            border: 1px solid #eee; 
            padding: 30px; /* Reduced from 35px */
            border-radius: var(--radius); 
            background: #fff; 
            transition: var(--transition); 
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--brand), var(--safety));
        }
        .service-card:hover { 
            transform: translateY(-8px); /* Reduced from -10px */
            box-shadow: var(--shadow-lg); 
        }
        .service-card h3 { 
            color: var(--brand); 
            margin-bottom: 15px; 
            padding-bottom: 10px; 
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 1.4rem;
        }
        .service-card ul { 
            list-style: none; 
            margin-top: 15px; 
        }
        .service-card li { 
            margin-bottom: 8px; 
            font-size: 0.9rem; 
            padding-left: 24px; /* Reduced from 28px */
            position: relative; 
            transition: color 0.3s; 
        }
        .service-card li:hover { color: var(--safety); }
        /* Improved bullet points */
        .service-card.rodent li::before { 
            content: "🐭"; 
            color: var(--brand);
            position: absolute; 
            left: 0; 
            font-size: 1.1rem;
        }
        .service-card.general li::before { 
            content: "✓"; 
            color: var(--safety); 
            position: absolute; 
            left: 0; 
            font-weight: bold;
            font-size: 1.1rem;
        }
        .service-card.agricultural li::before { 
            content: "🌱"; 
            color: var(--safety);
            position: absolute; 
            left: 0; 
            font-size: 1.1rem;
        }
        .service-card.institutional li::before { 
            content: "🏛️"; 
            color: var(--brand);
            position: absolute; 
            left: 0; 
            font-size: 1.1rem;
        }
        .service-icon { 
            font-size: 3rem; /* Reduced from 3.5rem */
            color: var(--brand); 
            margin-bottom: 18px; /* Reduced from 20px */
            display: block; 
            text-align: center; 
            background: linear-gradient(45deg, var(--brand), var(--safety));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        /* FAQ Accordion - 10% reduced spacing */
        .faq-item { 
            margin-bottom: 14px; /* Reduced from 16px */
            border: 1px solid #e0e0e0; 
            border-radius: 8px; 
            overflow: hidden; 
            background: white; 
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        .faq-question { 
            padding: 16px 20px; /* Reduced from 18px 24px */
            background: var(--bg-light); 
            cursor: pointer; 
            font-weight: 600; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            transition: background 0.3s; 
        }
        .faq-question:hover { 
            background: linear-gradient(90deg, rgba(0,102,204,0.05), rgba(39,174,96,0.05)); 
        }
        .faq-answer { 
            padding: 0 20px; /* Reduced from 0 24px */
            max-height: 0; 
            overflow: hidden; 
            transition: max-height 0.4s ease, padding 0.4s ease; 
        }
        .faq-answer.active { 
            max-height: 600px; 
            padding: 18px 20px; /* Reduced from 20px 24px */
        }

        /* Floating CTA - slightly reduced */
        .floating-cta { 
            position: fixed; 
            bottom: 25px; /* Reduced from 30px */
            right: 25px; /* Reduced from 30px */
            z-index: 9999; 
            display: flex; 
            flex-direction: column; 
            gap: 15px; /* Reduced from 18px */
        }
        .cta-btn { 
            width: 60px; /* Reduced from 64px */
            height: 60px; /* Reduced from 64px */
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            color: white; 
            font-size: 1.7rem; /* Reduced from 1.9rem */
            box-shadow: 0 5px 18px rgba(0,0,0,0.25); /* Reduced shadow */
            transition: var(--transition); 
            text-decoration: none; 
        }
        .cta-btn.whatsapp { 
            background: linear-gradient(135deg, #25D366, #128C7E); 
        }
        .cta-btn.call { 
            background: linear-gradient(135deg, var(--brand), var(--brand-dark)); 
        }
        .cta-btn:hover { 
            transform: scale(1.12); 
            box-shadow: 0 8px 22px rgba(0,0,0,0.3); /* Reduced shadow */
        }

        /* Map Container - reduced */
        .map-container { 
            height: 380px; /* Reduced from 420px */
            border-radius: 12px; /* Reduced from 16px */
            overflow: hidden; 
            box-shadow: var(--shadow); 
            margin-top: 40px; /* Reduced from 50px */
        }

        /* Founder Profile - reduced spacing */
        .founder-box { 
            background: linear-gradient(135deg, var(--bg-light), #e6f0ff); 
            padding: 45px; /* Reduced from 50px */
            border-radius: var(--radius); 
            border-left: 8px solid var(--brand); 
            transition: var(--transition); 
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }
        .founder-box::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: rgba(0,102,204,0.05);
            border-radius: 50%;
        }
        .founder-box:hover { 
            border-left-width: 10px; /* Reduced from 15px */
            transform: translateY(-5px);
        }
        .founder-img { 
            width: 70%; 
            max-width: 420px; /* Slightly reduced */
            border-radius: 12px; /* Reduced from 15px */
            box-shadow: 0 12px 35px rgba(0,0,0,0.15); /* Reduced shadow */
            transition: var(--transition); 
        }
        .founder-img:hover { 
            transform: scale(1.04); 
            box-shadow: 0 15px 40px rgba(0,0,0,0.2); 
        }
       
        /* Master Work Table - reduced spacing */
        .master-table-container { 
            height: 630px; /* Reduced from 700px */
            overflow-y: auto; 
            background: white; 
            border: 1px solid #ddd; 
            border-radius: 10px; 
            margin-top: 18px; /* Reduced from 20px */
            box-shadow: var(--shadow); 
        }
        table { width: 100%; border-collapse: collapse; }
        th { 
            background: linear-gradient(90deg, var(--brand), var(--brand-dark)); 
            color: white; 
            padding: 16px; /* Reduced from 18px */
            text-align: left; 
            position: sticky; 
            top: 0; 
            z-index: 10; 
            font-size: 1rem; 
            font-weight: 700;
        }
        td { 
            padding: 14px; /* Reduced from 15px */
            border-bottom: 1px solid #eee; 
            font-size: 0.9rem; 
            vertical-align: top; 
        }
        .region-header { 
            background: linear-gradient(90deg, rgba(39,174,96,0.1), rgba(255,153,0,0.1)); 
            font-weight: 800; 
            color: var(--safety-dark); 
            text-transform: uppercase; 
            letter-spacing: 1px; 
        }
        tr:hover { background: rgba(39,174,96,0.05); transition: background 0.3s; }
       
        /* Contact Footer - reduced spacing */
        .contact-footer { 
            background: linear-gradient(135deg, var(--brand), var(--brand-dark)); 
            color: white; 
            padding: 72px 8%; /* Reduced from 80px 8% */
            border-radius: 30px 30px 0 0; /* Reduced from 40px 40px 0 0 */
            position: relative; 
            overflow: hidden; 
        }
        .contact-footer::before { 
            content: ''; 
            position: absolute; 
            bottom: -50%; 
            left: 50%; 
            width: 200%; 
            height: 200%; 
            background: radial-gradient(circle, rgba(255,255,255,0.1), transparent); 
            transform: translateX(-50%); 
        }
        .badge-row { 
            background: linear-gradient(90deg, var(--brand-dark), #003366); 
            padding: 12px; /* Reduced from 15px */
            display: flex; 
            flex-wrap: wrap; 
            justify-content: center; 
            gap: 12px; /* Reduced from 15px */
        }
        .badge { 
            background: rgba(255,255,255,0.15); 
            color: white; 
            padding: 7px 14px; /* Reduced from 8px 16px */
            border-radius: 20px; 
            font-size: 0.8rem; 
            font-weight: 700; 
            border: 1px solid rgba(255,255,255,0.2); 
            transition: var(--transition); 
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .badge:hover { 
            background: rgba(255,255,255,0.25); 
            transform: translateY(-3px); /* Changed from scale */
        }
       
        /* Testimonials - reduced spacing */
        .testimonial-card { 
            background: white; 
            padding: 28px; /* Reduced from 30px */
            border-radius: var(--radius); 
            box-shadow: var(--shadow); 
            text-align: center; 
            position: relative;
            border-top: 4px solid var(--gold);
        }
        .testimonial-card::before {
            content: '"';
            position: absolute;
            top: 15px;
            left: 20px;
            font-size: 4rem;
            color: rgba(0,102,204,0.1);
            font-family: serif;
            line-height: 1;
        }
        .testimonial-card blockquote { 
            font-style: italic; 
            margin-bottom: 15px; 
            font-size: 1.05rem;
            line-height: 1.6;
        }
        .testimonial-card cite { 
            color: var(--brand); 
            font-weight: 700; 
        }
       
        /* Back to Top Button */
        #back-to-top { 
            position: fixed; 
            bottom: 35px; /* Reduced from 40px */
            right: 35px; /* Reduced from 40px */
            background: linear-gradient(135deg, var(--safety), var(--safety-dark)); 
            color: white; 
            border: none; 
            border-radius: 50%; 
            width: 48px; /* Reduced from 50px */
            height: 48px; /* Reduced from 50px */
            display: flex; 
            align-items: center; 
            justify-content: center; 
            cursor: pointer; 
            opacity: 0; 
            transition: opacity 0.3s, transform 0.3s; 
            z-index: 1000; 
            box-shadow: 0 4px 15px rgba(39,174,96,0.3);
        }
        #back-to-top.visible { opacity: 1; }
        #back-to-top:hover { transform: scale(1.1) translateY(-5px); }
       
        /* Dark Mode */
        .dark-mode-toggle { 
            cursor: pointer; 
            margin-left: 18px; /* Reduced from 20px */
            color: var(--brand);
            background: rgba(0,102,204,0.1);
            padding: 8px;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        body.dark { 
            --bg: #121212; 
            --text: #e0e0e0; 
            --light: #1e1e1e; 
            background: var(--bg); 
            color: var(--text); 
        }
        body.dark nav { background: rgba(18,18,18,0.95); }
        body.dark .service-card, body.dark .founder-box, body.dark .testimonial-card { 
            background: var(--light); 
            border-color: #333; 
        }
        body.dark table th { background: #001f3f; }
        body.dark .region-header { background: #2a2a2a; }
        body.dark .contact-footer { background: #001f3f; }
       
        /* Stats counter for homepage */
        .stats-counter {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin: 40px auto;
            max-width: 1000px;
        }
        .stat-box {
            text-align: center;
            padding: 20px;
            min-width: 150px;
        }
        .stat-number {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.8rem;
            font-weight: 900;
            color: var(--gold);
            display: block;
            line-height: 1;
            margin-bottom: 8px;
        }
        .stat-label {
            font-size: 0.9rem;
            font-weight: 600;
            color: white;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
       
        /* Button styles */
        .btn-primary {
            display: inline-block;
            background: linear-gradient(135deg, var(--brand), var(--brand-dark));
            color: white;
            padding: 14px 32px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1rem;
            border: none;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: 0 5px 15px rgba(0,102,204,0.3);
        }
        .btn-primary:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,102,204,0.4);
            background: linear-gradient(135deg, var(--brand-dark), var(--brand));
        }
       
        /* Mission/Vision boxes */
        .mission-box {
            background: linear-gradient(135deg, rgba(0,102,204,0.9), rgba(0,76,153,0.9));
            color: white;
            padding: 35px; /* Reduced from 40px */
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }
        .mission-box::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
        }
        .mission-box h3 {
            color: var(--gold);
            margin-bottom: 12px;
            font-family: 'Montserrat', sans-serif;
        }
       
        /* Responsive adjustments */
        @media (max-width: 1100px) {
            .hero h2 { font-size: 2.6rem; }
        }
       
        @media (max-width: 900px) {
            .grid-2, .grid-3 { grid-template-columns: 1fr; }
            .hero h2 { font-size: 2.2rem; }
            .hero { padding: 70px 5% 60px; }
            section { padding: 60px 5%; }
            .nav-links { 
                display: none; 
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: white;
                flex-direction: column;
                padding: 20px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            }
            .nav-links.active {
                display: flex;
            }
            .nav-links a {
                margin: 10px 0;
                margin-left: 0;
            }
            .mobile-menu-btn {
                display: block;
                background: none;
                border: none;
                font-size: 1.5rem;
                color: var(--brand);
                cursor: pointer;
            }
            .floating-cta { bottom: 20px; right: 20px; }
            .stats-counter {
                gap: 20px;
            }
            .stat-box {
                min-width: 120px;
                padding: 15px;
            }
            .stat-number {
                font-size: 2.2rem;
            }
        }
       
        @media (max-width: 600px) {
            .hero h2 { font-size: 1.8rem; }
            .hero-checks {
                gap: 10px;
            }
            .hero-checks span {
                padding: 8px 16px;
                font-size: 0.9rem;
            }
            .section-title h2 {
                font-size: 1.8rem;
            }
            .service-card, .founder-box, .mission-box {
                padding: 25px;
            }
            .map-container {
                height: 300px;
            }
        }
       
        /* Animations */
        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }
       
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
       
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
       
        ::-webkit-scrollbar-track {
            background: var(--bg-light);
        }
       
        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, var(--brand), var(--safety));
            border-radius: 5px;
        }
       
        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, var(--brand-dark), var(--safety-dark));
        }
    </style>
</head>
<body>
    <nav>
        <a href="#" class="logo-box">
            <img src="logo.jpg" alt="Bharat Pesticides Logo" class="logo-img" loading="lazy" onerror="this.src='https://via.placeholder.com/75/0066cc/FFFFFF?text=BP'">
            <div class="logo-text">
                <h1>BHARAT PESTICIDES</h1>
                <span>By Pied Piper of Kashmir</span>
            </div>
        </a>
        <div class="nav-links" id="navLinks">
            <a href="#home">Home</a>
            <a href="#about">About</a>
            <a href="#services">Services</a>
            <a href="#founder">The Founder</a>
            <a href="#master-list">Portfolio</a>
            <a href="#testimonials">Testimonials</a>
            <a href="#faq">FAQ</a>
            <a href="#contact">Contact</a>
            <i data-lucide="moon" class="dark-mode-toggle" onclick="toggleDarkMode()"></i>
        </div>
        <button class="mobile-menu-btn" id="mobileMenuBtn">
            <i data-lucide="menu"></i>
        </button>
    </nav>

    <div id="home">
        <header class="hero">
            <h2>Trusted Pest & Rodent Control Solutions for Over 40 Years</h2>
            <p>Bharat Pesticides is a professionally managed pest and rodent control company with over four decades of field experience. We provide safe, effective, and compliant pest management services for government institutions, hospitals, commercial premises, and agricultural fields.</p>
            <div class="hero-checks">
                <span><i data-lucide="shield-check"></i> Experienced</span> 
                <span><i data-lucide="clock"></i> Reliable</span> 
                <span><i data-lucide="target"></i> Result-Oriented</span>
                <span><i data-lucide="award"></i> Certified</span>
            </div>
            <a href="#contact" class="btn-primary">Get Free Consultation</a>
            
            <!-- Stats Counter -->
            <div class="stats-counter">
                <div class="stat-box">
                    <span class="stat-number" id="yearsCounter">40+</span>
                    <span class="stat-label">Years Experience</span>
                </div>
                <div class="stat-box">
                    <span class="stat-number" id="clientsCounter">500+</span>
                    <span class="stat-label">Clients Served</span>
                </div>
                <div class="stat-box">
                    <span class="stat-number" id="projectsCounter">1000+</span>
                    <span class="stat-label">Projects Completed</span>
                </div>
                <div class="stat-box">
                    <span class="stat-number" id="statesCounter">8+</span>
                    <span class="stat-label">States Covered</span>
                </div>
            </div>
        </header>
        <div class="badge-row">
            <div class="badge"><i data-lucide="badge-check"></i> ISO 9001:2015</div>
            <div class="badge"><i data-lucide="file-text"></i> GST REGISTERED</div>
            <div class="badge"><i data-lucide="users"></i> LABOUR REGISTERED</div>
            <div class="badge"><i data-lucide="leaf"></i> AGRICULTURE</div>
            <div class="badge"><i data-lucide="building"></i> EPF REGISTERED</div>
        </div>
    </div>

    <section id="about">
        <div class="grid-2">
            <div>
                <div class="section-title" style="text-align:left;">
                    <h2>About Bharat Pesticides</h2>
                    <div class="divider" style="margin-left:0;"></div>
                </div>
                <p>Bharat Pesticides has been serving public and private institutions for more than 40 years, delivering dependable pest and rodent control solutions across diverse environments.</p>
                <p>Established with a strong foundation in rodent management, the company gradually expanded its expertise to include comprehensive pest control services for sensitive and high-risk locations such as hospitals, warehouses, government offices, and agricultural zones.</p>
                <p>Our long-standing presence in the industry is built on technical know-how, regulatory compliance, and client trust.</p>
            </div>
            <div class="mission-box">
                <h3>Our Mission</h3>
                <p>To deliver safe, effective, and sustainable pest control solutions that protect public health, infrastructure, and agricultural productivity, while strictly following statutory guidelines and industry best practices.</p>
                <h3 style="margin-top: 25px;">Our Vision</h3>
                <p>To be recognized as a reliable and technically sound pest control partner, particularly for government departments and institutions, by consistently delivering quality services and long-term pest prevention solutions.</p>
            </div>
        </div>
        <div style="margin-top: 50px;">
            <div class="section-title"><h2>Our Core Values</h2><div class="divider"></div></div>
            <div class="grid-3" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));">
                <div class="service-card" style="text-align:center;"><h4><i data-lucide="calendar" style="color: var(--brand);"></i> Experience</h4><p>Knowledge gained through decades of fieldwork</p></div>
                <div class="service-card" style="text-align:center;"><h4><i data-lucide="shield" style="color: var(--safety);"></i> Safety</h4><p>Protection of people, property, and environment</p></div>
                <div class="service-card" style="text-align:center;"><h4><i data-lucide="heart" style="color: var(--accent);"></i> Integrity</h4><p>Honest pricing and regulatory compliance</p></div>
                <div class="service-card" style="text-align:center;"><h4><i data-lucide="check-circle" style="color: var(--gold);"></i> Reliability</h4><p>Consistent service delivery and follow-up</p></div>
                <div class="service-card" style="text-align:center;"><h4><i data-lucide="globe" style="color: var(--brand);"></i> Responsibility</h4><p>Sustainable pest management practices</p></div>
            </div>
        </div>
    </section>

    <section id="services" style="background: var(--bg-light);">
        <div class="section-title">
            <h2>Our Services</h2>
            <div class="divider"></div>
        </div>
        <div class="grid-3">
            <div class="service-card rodent">
                <i data-lucide="shield" class="service-icon"></i>
                <h3>Rodent Control Services</h3>
                <p>Professional rodent management using proven methods in:</p>
                <ul>
                    <li>Hospitals & healthcare facilities</li>
                    <li>Government buildings</li>
                    <li>Warehouses & storage areas</li>
                    <li>Commercial & industrial premises</li>
                </ul>
                <p style="margin-top:10px; font-size:0.85rem; color:var(--safety); font-weight:700;">Focus: Elimination, Monitoring & Prevention.</p>
            </div>
            <div class="service-card general">
                <i data-lucide="bug" class="service-icon"></i>
                <h3>General Pest Control</h3>
                <p>Management of common pests using approved chemicals and safe techniques:</p>
                <ul>
                    <li>Cockroaches, Termites & Ants</li>
                    <li>Flies & Mosquitoes</li>
                    <li>Crawling & Flying insects</li>
                    <li>Bed Bugs & Fleas</li>
                </ul>
            </div>
            <div class="service-card agricultural">
                <i data-lucide="leaf" class="service-icon"></i>
                <h3>Agricultural & Field Pest</h3>
                <p>Specialized control for orchards and lands:</p>
                <ul>
                    <li>Agricultural lands</li>
                    <li>Orchards</li>
                    <li>Crop storage areas</li>
                    <li>Greenhouses</li>
                </ul>
                <p style="margin-top:10px; font-size:0.85rem;">Designed to minimize damage while maintaining safety.</p>
            </div>
        </div>
        <div class="service-card institutional" style="margin-top: 25px; width: 100%;">
            <i data-lucide="building-2" class="service-icon"></i>
            <h3>Institutional & Government Projects</h3>
            <p>Execution of large-scale projects for Govt departments and campuses. Includes site assessment, treatment planning, execution, and reporting.</p>
            <ul style="margin-top: 15px;">
                <li>Government Secretariat Complexes</li>
                <li>Educational Campuses & Universities</li>
                <li>Military & Defense Establishments</li>
                <li>Public Sector Undertakings</li>
            </ul>
        </div>
    </section>

    <section id="faq" style="background: var(--bg-light);">
        <div class="section-title">
            <h2>Frequently Asked Questions</h2>
            <div class="divider"></div>
        </div>
        <div style="max-width: 900px; margin: 0 auto;">
            <div class="faq-item">
                <div class="faq-question" onclick="toggleFAQ(this)">
                    Are your methods safe for hospitals & government buildings?
                    <i data-lucide="chevron-down"></i>
                </div>
                <div class="faq-answer">
                    Yes — we strictly follow WHO, IPM, and Indian regulatory guidelines. All chemicals are approved for sensitive environments with minimal risk to humans & non-target species.
                </div>
            </div>
            <div class="faq-item">
                <div class="faq-question" onclick="toggleFAQ(this)">
                    Do you offer guarantees on rodent control?
                    <i data-lucide="chevron-down"></i>
                </div>
                <div class="faq-answer">
                    Yes — we provide follow-up inspections and re-treatment (if needed) within the warranty period at no extra cost.
                </div>
            </div>
            <div class="faq-item">
                <div class="faq-question" onclick="toggleFAQ(this)">
                    How environmentally friendly are your treatments?
                    <i data-lucide="chevron-down"></i>
                </div>
                <div class="faq-answer">
                    We prioritize eco-conscious solutions — using baiting systems, traps, and targeted application methods to minimize chemical usage and protect non-target species.
                </div>
            </div>
            <div class="faq-item">
                <div class="faq-question" onclick="toggleFAQ(this)">
                    Can you handle large-scale institutional projects?
                    <i data-lucide="chevron-down"></i>
                </div>
                <div class="faq-answer">
                    Yes. We have successfully executed contracts for multiple government departments, universities, hospitals, and large campuses across several states.
                </div>
            </div>
        </div>
    </section>

    <section id="founder">
        <div class="grid-2">
            <div>
                <img src="founder.jpg" alt="Khursheed Ahmad Mir - Founder of Bharat Pesticides" class="founder-img" loading="lazy" onerror="this.src='https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=800'">
            </div>
            <div class="founder-box">
                <span style="color:var(--safety); font-weight:800; text-transform:uppercase;">Founder Chairman</span>
                <h2 style="font-family:'Montserrat', sans-serif; font-size: 2.5rem; color:var(--brand);">Khursheed Ahmad Mir</h2>
                <p style="font-weight:700; color:var(--gold); font-size: 1.1rem;">Age: 54 | Agriculture Graduate | MBA</p>
                <br>
                <p>Widely known as the <strong>"Pied Piper of Kashmir,"</strong> Mr. Mir has dedicated his life to protecting the life and property of the people through his efficient pest control services.</p>
                <br>
                <p>He rose to fame after his scientific proposal: <em>"Introducing a Solution to the Menace: Eradicating Dog Bites for a Safer and Healthier UT of J&K by Humane, Scientific, and Accepted Methods."</em> This was a proposal given to government of J&K and is waiting for the final go ahead. The dog population will be managed through humane and scientific methods without killing any animal and as per the extant guidelines laid down by the authorities.</p>
              
                <div style="margin-top:30px;">
                    <h4 style="color:var(--brand);">Why Choose Us?</h4>
                    <ul style="list-style:none; margin-top:10px;">
                        <li><i data-lucide="check" style="color:var(--safety); vertical-align:middle; margin-right:8px;"></i> 40+ Years of Industry Experience</li>
                        <li><i data-lucide="check" style="color:var(--safety); vertical-align:middle; margin-right:8px;"></i> Proven track record with government clients</li>
                        <li><i data-lucide="check" style="color:var(--safety); vertical-align:middle; margin-right:8px;"></i> Trained manpower with strong field expertise</li>
                        <li><i data-lucide="check" style="color:var(--safety); vertical-align:middle; margin-right:8px;"></i> Environmentally responsible methods</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section id="master-list">
        <div class="section-title">
            <h2>Detailed Work Portfolio</h2>
            <p>A comprehensive history of major civil and institutional projects successfully executed.</p>
            <div class="divider"></div>
        </div>
      
        <div class="master-table-container">
            <table>
                <thead>
                    <tr><th>Region / Department</th><th>Institutions & Locations Served</th></tr>
                </thead>
                <tbody>
                    <tr class="region-header"><td colspan="2">JAMMU & KASHMIR (Medical & Civil)</td></tr>
                    <tr><td>Medical Institutions</td><td>SMGS Hospital Jammu, GMC Jammu, Chest Diseases Hospital, Psy. Hospital Jammu, Dental Hospital Jammu, AMT School GMC, Govt Hospital Udhampur, Distt Hospital Gandhi Nagar, Military Hospital (MH) Jammu Cantt, ASCOMS Sidhra.</td></tr>
                    <tr><td>Kashmir Division</td><td>GMC Srinagar, SMHS Hospital Srinagar, Bone Hospital Srinagar, AMT School GMC Srinagar, LD Hospital Srinagar.</td></tr>
                    <tr><td>Institutional</td><td>J&K Civil Secretariat (Jammu & Srinagar), Chief Minister's Residence (Jammu & Srinagar), Jammu University, Agriculture Recreation Club Jammu.</td></tr>
                  
                    <tr class="region-header"><td colspan="2">DELHI (National Capital Region)</td></tr>
                    <tr><td>Hospitals</td><td>AIIMS New Delhi, Safdarjung Hospital, Dr. Ram Manohar Lohia Hospital, St. Stephen's Hospital, J.P. Lok Nayak Hospital, Lady Hardinge Hospital.</td></tr>
                    <tr><td>Govt Houses & Bhawans</td><td>JK House (Prithivi Raj Marg & Chanikayapuri), Bihar Bhawan, Orrisa Bhawan, Gujrat Bhawan, Punjab Bhawan, Karnataka Bhawan.</td></tr>
                    <tr><td>Educational/Colonies</td><td>JNU New Delhi, IIT Delhi, Railway Colony (Sardar Patel Marg), RBI Colony (R.K. Puram), Delhi University Campus.</td></tr>
                    <tr class="region-header"><td colspan="2">UTTAR PRADESH & UTTARANCHAL</td></tr>
                    <tr><td>Uttar Pradesh</td><td>Civil Secretariat Lucknow, State Museum Lucknow, Medical University Lucknow, Rampur Raza Library (Ministry of HRD), RBI Colony Lucknow, UP Police Headquarters.</td></tr>
                    <tr><td>Uttaranchal</td><td>IIT Roorkee, Swami Ramdevji's Patanjali Ayurved Limited, Tehri Hydro Electric Development Corp (Rishikesh), Jammu Yatri Bhawan (Haridwar), Forest Research Institute Dehradun.</td></tr>
                    <tr class="region-header"><td colspan="2">PUNJAB & HIMACHAL PRADESH</td></tr>
                    <tr><td>Punjab</td><td>PGI Chandigarh, Govt. Medical College Amritsar, CMC Hospital Ludhiana, DMC Hospital Ludhiana, Punjab University Chandigarh, Punjab Secretariat.</td></tr>
                    <tr><td>Himachal</td><td>Indira Gandhi Medical College & Hospital Shimla, Govt. Hospital Solan, Bhire Singh Museum Chamba, HP University Shimla.</td></tr>
                    <tr class="region-header"><td colspan="2">INDUSTRIAL & PRIVATE SECTOR</td></tr>
                    <tr><td>Major Corporations</td><td>Hindustan Lever Ltd (Kalyani/Jammu), Birla Textile Mills, Dabur Pharma Ltd, J&K Cigarette Factory, Chenab Textile Mills, Tata Motors.</td></tr>
                    <tr><td>Hospitality (5-Star)</td><td>Hotel Mount View Chandigarh, Hotel Asia Jammu, KC Residency, Hotel Samrat (ITDC New Delhi), The Lalit Group.</td></tr>
                </tbody>
            </table>
        </div>
    </section>

    <section id="testimonials" style="background: var(--bg-light);">
        <div class="section-title">
            <h2>What Our Clients Say</h2>
            <div class="divider"></div>
        </div>
        <div class="grid-3">
            <div class="testimonial-card">
                <blockquote>"Exceptional service and results. Highly recommend for government projects. Their team is professional and thorough."</blockquote>
                <cite>- GMC Srinagar</cite>
            </div>
            <div class="testimonial-card">
                <blockquote>"Professional team with deep expertise in rodent control. They solved a persistent problem in our hospital complex."</blockquote>
                <cite>- AIIMS New Delhi</cite>
            </div>
            <div class="testimonial-card">
                <blockquote>"Reliable and compliant pest management solutions. Their 40 years of experience really shows in their work."</blockquote>
                <cite>- IIT Delhi</cite>
            </div>
        </div>
    </section>

    <section id="contact" style="padding:0;">
        <div class="contact-footer">
            <div class="grid-2">
                <div>
                    <h2 style="color:white; font-family:'Montserrat', sans-serif;">Contact Us Today</h2>
                    <p style="margin:20px 0; opacity:0.9;">Expert consultation for institutional, industrial, and agricultural pest management. Get a free site assessment.</p>
                    <div style="font-size:1.1rem; display:flex; flex-direction:column; gap:15px;">
                        <p><i data-lucide="phone" style="vertical-align:middle; margin-right:10px; color: var(--gold);"></i> <strong>7006775514 / 9419064947</strong></p>
                        <p><i data-lucide="mail" style="vertical-align:middle; margin-right:10px; color: var(--gold);"></i> <strong>khurshied.ahmed.mir@gmail.com</strong></p>
                        <p><i data-lucide="map-pin" style="vertical-align:middle; margin-right:10px; color: var(--gold);"></i> <strong>Main Road Rawalpora, Srinagar-Jammu & Kashmir</strong></p>
                        <div style="display: flex; gap: 15px; margin-top: 20px;">
                            <a href="https://facebook.com" target="_blank" style="color: white; background: rgba(255,255,255,0.1); padding: 10px; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i data-lucide="facebook"></i></a>
                            <a href="https://twitter.com" target="_blank" style="color: white; background: rgba(255,255,255,0.1); padding: 10px; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i data-lucide="twitter"></i></a>
                            <a href="https://linkedin.com" target="_blank" style="color: white; background: rgba(255,255,255,0.1); padding: 10px; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i data-lucide="linkedin"></i></a>
                        </div>
                    </div>
                </div>
                <div style="background:rgba(255,255,255,0.15); backdrop-filter: blur(10px); color:white; padding:35px; border-radius:15px; border: 1px solid rgba(255,255,255,0.2);">
                    <h3 style="color: white;">Request Inspection</h3>
                    <form id="contact-form" style="margin-top:20px;">
                        <input type="text" id="name" placeholder="Department/Full Name" style="width:100%; padding:14px; margin-bottom:12px; border:1px solid rgba(255,255,255,0.3); border-radius:5px; background: rgba(255,255,255,0.1); color: white;" required>
                        <textarea id="message" placeholder="Service Required (e.g. Rodent Control)" style="width:100%; padding:14px; height:100px; border:1px solid rgba(255,255,255,0.3); border-radius:5px; margin-bottom:12px; background: rgba(255,255,255,0.1); color: white;" required></textarea>
                        <button type="submit" class="btn-primary" style="width:100%; background: linear-gradient(135deg, var(--safety), var(--safety-dark)); border: none;">Submit Request</button>
                    </form>
                </div>
            </div>

            <!-- Fixed Google Maps embed -->
            <div class="map-container">
                <iframe 
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3302.957!2d74.795!3d34.085!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38e190a5b5b5b5b5%3A0x5b5b5b5b5b5b5b5b!2sRawalpora%2C+Srinagar%2C+Jammu+and+Kashmir!5e0!3m2!1sen!2sin!4v1737801234567" 
                    width="100%" 
                    height="100%" 
                    style="border:0;" 
                    allowfullscreen="" 
                    loading="lazy" 
                    referrerpolicy="no-referrer-when-downgrade"
                    title="Bharat Pesticides Location - Rawalpora, Srinagar">
                </iframe>
            </div>
        </div>
    </section>

    <!-- Floating CTA Buttons -->
    <div class="floating-cta">
        <a href="https://wa.me/917006775514?text=Hello%20Bharat%20Pesticides%2C%20I%20need%20pest%20control%20help" target="_blank" class="cta-btn whatsapp" aria-label="Chat with us on WhatsApp">
            <i data-lucide="message-circle"></i>
        </a>
        <a href="tel:+917006775514" class="cta-btn call" aria-label="Call us now">
            <i data-lucide="phone"></i>
        </a>
    </div>

    <footer style="background:#001122; color:#8899aa; text-align:center; padding:25px;">
        <p>&copy; 2026 Pied Piper of Kashmir | Bharat Pesticides. ISO 9001:2015 Certified.</p>
        <p style="margin-top: 10px; font-size: 0.9rem;">Professional Pest Control Services Since 1984</p>
    </footer>

    <button id="back-to-top" onclick="scrollToTop()"><i data-lucide="arrow-up"></i></button>
   
    <script>
        lucide.createIcons();
       
        // Mobile menu toggle
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const navLinks = document.getElementById('navLinks');
        
        if (mobileMenuBtn) {
            mobileMenuBtn.addEventListener('click', () => {
                navLinks.classList.toggle('active');
                mobileMenuBtn.innerHTML = navLinks.classList.contains('active') 
                    ? '<i data-lucide="x"></i>' 
                    : '<i data-lucide="menu"></i>';
                lucide.createIcons();
            });
        }
       
        // Close mobile menu when clicking a link
        document.querySelectorAll('.nav-links a').forEach(anchor => {
            anchor.addEventListener('click', () => {
                navLinks.classList.remove('active');
                if (mobileMenuBtn) {
                    mobileMenuBtn.innerHTML = '<i data-lucide="menu"></i>';
                    lucide.createIcons();
                }
            });
        });
       
        // Smooth Scroll for Nav Links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                if (targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    targetElement.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
       
        // Scroll Animations
        const sections = document.querySelectorAll('section');
        const options = { threshold: 0.1 };
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, options);
        sections.forEach(section => observer.observe(section));
       
        // Back to Top Button
        const backToTop = document.getElementById('back-to-top');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 300) {
                backToTop.classList.add('visible');
            } else {
                backToTop.classList.remove('visible');
            }
            document.querySelector('nav').classList.toggle('scrolled', window.scrollY > 50);
        });
        
        function scrollToTop() {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }
       
        // Dark Mode Toggle
        function toggleDarkMode() {
            document.body.classList.toggle('dark');
            const icon = document.querySelector('.dark-mode-toggle');
            if (document.body.classList.contains('dark')) {
                icon.setAttribute('data-lucide', 'sun');
            } else {
                icon.setAttribute('data-lucide', 'moon');
            }
            lucide.createIcons();
        }
       
        // FAQ Toggle
        function toggleFAQ(element) {
            const answer = element.nextElementSibling;
            answer.classList.toggle('active');
            const icon = element.querySelector('i');
            if (answer.classList.contains('active')) {
                icon.setAttribute('data-lucide', 'chevron-up');
            } else {
                icon.setAttribute('data-lucide', 'chevron-down');
            }
            lucide.createIcons();
        }
       
        // Form Submission
        document.getElementById('contact-form').addEventListener('submit', function(e) {
            e.preventDefault();
            if (this.checkValidity()) {
                // In a real implementation, you would send data to a server
                alert('Thank you for your request! We will contact you within 24 hours.');
                this.reset();
            } else {
                alert('Please fill out all required fields.');
            }
        });
        
        // Animated counter for stats (optional enhancement)
        function animateCounter(elementId, finalValue, duration = 2000) {
            const element = document.getElementById(elementId);
            if (!element) return;
            
            let startValue = 0;
            const increment = finalValue / (duration / 16);
            let currentValue = startValue;
            
            const timer = setInterval(() => {
                currentValue += increment;
                if (currentValue >= finalValue) {
                    currentValue = finalValue;
                    clearInterval(timer);
                }
                element.textContent = Math.floor(currentValue) + (elementId === 'yearsCounter' ? '+' : '');
            }, 16);
        }
        
        // Start counters when in viewport
        const counterObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    // Animate counters
                    animateCounter('yearsCounter', 40);
                    animateCounter('clientsCounter', 500);
                    animateCounter('projectsCounter', 1000);
                    animateCounter('statesCounter', 8);
                    
                    // Unobserve after animation starts
                    counterObserver.unobserve(entry.target);
                }
            });
        }, { threshold: 0.5 });
        
        // Observe the stats counter section
        const statsSection = document.querySelector('.stats-counter');
        if (statsSection) {
            counterObserver.observe(statsSection);
        }
    </script>
</body>
</html>