#chatAvatarContainer, 
#chatAvatarContainer .chat_bot_avatar {
    position: fixed;
    bottom: -72px;
    right: 24px;
    display: block;
    z-index: 999;
    transition: .3s all ease-in-out;
}
#chatAvatarContainer.active, 
#chatAvatarContainer.active .chat_bot_avatar {
    bottom: 24px;
    transition: .3s all ease-in-out;
}
.chat_bot_avatar {
    width: 60px;
    height: 60px;
    cursor: pointer;
    overflow: hidden;
    background: #FFF;
    padding: 0;
    z-index: 999;
    border-radius: 100%;
    border: 1px solid #d7d7d7;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 rgba(215, 215, 215, 0.9);
}
.chat_bot_avatar svg {
    width: 60px;
    height: 60px;
}

@media (max-width: 980px) {
    #chatAvatarContainer, 
    #chatAvatarContainer .chat_bot_avatar {
        display: none;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
        box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
        box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
        box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
    }
}

/* Avatar 1 styling */
#avatar1 .cls-1 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar1 .cls-1,
#avatar1 .cls-2,
#avatar1 .cls-3,
#avatar1 .cls-4,
#avatar1 .cls-5,
#avatar1 .cls-6,
#avatar1 .cls-7,
#avatar1 .cls-8,
#avatar1 .cls-9,
#avatar1 .cls-10,
#avatar1 .cls-11,
#avatar1 .cls-12,
#avatar1 .cls-13,
#avatar1 .cls-14,
#avatar1 .cls-15,
#avatar1 .cls-16,
#avatar1 .cls-17 {
    stroke-width: 0px;
}
#avatar1 .cls-2 {
    fill: #a55b32;
}
#avatar1 .cls-18 {
    isolation: isolate;
}
#avatar1 .cls-4 {
    fill: #1a305b;
}
#avatar1 .cls-5 {
    fill: #a65a3f;
}
#avatar1 .cls-6 {
    fill: #213c68;
}
#avatar1 .cls-7 {
    fill: #8e4c2b;
}
#avatar1 .cls-8 {
    fill: #a55a30;
}
#avatar1 .cls-9 {
    fill: #fff;
}
#avatar1 .cls-10 {
    fill: #b3daf4;
}
#avatar1 .cls-11 {
    fill: #9fcbed;
}
#avatar1 .cls-12 {
    fill: #3d241b;
}
#avatar1 .cls-13 {
    fill: #b86936;
}
#avatar1 .cls-14 {
    fill: #d1794e;
}
#avatar1 .cls-15 {
    fill: #15264d;
}
#avatar1 .cls-16 {
    fill: #d8d8d8;
}
#avatar1 .cls-17 {
    fill: #934e3a;
}

/* Avatar 2 styling */
#avatar2 .cls-1 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar2 .cls-1,
#avatar2 .cls-2,
#avatar2 .cls-3,
#avatar2 .cls-4,
#avatar2 .cls-5,
#avatar2 .cls-6,
#avatar2 .cls-7,
#avatar2 .cls-8,
#avatar2 .cls-9,
#avatar2 .cls-10,
#avatar2 .cls-11,
#avatar2 .cls-12,
#avatar2 .cls-13,
#avatar2 .cls-14,
#avatar2 .cls-15,
#avatar2 .cls-16,
#avatar2 .cls-17 {
    stroke-width: 0px;
}
#avatar2 .cls-18 {
    isolation: isolate;
}
#avatar2 .cls-3 {
    fill: #1a305b;
}
#avatar2 .cls-4 {
    fill: #a65a3f;
}
#avatar2 .cls-5 {
    fill: #213c68;
}
#avatar2 .cls-6 {
    fill: #e2bb9a;
}
#avatar2 .cls-7 {
    fill: #cca88f;
}
#avatar2 .cls-8 {
    fill: #fff;
}
#avatar2 .cls-9 {
    fill: #b3daf4;
}
#avatar2 .cls-10 {
    fill: #9fcbed;
}
#avatar2 .cls-11 {
    fill: #edc49f;
}
#avatar2 .cls-12 {
    fill: #cca78b;
}
#avatar2 .cls-13 {
    fill: #fed5aa;
}
#avatar2 .cls-14 {
    fill: #15264d;
}
#avatar2 .cls-15 {
    fill: #56332b;
}
#avatar2 .cls-16 {
    fill: #d8d8d8;
}
#avatar2 .cls-17 {
    fill: #934e3a;
}

/* Avatar 3 styling */
#avatar3 .cls-1 {
    fill: #8c470a;
}
#avatar3 .cls-1,
#avatar3 .cls-2,
#avatar3 .cls-3,
#avatar3 .cls-4,
#avatar3 .cls-5,
#avatar3 .cls-6,
#avatar3 .cls-7,
#avatar3 .cls-8,
#avatar3 .cls-9,
#avatar3 .cls-10,
#avatar3 .cls-11,
#avatar3 .cls-12,
#avatar3 .cls-13,
#avatar3 .cls-14,
#avatar3 .cls-15,
#avatar3 .cls-16,
#avatar3 .cls-17,
#avatar3 .cls-18 {
    stroke-width: 0px;
}
#avatar3 .cls-2 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar3 .cls-19 {
    isolation: isolate;
}
#avatar3 .cls-4 {
    fill: #1a305b;
}
#avatar3 .cls-5 {
    fill: #a65a3f;
}
#avatar3 .cls-6 {
    fill: #213c68;
}
#avatar3 .cls-7 {
    fill: #e2bb9a;
}
#avatar3 .cls-8 {
    fill: #cca88f;
}
#avatar3 .cls-9 {
    fill: #fff;
}
#avatar3 .cls-10 {
    fill: #b3daf4;
}
#avatar3 .cls-11 {
    fill: #9fcbed;
}
#avatar3 .cls-12 {
    fill: #edc49f;
}
#avatar3 .cls-13 {
    fill: #cca78b;
}
#avatar3 .cls-14 {
    fill: #fed5aa;
}
#avatar3 .cls-15 {
    fill: #15264d;
}
#avatar3 .cls-16 {
    fill: #b56208;
}
#avatar3 .cls-17 {
    fill: #d8d8d8;
}
#avatar3 .cls-18 {
    fill: #934e3a;
}

/* Avatar 4 styling */
#avatar4 .cls-1 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar4 .cls-1,
#avatar4 .cls-2,
#avatar4 .cls-3,
#avatar4 .cls-4,
#avatar4 .cls-5,
#avatar4 .cls-6,
#avatar4 .cls-7,
#avatar4 .cls-8,
#avatar4 .cls-9,
#avatar4 .cls-10,
#avatar4 .cls-11,
#avatar4 .cls-12,
#avatar4 .cls-13,
#avatar4 .cls-14,
#avatar4 .cls-15,
#avatar4 .cls-16,
#avatar4 .cls-17,
#avatar4 .cls-18,
#avatar4 .cls-19 {
    stroke-width: 0px;
}
#avatar4 .cls-2 {
    opacity: .56;
}
#avatar4 .cls-2,
#avatar4 .cls-18 {
    fill: #d8d8d8;
}
#avatar4 .cls-20 {
    isolation: isolate;
}
#avatar4 .cls-4 {
    fill: #1a305b;
}
#avatar4 .cls-5 {
    fill: #a65a3f;
}
#avatar4 .cls-6 {
    fill: #213c68;
}
#avatar4 .cls-7 {
    fill: #674130;
}
#avatar4 .cls-8 {
    fill: #e2bb9a;
}
#avatar4 .cls-9 {
    fill: #cca88f;
}
#avatar4 .cls-10 {
    fill: #fff;
}
#avatar4 .cls-11 {
    fill: #b3daf4;
}
#avatar4 .cls-12 {
    fill: #9fcbed;
}
#avatar4 .cls-13 {
    fill: #edc49f;
}
#avatar4 .cls-14 {
    fill: #cca78b;
}
#avatar4 .cls-15 {
    fill: #fed5aa;
}
#avatar4 .cls-16 {
    fill: #15264d;
}
#avatar4 .cls-17 {
    fill: #56332b;
}
#avatar4 .cls-19 {
    fill: #934e3a;
}

/* Avatar 5 styling */
#avatar5 .cls-1 {
    fill: #261113;
}
#avatar5 .cls-1,
#avatar5 .cls-2,
#avatar5 .cls-3,
#avatar5 .cls-4,
#avatar5 .cls-5,
#avatar5 .cls-6,
#avatar5 .cls-7,
#avatar5 .cls-8,
#avatar5 .cls-9,
#avatar5 .cls-10,
#avatar5 .cls-11,
#avatar5 .cls-12,
#avatar5 .cls-13,
#avatar5 .cls-14,
#avatar5 .cls-15,
#avatar5 .cls-16,
#avatar5 .cls-17,
#avatar5 .cls-18,
#avatar5 .cls-19,
#avatar5 .cls-20 {
    stroke-width: 0px;
}
#avatar5 .cls-2 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar5 .cls-3 {
    fill: #3a1a1d;
}
#avatar5 .cls-4 {
    fill: #a55b32;
}
#avatar5 .cls-21 {
    isolation: isolate;
}
#avatar5 .cls-6 {
    fill: #1a305b;
}
#avatar5 .cls-7 {
    fill: #a65a3f;
}
#avatar5 .cls-8 {
    fill: #213c68;
}
#avatar5 .cls-9 {
    fill: #8e4c2b;
}
#avatar5 .cls-10 {
    fill: #99522e;
}
#avatar5 .cls-11 {
    fill: #a55a30;
}
#avatar5 .cls-12 {
    fill: #fff;
}
#avatar5 .cls-13 {
    fill: #b3daf4;
}
#avatar5 .cls-14 {
    fill: #9fcbed;
}
#avatar5 .cls-15 {
    fill: #3d241b;
}
#avatar5 .cls-16 {
    fill: #b86936;
}
#avatar5 .cls-17 {
    fill: #d1794e;
}
#avatar5 .cls-18 {
    fill: #15264d;
}
#avatar5 .cls-19 {
    fill: #d8d8d8;
}
#avatar5 .cls-20 {
    fill: #934e3a;
}

/* Avatar 6 styling */
#avatar6 .cls-1 {
    fill: #261113;
}
#avatar6 .cls-1,
#avatar6 .cls-2,
#avatar6 .cls-3,
#avatar6 .cls-4,
#avatar6 .cls-5,
#avatar6 .cls-6,
#avatar6 .cls-7,
#avatar6 .cls-8,
#avatar6 .cls-9,
#avatar6 .cls-10,
#avatar6 .cls-11,
#avatar6 .cls-12,
#avatar6 .cls-13,
#avatar6 .cls-14,
#avatar6 .cls-15,
#avatar6 .cls-16,
#avatar6 .cls-17,
#avatar6 .cls-18,
#avatar6 .cls-19 {
    stroke-width: 0px;
}
#avatar6 .cls-2 {
    fill: #8e4c35;
}
#avatar6 .cls-3 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar6 .cls-20 {
    isolation: isolate;
}
#avatar6 .cls-5 {
    fill: #1a305b;
}
#avatar6 .cls-6 {
    fill: #a65a3f;
}
#avatar6 .cls-7 {
    fill: #213c68;
}
#avatar6 .cls-8 {
    fill: #7a4226;
}
#avatar6 .cls-9 {
    fill: #683823;
}
#avatar6 .cls-10 {
    fill: #fff;
}
#avatar6 .cls-11 {
    fill: #68351e;
}
#avatar6 .cls-12 {
    fill: #b3daf4;
}
#avatar6 .cls-13 {
    fill: #56291a;
}
#avatar6 .cls-14 {
    fill: #9fcbed;
}
#avatar6 .cls-15 {
    fill: #3d241b;
}
#avatar6 .cls-16 {
    fill: #15264d;
}
#avatar6 .cls-17 {
    fill: #6d3a23;
}
#avatar6 .cls-18 {
    fill: #d8d8d8;
}
#avatar6 .cls-19 {
    fill: #934e3a;
}

/* Avatar 7 styling */
#avatar7 .cls-1 {
    fill: #261113;
}
#avatar7 .cls-1,
#avatar7 .cls-2,
#avatar7 .cls-3,
#avatar7 .cls-4,
#avatar7 .cls-5,
#avatar7 .cls-6,
#avatar7 .cls-7,
#avatar7 .cls-8,
#avatar7 .cls-9,
#avatar7 .cls-10,
#avatar7 .cls-11,
#avatar7 .cls-12,
#avatar7 .cls-13,
#avatar7 .cls-14,
#avatar7 .cls-15,
#avatar7 .cls-16,
#avatar7 .cls-17,
#avatar7 .cls-18 {
    stroke-width: 0px;
}
#avatar7 .cls-2 {
    fill: #182c49;
    mix-blend-mode: overlay;
    opacity: .4;
}
#avatar7 .cls-3 {
    fill: #a55b32;
}
#avatar7 .cls-19 {
    isolation: isolate;
}
#avatar7 .cls-5 {
    fill: #1a305b;
}
#avatar7 .cls-6 {
    fill: #a65a3f;
}
#avatar7 .cls-7 {
    fill: #213c68;
}
#avatar7 .cls-8 {
    fill: #8e4c2b;
}
#avatar7 .cls-9 {
    fill: #99522e;
}
#avatar7 .cls-10 {
    fill: #a55a30;
}
#avatar7 .cls-11 {
    fill: #fff;
}
#avatar7 .cls-12 {
    fill: #b3daf4;
}
#avatar7 .cls-13 {
    fill: #9fcbed;
}
#avatar7 .cls-14 {
    fill: #b86936;
}
#avatar7 .cls-15 {
    fill: #d1794e;
}
#avatar7 .cls-16 {
    fill: #15264d;
}
#avatar7 .cls-17 {
    fill: #d8d8d8;
}
#avatar7 .cls-18 {
    fill: #934e3a;
}