#iframe-block {
    background-color: #ffffff;
    width: 400px;
    height: 70%;
    border-radius: 9pt;
    bottom: 20%;
    padding: 0px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 490;
    max-height: 0;
    border: none;
}

#icon {
    height: 70px;
    width: 70px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 480;
    border-radius: 50%;
}

    #icon img {
        /* margin-right: 20px; */
        margin: auto;
        height: 70px;
        width: 70px;
    }

#icon-cross-img {
    display: none;
}

    #icon-cross-img.active {
        display: block;
        height: 30px;
        position: fixed;
        bottom: 58%;
        right: 10px;
        z-index: 500;
        border-radius: 50%;
    }

.fb_customer_chat_bounce_in_v2 {
    animation-duration: 300ms;
    animation-name: fb_bounce_in_v2;
    transition-timing-function: ease-in
}

.fb_customer_chat_bounce_out_v2 {
    animation-duration: 300ms;
    animation-name: fb_bounce_out_v2;
    transition-timing-function: ease-in
}

@keyframes fb_bounce_in_v2 {
    0% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom right
    }

    50% {
        transform: scale(1.03, 1.03);
        transform-origin: bottom right
    }

    100% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom right
    }
}

@keyframes fb_bounce_out_v2 {
    0% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom right
    }

    100% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom right
    }
}

.chatbot-msg {
    position: fixed;
    right: 115px;
    bottom: 55px;
    padding: 0.5rem;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 498;
    background-color: #fff;
    max-width: 60%
}

.chatbot-msg-close {
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 50%;
    background-color: #66686a;
}

    .chatbot-msg-close img {
        height: 20px;
        padding: 2px;
        filter: brightness(0) invert(1);
    }

@media (max-width: 800px) {
    #icon {
        height: 70px;
        width: 70px;
        position: fixed;
        bottom: 40px;
        right: 40px;
        z-index: 498;
        border-radius: 50%;
    }

        #icon img {
            /* margin-right: 20px; */
            margin: auto;
            height: 70px;
            width: 70px;
        }
}
