.ask_sana{
       position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 100;
    cursor: pointer;
        }  
        
  .ask_sana .avatar img
        {
            width: 90px;
        }
        
/* .ask_sana .avatar {
 animation: bounce2 2s ease infinite;
    animation: hithere 2s ease infinite;
} */
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
        
        @keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}
        
        .sana-chatbox{
     border: 0px solid #00000021;
    background-color: white;
    height: 445px;
    width: 350px;
    position: fixed;
    bottom: 0px;
    right: 20px;
    overflow: hidden;
    z-index: 21474836488;
    box-shadow: 0px 0px 13px 3px #00000063;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* border-bottom-left-radius: 10px; */
        }

        .floating-head #sana-title{
            font-weight: 500;
        }

        .floating-head #sub_heading{
                font-size: 10px;
    font-weight: 400;
        }

         .chatbox-head{
              width: 100%;
    height: 60px;
    background-color: #ed1c24db;
    display: flex;
    justify-content: space-between;
    padding: 11px;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
        }
        
       .chatbox-head .left-side p{
   font-size: 15px ;
    color: white;
    margin-left: 15px;
    line-height: 19px;
    font-weight: 700;
        }
       .chatbox-head .left-side span{ color: white; }
      .chatbox-head .right-side
        {
                color: white;
    margin-right: 10px;
    font-size: 19px;
            cursor: pointer;
        }
        .chatbox-footer{
                width: 100%;
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    padding-right: 19px;
    padding-bottom: 12px;
    padding-left: 14px;
    border-top: 0.5px dotted;
    padding-top: 11px;
        }
        .chatbox-footer .chat-msg{
                width: 90%;
    overflow: hidden;
        }
        .chatbox-footer .chat-msg .placeholder{
                font-size: 13px;
        }
        
        .sana-loader{
                position: absolute;
    background-color: white;
    text-align: center;
        }
        .sana-loader img{
          width: 355px; 
        }
        
        .chatbox-body{
                max-height: 360px;
    overflow-y: auto;
        }
        #chat-list{
            padding: 20px;
        }
        
        .sana_response{
        min-width: 80%;
       max-width: 80%;
    background-color: #E0F7FA;
    padding: 10px;
    font-size: 13px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 13px;
    margin-top: 15px;
    display: inline-block;
    float: left;
    color: white;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #e16db6, #6f11a3, #9413db, #7780a1);
        }
        
        .user_response{
     min-width: 80%;
       max-width: 80%;
    padding: 10px;
    font-size: 13px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-bottom: 13px;
    margin-top: 15px;
    float: right;
    display: inline-block;
    color: white;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #2f57ef, #b966e7, #b966e7, #2f57ef);
        }
        
.sana_response::after{
    content: "\a";
    white-space: pre;
}
        .user_response::after{
    content: "\a";
    white-space: pre;
}
        
/*
  div.sana_response::before {
   content:url(https://shasonline.com/assets/new_home/img/sana-chat-icon.svg);
}
*/
        
   .sana_response a{
    color: #f90202 !important;
       font-weight: 600;
           /* color: white !important; */
    font-weight: 600;
    border: 1px solid;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    background-color: white;
        }
        
        .sana_response a:before{
            content: "\2192";
            color: #f90202;
            margin-right: 10px;
        }
        
      .sana_response p{
     color: white;
    font-size: 13px;
        }
        
     
        
        .sana_question_list{
                max-width: 250px;
        }
        
        .chat-question-box{
   max-width: 250px;
/*    min-width: 120px;*/
     font-size: 13px;
    border: 1px solid #a1a1a1;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
/*    display: inline-block;*/
                display: table-cell;
    float: left;
    font-weight: 600;
/*    box-shadow: inset 0px 0px 6px 1px #afa5a5;*/
    box-shadow: 0px 0px 4px 1px #cbbaba;
        }
        
        .sana-enquiryBox{
                border: 1px solid #cdcbcb;
    padding: 15px;
    border-radius: 7px;
    font-size: 13px;
            margin-bottom: 20px;
            margin-top: 20px;
            float: left;
        }
        
        .sana-enquiryBox .inputs
        {
                width: 100%;
    margin-bottom: 14px;
    height: 27px;
    border: 1px solid #c3c3c3;
    padding-left: 10px;
        }
        .sana-enquiryBox .textarea
        {
            height: 65px;
        }
  
        .sana-enquiryBox h4
        {
                font-size: 15px;
    font-weight: 600;
        }
        
  @media screen and (max-width: 600px) {
  .sana-chatbox{
  height: 90vh;
    overflow-y: auto;
    width: 100%;
    position: fixed;
    bottom: 0px;
    right: 0px;
        }
      
      .chatbox-body{
          max-height: 90%;
    overflow-y: auto;
          
      }
      
      .sana_response{
       font-size: 16px !important;   
      }
        .user_response{
       font-size: 16px !important;   
      }
        .chat-question-box{
       font-size: 16px !important;   
      }
}
        
        .sana-chat{
                display: inline-flex;
    min-width: 80%;
        }
       
        .sana-chat img{
                width: 20px;
    margin-top: 20px;
    margin-right: 10px;
        }
        
        /**
 * ==============================================
 * Dot Falling
 * ==============================================
 */
        .sana-typing{
            
        }        
        
.dot-falling {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9999px 0 0 0 #9880ff;
  animation: dot-falling 1s infinite linear;
  animation-delay: 0.1s;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-top: 35px;
}
.dot-falling::before, .dot-falling::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-falling::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-falling-before 1s infinite linear;
  animation-delay: 0s;
}
.dot-falling::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-falling-after 1s infinite linear;
  animation-delay: 0.2s;
}

@keyframes dot-falling {
  0% {
    box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 9999px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
@keyframes dot-falling-before {
  0% {
    box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 9984px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
@keyframes dot-falling-after {
  0% {
    box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 10014px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
/**
 * ==============================================
 * Dot Stretching
 * ==============================================
 */