.search-container {
            display: flex;
            justify-content: center;
            margin: 20px auto;
        }

        .search-bar {
            display: flex;
            width: 100%;           
        }

        .search-input {
            flex: 1;
            padding: 12px;
            font-size: 18px;
            border: 1px solid #ccc;
            border-radius: 5px 0 0 5px;
            outline: none;
        }

        .search-input::placeholder {
            color: #999;
            font-style: italic;
        }

        .search-button {
            padding: 12px 18px;
            font-size: 18px;
            border: none;
            background-color: #007bff;
            color: white;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
        }

        .search-button:hover {
            background-color: #0056b3;
        }