.elementor-4313 .elementor-element.elementor-element-1716e28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4313 .elementor-element.elementor-element-1e09204{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-1e09204 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-deaa543{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-deaa543 .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-deaa543 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-aaaece3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-aaaece3 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-063246e{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-063246e .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-063246e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-b10c95f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-b10c95f p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-ee8894f{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-ee8894f .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-ee8894f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-76346c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-76346c1 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-7490b06 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-ab2f253{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-ab2f253 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-df71b9c{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-df71b9c .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-df71b9c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-d2c929e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-d2c929e p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-5b557ca img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-6212c86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-6212c86 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-0aa1ec7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-0aa1ec7 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-930b2e1{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-930b2e1 .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-930b2e1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-4b7b7d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-4b7b7d0 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-fdb9bbd img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-d1bc894{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-d1bc894 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-99442f8{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-99442f8 .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-99442f8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-83c8d24{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-83c8d24 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-a27aa9a img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-a1b2601{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-a1b2601 .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-a1b2601 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-a970e55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-a970e55 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-110aa30 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-84cf658{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-84cf658 .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-84cf658 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-63a0d5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-63a0d5f p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-9dddc47 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-4313 .elementor-element.elementor-element-d3ccd9c{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-d3ccd9c .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-d3ccd9c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-ceba465{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-ceba465 p{margin-block-end:0.5em;}.elementor-4313 .elementor-element.elementor-element-5ddefce{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4313 .elementor-element.elementor-element-5ddefce .elementor-divider-separator{width:100%;}.elementor-4313 .elementor-element.elementor-element-5ddefce .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4313 .elementor-element.elementor-element-1a8ff5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4313 .elementor-element.elementor-element-1a8ff5b p{margin-block-end:0.5em;}/* Start custom CSS for text-editor, class: .elementor-element-aaaece3 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b10c95f *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-76346c1 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ab2f253 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d2c929e *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6212c86 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0aa1ec7 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4b7b7d0 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d1bc894 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c8d24 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a970e55 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63a0d5f *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ceba465 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1a8ff5b *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */