.elementor-14545 .elementor-element.elementor-element-1194914{--display:flex;}.elementor-14545 .elementor-element.elementor-element-5eb18a5 .elementor-toc__header-title{text-align:start;}.elementor-14545 .elementor-element.elementor-element-5eb18a5 .elementor-toc__header{flex-direction:row;}.elementor-14545 .elementor-element.elementor-element-5eb18a5{--item-text-hover-decoration:underline;}.elementor-14545 .elementor-element.elementor-element-01ad163 .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-14545 .elementor-element.elementor-element-01ad163 .elementor-button:hover, .elementor-14545 .elementor-element.elementor-element-01ad163 .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-14545 .elementor-element.elementor-element-5d159ac{--display:flex;}.elementor-14545 .elementor-element.elementor-element-1c04c18{--display:flex;}.elementor-14545 .elementor-element.elementor-element-823eacd{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-14545 .elementor-element.elementor-element-91186da{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-14545 .elementor-element.elementor-element-2726b8f{--grid-columns:1;}.elementor-14545 .elementor-element.elementor-element-0412064{--spacer-size:50px;}.elementor-14545 .elementor-element.elementor-element-1ad31c0{--display:flex;}.elementor-14545 .elementor-element.elementor-element-e98cb4a{--spacer-size:50px;}.elementor-14545 .elementor-element.elementor-element-7e1df1d .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-14545 .elementor-element.elementor-element-7e1df1d .elementor-button:hover, .elementor-14545 .elementor-element.elementor-element-7e1df1d .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:991px){.elementor-14545 .elementor-element.elementor-element-2726b8f{--grid-columns:2;}}@media(max-width:767px){.elementor-14545 .elementor-element.elementor-element-2726b8f{--grid-columns:1;}}/* Start custom CSS for table-of-contents, class: .elementor-element-5eb18a5 *//* --- Floating TOC container positioning --- */
#floating-toc {
  position: fixed;
  top: 50%;                 /* Vertical position of the tab */
  left: 0;                  /* Attach to the left screen edge */
  z-index: 9999;
  cursor: pointer;
  overflow: visible;
}

/* --- Vertical "Content" tab (small and slim) --- */
#floating-toc::before {
  content: "Content";
  display: flex;
  align-items: center;
  justify-content: center;

  /* Colour and typography */
  background: #ffffff;
  color: #00248C;
  font-weight: 600;
  font-size: 13px;          /* Tab text size */
  letter-spacing: 0.5px;

  /* Tab size: smaller and slimmer */
  width: 23px;              /* Tab width from the page edge */
  height: 110px;            /* Tab height */

  /* Vertical text settings */
  writing-mode: vertical-rl;
  text-orientation: mixed;

  /* Rounded inner edge like a tab */
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  border: 1px solid #e5e5e5;
}

/* --- Expanded TOC content (bigger and taller) --- */
#floating-toc .elementor-widget-container {
  position: absolute;
  top: 50%;
  left: 25px;               /* Horizontal distance from the tab to the TOC box */
  transform: translateY(-50%) translateX(10px);

  /* Size of the TOC box */
  min-width: 400px;         /* Wider TOC panel */
  min-height: 400px;        /* Minimum height so more is visible */
  max-height: 90vh;         /* Almost full viewport height */
  overflow: auto;

  background: #fff;
  border-radius: 10px;
  padding: 22px;            /* Inner spacing of the TOC box */
  box-shadow: 0 8px 25px rgba(0,0,0,0.18);

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* --- Keep TOC visible when hovering tab or the TOC box itself --- */
#floating-toc:hover .elementor-widget-container,
#floating-toc .elementor-widget-container:hover {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

/* --- Optional responsive adjustment --- */
@media (max-width: 768px) {
  #floating-toc {
    top: 40%;
  }
}/* End custom CSS */