.form-select {
            width: 100%; 
            height: 100%; 
            padding: 10px;  
            border: 1px solid #ccc;  
            border-radius: 8px;  
            font-size: 16px; 
            background-color: #fff; 
            color: #333;    
            appearance: none; 
            outline: none;  
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
        }

        /* Add hover and focus effects */
        .form-select:hover {
            border-color: #007bff;  
        }

        .form-select:focus {
            border-color: #007bff;  
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);  
        }

        /* Optional: Add a placeholder option style */
        .form-select option[disabled] {
            color: #999;  
        }