.side-bar-filters .offcanvas-start {top: 38px;left: 0;width: 370px;border-right: none;padding: 22px;}
.side-bar-filters img {width: 100%;max-width: 120px;}
.side-bar-filters .offcanvas-header {padding: 0px;}
.side-bar-filters .btn-close {background-image: none;opacity: unset;}
.side-bar-filters .btn-close:focus {box-shadow: unset;}
.side-bar-filters a {text-decoration: none; display: flex; gap: 5px; color: var(--bs-text-color-black); }
.side-fliter {margin: 30px 0px;display: flex;gap: 11px;font-size: 16px;}
.side-bar-filters .offcanvas-body { padding: 0px;}
.side-bar-filters input.search-input {width: 100%;border-radius: 6px 0px 0px 6px;border: 1px solid #c6c6c6;padding-left: 15px;font-size: 14px;}
.side-bar-filters form.search-form {display: flex;margin-bottom: 40px;}
.side-bar-filters button.subscribe-btn {border-radius: 0px 6px 6px 0px;}
.side-bar-filters button.subscribe-btn svg {fill: white;}
.side-bar-filters  input:focus-visible {outline:none;}
.side-bar-filters input.search-input::placeholder{color: var(--bs-text-color-black);}
.line hr {background-color: rgb(33 37 41 / 38%);border: 0;opacity: .30;}
.category-title h3 {font-size: 18px;margin: 0px;line-height: 29px;font-weight: 600;}
.check-item  input[type="checkbox"] {appearance: none;-webkit-appearance: none;width: 18px;height: 18px;border: 1px solid #b7b7b7;position: relative;cursor: pointer;transition: all 0.3s ease;line-height: 35px;}
.form-check-input:checked {background-color:var(--bs-theme-color);border-color: var(--bs-theme-color);border: 1px solid #fff !important;}
.check-item label {font-size: 14px;padding-left: 6px;color: var(--bs-text-color-black);display: -webkit-box;}
.check-item .form-check {margin-bottom: 6px; padding-left: 4px;}
.check-item .form-check-input {float: left;margin-left: 0;}
input[type="checkbox"]:focus {box-shadow: 0 0 0 .25rem rgb(0 232 166 / 53%);border-color: var(--bs-color-theme);}
.check-item {margin-bottom: 30px;}
.rating-filter i {font-size: 18px;color: #fabb05;cursor: pointer;}
.rating-filter label {padding-left: 0px;display: flex;gap: 9px;line-height: 26px;}
.filled-grey i {color: #7f7f7f;}
.offcanvas-body::-webkit-scrollbar { width: 3px; /* Adjust thickness */}
.side-bar-filters .slider-title {display: block;font-size: 14px;color:var(--bs-text-color-black);margin-bottom: 16px;}
/* Price Inputs (Boxes) */
.side-bar-filters .price-inputs {display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;}
.side-bar-filters .input-box {width: 160px;height: 45px;border: 1px solid #b3b3b3;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color:var(--bs-text-color-black);background-color: #fff;}
.side-bar-filters .separator {color:var(--bs-text-color-black);font-size: 14px;margin: 0 10px;}
/* Slider Track and Inputs Wrapper */
.side-bar-filters .slider-wrapper {position: relative;width: 100%;height: 30px;display: flex;align-items: center;}
/* Background tracks */
.side-bar-filters .slider-track {position: absolute;width: 100%;height: 6px;border-radius: 3px;background: #cccccc;z-index: 1;}
/* Overlapping range inputs */
.side-bar-filters .slider-input {position: absolute;width: 100%;background: none;pointer-events: none;-webkit-appearance: none;appearance: none;height: 6px;margin: 0;z-index: 2;}
/* Custom Thumbs (The green circular handles) */
.side-bar-filters .slider-input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background:var(--bs-theme-color);cursor: pointer;pointer-events: auto; /* Re-enables interaction for the thumb */}
.side-bar-filters .slider-input::-moz-range-thumb {width: 22px;height: 22px;border-radius: 50%;background:var(--bs-theme-color);cursor: pointer;border: none;pointer-events: auto;}
/* Bottom Label Text */.side-bar-filters .price-display {margin-top: 18px;font-size: 16px;color: var(--bs-text-color-black);margin-bottom: 30px;}
.reset-btn a {color:var(--bs-text-color-white);font-size: 16px;}
.reset-btn {margin: 40px 0px;margin-bottom: 0px;}





@media (min-width: 768px) and (max-width: 1024px) {
.side-bar-filters .offcanvas-start {
    top: 0px;
    left: 0;
    width: 370px;
    border-right: none;
    padding: 22px;
}
 }

@media (max-width: 767px) { 
.side-bar-filters .offcanvas-start { top: 0px; width: 380px;}

}