#chat-container{width:350px;height:600px;max-height:calc(100% - 20px);border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:fixed;bottom:0;right:20px;line-height:1.4;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;opacity:0;z-index:1000}#chat-container.chat-open{bottom:20px;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#chat-container .chat-header{background-color:#2472D7;color:white;padding:15px;text-align:center;font-weight:bold;font-size:18px;position:relative}#chat-container .chat-header .close-icon{position:absolute;right:15px;top:10px;font-size:20px;cursor:pointer}#chat-box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px;overflow-y:auto;border-bottom:1px solid #ccc}#chat-container .input-box{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #ccc;position:relative}#user-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none;padding:15px;font-size:14px;border-radius:0 0 0 8px}#user-input:focus{outline:none}#chat-container .input-box button{background-color:#2472D7;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHkSURBVFiFvZY7LwRRFMfPEqxIVkGi8CiUW2h0KhKR6JBoJRK0voHV6vgQSDwjIgqJSjQ0rFZPgV0RsZHsT7Fn5JqXy52Z08zOvefO7+z/PGZEMjSgCJSAMvAIzGcJvSNoD1lCX4Fd4MlYu8kCugVMAwXgSNef9VpyhQ4Cy8CFAX0HjoE5oEP9WoFD3T8BDvR3MTWo4e+HdwJVoJwaNAbeBszo/Uoq0Di4rm9Hyu8KtYDnA/ID3YRX7yYwBeRtoD64V+1HQKuxN63rJfPAlSvUBq77WwH5FfwBbACjQEtK8HZl3fkPLgIVQ/4qsA8sAL1JwNUnKL+x2QwMA6vANVA3ArpXdcYjHhxacCF+0dUf4txDo+p3gBcjmDfgjEanDPwBHqx+WwNagDFgDbjlpz3EyW48I1r+fwTUp3VzANQ0iEi4ntm0lv+PwXgvlf4Yn1j5mxxjONXrRIzPpIgURGTXkRU0TUcd2IvxCQ6fhIMoq8SBAWZT/a4pEGmkoSAiIyF7v8qfVAAezG+zeo1MkbPpnKjg+8C0HT7OCuRyuU8ROReRIV87WlV/EikQCW/H9OX3zN+OTrPfIYjvdjRmf/yHpySXApGf7Zid/J7pGxNgPXP5NQCvHWu28qcRxJL++0ugy+bMF9wBJV4NrUDzAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center;width:60px;color:white;border:none;outline:none;padding:15px;cursor:pointer;border-radius:0 0 8px 0;text-indent:-9999px}#chat-container .input-box button:hover{background-color:#006bbf}#chat-container .message{font-size:14px;margin:10px 0;display:table;padding:10px 15px;border-radius:20px;max-width:70%;word-wrap:break-word}#chat-container .message a{color:#0084ff}#chat-container .bot-message{background-color:#f1f0f0;color:black;border-radius:20px 20px 20px 0;-ms-flex-item-align:start;align-self:flex-start}#chat-container .user-message{background-color:#2472D7;color:white;border-radius:20px 20px 0 20px;-ms-flex-item-align:end;align-self:flex-end;text-align:right;margin-left:auto}#chat-icon{width:70px;height:70px;background-color:#2472D7;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNy0yMFQyMzoxNjozOSswNzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDctMjBUMjM6MTY6NTUrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDctMjBUMjM6MTY6NTUrMDc6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmQyNGZmYWZjLTU5MjktNjA0Mi1hNDcwLWZlN2JlYWY1ODU4YSIgeG1wTU06RG9jdW1lbnRJRD0i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');background-repeat:no-repeat;background-position:center center;background-size:50%;border-radius:50%;position:fixed;bottom:20px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:999}#chat-icon span{display:inline-block;text-indent:-9999px}#dropdown-menu{position:absolute;bottom:50px;background-color:white;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1);border:1px solid #ccc;border-radius:8px;width:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#dropdown-menu div{padding:10px;cursor:pointer;border-bottom:1px solid #ccc}#dropdown-menu div:last-child{border-bottom:none}#dropdown-menu div:hover{background-color:#f0f0f0}#phone-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#phone-form label{margin-bottom:10px;display:inline-block}#phone-form input{padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;width:calc(100% - 70px);font-size:14px}#phone-form button{padding:10px;background-color:#2472D7;color:white;border:none;cursor:pointer;border-radius:4px;outline:none;width:44px;font-size:14px}#phone-form button:hover{background-color:#006bbf}#phone-form button[disabled]{opacity:0.5;cursor:not-allowed}@media (max-width:767px){#chat-icon{bottom:52px}#chat-container.chat-open{bottom:52px}}@media (max-width:375px){#chat-container.chat-open{right:0;bottom:0;width:100%;height:100%;max-height:600px;z-index:10000}}