.navbar-chatbot-banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:450px;border-radius:12px;height:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navbar-chatbot-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.navbar-chatbot-banner .banner-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:12px}.navbar-chatbot-banner .banner-background .banner-bg-image{object-fit:cover;opacity:.9;border-radius:12px}.navbar-chatbot-banner .banner-content{z-index:2;display:flex;flex-direction:row;align-items:center;width:100%;border-radius:12px;padding:0 16px;height:100%;position:relative}.navbar-chatbot-banner .banner-content .banner-text{display:flex;align-items:center;justify-content:center;gap:8px}.navbar-chatbot-banner .banner-content .banner-text .banner-title{font-size:14px;font-weight:600;color:#fff;min-width:130px;background-color:#333;text-align:center;border-radius:12px;padding:8px 10px;margin-top:9px;white-space:nowrap}.navbar-chatbot-banner .banner-content .banner-text .banner-subtitle{font-size:11px;font-weight:400;color:#333;line-height:1.2;white-space:nowrap}.navbar-chatbot-banner .banner-content .banner-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:absolute;left:-33px}.navbar-chatbot-banner .banner-content .banner-icon img{height:195px!important;width:80px!important}.navbar-chatbot-banner .notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ff4757;border-radius:50%;border:2px solid #fff;z-index:3;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,71,87,.7)}70%{box-shadow:0 0 0 6px rgba(255,71,87,0)}to{box-shadow:0 0 0 0 rgba(255,71,87,0)}}@media screen and (max-width:1200px){.navbar-chatbot-banner{min-width:160px;height:45px}.navbar-chatbot-banner .banner-content{padding:0 12px}.navbar-chatbot-banner .banner-content .banner-text .banner-title{font-size:13px}.navbar-chatbot-banner .banner-content .banner-text .banner-subtitle{font-size:10px}}@media screen and (max-width:800px){.navbar-chatbot-banner{min-width:140px;height:40px}.navbar-chatbot-banner .banner-content{padding:0 10px}.navbar-chatbot-banner .banner-content .banner-text .banner-title{font-size:12px}.navbar-chatbot-banner .banner-content .banner-text .banner-subtitle{font-size:9px}.navbar-chatbot-banner .banner-content .banner-icon{width:28px;height:28px}.navbar-chatbot-banner .banner-content .banner-icon .chatbot-icon{width:18px!important;height:18px!important}.navbar-chatbot-banner .notification-dot{width:6px;height:6px;top:6px;right:6px}}@media screen and (max-width:400px){.navbar-chatbot-banner{min-width:120px;height:36px}.navbar-chatbot-banner .banner-content{padding:0 8px}.navbar-chatbot-banner .banner-content .banner-text .banner-title{font-size:11px}.navbar-chatbot-banner .banner-content .banner-text .banner-subtitle{display:none}.navbar-chatbot-banner .banner-content .banner-icon{width:24px;height:24px}.navbar-chatbot-banner .banner-content .banner-icon .chatbot-icon{width:16px!important;height:16px!important}}@media screen and (max-width:900px){.navbar-chatbot-banner{display:none!important}}@media screen and (max-width:1230px){.banner-subtitle{display:none!important}}