#chat-widget-container { bottom: 60px !important; z-index: 1 !important; max-height: calc(100% - 120px)!important; }
#ib-chatbot-block{
  position: fixed;
  right: 13px;
  bottom: 10px;
  z-index: 9;
}

#ib-chatbot-block.ib-chat-section{
    bottom: 10px;
    right: 13px;
    z-index: 9999999;
}
#ib-chatbot-block.ib-chat-section #id-chat-bot-sec{
    bottom: 0;
    right: 0;
}
#ib-chatbot-block.ib-chat-header #id-chat-bot-header{
  display: block!important;
}
#ib-chatbot-block.ib-chat-header #id-chat-bot-sec{
  display: none!important;
}
#ib-chatbot-block.ib-chat-section #id-chat-bot-header{
  display: none!important;
}
#ib-chatbot-block.ib-chat-section #id-chat-bot-sec{
  display: block!important;
}
.ib-chat-header{
  width: 255px!important;
  height: 40px!important;
  border: unset;
  z-index: 9999;
}
.ib-chat-section{
    width: 700px;
    min-width: 700px;
    max-width: calc(100% - 20px);
    height: calc(100% - 130px);
    min-height: calc(100% - 130px);
    max-height: calc(100% - 20px);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.17) 0px 4px 20px -0.75px;
}
@media only screen and (max-width: 768px) {
    #ib-chatbot-block {
        /* bottom: 50px; */
        z-index: 99!important;
    }
    #ib-chatbot-block.ib-chat-section{
        bottom: 0;
        right: 0;
        z-index: 9999999!important;
    }
  .ib-chat-section {
      width: 100%!important;
      min-width: 100%!important;
      max-width: 100%!important;
      height: 100%!important;
      min-height: 100%!important;
      max-height: 100%!important;
      bottom: 0!important;
      right: 0!important;
      /* z-index: 9999!important; */
  }
  #chat-widget-container { z-index: 999999 !important; }
}
@media only screen and (max-height: 576px) {
    #ib-chatbot-block {
        /* bottom: 50px; */
        z-index: 99!important;
    }
    #ib-chatbot-block.ib-chat-section{
        bottom: 0;
        right: 0;
        z-index: 9999999!important;
    }
  .ib-chat-section {
      width: 100%!important;
      min-width: 100%!important;
      max-width: 100%!important;
      height: 100%!important;
      min-height: 100%!important;
      max-height: 100%!important;
      bottom: 0!important;
      right: 0!important;
  }
  #chat-widget-container { z-index: 999999 !important; }
}

/* Animation */
@-webkit-keyframes slideInUp {
    90% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 0%, 0);
      visibility: visible;
      opacity: 0;
    }
    50%{
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        visibility: visible;
        opacity: 0;
  
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
}
#ib-chatbot-block .id-chat-app{
    transition: all 0.3s ease;
}
.animate__slideInUp, #ib-chatbot-block .id-chat-app {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
#ib-chatbot-block .id-chat-app, .ib-chat-container .ib-chat-section {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

div#chat-widget-container {
    transition: all 0.55s ease !important;
    animation: fadeuplivechat 0.55s!important;
    animation-direction: alternate;
  }
  
  @keyframes fadeuplivechat {
    0%   {bottom: 0px;}
    100% {bottom: 60px;}
  }

  /* #ib-chatbot-block.ib-chat-header {
    animation: fadeupchatbotai 0.5s;
    animation-direction: alternate;
  }

    @keyframes fadeupchatbotai {
        0%   {bottom: 0px;}
        100% {bottom: 10px;}
    } */