/* Label Styling */
      .search-label {
          font-size: 14px;
          color: #a02b2b;
          display: block;
          margin-bottom: 5px;
          font-weight: 600;
      }

      /* Fake Suggestion Text Styling */
      .fake-suggestion {
          font-size: 13px;
          color: #aaa;
          display: block;
          margin-bottom: 5px;
          font-style: italic;
          transition: opacity 0.3s;
      }

      /* Input and Button Container */
      .input-button-wrapper {
          display: flex;
          align-items: center;
          width: 100%;
      }

      /* Search Box Styling */
      #search {
          padding: 12px 15px;
          width: 70%;
          border: 1px solid #d44e4e;
          font-size: 16px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          outline: none;
          transition: all 0.3s ease;
      }

      #search:focus {
          border-color: #a02b2b;
          box-shadow: 0 6px 12px rgba(160, 43, 43, 0.2);
      }

      /* Voice and Search Button Styling with Icon */
      .button-wrapper {
          display: flex;
          align-items: center;
          width: 30%;
      }

      /* Search Button Styling */
      .search-button, .voice-button {
          padding: 12px;
          background-color: #a02b2b;
          color: #fff;
          font-size: 16px;
          border: none;
          cursor: pointer;
          transition: background-color 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .search-button {
          border-radius: 0 25px 25px 0;
      }

      .voice-button {
          border-radius: 25px 0 0 25px;
          margin-right: -1px;
          background-color: #b63a3a;
      }

      .search-button:hover {
          background-color: #8b2424;
      }

      .voice-button:hover {
          background-color: #9e4242;
      }

      /* Suggestion Box Styling */
      #suggestion-box { 
          position: absolute;
          right: 20px;
          background-color: #ffffff;
          border-radius: 12px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          z-index: 100;
          display: none;
          margin-left: 20px;
      }

      /* Individual Suggestion Item */
      .suggestion-item {
          text-align:left;
          padding: 10px 15px;
          cursor: pointer;
          font-size: 15px;
          color: #333;
          transition: background-color 0.3s ease, color 0.3s ease;
      }

      .suggestion-item:hover {
          background-color: #d44e4e;
          color: #ffffff;
      }

      /* Styling for the listening notification */
      #listening-notification {
          color: #fff;
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          margin-top: 5px;
          display: none;
      }