.elementor-3400 .elementor-element.elementor-element-f1945bc{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3400 .elementor-element.elementor-element-760d3a4{--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;}.elementor-3400 .elementor-element.elementor-element-760d3a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-8213623{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:13px;--padding-right:0px;}.elementor-3400 .elementor-element.elementor-element-8213623.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-1b4210f .elementor-icon-list-icon{width:14px;}.elementor-3400 .elementor-element.elementor-element-1b4210f .elementor-icon-list-icon i{font-size:14px;}.elementor-3400 .elementor-element.elementor-element-1b4210f .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3400 .elementor-element.elementor-element-d5b0c57{width:100%;max-width:100%;}.elementor-3400 .elementor-element.elementor-element-6f0cdbc{--display:flex;--border-radius:8px 8px 8px 8px;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-3400 .elementor-element.elementor-element-6f0cdbc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-5939a68 .current-progress{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-3400 .elementor-element.elementor-element-5939a68{--horizontal-progress-border:none;--horizontal-height:5px;--horizontal-border-style:none;}.elementor-3400 .elementor-element.elementor-element-754cc4a{padding:0px 20px 0px 0px;font-size:18px;}.elementor-3400 .elementor-element.elementor-element-b6a4f36{--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;--gap:75px 0px;--row-gap:75px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3400 .elementor-element.elementor-element-b6a4f36.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-8816e20{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3400 .elementor-element.elementor-element-020ae72{--box-min-height:0px;width:var( --container-widget-width, 98.845% );max-width:98.845%;padding:0px 0px 0px 0px;--container-widget-width:98.845%;--container-widget-flex-grow:0;z-index:1;--box-border-width:1px;--box-border-radius:12px;--separator-width:0px;--item-text-decoration:underline;--item-text-hover-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-020ae72.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-020ae72 .elementor-toc__spinner{color:#000000;fill:#000000;}.elementor-3400 .elementor-element.elementor-element-020ae72 .elementor-toc__header-title{text-align:start;}.elementor-3400 .elementor-element.elementor-element-bb5c279{--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;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-3400 .elementor-element.elementor-element-bb5c279.e-con{--order:-99999 /* order start hack */;}.elementor-3400 .elementor-element.elementor-element-de72ea4{--display:flex;--margin-top:5px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;}.elementor-3400 .elementor-element.elementor-element-f38b03f{--display:flex;}.elementor-3400 .elementor-element.elementor-element-684e998{--display:flex;}.elementor-3400 .elementor-element.elementor-element-a4d55a9{--display:flex;}.elementor-3400 .elementor-element.elementor-element-f8b3f8e{--display:flex;}.elementor-3400 .elementor-element.elementor-element-fd1553d{--display:flex;}.elementor-3400 .elementor-element.elementor-element-cbe79ae{--n-accordion-title-font-size:1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-icon-size:15px;--n-accordion-icon-gap:27px;}:where( .elementor-3400 .elementor-element.elementor-element-cbe79ae > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-3400 .elementor-element.elementor-element-b70303a{--display:flex;}.elementor-3400 .elementor-element.elementor-element-e40ce88{--display:flex;}@media(max-width:767px){.elementor-3400 .elementor-element.elementor-element-f1945bc{--content-width:1200px;}.elementor-3400 .elementor-element.elementor-element-d5b0c57{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -7px;padding:0px 0px 0px 0px;}.elementor-3400 .elementor-element.elementor-element-d5b0c57 img{max-width:100%;}.elementor-3400 .elementor-element.elementor-element-6f0cdbc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}}@media(min-width:768px){.elementor-3400 .elementor-element.elementor-element-f1945bc{--content-width:1200px;}.elementor-3400 .elementor-element.elementor-element-760d3a4{--width:61.591%;}.elementor-3400 .elementor-element.elementor-element-8213623{--width:80.051%;}.elementor-3400 .elementor-element.elementor-element-6f0cdbc{--width:100%;}.elementor-3400 .elementor-element.elementor-element-b6a4f36{--width:41%;}.elementor-3400 .elementor-element.elementor-element-8816e20{--width:100%;}}/* Start custom CSS for table-of-contents, class: .elementor-element-020ae72 *//* Styling for all sections that have been reached/passed */
.elementor-toc__list-item a.elementor-item-active {
    color: #31A5D8 !important; /* Your brand blue */
    opacity: 1 !important;
    font-weight: 600;
}

/* Optional: Add a checkmark to 'completed' items to make it look like a checklist */
.elementor-toc__list-item.is-completed a::before {
    content: '✓ ';
    color: #10b981; /* A nice success green */
    margin-right: 5px;
    font-weight: bold;
}

/* Keep the unread sections slightly faded to show progress */
.elementor-toc__list-item a:not(.elementor-item-active) {
    opacity: 0.5;
}
/* Force the active color to stay for everything we've tagged */
.elementor-toc__list-item a.elementor-item-active,
.elementor-toc__list-item a.is-sticky-active {
    color: #31A5D8 !important; /* Your UniqLabs blue */
    opacity: 1 !important;
    font-weight: bold !important;
    transition: color 0.3s ease;
}

/* Optional: Make unread links look slightly 'dimmed' so the blue stands out */
.elementor-toc__list-item a:not(.elementor-item-active) {
    color: #666 !important;
    opacity: 0.6;
}
/* Adjust the 100px to match the height of your header */
h2, h3 {
    scroll-margin-top: 100px; 
}
/* Force every 'completed' link to stay your brand blue */
.elementor-toc__list-item a.uniqlabs-completed {
    color: #31A5D8 !important; 
    opacity: 1 !important;
    font-weight: 600 !important;
}

/* Optional: Fade the ones not yet reached to emphasize the progress */
.elementor-toc__list-item a:not(.uniqlabs-completed) {
    opacity: 0.5;
    color: #333 !important;
}

/* Optional: Add the checkmark back for that "Lesson Completed" feel */
.elementor-toc__list-item a.uniqlabs-completed::before {
    content: '✓ ';
    color: #10b981;
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de72ea4 *//* 1. Style each item as a separate card */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item {
    border: none !important;
    margin-bottom: 20px !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease-in-out;
}

/* 2. Style the Question bar (The 'Summary') */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item-title {
    background-color: #F9FAFB !important; /* Light Grey Header */
    padding: 20px !important;
    display: flex;
    align-items: center;
}

/* 3. Style the Title text */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item-title-text {
    color: #003399 !important; /* UniqLabs Blue */
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* 4. Style the Content area (The 'Answer') */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item > .e-con {
    padding: 25px !important;
    background-color: #ffffff !important;
    line-height: 1.7 !important;
    color: #444444 !important;
}

/* 5. Hover lift effect */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item:hover {
    transform: translateY(-5px);
}

/* 6. Active state styling */
.elementor-3400 .elementor-element.elementor-element-de72ea4 .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-bottom: 1px solid #eeeeee !important;
}/* End custom CSS */
/* Start custom CSS *//* Force the sticky container to stay on a lower layer */
body.elementor-page-3400 {
    z-index: 1 !important;
}

/* Ensure the header stays on top (just in case) */
header, #masthead, .your-custom-header-class {
    z-index: 9999 !important;
}/* End custom CSS */