.wp-chat-box,.wp-icon-link{position:fixed;bottom:15px;right:15px;z-index:100}#box{animation:1s ease-in-out openAnimation}@keyframes openAnimation{0%{height:0}100%{height:294px}}.wp-chat-box{border-radius:11px;overflow:hidden;width:310px;max-width:calc(100vw - 15px);display:block;opacity:1;transform:translateY(0);transition:.5s;visibility:visible;animation:.5s ease-out slideInFromLeft}.wp-chat-box.hide{visibility:hidden;opacity:0;transform:translateY(100%)}.wp-chat-box .chat-head{padding:20px;background-color:#2a5e54;display:flex;align-items:center;color:#fff;position:relative}.wp-chat-box .chat-head a.close{position:absolute;right:10px;top:10px}.wp-chat-box .chat-head .image{display:inline-block;width:51px;height:51px;border-radius:50%;overflow:hidden}.wp-chat-box .chat-head .image img{width:51px;height:51px;border-radius:50%;object-fit:cover;transform:scaleX(-1)}.wp-chat-box .chat-head .head-info{display:inline-block;color:#fff;padding-left:10px;width:calc(100% - 51px)}.wp-chat-box .chat-head .head-info .name{font-size:19px;line-height:26px;font-weight:700;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.wp-chat-box .chat-head .head-info .designation{font-size:13px;font-weight:500;margin:0}.wp-chat-box .chat-body{padding:20px 18px 15px;background-color:#e4ddd5;position:relative}.wp-chat-box .chat-body::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:#e4ddd5;opacity:.8}.wp-chat-box .chat-body .inner-content{position:relative;z-index:2}.wp-chat-box .chat-body .inner-content .message-left{background-color:#fff;padding:13px 10px 10px;width:max-content;max-width:100%;font-size:13px;position:relative;margin:15px 0}.wp-chat-box .chat-body .inner-content .message-left::before{position:absolute;content:"";top:0;left:0;width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;transform:translate(-100%,0)}.wp-chat-box .chat-body .inner-content .message-left .agent-name{font-size:14px;font-weight:700;color:#9f9e9e}.wp-chat-box .chat-body .inner-content .message-left p{margin:2px 0}.wp-chat-box .chat-body .inner-content .message-left p img{vertical-align:baseline}.wp-chat-box .chat-body .inner-content .start-chat{display:flex;align-items:center;justify-content:center;margin:30px 0 0;background-color:#6ebf58;border-radius:17px;text-align:center;color:#fff;padding:5px;font-size:16px;font-weight:700}.wp-chat-box .chat-body .inner-content .start-chat img{margin-right:8px}.wp-icon-link{display:none}.wp-icon-link.show{display:block}@media (min-width:577px) and (max-width:767px){.wp-chat-box .chat-head .head-info .name{font-size:9px!important}.wp-chat-box .chat-body .inner-content .message-left .agent-name{font-size:12px}.wp-icon-link{bottom:54px}.wp-chat-box .chat-body .inner-content .start-chat{margin:0}.wp-chat-box .chat-body .inner-content .message-left{padding:1px}.wp-chat-box{width:232px;max-width:calc(100vw - 10px)}.wp-chat-box .chat-head .head-info .designation{font-size:10px}.wp-chat-box .chat-body{padding:1px 1px 1px 10px}.wp-chat-box .chat-head{padding:8px}}@media (min-width:577px) and (max-width:991px){@keyframes openAnimation{0%{height:0}100%{height:200px}}}@media (max-width:576px){.wp-icon-link{bottom:65px}}@media (min-width:992px) and (max-width:1199px){.wp-icon-link{bottom:65px}}