/** service AI chatbot styles **/
    #chatBubble {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      background-color: #BD03F7;
      border-radius: 50%;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      z-index: 999;
    }

    #chatContainer {
      display: none; /* Initially hidden */
      position: fixed;
      bottom: 90px; /* Position above the bubble */
      right: 20px;
      width: 320px;
      max-height: 450px;
      border: 1px solid #ddd;
      border-radius: 10px;
      background: #fff;
      flex-direction: column;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      font-family: Arial, sans-serif;
      z-index: 1000;
    }
    
    #chatHeader {
        padding: 10px;
        background: #BD03F7;
        color: white;
        font-weight: bold;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    #closeChat {
        cursor: pointer;
        font-size: 20px;
    }

    #messages {
      flex: 1;
      padding: 10px;
      overflow-y: auto;
      height: 300px;
      font-size: 14px;
      background-color: #f9f9f9;
    }
    .msg { 
        margin: 8px 0; 
        padding: 8px 12px;
        border-radius: 15px;
        max-width: 80%;
        word-wrap: break-word;
    }
    .user { 
        text-align: right; 
        color: #fff; 
        background-color: #BD03F7;
        margin-left: auto;
    }
    .ai { 
        text-align: left; 
        color: #FFF;
        background-color: #333;
        margin-right: auto;
    }
    #inputArea {
      display: flex;
      border-top: 1px solid #ddd;
    }
    #chatInput {
      flex: 1;
      padding: 10px;
      border: none;
      outline: none;
      border-bottom-left-radius: 10px;
    }
    #sendBtn {
      padding: 10px 15px;
      border: none;
      background: #BD03F7;
      color: #fff;
      cursor: pointer;
      border-bottom-right-radius: 10px;
    }