.elementor-5736 .elementor-element.elementor-element-9310a30{--display:flex;--background-transition:0.3s;}.elementor-5736 .elementor-element.elementor-element-e8ec29b{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-5736 .elementor-element.elementor-element-e8ec29b.elementor-element{--align-self:center;}.elementor-5736 .elementor-element.elementor-element-a0f79a7{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-5736 .elementor-element.elementor-element-a0f79a7.elementor-element{--align-self:center;}.elementor-5736 .elementor-element.elementor-element-6f09700{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-5736 .elementor-element.elementor-element-6f09700.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-343845b *//* Desktop-only: keep CTA and Chatbase perfectly aligned */
@media (min-width: 1024px){
  :root{
    --bubble-right: 24px;  /* Chatbase bubble’s offset from right */
    --bubble-bottom: 24px; /* Bubble's offset from bottom (baseline) */
    --gap: 72px;           /* horizontal space between bubble and CTA */
  }

  /* Sticky CTA: same baseline, shifted left by --gap */
  .sticky-cta{
    position: fixed;
    right: calc(var(--bubble-right) + var(--gap));
    bottom: var(--bubble-bottom);
    z-index: 50;
  }

  /* (Optional) Make sure Chatbase keeps the same baseline/right edge.
     These .elementor-5736 .elementor-element.elementor-element-343845bs are defensive and only apply if Chatbase changes inline styles. */
  #chatbase-bubble-button,
  .chatbase-bubble-button,
  .chatbase-bubble-container,
  iframe[id^="chatbase"],
  iframe[title*="Chatbase"],
  iframe[src*="chatbase.co"]{
    bottom: var(--bubble-bottom) !important;
    right: var(--bubble-right) !important;
    z-index: 99998 !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* --- BIMS Pricing – polish overrides for the shortcode output --- */

/* 1) Delivery row: let the green highlight run edge‑to‑edge and tint the dots */
.bims-pricing .row.is-ok { position: relative; }
.bims-pricing .row.is-ok .row__text { background: transparent; }
.bims-pricing .row.is-ok .row__label:after { color: rgba(5,150,105,.35); }  /* greenish leaders */
.bims-pricing .row.is-ok .row__price { color: #059669; }

/* 2) Precision numerals so prices line up perfectly */
.bims-pricing,
.bims-pricing .row__price {
  font-variant-numeric: tabular-nums lining-nums;
  -webkit-font-feature-settings: "tnum" 1, "lnum" 1;
          font-feature-settings: "tnum" 1, "lnum" 1;
}

/* 3) Softer dot leaders (less visual noise) */
.bims-pricing .row__label:after {
  color: #e5e7eb;      /* lighter */
  opacity: .7;         /* softer */
  letter-spacing: 2px;
}

/* 4) Card treatment + spacing */
.bims-pricing .panel {
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(2,12,27,.08);
  border: 1px solid rgba(15,28,46,.06);
}
.bims-pricing .row { padding: 14px 0; }

/* 5) Mobile CTAs: full width */
@media (max-width:540px){
  .bims-pricing .pricing-cta .btn { flex: 1 1 100%; justify-content: center; }
}

/* Optional: subtle left accent on highlighted row */
.bims-pricing .row.is-ok::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:#10b981; opacity:.25; border-radius:6px 0 0 6px;
}/* End custom CSS */