:root {
  --button-bg: #ff9800;
  --button-shape: 4px;
  --button-size: 10px 15px;
  --button-text:#ffffff
}

.dk-btn{
    /* padding: 5px 10px; */
    padding: var(--button-size);
    border: none;
    outline: none;
    color: var(--button-text);
    cursor: pointer;
    text-shadow: 0px 1px 2px #00000030;
    transition: all 300ms linear;
    background-color: var(--button-bg);
    border-radius: var(--button-shape);
}
.dk-btn:hover{
    background: var(--button-bg);
    opacity: 0.7;
}

.dk-modal-container{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0,0,0,0.3);
    display: flex;
    /* align-items: center; */
    justify-content: center;
    overflow: auto;
    
}
.dk-modal{
    width: 100%;
    max-width: 90%;
    /* height: 620px; */
    height: calc(100% - 60px);
    margin-top: 35px;
    background: #fff;
    animation: bounce 500ms linear both;
    position: relative;
}
#chatBotIframe{
    width: 100%;
    height: 100%;
}
.chatBotIframe{
    width: 100%;
    height: 100%;
}
.close-btn{
  position: absolute;
  right: 0;
  top: -25px;
  height: 25px;
  /* width: 25px; */
  /* background: #ff980030; */
  background: transparent;
  border: none;
  outline: none;
  /* color: #ff9800; */
  color: #ffffff;
  cursor: pointer;
  z-index: 0;
  opacity: 0.6;
  transition: all 300ms linear;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: normal !important;
}
.close-btn:hover{
  opacity: 1;
}

@keyframes bounce {
    0% {
      transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    4.7% {
      transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    9.41% {
      transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    14.11% {
      transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    18.72% {
      transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    24.32% {
      transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    29.93% {
      transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    35.54% {
      transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    41.04% {
      transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    52.15% {
      transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    63.26% {
      transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    85.49% {
      transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  
    100% {
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
  }