.custom-font {
       font-family: 'Playfair Display', serif;
   }

   .line-clamp-3 {
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 3;
   }

   .group[open] .group-open\:rotate-45 {
       transform: rotate(45deg);
   }

   /* Ensure smooth scrolling */
   html {
       scroll-behavior: smooth;
   }



   /* Floating Button */
   .vapi-floating-button {
       position: fixed;
       bottom: 1.5rem;
       right: 1.5rem;
       z-index: 9999;
       background-color: #0891b2;
       color: #fff;
       padding: 0.75rem 1rem;
       border-radius: 1rem;
       display: flex;
       align-items: center;
       cursor: pointer;
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
   }

   .vapi-floating-button:hover {
       transform: translateY(-3px) scale(1.05);
       box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
   }

   .vapi-button-content {
       display: flex;
       align-items: center;
       gap: 0.5rem;
       font-weight: 500;
       font-size: 0.9rem;
   }

   /* Chatbox */
   .vapi-chatbox {
       position: fixed;
       bottom: 5.5rem;
       right: 1.5rem;
       width: 24rem;
       height: 32rem;
       border-radius: 1rem;
       background-color: #fff;
       border: 1px solid #e5e7eb;
       display: flex;
       flex-direction: column;
       overflow: hidden;
       box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
       z-index: 10000;
   }

   .vapi-chat-header {
       background: #fff;
       border-bottom: 1px solid #e5e7eb;
       padding: 0.75rem 1rem;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .vapi-title {
       font-weight: 600;
       color: #111827;
   }

   .vapi-close-btn {
       background: none;
       border: none;
       font-size: 1.25rem;
       cursor: pointer;
       color: #555;
   }

   .vapi-chat-body {
       flex: 1;
       padding: 1rem;
       overflow-y: auto;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #6b7280;
   }

   .vapi-chat-footer {
       display: flex;
       padding: 0.75rem;
       border-top: 1px solid #e5e7eb;
       background: #fafafa;
   }

   .vapi-input {
       flex: 1;
       border: 1px solid #ccc;
       border-radius: 0.75rem;
       padding: 0.5rem 1rem;
       outline: none;
   }

   .vapi-send-btn {
       background-color: #14b8a6;
       color: #fff;
       border: none;
       border-radius: 0.75rem;
       width: 2.5rem;
       margin-left: 0.5rem;
       cursor: pointer;
   }

   .hidden {
       display: none;
   }