.notification {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 300px;
      padding: 15px;
      background-color: #118cff;
      color: #fcfbfb;
      border: 1px solid #f5c6cb;
      border-radius: 5px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      z-index: 1000;
    }
    audio::-webkit-media-controls-panel {
      background-color: #2b5eea; /* Tailwind blue-700 */
      color: white;
    }
    audio::-webkit-media-controls-play-button,
    audio::-webkit-media-controls-timeline,
    audio::-webkit-media-controls-volume-slider {
      filter: invert(1); /* to make controls visible on dark background */
      color: white;
    }
    audio::-webkit-media-controls-current-time-display,
    audio::-webkit-media-controls-time-remaining-display,
    audio::-webkit-media-controls-fullscreen-button {
      color: white;
    }
    audio::-webkit-media-controls-mute-button {
      filter: invert(1); /* to make mute button visible on dark background */
    }

button {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
button#submitBtn {
  background-color: #4CAF50; /* Green */
  color: white;
}
button#submitBtn:hover {
  background-color: #45a049; /* Darker green on hover */
}
button#submitBtn:disabled {
  background-color: #ccc; /* Grey when disabled */
  cursor: not-allowed;
}
 #videoModal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10000;
    }