<!DOCTYPE html> 
<html lang="hi">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>डिश कनेक्शन जानकारी</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      color: #0b5394;
      margin: 0;
      padding: 20px 6px 100px 6px; /* 👈 अब left-right padding 6px */
      line-height: 1.6;
    }
    .content {
      max-width: 900px;
      margin: auto;
    }
    h2, h3 {
      color: red;
      text-align: center;
    }
    img {
      max-width: calc(100% - 8px); /* 👈 padding+border का ध्यान रखते हुए */
      height: auto;
      display: block;
      margin: 0 auto 20px auto;

      border: 4px solid purple;   /* Purple border */
      border-radius: 20px;        /* Rounded corners */
      padding: 5px;               /* Space inside border */
      box-sizing: border-box;     /* 👈 बॉर्डर+पैडिंग width में शामिल */
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }
    .list {
      margin: 15px 0;
      padding-left: 15px;
    }
    .list div {
      margin: 6px 0;
    }
    .note, .warning {
      background: #fff3f3;
      border-left: 4px solid red;
      padding: 10px;
      margin: 15px 0;
      border-radius: 6px;
    }
    .highlight {
      background: red;
      color: #fff;
      padding: 2px 6px;
      border-radius: 3px;
    }
    @media (max-width: 600px) {
      body {
        padding: 15px 6px 80px 6px; /* 👈 mobile पर भी 6px रखा */
      }
      h2, h3 {
        font-size: 18px;
      }
    }
  </style>
</head>
<body>
  <div class="content">

    <!-- Image -->
    <div style="text-align:center;">
      <img src="https://datafly.in/resource/kyd1.png" 
           alt="डिश छवि">
    </div>

    <!-- Title -->
    <h2>डिश कनेक्शन के मुख्य उपकरण</h2>

    <!-- Equipment List -->
    <div class="list">
      <div>1. डिश (लोहे की छतरी)</div>
      <div>2. LNB</div>
      <div>3. कनेक्टिंग तार</div>
      <div>4. सेट टॉप बॉक्स (एसटीबी)</div>
      <div>5. AV (ऑडियो विजुअल) तार या HDMI केबल</div>
    </div>

    <p>अब हम एक-एक करके इन चीजों के बारे में जानेंगे:</p>

    <h3>डिश</h3>
    <p>यह एक लोहे या टिन की गोलाकार छतरी होती है, सामान्यतः 0.5 से 1 मीटर तक की। इसका प्रयोग सिग्नल को एकत्रित करके एक जगह केंद्रित करने के लिए होता है। इसे सैटेलाइट की दिशा में फिक्स कर दिया जाता है।</p>

    <h3>LNB / रिसीवर</h3>
    <p>यह घंटीनुमा उपकरण होता है जो डिश के सामने की ओर लगाया जाता है। यह तार द्वारा सेट टॉप बॉक्स से जुड़ा होता है और सिग्नल को इकठ्ठा करके डिजिटल तरंगों के रूप में सेट टॉप बॉक्स को भेजता है।</p>

    <h3>कनेक्टिंग वायर / तार</h3>
    <p>यह LNB और सेट टॉप बॉक्स को जोड़ती है। तार अच्छी स्थिति में और बिना जोड़ की होनी चाहिए, ताकि सिग्नल की क्वालिटी बनी रहे।</p>

    <h3>सेट टॉप बॉक्स (STB)</h3>
    <p>यह टीवी और डिश सिग्नल के बीच का माध्यम है। यह MPEG2, MPEG4, HD जैसी विभिन्न श्रेणियों में उपलब्ध होता है। इसका काम सिग्नल को ऑडियो व वीडियो में परिवर्तित करके टीवी को देना है।</p>

    <h3>AV तार अथवा HDMI केबल</h3>
    <p>यह सेट टॉप बॉक्स को टीवी से जोड़ती है। MPEG2 बॉक्स के लिए AV तार और HD बॉक्स के लिए HDMI केबल का उपयोग किया जाता है।</p>

    <!-- Warnings -->
    <h2>महत्वपूर्ण सावधानियाँ</h2>
    <div class="warning"><span class="highlight">=&gt;</span> डिश को हिलाएँ नहीं। हल्की सी दिशा परिवर्तन से भी सभी चैनल बंद हो सकते हैं।</div>
    <div class="warning"><span class="highlight">=&gt;</span> LNB को हिलाएँ नहीं, अन्यथा सिग्नल सही से नहीं मिलेगा।</div>
    <div class="warning"><span class="highlight">=&gt;</span> कनेक्टिंग तार में कोई जोड़ नहीं होना चाहिए। जरूरत से ज्यादा लंबी तार का उपयोग न करें।</div>
    <div class="warning"><span class="highlight">=&gt;</span> सभी तार अच्छे से टाइट और सुरक्षित लगे हों।</div>
    <div class="warning"><span class="highlight">=&gt;</span> सेट टॉप बॉक्स से छेड़छाड़ न करें।</div>

    <!-- Note -->
    <div class="note"><b>नोट:</b> यदि आपका सेट टॉप बॉक्स सही काम कर रहा है तो डिश की दिशा या तारों को न छेड़ें।</div>

  </div>
</body>
</html>