/* Container to hold the image and the dots */
.image-container {
    position: relative;
    display: inline-block; /* Or 'block' depending on your layout */
}

/* Style for the red dots */
.red-dot {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 50%;
    cursor: pointer;
}

/* Tooltip styling */
.tooltip {
    display: none;
    position: absolute;
    background-color: black;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}

/* Show tooltip when hovering over a dot */
.red-dot:hover .tooltip {
    display: block;
}



.wcpf-button-action-reset {display:none !important;}
.active-filter,
.clear-all-filters{
    font-size:14px !important;
    color:#000 !important;
    text-transform:capitalize !important;
    padding: 0;
}
.active-filter:hover,
.clear-all-filters:hover {
    background-color: #fff !important;
}
.filter-buttons img {
    display:none;
}

.filter-buttons .active img {
    display: none;
}
#block-4 > p:first-of-type {
    display:none;
}
.clear-all-filters {
    clear:both;
    width:100%;text-align:left;
}

.popular-filters {
    background: #fff !important;
    position: absolute;
    left: 40%;
    margin-top:3rem;
}

.data-here .active-filter img {
    float:left;
    margin-right:5px;
    width: 8px;
    margin-top: 4px;
}
.popular-filters a {
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    border: solid 1px #004078;
    color: #004078;
    margin-right: 1rem;
}

.popular-filters a:hover {
    border-color:#C4AE62
    
}
.filter-added {
    margin-top: -92px;
}

.popular-filters a.active {
    border: none;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.4rem;
    z-index: 9999999;
    position: relative;
}
.term-494 #primary {
    margin-top: 10rem;
}

.term-494 .wcpf-simple-box-heading.wcpf-heading-label {
    display:none;
}

.term-494 .ast-woo-sidebar-widget.widget.widget_block:before {
    content:"Filters"
}

.filter-buttons {
    display:flex;
    margin-bottom: 1rem;
}

.wcpf-price-slider .ui-slider-range {
	background-color: #003f78 !important;
}




@media (max-width: 768px) {
    .my-custom-buttons {
        display: flex;
    }


    .select2-container {
        width:100% !important;
        padding-right:10px
    }
    .my-custom-buttons button {
        position: relative;
        width: 50%;
        color: white;
        border-bottom: solid #00000030 1px;
        /* margin-bottom: 1rem; */
        cursor: pointer;
    }

    .woocommerce-ordering {
            /* display: block; */
            /* margin: 0; */
            /* width: 100%; */
            position: absolute;
            top: -43px;
            background:#fff;
            right: 0;
            height: 40px;
            overflow: hidden;
            width: 100%;
    }
    .woocommerce-ordering select.orderby{
        border: none !important;
        font-weight: 600;
        color: #004078;
        text-transform: uppercase;
    }

    .archive #primary {
        margin-top: 0;
        padding-top: 0;
    }

    .my-custom-buttons button:first-of-type {
        border-right: solid #00000030 1px;
    }

    .woocommerce-result-count {
        text-align: center;
    }

    .woocommerce .ast-shop-toolbar-container {
        margin-bottom: 0;
        padding-top: 1rem;
        background: #fff;
        position: relative;
    }

    .ast-header-break-point .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap {
        margin-bottom: 0;
    }

    .ast-accordion-layout.ast-filter-wrap {
        position: fixed;
        top: 0px;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 99999999999;
        background: #fff;
        display: none;
        padding: 0 7%;
    }
    .ast-accordion-layout .ast-woo-sidebar-widget.widget {
        margin-top:0;
    }
    .ast-accordion-layout .ast-woo-sidebar-widget.widget p {
        margin: 0px;
    }
    .clear-all {
        position: absolute;
        right: 7%;
        top: 11px;
        padding: 7px 0px;
        color: white !important;
        border-bottom: 2px solid;
        box-sizing: content-box;
    }
    .wcpf-simple-box-content.wcpf-content {
        border-top: solid 1px #b4b4b4;
    }
    .xigen-apply-filters {
        position: fixed;
        bottom: 0;
        background: #004078 !important;
        color: #fff !important;
        width: 100%;
        left: 0;
    }
    .woocommerce-ordering {
        display:none; 
    }
    .orderby {
    width:100;
}
}