<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Privacy Policy</title>
    <link rel="stylesheet" href="./Privacy Policy_files/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
    <link href="./Privacy Policy_files/css2" rel="stylesheet">
    <style>
        :root {
            --primary: #0a2c5e;
            --secondary: #ff6b35;
            --accent: #00b4d8;
            --light: #f8f9fa;
            --dark: #1a1a2e;
            --gradient-primary: linear-gradient(135deg, #0a2c5e 0%, #1a5fb4 100%);
            --gradient-secondary: linear-gradient(135deg, #ff6b35 0%, #ff9e5c 100%);
            --gradient-accent: linear-gradient(135deg, #00b4d8 0%, #48cae4 100%);
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.15);
            --radius: 12px;
            --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.7;
            color: #333;
            background-color: var(--light);
            overflow-x: hidden;
        }
        
        h1, h2, h3, h4, h5 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            line-height: 1.2;
            color: var(--primary);
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Header Styles */
        header {
            background: #fff;
            backdrop-filter: blur(10px);
            padding: 5px 0;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transition: var(--transition);
        }
        
        header.scrolled {
            padding: 0.8rem 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }
        
        .logo-icon {
            width: 50px;
            height: 50px;
            background: var(--gradient-primary);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.8rem;
            box-shadow: var(--shadow);
        }
        
        .logo-text {
            display: flex;
            flex-direction: column;
        }
        
        .logo-text h1 {
            font-size: 1.8rem;
            margin: 0;
            line-height: 1;
        }
        
        .logo-text span {
            font-size: 0.9rem;
            color: var(--secondary);
            font-weight: 600;
            letter-spacing: 1px;
        }
        
        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
        }
        
        nav ul li a {
            color: var(--primary);
            text-decoration: none;
            font-weight: 600;
            font-size: 1.05rem;
            position: relative;
            padding: 8px 0;
            transition: var(--transition);
        }
        
        nav ul li a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 3px;
            background: var(--secondary);
            bottom: 0;
            left: 0;
            border-radius: 3px;
            transition: var(--transition);
        }
        
        nav ul li a:hover {
            color: var(--secondary);
        }
        
        nav ul li a:hover::after {
            width: 100%;
        }
        
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--primary);
            cursor: pointer;
        }
        
        /* Hero Section */
        .hero {
            padding: 180px 0 120px;
            background: var(--gradient-primary);
            position: relative;
            overflow: hidden;
            color: white;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
            opacity: 0.15;
        }
        
        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            text-align: center;
            margin: 0 auto;
        }
        
        .hero h2 {
            font-size: 3.5rem;
            color: white;
            margin-bottom: 1.5rem;
            line-height: 1.1;
        }
        
        .hero p {
            font-size: 1.2rem;
            margin-bottom: 2.5rem;
            opacity: 0.9;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .download-btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: var(--gradient-secondary);
            color: white;
            padding: 18px 35px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.2rem;
            transition: var(--transition);
            box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .download-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: 0.6s;
        }
        
        .download-btn:hover::before {
            left: 100%;
        }
        
        .download-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);
        }
        
        .download-btn i {
            font-size: 1.5rem;
        }
        
        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 3rem;
            margin-top: 4rem;
            flex-wrap: wrap;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: white;
            margin-bottom: 5px;
        }
        
        .stat-label {
            font-size: 1rem;
            opacity: 0.9;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        /* Services Section */
        .services {
            padding: 10px 0 !important;
            background-color: #f8fafc;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 4rem;
        }
        
        .section-title h2 {
            font-size: 2.8rem;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            width: 80px;
            height: 4px;
            background: var(--secondary);
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        .section-title p {
            color: #666;
            max-width: 700px;
            margin: 0 auto;
            font-size: 1.1rem;
        }
        
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2.5rem;
        }
        
        .service-card {
            background: white;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            z-index: 1;
        }
        
        .service-card:hover {
            transform: translateY(-15px);
            box-shadow: var(--shadow-hover);
        }
        
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: var(--gradient-secondary);
            z-index: 2;
        }
        
        .service-icon {
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3.5rem;
            color: var(--primary);
            position: relative;
        }
        
        .service-icon i {
            z-index: 1;
            position: relative;
        }
        
        .service-icon::after {
            content: '';
            position: absolute;
            width: 80px;
            height: 80px;
            background: rgba(10, 44, 94, 0.05);
            border-radius: 50%;
        }
        
        .service-content {
            padding: 2rem;
        }
        
        .service-content h3 {
            margin-bottom: 1rem;
            font-size: 1.5rem;
        }
        
        .service-content p {
            color: #666;
            margin-bottom: 1.5rem;
        }
        
        .service-link {
            color: var(--accent);
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }
        
        .service-link:hover {
            gap: 12px;
            color: var(--primary);
        }
        
        /* App Features */
        .app-features {
            padding: 120px 0;
            background-color: white;
        }
        
        .features-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4rem;
        }
        
        .features-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
            position: relative;
        }
        
        .features-image::before {
            content: '';
            position: absolute;
            width: 300px;
            height: 300px;
            background: var(--gradient-accent);
            border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
            opacity: 0.1;
            animation: morphing 15s infinite;
        }
        
        @keyframes morphing {
            0% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
            25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
            50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
            75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; }
            100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
        }
        
        .phone-mockup {
            max-width: 100%;
            border-radius: 30px;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
            transform: perspective(1000px) rotateY(-10deg);
            transition: var(--transition);
        }
        
        .phone-mockup:hover {
            transform: perspective(1000px) rotateY(0deg);
        }
        
        .features-list {
            flex: 1;
            min-width: 300px;
        }
        
        .feature-item {
            display: flex;
            margin-bottom: 2.5rem;
            padding: 1.5rem;
            border-radius: var(--radius);
            background: #f8fafc;
            transition: var(--transition);
        }
        
        .feature-item:hover {
            background: white;
            box-shadow: var(--shadow);
            transform: translateX(10px);
        }
        
        .feature-icon {
            width: 60px;
            height: 60px;
            background: var(--gradient-primary);
            color: white;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1.5rem;
            flex-shrink: 0;
            font-size: 1.5rem;
            box-shadow: var(--shadow);
        }
        
        .feature-text h4 {
            margin-bottom: 8px;
            font-size: 1.3rem;
        }
        
        /* Testimonials */
        .testimonials {
            padding: 100px 0;
            background: var(--gradient-primary);
            color: white;
        }
        
        .testimonials .section-title h2 {
            color: white;
        }
        
        .testimonials .section-title h2::after {
            background: var(--secondary);
        }
        
        .testimonials .section-title p {
            color: rgba(255, 255, 255, 0.8);
        }
        
        .testimonial-slider {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
        }
        
        .testimonial-item {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: var(--radius);
            padding: 2.5rem;
            text-align: center;
            margin: 0 1rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .testimonial-text {
            font-size: 1.1rem;
            font-style: italic;
            margin-bottom: 1.5rem;
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
        }
        
        .author-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--gradient-secondary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 1.5rem;
        }
        
        .author-info h4 {
            color: white;
            margin-bottom: 5px;
        }
        
        .author-info p {
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.9rem;
        }
        
        /* Footer */
        footer {
            background-color: var(--dark);
            color: white;
            padding: 4rem 0 1.5rem;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 3rem;
            margin-bottom: 3rem;
        }
        
        .footer-column h3 {
            color: white;
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-column h3::after {
            content: '';
            position: absolute;
            width: 50px;
            height: 3px;
            background: var(--secondary);
            bottom: 0;
            left: 0;
            border-radius: 2px;
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: #ccc;
            text-decoration: none;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .footer-links a:hover {
            color: var(--secondary);
            transform: translateX(5px);
        }
        
        .footer-links a i {
            font-size: 0.9rem;
            color: var(--secondary);
        }
        
        .contact-info {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .contact-info i {
            margin-right: 15px;
            color: var(--secondary);
            font-size: 1.2rem;
            width: 20px;
        }
        
        .social-icons {
            display: flex;
            gap: 15px;
            margin-top: 1.5rem;
        }
        
        .social-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: white;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .social-icons a:hover {
            background-color: var(--secondary);
            transform: translateY(-5px);
        }
        
        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .footer-links-bottom {
            display: flex;
            justify-content: center;
            list-style: none;
            margin-bottom: 1.5rem;
            flex-wrap: wrap;
            gap: 1.5rem;
        }
        
        .footer-links-bottom a {
            color: #ccc;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            position: relative;
        }
        
        .footer-links-bottom a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            background: var(--secondary);
            bottom: -5px;
            left: 0;
            transition: var(--transition);
        }
        
        .footer-links-bottom a:hover {
            color: var(--secondary);
        }
        
        .footer-links-bottom a:hover::after {
            width: 100%;
        }
        
        .copyright {
            color: #aaa;
            font-size: 0.9rem;
        }
        
        /* Modal for APK download */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 2000;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .modal-content {
            background: white;
            padding: 3rem;
            border-radius: 20px;
            max-width: 500px;
            width: 90%;
            text-align: center;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
            animation: slideUp 0.4s ease;
            position: relative;
        }
        
        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        .modal h3 {
            margin-bottom: 1rem;
            font-size: 1.8rem;
        }
        
        .modal p {
            margin-bottom: 1.5rem;
            color: #666;
        }
        
        .modal-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 2rem;
        }
        
        .btn {
            padding: 12px 30px;
            border-radius: 50px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-size: 1rem;
        }
        
        .btn-primary {
            background: var(--gradient-secondary);
            color: white;
            box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(255, 107, 53, 0.4);
        }
        
        .btn-secondary {
            background: #f1f3f5;
            color: #333;
        }
        
        .btn-secondary:hover {
            background: #e9ecef;
            transform: translateY(-3px);
        }
        
        .close-modal {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: #999;
            cursor: pointer;
            transition: var(--transition);
        }
        
        .close-modal:hover {
            color: var(--secondary);
            transform: rotate(90deg);
        }
        
        /* Scroll to top button */
        .scroll-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: var(--gradient-secondary);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            box-shadow: 0 5px 20px rgba(255, 107, 53, 0.3);
            transition: var(--transition);
            z-index: 100;
            opacity: 0;
            visibility: hidden;
        }
        
        .scroll-top.active {
            opacity: 1;
            visibility: visible;
        }
        
        .scroll-top:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(255, 107, 53, 0.4);
        }
        
        /* Responsive Design */
        @media (max-width: 992px) {
            .hero h2 {
                font-size: 2.8rem;
            }
            
            .section-title h2 {
                font-size: 2.4rem;
            }
        }
        
        @media (max-width: 768px) {
            .mobile-menu-btn {
                display: block;
            }
            
            nav {
                position: fixed;
                top: 80px;
                left: -100%;
                width: 100%;
                background: white;
                padding: 2rem;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                transition: var(--transition);
                z-index: 999;
            }
            
            nav.active {
                left: 0;
            }
            
            nav ul {
                flex-direction: column;
                gap: 1.5rem;
            }
            
            .hero {
                padding: 150px 0 80px;
            }
            
            .hero h2 {
                font-size: 2.3rem;
            }
            
            .hero-stats {
                gap: 2rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .features-container {
                flex-direction: column;
            }
            
            .phone-mockup {
                transform: perspective(1000px) rotateY(0);
            }
            
            .footer-links-bottom {
                flex-direction: column;
                align-items: center;
                gap: 1rem;
            }
        }
        
        @media (max-width: 480px) {
            .hero h2 {
                font-size: 1.9rem;
            }
            
            .download-btn {
                padding: 15px 25px;
                font-size: 1.1rem;
            }
            
            .modal-content {
                padding: 2rem 1.5rem;
            }
            
            .modal-buttons {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
            }
        }
    </style>
</head>
<body>
    <!-- Header Section -->
    <!--<header id="header">-->
    <!--    <div class="container header-container">-->
    <!--        <a href="#" class="logo">-->
    <!--            <div class="logo-text">-->
    <!--                <img src="aidonn.png" width="120px">-->
    <!--            </div>-->
    <!--        </a>-->
            
    <!--        <button class="mobile-menu-btn" id="mobileMenuBtn">-->
    <!--            <i class="fas fa-bars"></i>-->
    <!--        </button>-->
            
    <!--        <nav id="mainNav">-->
    <!--            <ul>-->
    <!--                <li><a href="index.html#home">Home</a></li>-->
    <!--                <li><a href="index.html#services">Services</a></li>-->
    <!--                <li><a href="index.html#features">Features</a></li>-->
    <!--                <li><a href="index.html#testimonials">Testimonials</a></li>-->
    <!--                <li><a href="index.html#contact">Contact</a></li>-->
    <!--            </ul>-->
    <!--        </nav>-->
    <!--    </div>-->
    <!--</header>-->
    
    <!-- Privacy Policy Section Start -->
<section class="services privacy-section" id="services">

    <div class="container">

        <!-- Section Title -->
        <div class="section-title mt-4">
            <h2>Privacy Policy</h2>
            
        </div>

        <!-- Privacy Content -->
        <div class="privacy-box">

          <p class="effective-date">
    <strong>Effective Date:</strong> 01.01.2026
</p>

<p>
    Welcome to <strong>Hello Saathi</strong>. We respect your privacy and are committed
    to protecting your personal information. This Privacy Policy explains how we
    collect, use, store, and safeguard your information when you use the Hello
    Saathi mobile application and related services.
</p>

<div class="privacy-item">
    <h3>1. Information We Collect</h3>


<p>We may collect the following information:</p>

<h4>A. Personal Information</h4>
<ul>
    <li>Name</li>
    <li>Mobile Number</li>
    <li>Email Address (if provided)</li>
    <li>Profile Photo</li>
    <li>Date of Birth (if provided)</li>
    <li>Gender (if provided)</li>
</ul>

<h4>B. Account Information</h4>
<ul>
    <li>User ID</li>
    <li>Login Credentials</li>
    <li>Account Preferences</li>
</ul>

<h4>C. Technical Information</h4>
<ul>
    <li>Device Information</li>
    <li>Operating System Version</li>
    <li>IP Address</li>
    <li>App Usage Information</li>
    <li>Crash Logs and Diagnostics</li>
</ul>


</div>

<div class="privacy-item">
    <h3>2. How We Use Your Information</h3>


<p>We use collected information to:</p>

<ul>
    <li>Create and manage your account</li>
    <li>Provide app features and services</li>
    <li>Improve user experience</li>
    <li>Respond to support requests</li>
    <li>Send important notifications and updates</li>
    <li>Prevent fraud, abuse, and unauthorized access</li>
    <li>Maintain platform security</li>
</ul>


</div>

<div class="privacy-item">
    <h3>3. Permissions and Device Access</h3>


<p>
    Hello Saathi may request certain permissions such as camera, storage,
    microphone, notifications, or contacts depending on the features you use.
</p>

<p>
    These permissions are requested only when required for specific
    functionality and can be managed through your device settings.
</p>


</div>

<div class="privacy-item">
    <h3>4. Data Sharing</h3>

<p>
    We do not sell, rent, or trade your personal information to third parties.
</p>

<p>We may share limited information with:</p>

<ul>
    <li>Service providers supporting app operations</li>
    <li>Cloud hosting providers</li>
    <li>Legal authorities when required by law</li>
    <li>Security and fraud prevention partners</li>
</ul>


</div>

<div class="privacy-item">
    <h3>5. Data Security</h3>


<p>
    We use reasonable technical and organizational measures to protect your
    information against unauthorized access, alteration, disclosure, or
    destruction.
</p>

<p>
    While we strive to protect your information, no electronic transmission
    or storage system can be guaranteed to be 100% secure.
</p>


</div>

<div class="privacy-item">
    <h3>6. Cookies and Analytics</h3>

<p>
    We may use cookies, analytics tools, and similar technologies to
    understand user behavior, improve app performance, and enhance user
    experience.
</p>


</div>

<div class="privacy-item">
    <h3>7. Account Deletion</h3>


<p>
    Users may request deletion of their account and personal information
    through the Account Deletion feature available within the application
    or through our support team.
</p>

<p>
    Certain information may be retained where required by applicable laws
    or for legitimate business purposes.
</p>


</div>

<div class="privacy-item">
    <h3>8. Third-Party Services</h3>


<p>
    Hello Saathi may use third-party services including:
</p>

<ul>
    <li>Google Firebase</li>
    <li>Google Analytics</li>
    <li>Cloud Hosting Providers</li>
    <li>Notification Services</li>
</ul>

<p>
    These providers may collect and process information according to their
    own privacy policies.
</p>


</div>

<div class="privacy-item">
    <h3>9. Changes to This Privacy Policy</h3>


<p>
    We may update this Privacy Policy from time to time. Any changes will be
    posted on this page and become effective immediately upon publication.
</p>


</div>

<div class="privacy-item">
    <h3>10. Contact Us</h3>

<div class="contact-box">

    <p><strong>Hello Saathi Support</strong></p>

    <p>
        <strong>Email:</strong>
        <a href="mailto:support@hellosaathi.com">
            support@hellosaathi.com
        </a>
    </p>

    <p>
        For any privacy-related questions, account deletion requests, or data
        concerns, please contact our support team.
    </p>

</div>


</div>


        </div>
    </div>
</section>

<!-- CSS -->
<style>

.privacy-section{
    padding:10px 0;
    background:#f8f9fc;
}

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.section-title h2{
    font-size:38px;
    font-weight:700;
    color:#111;
    margin-bottom:10px;
}

.section-title p{
    color:#666;
    font-size:16px;
}

.privacy-box{
    background:#ffffff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 5px 25px rgba(0,0,0,0.08);
}

.effective-date{
    background:#f1f5ff;
    padding:12px 18px;
    border-left:4px solid #0066ff;
    border-radius:8px;
    margin-bottom:25px;
    font-size:15px;
}

.privacy-item{
    margin-top:35px;
    padding-bottom:25px;
    border-bottom:1px solid #e5e5e5;
}

.privacy-item:last-child{
    border-bottom:none;
}

.privacy-item h3{
    font-size:26px;
    color:#111;
    margin-bottom:15px;
    font-weight:700;
}

.privacy-item h4{
    font-size:19px;
    margin-top:20px;
    margin-bottom:12px;
    color:#222;
}

.privacy-item p{
    color:#555;
    line-height:1.9;
    font-size:16px;
}

.privacy-item ul{
    padding-left:20px;
    margin-top:10px;
}

.privacy-item ul li{
    margin-bottom:10px;
    color:#444;
    line-height:1.7;
    font-size:15px;
}

.contact-box{
    background:#f7f7f7;
    padding:20px;
    border-radius:10px;
    margin-top:15px;
}

.contact-box a{
    color:#0066ff;
    text-decoration:none;
}

.contact-box a:hover{
    text-decoration:underline;
}

/* Responsive */

@media(max-width:768px){

    .privacy-box{
        padding:25px;
    }

    .section-title h2{
        font-size:30px;
    }

    .privacy-item h3{
        font-size:22px;
    }

}

</style>
    
    

    <!-- Scroll to Top Button -->
    <a href="https://roaddial.com/privacy_policy.html#" class="scroll-top" id="scrollTop">
        <i class="fas fa-arrow-up"></i>
    </a>

    <script>
        // Mobile menu toggle
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const mainNav = document.getElementById('mainNav');
        
        mobileMenuBtn.addEventListener('click', () => {
            mainNav.classList.toggle('active');
            mobileMenuBtn.innerHTML = mainNav.classList.contains('active') 
                ? '<i class="fas fa-times"></i>' 
                : '<i class="fas fa-bars"></i>';
        });
        
        // Close mobile menu when clicking a link
        document.querySelectorAll('nav a').forEach(link => {
            link.addEventListener('click', () => {
                mainNav.classList.remove('active');
                mobileMenuBtn.innerHTML = '<i class="fas fa-bars"></i>';
            });
        });
        
        // Header scroll effect
        const header = document.getElementById('header');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 100) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
            
            // Show/hide scroll to top button
            const scrollTopBtn = document.getElementById('scrollTop');
            if (window.scrollY > 300) {
                scrollTopBtn.classList.add('active');
            } else {
                scrollTopBtn.classList.remove('active');
            }
        });
        
        // Download button functionality
        document.getElementById('downloadBtn').addEventListener('click', function(e) {
            e.preventDefault();
            document.getElementById('downloadModal').style.display = 'flex';
        });
        
        // Close modal buttons
        document.getElementById('closeModal').addEventListener('click', function() {
            document.getElementById('downloadModal').style.display = 'none';
        });
        
        document.getElementById('cancelDownload').addEventListener('click', function() {
            document.getElementById('downloadModal').style.display = 'none';
        });
        
        // Confirm download
        document.getElementById('confirmDownload').addEventListener('click', function() {
            alert('Thank you! The Road Dial APK download will begin shortly.');
            document.getElementById('downloadModal').style.display = 'none';
            
            // In a real implementation, this would trigger the actual file download
            // window.location.href = 'truckmate-pro.apk';
        });
        
        // Close modal when clicking outside
        window.addEventListener('click', function(e) {
            const modal = document.getElementById('downloadModal');
            if (e.target === modal) {
                modal.style.display = 'none';
            }
        });
        
        // Smooth scrolling for navigation 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) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 100,
                        behavior: 'smooth'
                    });
                }
            });
        });
        
        // Scroll to top
        document.getElementById('scrollTop').addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // Animated counter for stats
        const counters = document.querySelectorAll('.stat-number');
        const speed = 200;
        
        const animateCounter = () => {
            counters.forEach(counter => {
                const target = +counter.getAttribute('data-count');
                const count = +counter.innerText;
                const increment = target / speed;
                
                if (count < target) {
                    counter.innerText = Math.ceil(count + increment);
                    setTimeout(animateCounter, 1);
                } else {
                    counter.innerText = target;
                }
            });
        };
        
        // Trigger counter animation when stats are in viewport
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    animateCounter();
                    observer.unobserve(entry.target);
                }
            });
        }, { threshold: 0.5 });
        
        document.querySelector('.hero-stats').querySelectorAll('.stat-number').forEach(stat => {
            observer.observe(stat);
        });
        
        // Add hover effect to service cards
        const serviceCards = document.querySelectorAll('.service-card');
        serviceCards.forEach(card => {
            card.addEventListener('mouseenter', () => {
                card.style.transform = 'translateY(-15px)';
            });
            
            card.addEventListener('mouseleave', () => {
                card.style.transform = 'translateY(0)';
            });
        });
    </script>


      </body></html>