.flat-slider {
	padding: 0;
	position: relative;
	width: 100%;
	/* overflow: hidden; */
	padding-top: 45px;
	padding-bottom: 17px;
}

.flat-slider .ui-corner-all {
	border-radius: 100px;
}

.flat-slider .ui-widget-content a {
	color: #222222;
}

.flat-slider .ui-widget-content {
	/* color: #0B2C3D; */
	background: var(--colorPrimary);
	background-image: none;
	/* border-width: 0; */
}

.flat-slider .ui-widget-header {
	background-color: white;
	border-color: white;
	background-image: none;
}

.flat-slider .ui-state-hover,
.flat-slider .ui-widget-content .ui-state-hover,
.flat-slider .ui-widget-header .ui-state-hover,
.flat-slider .ui-state-focus,
.flat-slider .ui-widget-content .ui-state-focus,
.flat-slider .ui-widget-header .ui-state-focus {
	background-image: none;
}

.flat-slider .ui-slider {
	position: relative;
	text-align: left;
}

.flat-slider .ui-slider-horizontal {
	height: 4px;
	width: 95%;
}

.flat-slider .ui-slider-handle {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: -7px;
	width: 16px;
	height: 16px;
	border: none;
	border-radius: 50%;
	background: var(--colorWhite);
	box-shadow: 0px 4px 14px 0px rgba(4, 6, 24, 0.20);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.flat-slider .min,
.flat-slider .max,
.flat-slider .min_value,
.flat-slider .max_value,
.flat-slider .value {
	margin-top: -46px;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	white-space: nowrap;
	-webkit-transition-duration: 0.35s;
	-moz-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	color: var(--colorBlack);
}

.flat-slider .min,
.flat-slider .max {
	font-size: 0.7rem;
	color: #fff;
}

.flat-slider .min {
	float: left;
}

.flat-slider .max {
	float: right;
}

.flat-slider .min_value,
.flat-slider .max_value,
.flat-slider .value {
	position: absolute;
}

.flat-slider::after {
	clear: both;
}

.price_ranger button {
	padding: 7px 15px;
	text-transform: capitalize;
	border: none;
	margin-bottom: 3px;
}

.price_ranger p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.price_ranger p span {
	font-size: 12px;
}