Railway Special Book

<div class="product-description-container" style="font-family: 'Inter', sans-serif; color: #334155; line-height: 1.6;">

  <!-- Hero Section -->

  <div style="background: linear-gradient(135deg, #f60964 0%, #94053c 100%); padding: 30px; border-radius: 15px; text-align: center; color: white; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(246, 9, 100, 0.2);">

    <h2 style="margin: 0; font-size: 28px; font-weight: 800; text-transform: uppercase;">রেলওয়ে পরীক্ষার স্পেশাল নোট</h2>

    <p style="margin: 10px 0 0; font-size: 16px; opacity: 0.9;">SUKANTA SIR CLASSES – EXCLUSIVE</p>

  </div>

  <!-- Highlights Grid -->

  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 30px;">

    <div style="background: #fee6ef; padding: 20px; border-radius: 12px; text-align: center; border: 1px solid #fdcee0;">

      <i class="fa-solid fa-book-open" style="color: #f60964; font-size: 24px; mb: 10px;"></i>

      <h4 style="margin: 10px 0 5px; font-size: 18px; color: #310214;">General Knowledge</h4>

      <p style="margin: 0; font-weight: bold; color: #c50750;">210 পেজ</p>

    </div>

    <div style="background: #e0f2fe; padding: 20px; border-radius: 12px; text-align: center; border: 1px solid #bae6fd;">

      <i class="fa-solid fa-calculator" style="color: #0284c7; font-size: 24px;"></i>

      <h4 style="margin: 10px 0 5px; font-size: 18px; color: #0c4a6e;">Maths & GI</h4>

      <p style="margin: 0; font-weight: bold; color: #0369a1;">90 পেজ</p>

    </div>

    <div style="background: #f0fdf4; padding: 20px; border-radius: 12px; text-align: center; border: 1px solid #dcfce7;">

      <i class="fa-solid fa-flask-vial" style="color: #16a34a; font-size: 24px;"></i>

      <h4 style="margin: 10px 0 5px; font-size: 18px; color: #064e3b;">General Science</h4>

      <p style="margin: 0; font-weight: bold; color: #15803d;">162 পেজ</p>

    </div>

  </div>

  <!-- Main Features -->

  <div style="margin-bottom: 30px;">

    <h3 style="color: #1e293b; border-bottom: 2px solid #f60964; display: inline-block; padding-bottom: 5px; margin-bottom: 15px;">কেন এই নোটটি সেরা?</h3>

    <ul style="list-style: none; padding: 0;">

      <li style="margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">

        <i class="fa-solid fa-circle-check" style="color: #f60964;"></i> SSC & Railway পরীক্ষার জন্য একদম Updated & Exam-Oriented.

      </li>

      <li style="margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">

        <i class="fa-solid fa-circle-check" style="color: #f60964;"></i> বাংলা ও ইংরেজি (Bilingual) মাধ্যমে উপলব্ধ।

      </li>

      <li style="margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">

        <i class="fa-solid fa-circle-check" style="color: #f60964;"></i> 🎁 <strong>ফ্রি মক টেস্ট – ১০ টি</strong> (বইয়ের সাথে সম্পূর্ণ ফ্রি)।

      </li>

      <li style="margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">

        <i class="fa-solid fa-truck-fast" style="color: #f60964;"></i> অতি দ্রুত ডেলিভারি সুবিধা (Limited Stock)।

      </li>

    </ul>

  </div>

  <!-- Sample PDF Buttons -->

  <div style="margin-bottom: 35px; background: #f8fafc; padding: 20px; border-radius: 12px; border: 1px dashed #cbd5e1;">

    <h4 style="margin-top: 0; margin-bottom: 15px; font-size: 16px; color: #475569; text-align: center;">Sample PDF গুলি দেখে নিন:</h4>

    <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">

      <a href="sample_gk.pdf" target="_blank" style="text-decoration: none; background: white; color: #f60964; border: 1px solid #f60964; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 5px; transition: 0.3s;">

        <i class="fa-solid fa-file-pdf"></i> GK Sample

      </a>

      <a href="sample_maths.pdf" target="_blank" style="text-decoration: none; background: white; color: #0284c7; border: 1px solid #0284c7; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 5px; transition: 0.3s;">

        <i class="fa-solid fa-file-pdf"></i> Maths Sample

      </a>

      <a href="sample_science.pdf" target="_blank" style="text-decoration: none; background: white; color: #16a34a; border: 1px solid #16a34a; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 5px; transition: 0.3s;">

        <i class="fa-solid fa-file-pdf"></i> Science Sample

      </a>

    </div>

  </div>

  <!-- Pricing & WhatsApp Action -->

  <div style="text-align: center; background: #310214; color: white; padding: 25px; border-radius: 15px;">

    <p style="margin: 0; font-size: 18px; opacity: 0.8;">অফার প্রাইস মাত্র</p>

    <h2 style="margin: 5px 0; font-size: 42px; color: #fa6ba2;">₹899/-</h2>

    <p style="margin: 15px 0; font-size: 14px;">অর্ডার করতে সরাসরি নিচের বাটনে ক্লিক করে WhatsApp করুন</p>

    <a href="https://wa.me/917431094840?text=I%20want%20to%20order%20Railway%20Exam%20Special%20Notes" style="display: inline-flex; align-items: center; gap: 10px; background: #25d366; color: white; text-decoration: none; padding: 15px 30px; border-radius: 50px; font-size: 18px; font-weight: 700; transition: 0.3s; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);">

      <i class="fa-brands fa-whatsapp" style="font-size: 24px;"></i> WhatsApp Now

    </a>

  </div>

</div>