.chat-icon {
    background: #05abdf;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

.chat-icon i {
    text-align: center;
    font-size: 2em;
    padding: 10px 10px;
    position: absolute;
    color: #fff;
}

.chat-content {
    right: 0px;
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 1;
    display: none;
}

.chat-content.open {
    display: block;
}

.chat-icon.open i:before {
    content: "\e841";
}

.chat-content iframe {
    border: 0px;
    width: 400px;
    max-width: 90vw;
}

.launcher {
    position: fixed;
    right: 80px;
    bottom: 10px;
    width: 60px;
    height: 60px;
    background: #3BA8DD;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    font-family: "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.launcher:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3) !important;
}

.launcher .open-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: opacity .08s linear, -webkit-transform .16s linear;
    transition: opacity .08s linear, -webkit-transform .16s linear;
    transition: transform .16s linear, opacity .08s linear;
    transition: transform .16s linear, opacity .08s linear, -webkit-transform .16s linear;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/rashid-bot.svg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    position: absolute;
}

.launcher .close-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: opacity .08s linear, -webkit-transform .16s linear;
    transition: opacity .08s linear, -webkit-transform .16s linear;
    transition: transform .16s linear, opacity .08s linear;
    transition: transform .16s linear, opacity .08s linear, -webkit-transform .16s linear;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAD///////////////////////////////////8AAADPn83rAAAACXRSTlMACq47u/I8r7wWzHxoAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJJJREFUGNNdzzEKhDAQBdAvwtYWW9hbbSdCDrBnWBDS2Sx7A8HSKwgic1tNxj/jmirDC5P/UTSw01V4ri2nMr7xkg/HIAu+Qi6j9HhEcpB1gHFGGCuSTyQTlQ2Vg3ic4x49TVpzwcQXvI+3x/+r0p9eLAfyYhrIWNOSmfZkVlH2Kpm9Z+bJeh68oSYmnlGMnv1X7RZ2SET5id+LAAAAAElFTkSuQmCC);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.launcher.open .close-icon {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

.launcher.open .open-icon {
    opacity: 0;
    -webkit-transform: rotate(30deg) scale(0);
    -ms-transform: rotate(30deg) scale(0);
    transform: rotate(30deg) scale(0);
}

.chat-content {
    z-index: 2147483000 !important;
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    height: calc(100% - 20px - 20px);
    width: 90vw !important;
    max-width: 370px !important;
    min-height: 250px !important;
    max-height: 590px !important;
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .4) !important;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .4) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    height: calc(100% - 20px - 75px - 20px);
    bottom: calc(5px + 75px);
}

.chat-content>iframe {
    width: 100% !important;
    height: 100% !important;
}