/* Floating chat icon */

.chat-icon {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 50px;

    height: 50px;

    background: #007bff;

    color: white;

    text-align: center;

    line-height: 50px;

    font-size: 24px;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index:2000;

  }

  

  /* Chat container */

  .chat-box {

    position: fixed;

    bottom: 80px;

    right: 20px;

    width: 300px;

    height: 400px;

    background: white;

    border-radius: 10px;

    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

    display: none;

   z-index:2000;
    flex-direction: column;

  }

  

  /* Chat header */

  .chat-header {

    background: #007bff;

    color: white;

    padding: 10px;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    position: relative;

  }

  

  .close-btn {

    position: absolute;

    right: 10px;

    top: 10px;

    cursor: pointer;

    font-size: 18px;

  }

  

  /* Chat messages */

  .chat-container {

    flex: 1;

    overflow-y: auto;

    padding: 10px;

    background: #f9f9f9;

  }

  

  .message {

    padding: 8px;

    margin: 5px 0;

    border-radius: 5px;

  }

  

  .user { background: #dcf8c6; text-align: left; }

  .bot { background: #ececec; text-align: left; }

  

  /* Typing indicator */

  .typing { font-style: italic; color: gray; }

  

  /* Input box */

  .chat-input {

    display: flex;

    padding: 10px;

    border-top: 1px solid #ccc;

    background: white;

  }

  

  .input-box {

    flex: 1;

    padding: 8px;

    border: 1px solid #ccc;

    border-radius: 5px;
    width: 80%;

  }

  

  .send-btn {

    margin-left: 10px;

    padding: 8px;

    background: #007bff;

    color: white;

    border: none;

    cursor: pointer;

    border-radius: 5px;

  }

  

  /* Quick reply buttons */

  .quick-replies {

    display: flex;

    flex-wrap: wrap;

    padding: 5px;

    background: #f1f1f1;

    border-top: 1px solid #ccc;

  }

  

  .quick-replies button {

    margin: 5px;

    padding: 8px;

    background: #007bff;

    color: white;

    border: none;

    cursor: pointer;

    border-radius: 5px;

    font-size: 12px;

  }