.elementor-2694 .elementor-element.elementor-element-8b1440e{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-96fa3d5 *//* Print ONLY the preview (#result) */
@media print {
  /* Hide everything by default */
  body * { visibility: hidden !important; }

  /* Show only the preview area */
  #result, #result * { visibility: visible !important; }

  /* Make the preview take the page */
  #result {
    position: absolute !important;
    left: 0; top: 0;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  /* Optional: nicer page margins */
  @page { margin: 16mm; }
}/* End custom CSS */
/* Start custom CSS *//* ====== SCREEN (default) ====== */
.no-print { display: initial; }      /* যেগুলো কেবল স্ক্রিনে দেখাবেন */
.print-only { display: none !important; } /* যেগুলো কেবল প্রিন্টে দেখাবেন */

/* ঐচ্ছিক: প্রিন্ট-প্রিভিউ সিমুলেট করার জন্য (JS দিয়ে body-তে class যোগ করুন)
   body.preview-print হলে নিচের রুলগুলো অ্যাপ্লাই হবে */
body.preview-print .no-print { display: none !important; }
body.preview-print #result { 
  max-width: 100% !important;
  margin: 0 !important; 
  box-shadow: none !important; 
  border: none !important;
}

/* ====== PRINT / PDF (Ctrl/Cmd+P) ====== */
@media print {
  /* পুরো পেজকে প্রিন্ট-রেডি করা */
  html, body { background: #fff !important; }
  body { 
    -webkit-print-color-adjust: exact; 
    print-color-adjust: exact; 
  }

  /* শুধু নির্দিষ্ট সেকশন প্রিন্ট হবে */
  body * { visibility: hidden; }
  #result, #result * { visibility: visible; }

  /* সেকশনটিকে পুরো পেজে আনুন */
  #result {
    position: static !important;
    inset: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: #fff !important; /* চাইলে */
  }

  /* স্ক্রিন-ওনলি জিনিস লুকান, প্রিন্ট-ওনলি দেখান */
  .no-print { display: none !important; }
  .print-only { display: initial !important; }

  /* টেবিল ব্রেক ও হেডার রিপিটিং ঠিক করা */
  table { page-break-inside: auto; }
  tr, img { page-break-inside: avoid; }
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }

  /* চার্ট/কার্ড যাতে মাঝপথে কাটা না যায় */
  .chart, .card { break-inside: avoid; page-break-inside: avoid; }

  /* পেজ সাইজ ও মার্জিন (A4) */
  @page {
    size: A4;
    margin: 12mm;        /* দরকারমত বদলান */
  }
}/* End custom CSS */