
  
.myslider { 
    -webkit-appearance: none; 
    background: lightblue  ; 
    width: 50%; 
    height: 20px; 
    opacity: 2; 
   } 
  
.price-slider {
    position: relative;
    margin: 0 auto 20px;
    width: 100%;
    text-align: center;
	background: white; 
}

.price-slider input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
	
}

.price-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background-color: white;
	 cursor: pointer; 
    border: 1px solid gray;
	
}
.price-slider input::-webkit-slider-thumb:hover {
   
    border: 1px solid lightblue;
	
}




  
.myslider2 { 
    -webkit-appearance: none; 
    background: lightblue; 
    width: 50%; 
    height: 20px; 
    opacity: 2; 
   } 
  
  

.price-slider2 {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    
    text-align: center;
	background: white  ; 
}

.price-slider2 input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
	
}

.price-slider2 input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background-color: white;
	 cursor: pointer; 
    border: 1px solid gray;
	
}
.price-slider2 input::-webkit-slider-thumb:hover {
   
    border: 1px solid lightblue;
	
}


.myslider3 { 
    -webkit-appearance: none; 
    background: lightblue  ; 
    width: 50%; 
    height: 20px; 
    opacity: 2; 
   } 
  
  

.price-slider3 {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    
    text-align: center;
	background: white  ; 
}

.price-slider3 input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
	
}

.price-slider3 input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background-color: white;
	 cursor: pointer; 
    border: 1px solid gray;
	
}
.price-slider3 input::-webkit-slider-thumb:hover {
   
    border: 1px solid lightblue;
	
}



.myslider4 { 
    -webkit-appearance: none; 
    background: lightblue  ; 
    width: 50%; 
    height: 20px; 
    opacity: 2; 
   } 
  
  

.price-slider4 {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    
    text-align: center;
	background: white  ; 
}

.price-slider4 input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
	
}

.price-slider4 input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background-color: white;
	 cursor: pointer; 
    border: 1px solid gray;
	
}
.price-slider4 input::-webkit-slider-thumb:hover {
   
    border: 1px solid lightblue;
	
}

.myslider5 { 
    -webkit-appearance: none; 
    background: lightblue  ; 
    width: 50%; 
    height: 20px; 
    opacity: 2; 
   } 
  
  

.price-slider5 {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    
    text-align: center;
	background: white  ; 
}

.price-slider5 input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
	
}

.price-slider5 input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background-color: white;
	 cursor: pointer; 
    border: 1px solid gray;
	
}
.price-slider5 input::-webkit-slider-thumb:hover {
   
    border: 1px solid lightblue;
	
}