.box {
		position: relative;
		margin: 20px 0;
	}

	input {
		width: 100%;
		padding: 12px 8px;
		font-size: medium;
		border: 1px solid #ccc;
		border-radius: 4px;
		outline: none;display:
		inline-block;
	}

	label {
		position: absolute;
		left: 10px;
		top: 12px;
		color: #999;
		font-size: 16px;
		pointer-events: none;
		transition: 0.3s ease all;
	}

	input:focus + label,
	input:not(:placeholder-shown) + label {
		top: -8px;
		left: 8px;
		font-size: 12px;
		color: #007BFF;
		background: #fff;
		padding: 0 4px;
	}
	
	
.srchrspo,#srchresu {
  position: absolute;       /* makes it float above normal flow */
  z-index: 999;             /* ensures it stays on top */
  background: #fff;          /* optional: gives it a solid background */
  border: 1px solid #ccc;    /* optional: for clarity */
  max-height: 250px;         /* restricts overflow height */
  overflow-y: auto;          /* enables scrolling if content exceeds 120px */
  justify-self: anchor-center;
  width: 94%;              /* adjust as needed */
scrollbar-width: auto; /* auto | thin | none */
margin: -20px;
border-radius: 20px;
}
/* width */
#srchresu::-webkit-scrollbar {
  width: 20px;
}

/* Track */
#srchresu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
#srchresu::-webkit-scrollbar-thumb {
  background: #967BB6; 
  border-radius: 10px;
}

/* Handle on hover */
#srchresu::-webkit-scrollbar-thumb:hover {
  background: #5f468a; 
}