/* ============================
       Kayee Business Chatbot
    =============================*/
    
    #kb-chatbot{
        position: fixed;
        left: 25px;
        bottom: 25px;
        z-index: 999999;
    }
    
    /* Floating Button */
    
    .kb-chat-toggle{
    
        width:60px;
        height:60px;
    
        border:none;
        border-radius:50%;
    
        background:#25D366;
        color:#fff;
    
        font-size:26px;
    
        cursor:pointer;
    
        box-shadow:0 8px 25px rgba(0,0,0,.25);
    
        transition:.3s;
        
        animation: kbPulse 2s infinite;
    }
    
    .kb-chat-toggle:hover{
    
            transform:scale(1.08);
        
        }
        
        @keyframes kbPulse{
    
        0%{
            box-shadow:0 0 0 0 rgba(37,211,102,.6);
        }
    
        70%{
            box-shadow:0 0 0 15px rgba(37,211,102,0);
        }
    
        100%{
            box-shadow:0 0 0 0 rgba(37,211,102,0);
        }
    
    }
    
    /* Chat Window */
    
    .kb-chat-window{

        position: fixed;
    
        left: 25px;
        bottom: 95px;
    
        width: 360px;
        height: 560px;
    
        background: #fff;
    
        border-radius: 18px;
    
        overflow: hidden;
    
        display: none;
    
        box-shadow: 0 15px 40px rgba(0,0,0,.18);
    
        z-index: 999999;
    
    }
    @media(max-width:768px){

        .kb-chat-window{
    
            left:10px;
            right:10px;
    
            width:auto;
    
            height:75vh;
    
            bottom:90px;
    
        }
    
    }
    
    /* Header */
    
    .kb-chat-header{
    
        height:70px;
    
        background:#25D366;
    
        color:#fff;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        padding:15px 20px;
    
    }
    
    .kb-chat-header h5{
    
        margin:0;
        font-weight:700;
    
    }
    
    .kb-chat-header small{
    
        opacity:.85;
    
    }
    
    #kb-chat-close{
    
        border:none;
        background:none;
    
        color:#fff;
    
        font-size:20px;
    
        cursor:pointer;
    
    }
    
    /* Body */
    
    .kb-chat-body{
    
        height:420px;
    
        overflow-y:auto;
    
        background:#F6F7F9;
    
        padding:20px;
    
    }
    
    /* Footer */
    
    .kb-chat-footer{
    
        height:70px;
    
        display:flex;
    
        align-items:center;
    
        padding:12px;
    
        border-top:1px solid #eee;
    
    }
    
    .kb-chat-footer input{
    
        flex:1;
    
        height:45px;
    
        border:1px solid #ddd;
    
        border-radius:30px;
    
        padding:0 18px;
    
        outline:none;
    
    }
    
    #kb-send{
    
        width:45px;
    
        height:45px;
    
        margin-left:10px;
    
        border:none;
    
        border-radius:50%;
    
        background:#25D366;
    
        color:#fff;
    
        cursor:pointer;
    
    }
    .kb-bot-message{

        display:inline-block;
    
        background:#fff;
    
        padding:12px 16px;
    
        border-radius:15px;
    
        margin-bottom:12px;
    
        max-width:80%;
    
        box-shadow:0 2px 10px rgba(0,0,0,.08);
    
    }
    /* User Message */

    .kb-user-wrapper{
    
        display:flex;
    
        justify-content:flex-end;
    
        margin-bottom:15px;
    
    }
    
    .kb-user-message{
    
        background:#25D366;
    
        color:#fff;
    
        padding:12px 16px;
    
        border-radius:18px 18px 4px 18px;
    
        max-width:75%;
    
        word-break:break-word;
    
    }