.search-container {
            display: flex;
            justify-content: center;
            align-items: center;
        //    padding: 50px;
        //    background: #f5f6fa;
        }

        .search-box {
            position: relative;
            display: flex;
            align-items: center;
            max-width: 500px;
        }

        .searchinput {
            width: 400px;
            height: 50px;
            padding: 0 50px 0 20px;
            border: 2px solid #e1e5e9;
            border-radius: 25px;
            font-size: 16px;
            outline: none;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: #fffefc;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .searchinput:focus {
            width: 400px;
        //    border-color: #667eea;
        //    border-color: #ff9500;
            border-color: #c2a770;
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);
        }

        .search-button {
            position: absolute;
            right: 5px;
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 50%;
        //	background: #667eea;
		//	background: #ff9500;
			background: #fffefc;
		    color: #c2a770;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .search-button:hover {
        	background: #c2a770;
		    color: #fff;
        //	background: #5a6fd8;
            transform: scale(1.05);
        }