.elementor-251411 .elementor-element.elementor-element-24199c73{--display:flex;--min-height:229px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-251411 .elementor-element.elementor-element-24199c73:not(.elementor-motion-effects-element-type-background), .elementor-251411 .elementor-element.elementor-element-24199c73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFD9;}.elementor-251411 .elementor-element.elementor-element-73a877fc{text-align:center;}.elementor-251411 .elementor-element.elementor-element-73a877fc .elementor-heading-title{font-size:45px;color:#020101;}.elementor-251411 .elementor-element.elementor-element-3fb0921{text-align:center;letter-spacing:2.3px;color:#858585;}.elementor-251411 .elementor-element.elementor-element-1ea6bb10 > .elementor-widget-container{margin:-28px 0px 0px 0px;}.elementor-251411 .elementor-element.elementor-element-1ea6bb10{--lottie-container-width:62%;}.elementor-251411 .elementor-element.elementor-element-51db248b{--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:center;}.elementor-251411 .elementor-element.elementor-element-4cf454e6{--e-filter-direction:column;--e-filter-white-space:initial;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-filter-align-items:center;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:center;}.elementor-251411 .elementor-element.elementor-element-4cf454e6 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-251411 .elementor-element.elementor-element-4cf454e6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-251411 .elementor-element.elementor-element-4cf454e6 .e-filter-item{padding:5px 5px 5px 5px;}.elementor-251411 .elementor-element.elementor-element-f70a309{--grid-columns:3;--grid-row-gap:25px;width:var( --container-widget-width, 83.22% );max-width:83.22%;--container-widget-width:83.22%;--container-widget-flex-grow:0;--grid-column-gap:25px;}.elementor-251411 .elementor-element.elementor-element-f70a309.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination{text-align:center;margin-top:20px;}.elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination a.page-numbers:hover{color:#7D675E;}.elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination .page-numbers.current{color:#858585;}body:not(.rtl) .elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-251411 .elementor-element.elementor-element-f70a309 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}.elementor-251411 .elementor-element.elementor-element-3c480710{--display:flex;}.elementor-251411 .elementor-element.elementor-element-09181a8{--spacer-size:200px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-251411 .elementor-element.elementor-element-f70a309{--grid-columns:2;}}@media(min-width:768px){.elementor-251411 .elementor-element.elementor-element-24199c73{--width:44%;}.elementor-251411 .elementor-element.elementor-element-51db248b{--content-width:1400px;}.elementor-251411 .elementor-element.elementor-element-3c480710{--content-width:1200px;}}@media(max-width:767px){.elementor-251411 .elementor-element.elementor-element-24199c73{--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-251411 .elementor-element.elementor-element-f70a309{--grid-columns:1;}.elementor-251411 .elementor-element.elementor-element-09181a8{--spacer-size:100px;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-4cf454e6 *//* 1. Target the taxonomy filter widget wrapper */
.loop-dropdown-filter {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers the button above the grid */
    margin-bottom: 20px;
    z-index: 999;
}

/* 2. Hide Elementor's native vertical list and style the dropdown container */
.loop-dropdown-filter .e-filter {
    display: none !important; /* Hidden until clicked */
    position: absolute;
    top: 50px; 
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border: 1px solid #eaeaea;
    flex-direction: column;
    min-width: 220px;
    padding: 15px 0;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.04);
}

/* 3. The class the JavaScript toggles to show the menu */
.loop-dropdown-filter .e-filter.is-open {
    display: flex !important;
}

/* 4. Style the individual taxonomy filter items */
.loop-dropdown-filter .e-filter-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 24px;
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    background: transparent;
    border: none;
    transition: background-color 0.3s ease;
}

.loop-dropdown-filter .e-filter-item:hover,
.loop-dropdown-filter .e-filter-item[aria-pressed="true"] {
    background-color: #f7f7f7;
    color: #000000;
}

/* 5. Style the new Toggle Button we are injecting via JS */
.loop-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border: 1px solid #333333;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 220px;
    transition: all 0.3s ease;
}

.loop-filter-toggle:hover {
    background: #f7f7f7;
}

/* 1. Force the dropdown container to clip anything that spills over */
.elementor-251411 .elementor-element.elementor-element-4cf454e6 .e-filter {
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. Ensure the individual items don't have margins pushing them out */
.elementor-251411 .elementor-element.elementor-element-4cf454e6 .e-filter-item {
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
   
    /* Optional: If you want to ensure the text doesn't touch the very edges, 
       adjust this padding to your liking */
    padding-left: 15px !important; 
    padding-right: 15px !important;
}/* End custom CSS */