body {
      background: #f8f9fa;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }
    .chat-container {
      max-width: 500px;
      height: 600px;
      margin: 40px auto;
      border: 1px solid #dee2e6;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      background: #fff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
    .chat-messages {
      flex: 1;
      padding: 15px;
      overflow-y: auto;
    }
    .message {
      margin-bottom: 12px;
      padding: 10px 14px;
      border-radius: 18px;
      max-width: 75%;
      word-wrap: break-word;
    }
    .message.user {
      background: #0d6efd;
      color: white;
      margin-left: auto;
    }
    .message.bot {
      background: #e9ecef;
      color: #212529;
      margin-right: auto;
    }
    .chat-input {
      border-top: 1px solid #dee2e6;
      padding: 10px;
      display: flex;
    }
    .chat-input input {
      flex: 1;
      margin-right: 8px;
    }

    .navbar{
        background-color: rgb(1, 1, 124);
    }
    .navbar-brand{
        color: white;
        font-weight: bold;
    }
    .navbar-brand:hover{
        color: white;
    }
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      z-index: 1040;
    }
    .overlay.active {
      opacity: 1;
      visibility: visible;
    }

    /* Sidebar nav */
    .mobile-navbar {
      position: fixed;
      top: 0;
      left: -260px; /* hidden */
      width: 260px;
      height: 100%;
      background: #fff;
      box-shadow: 2px 0 6px rgba(0,0,0,0.2);
      transition: left 0.3s ease;
      z-index: 1050;
      padding: 20px;
    }
    .mobile-navbar.active {
      left: 0;
    }

    .mobile-navbar .nav-link {
      padding: 10px 0;
      font-size: 1.1rem;
      color: #212529;
    }
    .mobile-navbar .nav-link:hover {
      color: #0d6efd;
    }
    .btn{
        color: white !important;
        font-weight: bold;
    }

    .nav-link-whatsapp{
        color: white;
        background-color: green;
        text-decoration: none;
        padding: 10px 25px;
        border-radius: 25px;
    }
  

.card-button {
  padding: 10px 20px;
  background-color: #1b006b;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 5px;
}

.card-button:hover {
  background-color: #016127;
}

.card-button1{
  padding: 10px 20px;
  background-color: #1b006b;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 5px;
}

.card-button1:hover {
  background-color: #016127;
}

.paragraph-message {
        margin: 0rem !important;
    }

img{
 max-width: 100%; /* Ensures image doesn't exceed its container's width */
  height: auto;    /* Maintains aspect ratio */
  display: block;  /* Removes extra space below image if it's inline */
}

.name{
  font-size: 22px !important;
}