.elementor-17331 .elementor-element.elementor-element-b480b0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;--overlay-opacity:1;}.elementor-17331 .elementor-element.elementor-element-b480b0a:not(.elementor-motion-effects-element-type-background), .elementor-17331 .elementor-element.elementor-element-b480b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00CCCC;}.elementor-17331 .elementor-element.elementor-element-b480b0a::before, .elementor-17331 .elementor-element.elementor-element-b480b0a > .elementor-background-video-container::before, .elementor-17331 .elementor-element.elementor-element-b480b0a > .e-con-inner > .elementor-background-video-container::before, .elementor-17331 .elementor-element.elementor-element-b480b0a > .elementor-background-slideshow::before, .elementor-17331 .elementor-element.elementor-element-b480b0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-17331 .elementor-element.elementor-element-b480b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-476a1a44 );--background-overlay:'';}.elementor-17331 .elementor-element.elementor-element-016fbdc{width:100%;max-width:100%;}.elementor-17331 .elementor-element.elementor-element-016fbdc > .elementor-widget-container{margin:0px 0px 29px 0px;}.elementor-17331 .elementor-element.elementor-element-13eedf9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-17331 .elementor-element.elementor-element-7233db3{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-17331 .elementor-element.elementor-element-7233db3 .elementor-image-box-wrapper{text-align:left;}.elementor-17331 .elementor-element.elementor-element-7233db3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17331 .elementor-element.elementor-element-7233db3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17331 .elementor-element.elementor-element-7233db3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17331 .elementor-element.elementor-element-7233db3 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-17331 .elementor-element.elementor-element-7233db3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-17331 .elementor-element.elementor-element-3e0c35e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-17331 .elementor-element.elementor-element-3e0c35e .elementor-divider-separator{width:100%;}.elementor-17331 .elementor-element.elementor-element-3e0c35e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17331 .elementor-element.elementor-element-d11cb9e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:-57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17331 .elementor-element.elementor-element-03da679{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-17331 .elementor-element.elementor-element-9da826d{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}@media(max-width:1150px){.elementor-17331 .elementor-element.elementor-element-d11cb9e{--flex-wrap:wrap;}.elementor-17331 .elementor-element.elementor-element-03da679{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-17331 .elementor-element.elementor-element-9da826d{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-17331 .elementor-element.elementor-element-7233db3 .elementor-image-box-img{margin-bottom:15px;}.elementor-17331 .elementor-element.elementor-element-03da679{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-17331 .elementor-element.elementor-element-9da826d{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}/* Start custom CSS for html, class: .elementor-element-9da826d *//* ============================================
   TABLE OF CONTENTS WIDGET - CSS
   Add this to Appearance > Customize > Additional CSS
   or in Elementor Page Settings > Advanced > Custom CSS
   ============================================ */

/* Main Widget Container */
.cp-toc-widget {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Header Section */
.cp-toc-header {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid #dee2e6;
}

.cp-toc-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.3;
}

.cp-toc-read-time {
  display: block;
  font-size: 0.875rem;
  color: #6c757d;
  font-weight: 500;
}

/* Navigation Container */
.cp-toc-nav {
  padding: 0;
  margin: 0;
}

/* List Styles */
.cp-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cp-toc-item {
  margin-bottom: 5px;
}

/* Link Styles */
.cp-toc-link {
  display: block;
  padding: 10px 12px;
  color: #495057;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
  border-radius: 4px;
}

.cp-toc-link:hover {
  background: #e9ecef;
  border-left-color: #0f43b3;
  color: #0f43b3;
  padding-left: 16px;
}

.cp-toc-link.cp-toc-active {
  background: #e7f1ff;
  border-left-color: #0f43b3;
  color: #0f43b3;
  font-weight: 600;
}

/* Empty State */
.cp-toc-empty {
  color: #6c757d;
  font-size: 0.875rem;
  font-style: italic;
  margin: 0;
  padding: 10px 0;
}

/* Scrollbar Styling (Optional) */
.cp-toc-widget::-webkit-scrollbar {
  width: 6px;
}

.cp-toc-widget::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.cp-toc-widget::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.cp-toc-widget::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .cp-toc-widget {
    position: relative;
    top: 0;
    max-height: none;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .cp-toc-widget {
    margin-bottom: 20px;
  }
  
  .cp-toc-title {
    font-size: 1.1rem;
  }
  
  .cp-toc-link {
    font-size: 0.85rem;
    padding: 8px 10px;
  }
  
  .cp-toc-link:hover {
    padding-left: 14px;
  }
}

/* Print Styles */
@media print {
  .cp-toc-widget {
    display: none;
  }
}/* End custom CSS */