/* Filter - Start */
#filter-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}
.filter-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    background: var(--light-gray);
    border-radius: 5px;
}
.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.filter-checkbox input {
    display: none;
}
.filter-checkbox .custom-checkbox {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}
.filter-checkbox input:checked + .custom-checkbox {
    border: 1px solid var(--black);
    background: var(--black);
}
.filter-checkbox .checkbox-name {
    color: #303030;
    padding-top: 5px;
}
.price-inputs {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.price-inputs input {
    color: var(--black);
    width: 80px;
    padding: 10px 10px 6px 10px;
    outline: none;
    border: none;
    border-radius: 5px;
    background: #ffffff;
    font-family: "Fixel Display";
    border: 1px solid #d2d2d2;
}
input.hidden {
    display: none;
}
.reset-filters,
.submit-filter-call {
    height: 45px !important;
}
.btn.reset-filters {
    background: #e13a3a;
}
.btn.reset-filters:hover {
    background: red;
}
@media (max-width: 1279px) {
	#filter-form {
		gap: 0px;
	}
	.filter-group {
		gap: 15px;
		padding: 30px 25px;
		background: #fff;
		border-radius: 0px;
	}
}
/* Filter - End */

/* UI-Slider - Start */
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal {
    height: 3px;
    background: #D2D2D2;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -7.5px;
    margin-left: -7.5px;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
	background: #171515;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc;
    color: #222222;
    font-weight: bold;
}
.ui-state-default, 
.ui-widget-content .ui-state-default {
    border: 3px solid #191919;
    background: #F9F9F9;
    font-weight: normal;
    color: #555555;
	border-radius: 100%;
	box-sizing: border-box;
	cursor: pointer;
}


@media (max-width: 1279px) {
	.filter-group.price-filter {
		gap: 20px;
	}
	.ui-slider .ui-slider-handle {
		width: 25px;
		height: 25px;
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: -11px;
		margin-left: -11px;
	}
}
/* UI-Slider - End */