/* .big {
    font-size: 2.5rem;
    text-align: center;
  }
   */
  .word {
    opacity: 0;
    display: inline-block;
    animation: fadeIn 2s forwards;
    margin-right: 10px; /* Adds space between words */
  }
  
  /* Each word fades in after the previous one */
  .word:nth-child(1) {
    animation-delay: 0s;
  }
  
  .word:nth-child(2) {
    animation-delay: 1s;
  }
  
  .word:nth-child(3) {
    animation-delay: 2s;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }  

  .chatbot-button {
    position: fixed;
    right: 20px; /* Distance from the right edge */
    bottom: 20px; /* Distance from the bottom edge */
    z-index: 1000; /* Ensure it stays above other content */
}

.chatbot-button button {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center align the items vertically */
    justify-content: center; /* Center the content horizontally */
    width: 70px; /* Increased width */
    height: 70px; /* Increased height */
    background-color: #94a7bc; /* Button color */
    color: white; /* Text color */
    border: none; /* Remove border */
    border-radius: 50%; /* Fully rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px; /* Font size */
    transition: transform 0.2s ease, background-color 0.2s ease; /* Smooth transition for scale and color */
}

.chat-icon {
    width: 28px; /* Increased icon width */
    height: 28px; /* Increased icon height */
    margin-right: 5px; /* Space between icon and text */
}

.chatbot-button button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: scale(1.1); /* Slightly enlarge the button on hover */
}