.elementor-4826 .elementor-element.elementor-element-7b80afa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4826 .elementor-element.elementor-element-7b80afa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#170E0E00;}.elementor-4826 .elementor-element.elementor-element-7b80afa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4826 .elementor-element.elementor-element-7b80afa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}#elementor-popup-modal-4826{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4826 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4826 .dialog-close-button{display:flex;}#elementor-popup-modal-4826 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-54dc5ab *//* Container */
.wa-popup {
  display: grid;
  place-items: center;
  padding: 0; /* no extra gap around the card */
  height: 100%;
}

/* Main card box */
.wa-card {
  background: #000000;       /* black background */
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  padding: 32px 24px 24px;   /* more top padding so text doesn't clash with X */
  text-align: center;        /* center content for better balance with X */
  width: 100%;               /* fit widget width exactly */
  height: 100%;              /* fill popup widget height */
  box-sizing: border-box;
  color: #ffffff;            /* default text white */
  position: relative;        /* so the close button can anchor inside */
}

/* Badge */
.wa-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  background: rgba(255,255,255,0.1); /* subtle translucent badge */
  color: #ffffff;
  border-radius: 999px;
  padding: 6px 10px;
  margin-bottom: 12px;
}

/* Title */
.wa-title {
  font-size: clamp(22px, 3.5vw, 28px);
  line-height: 1.25;
  margin: 0 0 12px 0;
  font-weight: 700;       /* bold */
  color: #d4af37;         /* gold */
}

/* Subtitle / description */
.wa-sub {
  color: #ffffff;         /* white text */
  margin: 0 0 12px 0;
}

/* Benefits list */
.wa-benefits {
  margin: 0 0 18px 0;
  padding: 0 0 0 18px;
  color: #ffffff;         /* white list items */
  text-align: left;       /* keep bullets aligned left */
}
.wa-benefits li { margin: 6px 0; }

/* Primary button */
.wa-btn {
  display: block;
  text-align: center;
  background: #25D366;     /* WhatsApp green */
  color: #000000;          /* black text for contrast */
  font-weight: 700;
  border-radius: 999px;
  padding: 12px 24px;
  transition: transform .08s ease, box-shadow .2s ease, background .15s ease;
  box-shadow: 0 6px 16px rgba(37,211,102,.35);
  border: 2px solid transparent;
  margin: 16px auto;
  max-width: max-content;
}

.wa-btn:hover { transform: translateY(-1px); }
.wa-btn:active { transform: translateY(0); }
.wa-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,211,102,.35);
}

.wa-icon { display: inline-block; }

/* Secondary action */
.wa-secondary {
  display: block;
  margin: 12px auto 0;
  background: transparent;
  border: none;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 10px;
  text-align: center;
}
.wa-secondary:hover { color: #d4af37; } /* gold hover */

/* Fine print */
.wa-note {
  font-size: 12px;
  color: #ffffff;
  margin-top: 12px;
  text-align: center;
}

/* Responsive */
@media (max-width: 480px) {
  .wa-card { 
    padding: 28px 18px 18px; 
    border-radius: 16px; 
  }
  .wa-btn { width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3158f68 *//* Remove gray overlay behind popup */
dialog.elementor-popup-modal {
  background: transparent !important;
}

/* Optional: remove white box too */
.elementor-popup-modal .dialog-widget-content {
  background: none !important;
  box-shadow: none !important;
}


/* Style and position the popup close (X) button */
.elementor-popup-modal .dialog-close-button {
  color: #d4af37 !important;       /* gold X */
  font-size: 22px;
  opacity: 0.9;
  transition: opacity 0.2s ease, transform 0.2s ease;

  /* position tweaks */
  position: absolute !important;
  top: 24px !important;   /* push it further down */
  right: 24px !important; /* move it left (increase value to shift more) */
}

.elementor-popup-modal .dialog-close-button:hover {
  opacity: 1;
  transform: scale(1.1);
  color: #ffd700 !important;       /* brighter gold on hover */
}/* End custom CSS */