/* Custom Slider Container */
.custom-slider {
	width: 100%;
	max-width: 400px;
	position: relative;
	margin: auto;
  }
  
  /* Slider Track */
  .slider-track {
	width: 100%;
	height: 8px;
	background-color: #ccc;
	border-radius: 16px;
	position: relative;
  }
  
  /* Slider Progress */
  .slider-progress {
	height: 100%;
	background-color: #007bff;
	border-radius: 16px;
	width: 0%;
  }
  
  /* Slider Thumb */
  .slider-thumb {
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 2px solid #007bff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 0%; /* Default start at 50% */
	cursor: pointer;
	transition: transform 0.1s ease;
  }
  
  .slider-thumb:active {
	transform: translate(-50%, -50%) scale(1.2); /* Enlarge thumb when active */
  }
  
  /* Disable text selection while dragging */
  .custom-slider * {
	user-select: none;
  }