.elementor-7326 .elementor-element.elementor-element-827c287:not(.elementor-motion-effects-element-type-background), .elementor-7326 .elementor-element.elementor-element-827c287 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://irshaddigital.store/wp-content/uploads/2025/05/ae9f7017-perf-wp-theme-group-87981.png");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-7326 .elementor-element.elementor-element-827c287{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:180px 0px 0px 0px;}.elementor-7326 .elementor-element.elementor-element-827c287 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7326 .elementor-element.elementor-element-542c59e9 > .elementor-container{max-width:500px;}.elementor-7326 .elementor-element.elementor-element-542c59e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7326 .elementor-element.elementor-element-542c59e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7326 .elementor-element.elementor-element-1ff557b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-element-populated, .elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-element-populated > .elementor-background-overlay, .elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-element-populated{box-shadow:0px 0px 3px 2px rgba(95.56513043478256, 11.22000000000001, 224.4, 0.58) inset;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:22px 22px 22px 22px;}.elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7326 .elementor-element.elementor-element-662ce39 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;}.elementor-7326 .elementor-element.elementor-element-258196b{font-size:15px;}.elementor-7326 .elementor-element.elementor-element-ad6f39d.elementor-element{--align-self:flex-start;}.elementor-7326 .elementor-element.elementor-element-0b72b10 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7326 .elementor-element.elementor-element-0b72b10 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7326 .elementor-element.elementor-element-0b72b10 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7326 .elementor-element.elementor-element-0b72b10{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7326 .elementor-element.elementor-element-0b72b10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7326 .elementor-element.elementor-element-0b72b10 .elementor-icon-list-item > a{font-size:15px;}.elementor-7326 .elementor-element.elementor-element-0b72b10 .elementor-icon-list-text{color:#424242;transition:color 0.3s;}.elementor-7326 .elementor-element.elementor-element-44dd20ce{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;bottom:-0.303%;}body:not(.rtl) .elementor-7326 .elementor-element.elementor-element-44dd20ce{right:6.768%;}body.rtl .elementor-7326 .elementor-element.elementor-element-44dd20ce{left:6.768%;}.elementor-7326 .elementor-element.elementor-element-2b780139{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;bottom:1.182%;}body:not(.rtl) .elementor-7326 .elementor-element.elementor-element-2b780139{left:0.179%;}body.rtl .elementor-7326 .elementor-element.elementor-element-2b780139{right:0.179%;}.elementor-7326 .elementor-element.elementor-element-1bba2e6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-7326 .elementor-element.elementor-element-1ff557b{width:58%;}}@media(max-width:1024px){.elementor-7326 .elementor-element.elementor-element-827c287:not(.elementor-motion-effects-element-type-background), .elementor-7326 .elementor-element.elementor-element-827c287 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-7326 .elementor-element.elementor-element-827c287{padding:120px 0px 0px 0px;}body:not(.rtl) .elementor-7326 .elementor-element.elementor-element-44dd20ce{right:1%;}body.rtl .elementor-7326 .elementor-element.elementor-element-44dd20ce{left:1%;}.elementor-7326 .elementor-element.elementor-element-2b780139{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;bottom:7%;}body:not(.rtl) .elementor-7326 .elementor-element.elementor-element-2b780139{left:0%;}body.rtl .elementor-7326 .elementor-element.elementor-element-2b780139{right:0%;}}@media(max-width:767px){.elementor-7326 .elementor-element.elementor-element-827c287:not(.elementor-motion-effects-element-type-background), .elementor-7326 .elementor-element.elementor-element-827c287 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-7326 .elementor-element.elementor-element-827c287{padding:0px 0px 0px 0px;}.elementor-7326 .elementor-element.elementor-element-1ff557b{width:100%;}.elementor-7326 .elementor-element.elementor-element-1ff557b > .elementor-element-populated{padding:19px 19px 19px 19px;}}/* Start custom CSS for column, class: .elementor-element-1ff557b */<style>
  /* General Reset */
  .notice-box *,
  .popup *,
  .popup-btn {
    font-family: 'Segoe UI', sans-serif;
  }

  /* Center Alignment */
  .popup-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px auto;
    max-width: 1000px;
  }

  /* Button Style */
  .popup-btn {
    background: linear-gradient(to right, #1565c0, #42a5f5);
    border: none;
    padding: 12px 28px;
    color: white;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  }

  .popup-btn:hover {
    transform: scale(1.05);
    background: linear-gradient(to right, #1e88e5, #64b5f6);
  }

  /* Checkbox Toggle */
  #popup-toggle {
    display: none;
  }

  /* Popup Modal Background */
  .popup {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  /* Show Popup */
  #popup-toggle:checked + .popup {
    display: flex;
  }

  /* Popup Content Styling */
  .popup-content {
    background: #e3f2fd;
    border: 2px solid #2196f3;
    padding: 30px;
    max-width: 500px;
    width: 90%;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    position: relative;
    color: #0d47a1;
    animation: popupFadeIn 0.5s ease;
  }

  .popup-content h3 {
    margin-top: 0;
    font-size: 22px;
    color: #1565c0;
  }

  .popup-content p {
    margin: 10px 0;
    line-height: 1.6;
  }

  .popup-content strong {
    color: #0d47a1;
  }

  .close-popup {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 22px;
    cursor: pointer;
    color: #1565c0;
    transition: 0.3s;
  }

  .close-popup:hover {
    color: #0d47a1;
  }

  /* Animation */
  @keyframes popupFadeIn {
    0% {
      opacity: 0;
      transform: scale(0.8);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
</style>

<!-- 📦 Button + Popup Wrapper -->
<div class="popup-container">
  <!-- Trigger Button -->
  <label for="popup-toggle" class="popup-btn">📢 Payment Instructions</label>
</div>

<!-- 🔘 Toggle Checkbox -->
<input type="checkbox" id="popup-toggle" hidden>

<!-- 🧾 Popup Modal -->
<div class="popup">
  <div class="popup-content">
    <label for="popup-toggle" class="close-popup">&times;</label>
    <h3>📌 Payment Instructions</h3>
    <p>📢 We currently accept only <strong>Easypaisa</strong> & <strong>JazzCash</strong>.</p>
    <p>📝 Fill in all required details during checkout.</p>
    <p>💰 Pay to the number shown for your selected method.</p>
    <p>🔢 Enter the <strong>Transaction ID (TID)</strong> to confirm.</p>
    <p>✅ Verified orders will be delivered via <strong>WhatsApp</strong> shortly.</p>
  </div>
</div>/* End custom CSS */