.input_box2 {
width: 100%;
max-width: 400px;
position: relative;
margin: 0 auto;
}

.input2 {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1rem;
color: #333;
background: #fff;
transition: border-color 0.3s;
}

.input2:focus {
outline: none;
border-color: #007bff;
}

/* Dropdown styling */
.dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: #fff;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 5px 5px;
display: none;
z-index: 10;
}

.dropdown-item {
padding: 0.75rem 1rem;
cursor: pointer;
transition: background 0.2s;
}

.dropdown-item:hover {
background: #f1f1f1;
}