.collinai-chat .chat_logo{width: 110px;}
.modal.collinai-chat{z-index: 999999;}
.collinai-chat .modal-header{background-color: #E57E35; border-radius: 20px 20px 0px 0px;height: 65px;border-bottom: none;}
.collinai-chat  .modal-title{float: left;}
.collinai-chat  .btn-close{float: right;background: none;border: none;}
.collinai-chat  .btn-close img{width: 35px;}
.collinai-chat .modal-content{border-radius:  20px;top: 100px;}
.collinai-chat .modal-content p{ padding-bottom: 7px;}
.collinai-chat .modal-body{padding: 15px;overflow-y: auto !important;height: 300px;margin-top: 0px;margin: 0px;width: 100%;background: #f3f3f3;}
.collinai-chat  .modal-dialog {width: 700px;}
.chat-bubble-ai.p-3 p{margin-bottom: 0px;}
.collinai-history .messages {margin-bottom: 12px;display: block;overflow: hidden;}
.collinai-chat .modal-footer{background: #f3f3f3;border-top: 0px;border-radius: 0px 0px 20px 20px;}
#collinaiChatForm{ width: 97%;background: #fff;border-radius: 50px;}
.chat-footer img{    width: 40px;    margin-left: -10px;}
.collinai-history   .chat-bubble-ai { font-family: 'Inter', sans-serif;background: #fff;border: none;color: #000000;max-width: 90%;padding: 10px 14px;border-radius: 12px;font-size: 16px;line-height: 24px;font-weight: 300;}
.collinai-history   .chat-bubble-user {font-family: 'Inter', sans-serif;background: #FFD5B7;padding: 8px 14px;color: #000000;align-self: flex-end;float: right;clear: both;max-width: 80%;padding: 10px 14px;border-radius: 12px;font-size: 16px;line-height: 24px;width: 80%;font-weight: 300;}
/* Input Section */
.chat-footer {   height: 60px; background: #f3f3f3;    display: block;padding: 0px;width: 100%;}
.chat-footer #collinaiChatMsg{width: 100%;font-family: 'Inter', sans-serif, sans-serif;font-size: 16px;line-height: 24px;font-weight: 300;}
.chat-footer input {flex: 1;border: none;outline: none;padding: 10px;border-radius: 20px;background: #fff;padding-left: 30px;color: #000;}
.chat-footer button {position: relative;top: -40px;bottom: 0px;border: none;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;}
.collinai-typing{ display: block; width: 100%; text-align: left;}
.typing {display: inline-block;font-size: 12px; font-family: 'Inter', sans-serif, sans-serif;color: #999;padding: 5px;}
.typing span {display: inline-block;animation: blink 1s infinite;font-size: 22px;color: #000;}
.typing span:nth-child(2) { animation-delay: 0.2s; }
.typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes blink {0% { opacity: 0.2; }20% { opacity: 1; }100% { opacity: 0.2; }}
@media (max-width: 767px){
  .collinai-chat .modal-content {top: 40px;}
  .collinai-chat .modal-body{height: 280px;}
  .collinai-chat .modal-dialog {width: auto;}
  .collinai-history .chat-bubble-ai,.collinai-history .chat-bubble-user,.chat-footer #collinaiChatMsg{font-size: 14px;font-weight: 300;}
  .chat-footer img {margin-left: -6px;margin-top: -2px;}
}