/* Style for the entire select element */
select {
    width: 100%; /* You can adjust this as needed */
    padding: 5px;
    font-size: 16px;
    border: 1px solid #777777 !important;
    height: 60px;
    appearance: none; /* Remove default dropdown appearance for better styling */
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    background-color: white; /* Ensure background is white for custom styling */
}

/* Style for the "Select a time slot" option */
option {
    height: 60px; /* Adjust the height for the option */
    line-height: 60px; /* Vertically center text */
}

/* Optional: Customize the appearance of the placeholder option */
option[disabled] {
    color: #777777; /* Gray text color for disabled option */
    font-weight: bold; /* Make it stand out */
}