{% extends 'jobs/base.html' %}
{% load static %}

{% block meta_title %}Terms & Conditions | Videsh Chalo (Xatasoft Technology LLP){% endblock %}

{% block meta_description %}
    Read the official Terms & Conditions of Videsh Chalo (Xatasoft Technology LLP). Understand our safe harbor policy as a digital intermediary for overseas jobs, international travel, and study abroad services.
{% endblock %}

{% block meta_keywords %}
    videsh chalo terms and conditions, terms of service, xatasoft technology llp terms, user agreement videsh chalo, overseas job portal terms, legal disclaimer
{% endblock %}

{% block meta_tags %}
    <!-- 🚀 Structured Data (JSON-LD) for Trust & SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "Terms & Conditions - Videsh Chalo",
      "description": "Official Terms and Conditions and User Agreement for Videsh Chalo platform operated by Xatasoft Technology LLP.",
      "publisher": {
        "@type": "Organization",
        "name": "Videsh Chalo",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.videshchalo.com{% static 'images/videsh_chalo_logo.png' %}"
        }
      }
    }
    </script>
{% endblock %}

{% block content %}
<!-- 📜 HERO HEADER -->
<section class="policy-hero py-5 text-center text-white shadow-sm" style="background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border-radius: 0 0 50px 50px;">
    <div class="container py-4">
        <div class="mb-3">
            <i class="fas fa-file-contract fa-4x opacity-75"></i>
        </div>
        <h1 class="display-4 fw-black italic">Terms & Conditions <span class="ms-2">📑</span></h1>
        <p class="lead opacity-75 mb-0">Website Usage Agreement | Xatasoft Technology LLP</p>
        <div class="mt-3">
            <span class="badge bg-white text-primary px-3 py-2 rounded-pill shadow-sm fw-bold">
                Version 1.0.0 | March 2026
            </span>
        </div>
    </div>
</section>

<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-9">
            
            <!-- 🏢 1. NATURE OF SERVICES -->
            <div class="policy-section mb-5 animate__animated animate__fadeInUp">
                <h2 class="h3 fw-black text-dark mb-4 section-title">1. Nature of Services</h2>
                <div class="card border-0 shadow-sm rounded-4 p-4 bg-light border-start border-primary border-5">
                    <p class="mb-0 fs-5">
                        <strong>Videsh Chalo</strong> acts as a digital <strong>Bridge (Setu)</strong>, operating strictly as a Digital Marketplace and Information Intermediary. We facilitate the connection between overseas recruiters/employers and candidates while providing professional profile-building and career counselling services.
                    </p>
                </div>
            </div>

            <!-- 🛡️ 2. INTERMEDIARY STATUS (SAFE HARBOR) -->
            <div class="policy-section mb-5">
                <h2 class="h3 fw-black text-dark mb-4 section-title">2. Intermediary Status & Safe Harbor</h2>
                <div class="row g-4">
                    <div class="col-md-6">
                        <div class="p-4 rounded-4 bg-white shadow-sm border h-100">
                            <h5 class="fw-bold text-primary mb-3"><i class="fas fa-user-slash me-2"></i>No Direct Recruitment</h5>
                            <p class="small text-muted mb-0">Users acknowledge that Videsh Chalo is <strong>NOT</strong> a Recruitment Agent (RA) as defined by the Emigration Act, 1983. We do not act as signatories to employment contracts.</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="p-4 rounded-4 bg-white shadow-sm border h-100">
                            <h5 class="fw-bold text-primary mb-3"><i class="fas fa-gavel me-2"></i>Limitation of Liability</h5>
                            <p class="small text-muted mb-0">In accordance with the <strong>IT Act, 2000</strong>, we are an "Intermediary." We do not pre-screen or validate the accuracy of job postings by third-party recruiters.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 💼 3. PROFESSIONAL COUNSELLING SERVICES -->
            <div class="policy-section mb-5">
                <h2 class="h3 fw-black text-dark mb-4 section-title">3. Counselling & Fee Policy</h2>
                <div class="p-4 rounded-4 bg-primary-subtle border border-primary-subtle">
                    <p class="fw-bold text-primary mb-3">Professional advisory work fees:</p>
                    <p class="text-dark mb-3">Fees paid for profile optimization, AI resume building, and career counselling are for advisory services only.</p>
                    <div class="alert alert-warning border-0 rounded-3 py-2 px-3 small mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Important:</strong> Payment of these fees <strong>DOES NOT guarantee</strong> a job placement or a successful visa outcome. The final decision rests with the employer and the respective embassy.
                    </div>
                </div>
            </div>

            <!-- 🚫 4. USER CONDUCT & VERIFICATION -->
            <div class="policy-section mb-5">
                <h2 class="h3 fw-black text-dark mb-4 section-title">4. User Conduct & Verification</h2>
                <p class="text-muted mb-4">Hum bharat sarkar aur destination country ke kanoon ka sakhti se palan karte hain:</p>
                <div class="list-group list-group-flush shadow-sm rounded-4 overflow-hidden border">
                    <div class="list-group-item p-4">
                        <div class="d-flex gap-3">
                            <i class="fas fa-user-check text-success fs-4 mt-1"></i>
                            <div>
                                <h5 class="fw-bold mb-1">True Information</h5>
                                <p class="small text-muted mb-0">Users agree to provide true and accurate information. Providing fake documents or misleading work history will lead to <strong>immediate account termination</strong>.</p>
                            </div>
                        </div>
                    </div>
                    <div class="list-group-item p-4">
                        <div class="d-flex gap-3">
                            <i class="fas fa-passport text-info fs-4 mt-1"></i>
                            <div>
                                <h5 class="fw-bold mb-1">Document Responsibility</h5>
                                <p class="small text-muted mb-0">Candidates are solely responsible for the authenticity of their Passport, Medical reports, and Police Clearance Certificates (PCC).</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- ⚖️ 5. DATA PRIVACY & JURISDICTION -->
            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <div class="policy-section h-100">
                        <h2 class="h3 fw-black text-dark mb-4 section-title">5. Data Privacy</h2>
                        <div class="card border-0 shadow-sm rounded-4 p-4 h-100">
                            <p class="small text-muted mb-0">
                                By using the portal, you consent to the storage and processing of your personal data as per our <strong>DPDP Act 2023</strong> compliant Privacy Policy. Data is shared only with recruiters you explicitly interact with.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="policy-section h-100">
                        <h2 class="h3 fw-black text-dark mb-4 section-title">6. Jurisdiction</h2>
                        <div class="card border-0 shadow-sm rounded-4 p-4 h-100 bg-dark text-white">
                            <h5 class="fw-bold text-warning mb-2">Kanooni Adhikar</h5>
                            <p class="small opacity-75 mb-0">
                                These terms are governed by the laws of India. Any disputes or legal matters shall be subject to the exclusive jurisdiction of the courts in <strong>Jaipur, Rajasthan</strong>.
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 🏢 HEAD OFFICE FOOTER -->
            <div class="text-center py-5 border-top">
                <div class="mb-3">
                    <i class="fas fa-map-marker-alt text-primary fs-3"></i>
                </div>
                <h5 class="fw-bold mb-1">Head Office: Jaipur, Rajasthan, India 🇮🇳</h5>
                <p class="text-muted small">© 2026 Videsh Chalo. All Rights Reserved. Mehnat Ka Sahi Moolya.</p>
            </div>

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

<style>
    .fw-black { font-weight: 900; }
    .italic { font-style: italic; }
    
    /* Section Title Underline (The "Jugaad" Fix) */
    .section-title {
        position: relative;
        display: inline-block;
    }
    .section-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 40px;
        height: 4px;
        background: #ffc107; /* Yellow accent */
        border-radius: 2px;
    }

    /* Dark Mode Compatibility */
    [data-theme='dark'] .policy-section h2 { color: #f1f5f9 !important; }
    [data-theme='dark'] .card, [data-theme='dark'] .bg-white, [data-theme='dark'] .list-group-item {
        background-color: #1e293b !important;
        border-color: #334155 !important;
        color: #f1f5f9 !important;
    }
    [data-theme='dark'] .bg-light { background-color: #0f172a !important; }
    [data-theme='dark'] .text-muted { color: #94a3b8 !important; }
</style>
{% endblock %}