df-messenger {
      --df-messenger-bot-message: #4A90E2;
      --df-messenger-button-titlebar-color: #00274D;
      --df-messenger-chat-background-color: #f0f4f8;
      --df-messenger-font-color: #333333;
      --df-messenger-send-icon: #00274D;
      --df-messenger-user-message: #dcdddd;
      --df-messenger-titlebar-font-color: #FFFFFF;
      z-index: 9999 !important;
  }
 
  df-messenger::part(chat-button) {
      border-radius: 50%;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      animation: pulse 2s infinite;
  }
 
  @keyframes pulse {
      0% { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
      50% { box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); }
      100% { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  }
 
  df-messenger::part(chat-window) {
      font-size: 16px;
      font-family: 'Roboto', sans-serif;
  }
 
  df-messenger::part(bot-message) {
      background-color: #4A90E2;
      color: #FFFFFF;
      border-radius: 10px;
      padding: 12px;
      margin: 5px 0;
  }
 
  df-messenger::part(user-message) {
      background-color: #28A745;
      color: #FFFFFF;
      border-radius: 10px;
      padding: 12px;
      margin: 5px 0;
      text-align: right;
  }