<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Primary Meta Tags -->
    <title>North Eastern Health Care Company | Medical & Laboratory Equipment Supplier in Guwahati, Assam</title>
    <meta name="title" content="North Eastern Health Care Company | Medical & Laboratory Equipment Supplier in Guwahati, Assam">
    <meta name="description" content="Leading supplier of medical and laboratory equipment in Northeast India. Authorized dealer of biochemistry analyzers, hematology analyzers, lab equipment in Guwahati, Assam. GST: 18AATFN3796R1ZV">
    <meta name="keywords" content="medical equipment, laboratory equipment, biochemistry analyzer, hematology analyzer, immunoassay analyzer, hospital furniture, diagnostic equipment, Northeast India, Guwahati, Assam, medical supplier, lab equipment dealer, healthcare equipment">
    <meta name="author" content="North Eastern Health Care Company">
    <meta name="copyright" content="© 2024 North Eastern Health Care Company. All Rights Reserved.">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">
    <meta name="geo.region" content="IN-AS">
    <meta name="geo.placename" content="Guwahati">
    <meta name="geo.position" content="26.185514;91.7437556">
    <meta name="ICBM" content="26.185514, 91.7437556">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://nrthesthelthcr.web.app/">
    
    <!-- Theme Color -->
    <meta name="theme-color" content="#0077b6">
    <meta name="msapplication-TileColor" content="#0077b6">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://nrthesthelthcr.web.app/">
    <meta property="og:title" content="North Eastern Health Care Company | Medical & Laboratory Equipment Supplier">
    <meta property="og:description" content="Leading supplier of medical and laboratory equipment in Northeast India. Authorized dealer of biochemistry analyzers, hematology analyzers, lab equipment, hospital furniture. GST Registered.">
    <meta property="og:image" content="https://nrthesthelthcr.web.app/LOGO.png">
    <meta property="og:image:width" content="512">
    <meta property="og:image:height" content="512">
    <meta property="og:site_name" content="North Eastern Health Care Company">
    <meta property="og:locale" content="en_IN">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://nrthesthelthcr.web.app/">
    <meta name="twitter:title" content="North Eastern Health Care Company | Medical & Laboratory Equipment">
    <meta name="twitter:description" content="Leading supplier of medical and laboratory equipment in Northeast India. 100+ products, 500+ clients served.">
    <meta name="twitter:image" content="https://nrthesthelthcr.web.app/LOGO.png">
    
    <!-- Alternate Languages -->
    <link rel="alternate" hreflang="en-IN" href="https://nrthesthelthcr.web.app/">
    <link rel="alternate" hreflang="en" href="https://nrthesthelthcr.web.app/">
    
    <!-- DNS Prefetch for Performance -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    <link rel="dns-prefetch" href="https://www.google.com">
    
    <!-- Preconnect to external domains -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link rel="preconnect" href="https://images.unsplash.com">
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="LOGO.png">
    <link rel="apple-touch-icon" href="LOGO.png">
    
    <!-- JSON-LD Structured Data for SEO -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@graph": [
            {
                "@type": "Organization",
                "@id": "https://nrthesthelthcr.web.app/#organization",
                "name": "North Eastern Health Care Company",
                "url": "https://nrthesthelthcr.web.app/",
                "logo": {"@type": "ImageObject", "url": "https://nrthesthelthcr.web.app/LOGO.png", "width": 512, "height": 512},
                "description": "Leading supplier of medical and laboratory equipment in Northeast India.",
                "email": "nehealthcarecompany@gmail.com",
                "telephone": ["+91 9972230490", "+91 7099073733"],
                "address": {
                    "@type": "PostalAddress",
                    "streetAddress": "Ground Floor, Bhawani Enclave, Opposite Axis Bank, Jaswanta Road, Pan Bazaar",
                    "addressLocality": "Guwahati",
                    "addressRegion": "Assam",
                    "postalCode": "781001",
                    "addressCountry": "IN"
                },
                "areaServed": {"@type": "State", "name": ["Assam", "Arunachal Pradesh", "Manipur", "Meghalaya", "Mizoram", "Nagaland", "Tripura", "Sikkim"]},
                "serviceType": ["Medical Equipment Supply", "Laboratory Equipment", "Diagnostic Equipment", "Hospital Furniture"]
            },
            {
                "@type": "LocalBusiness",
                "@id": "https://nrthesthelthcr.web.app/#localbusiness",
                "name": "North Eastern Health Care Company",
                "url": "https://nrthesthelthcr.web.app/",
                "image": "https://nrthesthelthcr.web.app/LOGO.png",
                "priceRange": "₹₹₹",
                "telephone": "+919972230490",
                "email": "nehealthcarecompany@gmail.com",
                "address": {
                    "@type": "PostalAddress",
                    "streetAddress": "Ground Floor, Bhawani Enclave, Opposite Axis Bank, Jaswanta Road, Pan Bazaar",
                    "addressLocality": "Guwahati",
                    "addressRegion": "Assam",
                    "postalCode": "781001",
                    "addressCountry": "IN"
                },
                "geo": {"@type": "GeoCoordinates", "latitude": "26.185514", "longitude": "91.7437556"},
                "openingHoursSpecification": [{
                    "@type": "OpeningHoursSpecification",
                    "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
                    "opens": "10:00",
                    "closes": "18:00"
                }],
                "aggregateRating": {"@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": "500"},
                "vatID": "18AATFN3796R1ZV"
            },
            {
                "@type": "BreadcrumbList",
                "@id": "https://nrthesthelthcr.web.app/#breadcrumb",
                "itemListElement": [
                    {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://nrthesthelthcr.web.app/"},
                    {"@type": "ListItem", "position": 2, "name": "About", "item": "https://nrthesthelthcr.web.app/#about"},
                    {"@type": "ListItem", "position": 3, "name": "Products", "item": "https://nrthesthelthcr.web.app/#products"},
                    {"@type": "ListItem", "position": 4, "name": "Services", "item": "https://nrthesthelthcr.web.app/#services"},
                    {"@type": "ListItem", "position": 5, "name": "Contact", "item": "https://nrthesthelthcr.web.app/#contact"}
                ]
            },
            {
                "@type": "WebSite",
                "@id": "https://nrthesthelthcr.web.app/#website",
                "url": "https://nrthesthelthcr.web.app/",
                "name": "North Eastern Health Care Company",
                "publisher": {"@id": "https://nrthesthelthcr.web.app/#organization"}
            }
        ]
    }
    </script>
    
    <!-- Sitemap Link -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #0077b6;
            --secondary-color: #023e8a;
            --accent-color: #00b4d8;
            --light-blue: #e0f4ff;
            --white: #ffffff;
            --dark: #1a1a2e;
            --gray: #6c757d;
            --light-gray: #f8f9fa;
            --success: #28a745;
            --shadow: 0 10px 40px rgba(0, 119, 182, 0.1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.6;
            color: var(--dark);
            background-color: var(--white);
            overflow-x: hidden;
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: var(--white);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
            z-index: 1000;
            padding: 0 5%;
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo-img {
            width: 80px;
            height: 80px;
            object-fit: contain;
            border-radius: 12px;
        }

        .logo-text {
            font-family: 'Playfair Display', serif;
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--secondary-color);
            line-height: 1.2;
        }

        .logo-text span {
            color: var(--primary-color);
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 30px;
        }

        nav a {
            text-decoration: none;
            color: var(--dark);
            font-weight: 500;
            font-size: 0.95rem;
            transition: color 0.3s;
            position: relative;
        }

        nav a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: width 0.3s;
        }

        nav a:hover {
            color: var(--primary-color);
        }

        nav a:hover::after {
            width: 100%;
        }

        .contact-btn {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: var(--white) !important;
            padding: 12px 25px;
            border-radius: 25px;
            font-weight: 600;
        }

        .contact-btn::after {
            display: none;
        }

        .contact-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(0, 119, 182, 0.3);
        }

        /* Mobile Menu */
        .mobile-toggle {
            display: none;
            font-size: 24px;
            cursor: pointer;
            color: var(--secondary-color);
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f4ff 50%, #f0f9ff 100%);
            padding: 120px 5% 80px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(0, 180, 216, 0.1) 0%, transparent 70%);
            border-radius: 50%;
        }

        .hero-container {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .hero-content {
            position: relative;
            z-index: 2;
        }

        .hero-badge {
            display: inline-block;
            background: var(--white);
            color: var(--primary-color);
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 20px;
            box-shadow: 0 4px 15px rgba(0, 119, 182, 0.1);
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            font-weight: 700;
            color: var(--secondary-color);
            line-height: 1.2;
            margin-bottom: 20px;
        }

        .hero h1 span {
            color: var(--primary-color);
        }

        .hero p {
            font-size: 1.1rem;
            color: var(--gray);
            margin-bottom: 30px;
            max-width: 500px;
        }

        .hero-buttons {
            display: flex;
            gap: 15px;
            margin-bottom: 40px;
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: var(--white);
            padding: 15px 35px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0, 119, 182, 0.3);
        }

        .btn-secondary {
            background: var(--white);
            color: var(--primary-color);
            padding: 15px 35px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s;
            border: 2px solid var(--primary-color);
        }

        .btn-secondary:hover {
            background: var(--primary-color);
            color: var(--white);
        }

        .hero-stats {
            display: flex;
            gap: 40px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2rem;
            font-weight: 700;
            color: var(--primary-color);
        }

        .stat-label {
            font-size: 0.85rem;
            color: var(--gray);
        }

        .hero-image {
            position: relative;
            z-index: 2;
        }

        .hero-img {
            width: 100%;
            max-width: 550px;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 119, 182, 0.15);
        }

        /* Features */
        .features {
            padding: 80px 5%;
            background: var(--white);
        }

        .features-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .feature-card {
            background: var(--light-gray);
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            transition: all 0.3s;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
            background: var(--white);
        }

        .feature-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 28px;
            color: var(--white);
        }

        .feature-card h3 {
            font-size: 1.1rem;
            color: var(--secondary-color);
            margin-bottom: 10px;
        }

        .feature-card p {
            font-size: 0.9rem;
            color: var(--gray);
        }

        /* About Section */
        .about {
            padding: 100px 5%;
            background: linear-gradient(180deg, var(--light-blue) 0%, var(--white) 100%);
        }

        .about-container {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .about-image {
            position: relative;
        }

        .about-img {
            width: 100%;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 119, 182, 0.15);
        }

        .about-badge {
            position: absolute;
            bottom: 30px;
            left: -30px;
            background: var(--white);
            padding: 20px 30px;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .about-badge h4 {
            font-size: 2rem;
            color: var(--primary-color);
            font-weight: 700;
        }

        .about-badge p {
            font-size: 0.9rem;
            color: var(--gray);
        }

        .about-content h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }

        .about-content h2 span {
            color: var(--primary-color);
        }

        .about-content > p {
            color: var(--gray);
            margin-bottom: 30px;
        }

        .about-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 30px;
        }

        .about-feature {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .about-feature i {
            color: var(--success);
            font-size: 18px;
        }

        .about-info {
            background: var(--white);
            padding: 25px;
            border-radius: 15px;
            border-left: 4px solid var(--primary-color);
        }

        .about-info p {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .about-info i {
            color: var(--primary-color);
            width: 20px;
        }

        /* Products Section */
        .products {
            padding: 100px 5%;
            background: var(--white);
        }

        .section-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 60px;
        }

        .section-header h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 15px;
        }

        .section-header h2 span {
            color: var(--primary-color);
        }

        .section-header p {
            color: var(--gray);
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .product-card {
            background: var(--light-gray);
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.3s;
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow);
        }

        .product-image {
            height: 200px;
            background: linear-gradient(135deg, var(--light-blue), var(--white));
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 60px;
            color: var(--primary-color);
        }

        .product-content {
            padding: 25px;
        }

        .product-content h3 {
            color: var(--secondary-color);
            margin-bottom: 10px;
            font-size: 1.2rem;
        }

        .product-content p {
            color: var(--gray);
            font-size: 0.9rem;
        }

        /* Brands Section */
        .brands {
            padding: 80px 5%;
            background: var(--light-gray);
        }

        .brands-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .brands-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 30px;
        }

        .brand-item {
            background: var(--white);
            padding: 30px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            color: var(--secondary-color);
            font-size: 1.1rem;
            transition: all 0.3s;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        .brand-item:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
            color: var(--primary-color);
        }

        /* Services Section */
        .services {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
            color: var(--white);
        }

        .services .section-header h2,
        .services .section-header p {
            color: var(--white);
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .service-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 35px;
            border-radius: 20px;
            text-align: center;
            transition: all 0.3s;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .service-card:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
        }

        .service-icon {
            width: 80px;
            height: 80px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
        }

        .service-card h3 {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

        .service-card p {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        /* Contact Section */
        .contact {
            padding: 100px 5%;
            background: var(--white);
        }

        .contact-container {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 50px;
        }

        .contact-info {
            background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
            padding: 40px;
            border-radius: 20px;
            color: var(--white);
        }

        .contact-info h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .contact-info > p {
            opacity: 0.9;
            margin-bottom: 30px;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 25px;
        }

        .contact-item i {
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

        .contact-item div h4 {
            font-size: 1rem;
            margin-bottom: 5px;
        }

        .contact-item div p {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .payment-methods {
            margin-top: 30px;
            padding-top: 25px;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

        .payment-methods h4 {
            margin-bottom: 15px;
            font-size: 1rem;
        }

        .payment-icons {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .payment-icon {
            background: rgba(255, 255, 255, 0.2);
            padding: 8px 15px;
            border-radius: 8px;
            font-size: 0.8rem;
        }

        .contact-form {
            background: var(--light-gray);
            padding: 40px;
            border-radius: 20px;
        }

        .contact-form h3 {
            color: var(--secondary-color);
            font-size: 1.5rem;
            margin-bottom: 25px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: var(--dark);
            font-weight: 500;
        }

        .form-group input,
        .form-group textarea,
        .form-group select {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 10px;
            font-family: 'Poppins', sans-serif;
            font-size: 1rem;
            transition: border-color 0.3s;
        }

        .form-group input:focus,
        .form-group textarea:focus,
        .form-group select:focus {
            outline: none;
            border-color: var(--primary-color);
        }

        .form-group textarea {
            resize: vertical;
            min-height: 120px;
        }

        /* Map Section */
        .map-section {
            padding: 0 5% 100px;
            background: var(--white);
        }

        .map-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .map-frame {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: var(--shadow);
        }

        /* Footer */
        footer {
            background: var(--dark);
            color: var(--white);
            padding: 60px 5% 20px;
        }

        .footer-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-about .logo-text {
            color: var(--white);
            margin-bottom: 15px;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 15px;
        }

        .footer-logo .logo-img {
            width: 80px;
            height: 80px;
        }

        .footer-logo .logo-text {
            font-size: 1.6rem;
            margin-bottom: 0;
        }

        .footer-about p {
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.9rem;
            margin-bottom: 20px;
        }

        .social-links {
            display: flex;
            gap: 10px;
        }

        .social-links a {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            transition: all 0.3s;
        }

        .social-links a:hover {
            background: var(--primary-color);
            transform: translateY(-3px);
        }

        .footer-column h4 {
            font-size: 1.1rem;
            margin-bottom: 20px;
            color: var(--white);
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 12px;
        }

        .footer-column ul li a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.3s;
        }

        .footer-column ul li a:hover {
            color: var(--primary-color);
        }

        .footer-bottom {
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            color: rgba(255, 255, 255, 0.6);
            font-size: 0.9rem;
        }

        /* Rating Badge */
        .rating-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fffacd;
            padding: 8px 16px;
            border-radius: 20px;
            margin-top: 15px;
        }

        .rating-badge i {
            color: #ffc107;
        }

        .rating-badge span {
            font-weight: 600;
            color: var(--secondary-color);
        }

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .brands-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 992px) {
            .hero-container,
            .about-container,
            .contact-container {
                grid-template-columns: 1fr;
            }
            .hero {
                padding-top: 100px;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            nav {
                display: none;
            }
            .mobile-toggle {
                display: block;
            }
            .hero h1 {
                font-size: 2rem;
            }
            .hero-stats {
                flex-direction: column;
                gap: 20px;
            }
            .features-grid,
            .services-grid,
            .products-grid {
                grid-template-columns: 1fr;
            }
            .about-features {
                grid-template-columns: 1fr;
            }
            .brands-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .footer-grid {
                grid-template-columns: 1fr;
            }
            .about-badge {
                left: 0;
            }
        }

        /* Toast Notification Styles */
        .toast {
            position: fixed;
            top: 100px;
            right: -400px;
            background: linear-gradient(135deg, #28a745, #20c997);
            color: white;
            padding: 20px 30px;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3);
            z-index: 10000;
            display: flex;
            align-items: center;
            gap: 15px;
            max-width: 380px;
            transition: right 0.5s ease-in-out;
        }

        .toast.show {
            right: 20px;
        }

        .toast-icon {
            font-size: 24px;
        }

        .toast-content {
            flex: 1;
        }

        .toast-title {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .toast-message {
            font-size: 14px;
            opacity: 0.9;
        }

        .toast-close {
            background: none;
            border: none;
            color: white;
            font-size: 20px;
            cursor: pointer;
            opacity: 0.7;
            transition: opacity 0.3s;
        }

        .toast-close:hover {
            opacity: 1;
        }

        .toast.error {
            background: linear-gradient(135deg, #dc3545, #e74c3c);
            box-shadow: 0 10px 30px rgba(220, 53, 69, 0.3);
        }

        /* WhatsApp Chat Button */
        .whatsapp-chat {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: linear-gradient(135deg, #25D366, #128C7E);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
            z-index: 9999;
            transition: all 0.3s ease;
            text-decoration: none;
        }

        .whatsapp-chat:hover {
            transform: scale(1.1);
            box-shadow: 0 15px 40px rgba(37, 211, 102, 0.5);
        }

        .whatsapp-chat i {
            color: white;
            font-size: 30px;
        }

        .whatsapp-chat-tooltip {
            position: absolute;
            bottom: 70px;
            right: 0;
            background: var(--dark);
            color: white;
            padding: 10px 15px;
            border-radius: 8px;
            font-size: 14px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .whatsapp-chat:hover .whatsapp-chat-tooltip {
            opacity: 1;
            visibility: visible;
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="header-container">
            <div class="logo">
                <img src="LOGO.png" alt="North Eastern HealthCare Logo" class="logo-img">
                <div class="logo-text">North Eastern<br><span>HealthCare Company</span></div>
            </div>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#products">Products</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#contact">Contact</a></li>
                    <li><a href="#contact" class="contact-btn">Get Quote</a></li>
                </ul>
            </nav>
            <div class="mobile-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-container">
            <div class="hero-content">
                <div class="hero-badge">
                    <i class="fas fa-award"></i> Trusted Medical Equipment Supplier
                </div>
                <h1>Premium <span>Medical & Laboratory</span> Equipment Solutions</h1>
                <p>Your trusted partner for delivering reliable diagnostic technology, laboratory instruments, and healthcare infrastructure solutions across Northeast India.</p>
                <div class="hero-buttons">
                    <a href="#contact" class="btn-primary">
                        <i class="fas fa-phone-alt"></i> Contact Us
                    </a>
                    <a href="#products" class="btn-secondary">
                        <i class="fas fa-box-open"></i> Our Products
                    </a>
                </div>
                <div class="hero-stats">
                    <div class="stat-item">
                        <div class="stat-number">5+</div>
                        <div class="stat-label">Years Experience</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">100+</div>
                        <div class="stat-label">Products</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">500+</div>
                        <div class="stat-label">Clients Served</div>
                    </div>
                </div>
            </div>
            <div class="hero-image">
                <img src="https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?w=600&h=500&fit=crop" alt="Medical Equipment" class="hero-img">
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="features">
        <div class="features-container">
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h3>Quality Assured</h3>
                    <p>ISO certified products from trusted manufacturers</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="fas fa-truck"></i>
                    </div>
                    <h3>Fast Delivery</h3>
                    <p>Pan-Northeast India delivery network</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h3>Technical Support</h3>
                    <p>Expert installation and maintenance services</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="fas fa-headset"></i>
                    </div>
                    <h3>24/7 Support</h3>
                    <p>Round-the-clock customer assistance</p>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="about" id="about">
        <div class="about-container">
            <div class="about-image">
                <img src="image.png" alt="Laboratory" class="about-img">
                <div class="about-badge">
                    <h4>4.9/5</h4>
                    <p>Customer Rating</p>
                </div>
            </div>
            <div class="about-content">
                <h2>About <span>North Eastern HealthCare</span></h2>
                <p>North Eastern Health Care Company is a leading supplier and dealer of medical and laboratory equipment, serving hospitals, diagnostic laboratories, and healthcare institutions across Northeast India since 2020.</p>
                
                <div class="about-features">
                    <div class="about-feature">
                        <i class="fas fa-check-circle"></i>
                        <span>Authorized Dealer Network</span>
                    </div>
                    <div class="about-feature">
                        <i class="fas fa-check-circle"></i>
                        <span>GST Registered</span>
                    </div>
                    <div class="about-feature">
                        <i class="fas fa-check-circle"></i>
                        <span>Pan India Service</span>
                    </div>
                    <div class="about-feature">
                        <i class="fas fa-check-circle"></i>
                        <span>Competitive Pricing</span>
                    </div>
                </div>

                <div class="about-info">
                    <p><i class="fas fa-map-marker-alt"></i> <strong>Head Office:</strong> Ground Floor, Bhawani Enclave, Opposite Axis Bank, Jaswanta Road, Pan Bazaar, Guwahati – 781001, Assam</p>
                    <p><i class="fas fa-phone-alt"></i> <strong>Phone:</strong> 09972230490, 7099073733</p>
                    <p><i class="fas fa-envelope"></i> <strong>Email:</strong> nehealthcarecompany@gmail.com</p>
                    <p><i class="fas fa-file-invoice"></i> <strong>GST:</strong> 18AATFN3796R1ZV</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Products Section -->
    <section class="products" id="products">
        <div class="section-header">
            <h2>Our <span>Products</span></h2>
            <p>Comprehensive range of medical and laboratory equipment from leading global brands</p>
        </div>
        <div class="products-grid">
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-flask"></i>
                </div>
                <div class="product-content">
                    <h3>Biochemistry Analyzers</h3>
                    <p>Automated clinical chemistry analyzers for accurate diagnostic results</p>
                </div>
            </div>
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-blood"></i>
                </div>
                <div class="product-content">
                    <h3>Hematology Analyzers</h3>
                    <p>Advanced blood analysis equipment for complete blood count testing</p>
                </div>
            </div>
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-dna"></i>
                </div>
                <div class="product-content">
                    <h3>Immunoassay Analyzers</h3>
                    <p>Precision instruments for immunological testing and diagnosis</p>
                </div>
            </div>
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-microscope"></i>
                </div>
                <div class="product-content">
                    <h3>Laboratory Instruments</h3>
                    <p>Complete range of lab equipment including centrifuges, incubators & more</p>
                </div>
            </div>
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-stethoscope"></i>
                </div>
                <div class="product-content">
                    <h3>Diagnostic Equipment</h3>
                    <p>Advanced diagnostic systems for hospitals and clinics</p>
                </div>
            </div>
            <div class="product-card">
                <div class="product-image">
                    <i class="fas fa-procedures"></i>
                </div>
                <div class="product-content">
                    <h3>Hospital Furniture</h3>
                    <p>Quality medical furniture including beds, trolleys, and cabinets</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Brands Section -->
    <section class="brands">
        <div class="section-header">
            <h2>Our <span>Partners</span> & Brands</h2>
            <p>We supply products from world's leading healthcare equipment manufacturers</p>
        </div>
        <div class="brands-container">
            <div class="brands-grid">
                <div class="brand-item">Borosil</div>
                <div class="brand-item">Sysmex</div>
                <div class="brand-item">Remi</div>
                <div class="brand-item">Corning</div>
                <div class="brand-item">Brookfield</div>
                <div class="brand-item">Glassco</div>
                <div class="brand-item">Microlit</div>
                <div class="brand-item">Polylab</div>
                <div class="brand-item">Avantor</div>
                <div class="brand-item">Hach</div>
                <div class="brand-item">DLAB</div>
                <div class="brand-item">More +</div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="services" id="services">
        <div class="section-header">
            <h2>Our <span>Services</span></h2>
            <p>End-to-end solutions for your healthcare infrastructure needs</p>
        </div>
        <div class="services-grid">
            <div class="service-card">
                <div class="service-icon">
                    <i class="fas fa-shopping-cart"></i>
                </div>
                <h3>Equipment Supply</h3>
                <p>Direct supply of medical and laboratory equipment from authorized distributors</p>
            </div>
            <div class="service-card">
                <div class="service-icon">
                    <i class="fas fa-cogs"></i>
                </div>
                <h3>Installation & Setup</h3>
                <p>Professional installation and calibration services for all equipment</p>
            </div>
            <div class="service-card">
                <div class="service-icon">
                    <i class="fas fa-wrench"></i>
                </div>
                <h3>Maintenance & Repair</h3>
                <p>Regular maintenance contracts and emergency repair services</p>
            </div>
            <div class="service-card">
                <div class="service-icon">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h3>Training Support</h3>
                <p>Comprehensive training for operating and maintaining equipment</p>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section class="contact" id="contact">
        <div class="section-header">
            <h2>Contact <span>Us</span></h2>
            <p>Get in touch with our team for product inquiries and quotations</p>
        </div>
        <div class="contact-container">
            <div class="contact-info">
                <h2>Get In Touch</h2>
                <p>We're here to help with all your medical and laboratory equipment needs.</p>
                
                <div class="contact-item">
                    <i class="fas fa-map-marker-alt"></i>
                    <div>
                        <h4>Head Office</h4>
                        <p>Ground Floor, Bhawani Enclave<br>Opposite Axis Bank, Jaswanta Road<br>Pan Bazaar, Guwahati – 781001, Assam</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-map-marker-alt"></i>
                    <div>
                        <h4>Branch Office</h4>
                        <p>House No. 11, Radha Nagar<br>Near Sai Baba Mandir, Six Mile<br>Mahapurush Madhabdev Path, Khanapara – 781022</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-phone-alt"></i>
                    <div>
                        <h4>Phone</h4>
                        <p>09972230490<br>7099073733</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-envelope"></i>
                    <div>
                        <h4>Email</h4>
                        <p>nehealthcarecompany@gmail.com</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-clock"></i>
                    <div>
                        <h4>Business Hours</h4>
                        <p>Monday – Sunday<br>10:00 AM – 6:00 PM</p>
                    </div>
                </div>

                <div class="payment-methods">
                    <h4>Payment Methods Accepted</h4>
                    <div class="payment-icons">
                        <span class="payment-icon">Cash</span>
                        <span class="payment-icon">UPI</span>
                        <span class="payment-icon">Paytm</span>
                        <span class="payment-icon">PhonePe</span>
                        <span class="payment-icon">Net Banking</span>
                        <span class="payment-icon">Cheque/DD</span>
                        <span class="payment-icon">Cards</span>
                    </div>
                </div>
            </div>
            
            <div class="contact-form">
                <h3>Send Us a Message</h3>
                <form id="contactForm">
                    <div class="form-group">
                        <label>Your Name</label>
                        <input type="text" name="name" id="name" placeholder="Enter your full name" required>
                    </div>
                    <div class="form-group">
                        <label>Phone Number</label>
                        <input type="tel" name="phone" id="phone" placeholder="Enter your phone number" required>
                    </div>
                    <div class="form-group">
                        <label>Email Address</label>
                        <input type="email" name="email" id="email" placeholder="Enter your email address" required>
                    </div>
                    <div class="form-group">
                        <label>Interested Product/Service</label>
                        <select name="product" id="product" required>
                            <option value="">Select a product category</option>
                            <option value="Biochemistry Analyzer">Biochemistry Analyzer</option>
                            <option value="Hematology Analyzer">Hematology Analyzer</option>
                            <option value="Immunoassay Analyzer">Immunoassay Analyzer</option>
                            <option value="Laboratory Equipment">Laboratory Equipment</option>
                            <option value="Hospital Furniture">Hospital Furniture</option>
                            <option value="Diagnostic Equipment">Diagnostic Equipment</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Message</label>
                        <textarea name="message" id="message" placeholder="Tell us about your requirements..." required></textarea>
                    </div>
                    <button type="submit" class="btn-primary" id="submitBtn" style="width: 100%;">
                        <i class="fas fa-paper-plane"></i> Send Message
                    </button>
                </form>
            </div>
        </div>
    </section>

    <!-- Map Section -->
    <section class="map-section">
        <div class="map-container">
            <div class="map-frame">
                <iframe 
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3580.3431221002143!2d91.7437556!3d26.185514299999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x375a597b5915795d%3A0x2bd24c33d2d25af8!2sNORTH%20EASTERN%20HEALTHCARE%20COMPANY!5e0!3m2!1sen!2sin!4v1772974584498!5m2!1sen!2sin"
                    width="100%" 
                    height="400" 
                    style="border:0;" 
                    allowfullscreen="" 
                    loading="lazy">
                </iframe>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="footer-container">
            <div class="footer-grid">
                <div class="footer-about">
                    <div class="footer-logo">
                        <img src="LOGO.png" alt="North Eastern HealthCare Logo" class="logo-img">
                        <div class="logo-text">North Eastern<br><span>HealthCare</span></div>
                    </div>
                    <p>Your trusted partner for medical and laboratory equipment in Northeast India. We deliver quality diagnostic solutions to healthcare institutions.</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#"><i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>
                <div class="footer-column">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#home">Home</a></li>
                        <li><a href="#about">About Us</a></li>
                        <li><a href="#products">Products</a></li>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Products</h4>
                    <ul>
                        <li><a href="#products">Biochemistry Analyzers</a></li>
                        <li><a href="#products">Hematology Analyzers</a></li>
                        <li><a href="#products">Immunoassay Analyzers</a></li>
                        <li><a href="#products">Laboratory Equipment</a></li>
                        <li><a href="#products">Hospital Furniture</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Contact Info</h4>
                    <ul>
                        <li><a href="#">+91 9972230490</a></li>
                        <li><a href="#">+91 7099073733</a></li>
                        <li><a href="#">nehealthcarecompany@gmail.com</a></li>
                        <li><a href="#">Guwahati, Assam</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 North Eastern Health Care Company. All Rights Reserved. | GST: 18AATFN3796R1ZV</p>
            </div>
        </div>
    </footer>

    <!-- Toast Notification -->
    <div class="toast" id="toast">
        <div class="toast-icon">
            <i class="fas fa-check-circle"></i>
        </div>
        <div class="toast-content">
            <div class="toast-title">Success!</div>
            <div class="toast-message" id="toastMessage">Message sent successfully!</div>
        </div>
        <button class="toast-close" onclick="hideToast()">
            <i class="fas fa-times"></i>
        </button>
    </div>

    <!-- WhatsApp Chat Button -->
    <a href="https://wa.me/917892649170" class="whatsapp-chat" target="_blank" rel="noopener noreferrer">
        <i class="fab fa-whatsapp"></i>
        <span class="whatsapp-chat-tooltip">Chat with us on WhatsApp</span>
    </a>

    <!-- EmailJS SDK -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
    <script type="text/javascript">
        (function() {
            // TODO: Replace with your actual EmailJS credentials from https://www.emailjs.com/
            emailjs.init("h0tnxkL2ZIBDGlIQy"); // Replace with your Public Key
        })();
    </script>

    <script>
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Navbar background change on scroll
        window.addEventListener('scroll', function() {
            const header = document.querySelector('header');
            if (window.scrollY > 50) {
                header.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.1)';
            } else {
                header.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.08)';
            }
        });

        // Animation on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('animate');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.feature-card, .product-card, .service-card').forEach(el => {
            observer.observe(el);
        });

        // Toast notification functions
        function showToast(message, isError = false) {
            const toast = document.getElementById('toast');
            const toastMessage = document.getElementById('toastMessage');
            const toastIcon = toast.querySelector('.toast-icon i');
            const toastTitle = toast.querySelector('.toast-title');
            
            toastMessage.textContent = message;
            
            if (isError) {
                toast.classList.add('error');
                toastTitle.textContent = 'Error!';
                toastIcon.className = 'fas fa-exclamation-circle';
            } else {
                toast.classList.remove('error');
                toastTitle.textContent = 'Success!';
                toastIcon.className = 'fas fa-check-circle';
            }
            
            toast.classList.add('show');
            
            // Auto-hide after 5 seconds
            setTimeout(function() {
                hideToast();
            }, 5000);
        }

        function hideToast() {
            const toast = document.getElementById('toast');
            toast.classList.remove('show');
        }

        // Contact Form Submission using EmailJS
        const contactForm = document.getElementById('contactForm');
        const submitBtn = document.getElementById('submitBtn');

        contactForm.addEventListener('submit', function(e) {
            e.preventDefault();

            // Get form data
            const formData = {
                name: document.getElementById('name').value,
                phone: document.getElementById('phone').value,
                email: document.getElementById('email').value,
                product: document.getElementById('product').value,
                message: document.getElementById('message').value
            };

            // Change button to loading state
            const originalBtnText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Sending...';
            submitBtn.disabled = true;

            // Send email using EmailJS
            // TODO: Replace 'YOUR_SERVICE_ID' and 'YOUR_TEMPLATE_ID' with your actual EmailJS values
            emailjs.send('service_s43ydeg', 'template_yz6g90k', formData)
                .then(function(response) {
                    // Reset button
                    submitBtn.innerHTML = originalBtnText;
                    submitBtn.disabled = false;

                    // Show success toast notification
                    showToast('Thank you! Your message has been sent successfully. We will get back to you soon.');
                    
                    // Reset form
                    contactForm.reset();
                })
                .catch(function(error) {
                    // Reset button
                    submitBtn.innerHTML = originalBtnText;
                    submitBtn.disabled = false;

                    // Show error toast notification
                    showToast('Sorry, there was an error sending your message. Please try again or contact us directly.', true);
                    console.error('Error:', error);
                });
        });
    </script>
</body>
</html>

