.elementor-3465 .elementor-element.elementor-element-76736945{--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;--justify-content:center;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3465 .elementor-element.elementor-element-76736945:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-76736945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://collab-projects.com/wp-content/uploads/2025/12/collab_aqua_purple.png");}.elementor-3465 .elementor-element.elementor-element-76736945::before, .elementor-3465 .elementor-element.elementor-element-76736945 > .elementor-background-video-container::before, .elementor-3465 .elementor-element.elementor-element-76736945 > .e-con-inner > .elementor-background-video-container::before, .elementor-3465 .elementor-element.elementor-element-76736945 > .elementor-background-slideshow::before, .elementor-3465 .elementor-element.elementor-element-76736945 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3465 .elementor-element.elementor-element-76736945 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #D55BC294 0%, var( --e-global-color-astglobalcolor5 ) 100%);}.elementor-3465 .elementor-element.elementor-element-b9f9889{--display:flex;--min-height:15vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-3465 .elementor-element.elementor-element-3a4a4424 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-3465 .elementor-element.elementor-element-3a4a4424.elementor-element{--align-self:flex-start;}.elementor-3465 .elementor-element.elementor-element-3a4a4424{text-align:start;}.elementor-3465 .elementor-element.elementor-element-3a4a4424 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:3px 3px 5px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor5 );}.elementor-3465 .elementor-element.elementor-element-49d2c1 > .elementor-widget-container{padding:5px 10px 5px 10px;}.elementor-3465 .elementor-element.elementor-element-49d2c1.elementor-element{--align-self:flex-start;}.elementor-3465 .elementor-element.elementor-element-49d2c1{text-align:start;}.elementor-3465 .elementor-element.elementor-element-49d2c1 .elementor-heading-title{text-transform:capitalize;color:var( --e-global-color-astglobalcolor2 );}.elementor-3465 .elementor-element.elementor-element-875b50f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3465 .elementor-element.elementor-element-95897d2 > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-3465 .elementor-element.elementor-element-f5099d6{--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-3465 .elementor-element.elementor-element-a3ddfdd > .elementor-widget-container{padding:20px 20px 20px 20px;}/* Start custom CSS *//* 1. Base Container */
#sidebar-list .e-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 2. The Base Item */
#sidebar-list .e-filter-item {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 0 !important;
    color: #333 !important;
    cursor: pointer;
    text-decoration: none !important;
}

/* 3. The "Unticked" Box (Always Visible) */
#sidebar-list .e-filter-item::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #69727d; 
    border-radius: 3px;
    margin-right: 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
    background-color: #fff;
    box-sizing: border-box;
}

/* 4. The "Ticked" State (Targets the aria-pressed attribute) */
#sidebar-list .e-filter-item[aria-pressed="true"]::before {
    background-color: #000 !important; /* Box fill color */
    border-color: #000 !important;
    content: '✓' !important; /* The checkmark */
    color: #fff !important;    /* Checkmark color */
    font-size: 12px;
    font-weight: bold;
}

/* 5. Highlight the text of the selected item */
#sidebar-list .e-filter-item[aria-pressed="true"] {
    color: #000 !important;
    font-weight: 600;
}

/* 6. Hover effect */
#sidebar-list .e-filter-item:hover::before {
    border-color: #000;
}/* End custom CSS */