/* Container for the slider and display */
	.slidecontainer {
	width: 100%;
	text-align: center; /* Centers child elements horizontally */
	margin: 20px 0;
	}

	/* Slider Styling */
	.slider1 {
	-webkit-appearance: none;
	appearance: none;
	width: 80%; /* Adjusts the slider width */
	height: 7px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	transition: opacity 0.2s;
	margin: 0 auto 30px; /* Centers the slider and adds bottom margin */
	}

	.slider1:hover {
	opacity: 1;
	}

	.slider1::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4caf50;
	cursor: pointer;
	}

	.slider1::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4caf50;
	cursor: pointer;
	}

	/* Container for the display information */
	.info {
	display: inline-block;
	text-align: center; /* Aligns text to the left within the info box */
	}

	/* Styling for both Home Value and Cash Rebate */
	.editable-number,
	.rebate-number {
	font-size: 1.2em; /* Larger font size */
	font-weight: 600;
	}

	#buyerCashBack {
		cursor: pointer;
	}

	/* Styling for the editable input field */
	.editable-input {
	font-size: 1.5em;
	font-weight: bold;
	width: 25px; /* Fixed width for the input */
	border: 2px solid #4caf50;
	border-radius: 5px;
	text-align: center;
	}

	/* Removes the default number input arrows in WebKit browsers */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}

	/* Removes the default number input arrows in Firefox */
	input[type="number"] {
	-moz-appearance: textfield;
	}