.simple-select-ruth {
  padding: 10px 12px;
  padding-right: 30px;
  font-size: 16px;
  
  width: 200px;
 
  min-width: 350px;     /* adjustable */
  white-space: normal;
  border: 2px solid  #0056b3; /* Blue border */
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;

  cursor: pointer;
  transition: border-color 0.2s ease;

}

.simple-select-ruth:focus,
.simple-select-ruth:hover {
  border-color: #0056b3; /* Darker blue on focus/hover */
  outline: none;
}