#haspro-chatbot-container,#haspro-chatbot-container :not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(i){font-family:Poppins,sans-serif!important}
#haspro-chatbot-container{position:fixed;bottom:5%;right:20px;z-index:99999}
.haspro-user-form {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    background: #f5f5f5;
}

.haspro-user-form h3 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

#haspro-user-info-form input {
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

#haspro-user-info-form button {
    width: 100%;
    padding: 10px;
    background: #20a6ab;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

#haspro-user-info-form button:hover {
    background: #178e93;
}

.haspro-launcher{width:60px;height:60px;background-color:#ededed;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;border:1px solid #bfbfbf;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-in-out}
.haspro-launcher:hover{transform:scale(1.1)}
.haspro-launcher img{width:32px;height:32px}
.haspro-launcher .icon-close{display:none;font-size:28px;color:#0a0a0a;font-weight:700}
.haspro-welcome-box{position:absolute;bottom:80px;right:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:16px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;visibility:hidden}
.haspro-welcome-header{display:flex;align-items:center;margin-bottom:12px}
.haspro-welcome-header img{width:40px;height:40px;border-radius:50%;margin-right:12px;position:absolute;top:-10px}
.haspro-welcome-header .welcome-text{margin-left:50px;margin-top:-5px}
.haspro-welcome-header .welcome-text h4{margin:0;font-size:15px;font-weight:400;color:#3a3a3a}
.haspro-welcome-box p.description{font-size:14px;color:#666;margin-bottom:16px}
.haspro-action-links button,.haspro-extra-links a{display:block;width:100%;font-size:14px;font-weight:500;padding:10px;margin-bottom:8px;border:1px solid #d9d9d9;color:#121212;background:0 0;border-radius:4px;text-align:left;cursor:pointer}
.haspro-action-links button:hover,.haspro-extra-links a:hover{color:#1fa2a6;background-color:#f9fbfb}
.haspro-extra-links a{width:94%!important}
.haspro-contact-links{text-align:center;border:1px solid #d7d7d7;padding:12px;margin-bottom:10px}
.haspro-contact-links a{width:33px;height:33px;display:inline-block;margin:0 4px;text-decoration:none;background-color:#409f96;border-radius:50%;padding:5px;color:#fff;text-align:center;line-height:22px;transition:.3s;box-sizing:border-box}
.haspro-contact-links a i{color:#fff;font-size:16px}
.haspro-contact-links a:hover{background-color:#47bbb0}
.haspro-welcome-box.visible{opacity:1;transform:translateY(0);visibility:visible;bottom:30px;z-index:-1}
.haspro-welcome-box.visible .haspro-action-links{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:5px}
.haspro-welcome-box.visible .haspro-action-links button{width:auto;font-size:14px;font-weight:500;padding:0;margin-bottom:3px;border:none}
.haspro-welcome-box.visible .haspro-action-links button:not(:last-child){padding-right:5px;border-right:1px solid #6a5858;border-radius:inherit}
.haspro-welcome-box.visible .haspro-action-links button{color:#30a2d9}
.haspro-chat-window{position:fixed;bottom:90px;right:20px;width:370px;height:70vh;max-height:600px;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .3s,transform .3s;visibility:hidden}
.haspro-chat-window.open{opacity:1;transform:scale(1);visibility:visible}
.haspro-chat-header{background:linear-gradient(0deg,rgba(11,59,59,1) 10%,rgba(32,166,171,1) 90%,rgba(69,170,173,1) 110%)}
.haspro-chat-header .chat-box-content{display:flex;justify-content:space-between;align-items:center;color:#fff}
.haspro-chat-header h3{font-size:18px;margin:0}
.haspro-chat-header button{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;transition:.3s}
.haspro-chat-header .back-btn:hover{background-color:transparent}
.haspro-chat-header .close-btn:hover{transform:rotate(90deg)}
.haspro-chat-header .home-main-chat-box.chat-box-content{display:block;padding:15px 20px 10px 20px}
.haspro-chat-header .home-main-chat-box.chat-box-content span{display:inline-block;font-size:22px;font-weight:500}
.haspro-chat-header .home-main-chat-box.chat-box-content span i{color:#cfa342}
.haspro-chat-header .home-main-chat-box.chat-box-content .close-btn{position:absolute;right:15px;top:7px}
.haspro-chat-header .home-main-chat-box.chat-box-content h3{font-size:15px;font-weight:500;line-height:24px;color:#fff;padding:10px 0}
.haspro-chat-header .specific-chat-box-content.chat-box-content{padding:2px 20px;background:#157073}
.haspro-chat-header .specific-chat-box-content.chat-box-content h3{font-size:15px;font-weight:500;line-height:24px;color:#fff;}
.haspro-chat-body{flex-grow:1;padding:20px;overflow-y:auto;background-color:#fdffff}
.haspro-message{max-width:88%;display:flex;margin-bottom:15px;word-break:break-word}
.haspro-message .avatar{width:35px;height:35px;border-radius:50%;margin-right:10px}
.haspro-message .text{padding:12px 15px;border-radius:18px;font-size:15px;line-height:1.4}
.haspro-message.user{margin-left:auto;flex-direction:row-reverse}
.haspro-message.user .avatar{margin-left:10px;margin-right:0;background:#ccc}
.haspro-message.user .text{color:#000;background-color:#def1ed;border-bottom-right-radius:4px}
.haspro-message.bot .text{background:#f0f7f5;color:#121c19;border-bottom-left-radius:4px}
.haspro-message.bot .text li,.haspro-message.bot .text p{margin:7px 0}
.haspro-message.bot .text a{display:block;font-weight:500;color:#1579c1;padding:5px 0}
.haspro-message.bot .text b{color:#000;font-weight:500}
.haspro-message.bot .text ol,.haspro-message.bot .text ul{padding:0 0 0 8px}
.haspro-message.bot .text ul{margin:10px 0}
.haspro-message.bot .text li,.haspro-message.bot .text ol,.haspro-message.bot .text ul{font-size:15px}
.haspro-message.typing-indicator .text{padding:12px 15px}
.typing-dot{height:8px;width:8px;background-color:#aaa;border-radius:50%;display:inline-block;margin:0 2px;animation:typing-bounce 1.3s infinite ease-in-out}
.typing-dot:nth-child(2){animation-delay:-1.1s}
.typing-dot:nth-child(3){animation-delay:-.9s}
@keyframes typing-bounce{
0%,100%,60%{transform:translateY(0)}
30%{transform:translateY(-5px)}}
.haspro-action-links-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:15px}
.haspro-action-links-inline button{border:none;width:auto!important;background:#eff3f1;border-radius:5px;padding:5px;color:#4e4e4e;font-weight:500;font-size:14px;cursor:pointer}
.haspro-action-links-inline button:hover{color:#000;background:inherit}
.haspro-chat-footer{padding:15px;background:#fff;flex-shrink:0;background-color:#fdffff}
.haspro-chat-footer .input-area{display:flex;align-items:center;border:1px solid #ccc;border-radius:25px;padding:5px 5px 5px 15px}
.haspro-chat-footer input#haspro-user-input{height:32px;font-size:14px;flex-grow:1;border:none;outline:0;background:0 0;box-sizing:border-box}
.haspro-chat-footer .send-btn{width:35px;height:35px;font-size:20px;border-radius:50%;border:none;background:#177c7c;color:#fff;cursor:pointer;padding:3px;line-height:1;box-sizing:border-box}
.haspro-chat-footer .upload-area{text-align:center;padding:10px 0;border:1px dashed #cfcccc}
.haspro-chat-footer .upload-area input[type=file]{display:none}
.haspro-chat-footer .upload-area label{width:95%;display:inline-block;font-size:14px;font-weight:500;padding:8px 22px;background:#0f9393;color:#fff;border-radius:30px;cursor:pointer;transition:.3s}
.haspro-chat-footer .upload-area label:hover{background:#0b7878}
.haspro-chat-footer .upload-area #cv-upload-status{font-size:14px;font-weight:500;font-style:italic;color:#8b8f8c;margin-top:5px}

@media (max-width:480px){
.haspro-chat-window{width:100%;height:100%;bottom:0;right:0;border-radius:0;max-height:none}
.haspro-launcher{bottom:10px;right:10px}
#haspro-chatbot-container{bottom:0;right:0}}