.time-picker-box {
			padding: 6px 12px 6px 12px;
			width: fit-content;
			cursor: pointer;

		}
		.time-picker-list {
			padding: 6px;
			font-size: 1rem;
			font-weight: 600;
			color: black;
			border: none;
			font-family: var(--font-primary);
			cursor: pointer;

			-webkit-appearance: none;
  			-moz-appearance: none;
			appearance: none;



		}
		.time-picker-list:focus,
		.time-picker-list:active {
			outline: none !important;
		    border-color: transparent !important; /* Prevents border color changes */
		    box-shadow: none !important;        /* Removes glow effects in Chrome/Safari */
		}
		.time-picker-text {
		    display: block;
		    font-size: 1rem;
		    font-weight: 600;
		    cursor: pointer;

		    color: darkgray;
		   	border: none;
		   	font-display: var(--font-primary);
		   	padding: 12px;
		   	line-height: 1.5;
		   	margin-left: 12px;

		    
		}