.select-box {
   
    text-align:center;
    max-width: 1400px; /* Adjust as needed */
    margin: 0 auto; /* Center the select boxes */
    padding: 10px;
}

    .select-box select {
        padding: 8px 16px;
        border: 1px solid #ccc; /* Light grey border */
        border-radius: 4px; /* Rounded corners */
        background-color: white;
        font-size: 16px; /* Adjust as needed */
        color: #333; /* Dark text for readability */
        cursor: pointer; /* Indicates it's clickable */
        margin-right: 10px; /* Space between select boxes */
    }

        .select-box select:focus {
            outline: none;
            border-color: #007bff; /* Highlight color when focused */
        }

        .select-box select:hover {
            border-color: #0056b3; /* Slightly darker on hover */
        }

@media (max-width: 768px) {
    .select-box {
        flex-direction: column;
    }

        .select-box select {
            width: 100%;
            margin-bottom: 10px;
        }
}