.elementor-5558 .elementor-element.elementor-element-9310a30{--display:flex;--background-transition:0.3s;}.elementor-5558 .elementor-element.elementor-element-e8ec29b{width:var( --container-widget-width, 1100px );max-width:1100px;--container-widget-width:1100px;--container-widget-flex-grow:0;}.elementor-5558 .elementor-element.elementor-element-e8ec29b.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-5558 .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 *//* ==== ICON CENTERING FIX ==== */
.clean.clean--premium .icon-ring {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background:transparent;
}

.clean.clean--premium .icon-ring::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:var(--accent, linear-gradient(135deg,#E5E7EB,#CBD5E1));
  box-shadow:0 6px 16px rgba(2,12,27,.12), inset 0 0 0 1px rgba(255,255,255,.35);
  z-index:0;
}

.clean.clean--premium .icon {
  position:relative;
  z-index:1;
  display:block;
  width:28px;
  height:28px;
  color:#fff;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12));
  transform:translateY(-1px); /* optical centering tweak */
}/* End custom CSS */