* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.body {
 /*   font-family: 'Comfortaa', cursive;*/
    font-size: 16px;
}
/* 
.pl {
    padding-left: 0 !important;
} */


.slick-list{    border-radius: 10px 10px 10px 0px;}
.chatbot-box {
   position: fixed;
   bottom: 8px;
   width: 340px;
   margin: 10px auto;
   background-color: #fff;
   /*box-shadow: 0px 3px 12px 14px rgba(230, 219, 219, 0.692);*/
   border-radius: 10px;
   box-shadow: 0px 2px 3px #ccc; 
}

.chatbot-head {
    height: 62px;
    background-color: #ec0030;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 1px 1px 4px rgba(230, 219, 219, 0.692);
}

.bot-head {
    width: 30px;
    margin-top: 14px;
}

.bot-heading {
    font-size: 20px;
    color: #fff;
    padding-top: 15px;
  /*  font-family: 'Comfortaa', cursive; */
    font-weight:700;
}


.chatbot-body {
    background-color: #fff;
    padding: 35px 5px;
    min-height: 300px;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    /*scrollbar-color: #f7293f #fff6f6;*/
}

ul li {
    list-style: none;
}

/* .msg-img  {
    width: 30px;
    position: relative;
    height: 100%;
} */





.msg-img  img{
   /* position: absolute;*/
    left: 14;
    bottom: 0;
    padding-bottom: 15px;
}

.msg-para {
    display: inline-block;
    /* padding: 10px; */
    box-shadow: 1px 1px 4px rgba(230, 219, 219, 0.692);
    border-radius: 10px;
    background: #fff;
}

.msg-paras {
    display: inline-block;
    padding: 10px;
    box-shadow: 1px 1px 4px rgba(230, 219, 219, 0.692);
    border-radius: 10px;
    background: #fff;
}
.rtl > h3 {
    margin: 0;
    padding: 10px;
    text-transform: unset;
    text-align: left;
    font-size: 12px;
    background: #eeeeee;
    color: #6a6a6a;
    font-weight: 400;
}

.msg-para img {
    align-self: center;
}

.msg-para p {
    font-size: 12px;
    margin-bottom:0; 
    font-weight: 400;
    padding: 10px;
   /* font-family: 'Open Sans', sans-serif; */
}


.revert-para p { font-size: 12px;
    margin-bottom:0; 
    font-weight: 400;
    padding1: 10px;
    /*font-family: 'Open Sans', sans-serif;*/
    }

.msg-para-box {
    position: relative;
    z-index: 999;
    margin-bottom: 15px;
}

.msg-para-box-2 {
    margin-bottom: 15px;
}

.msg-para-box::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -1px;
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #faf2f2 transparent;
    z-index: -1;
    transform: rotate(-7deg);
}

.revert-para {
    border: 1px solid #007eff;
    border-radius: 10px;
    padding: 6px 15px 6px 15px;
    display: inline-block;
    cursor:pointer;
}

.revert-para p {
    color: #007eff;
    /*font-family: 'Open Sans', sans-serif;*/
}

.revert-msg {
    margin-bottom: 15px;
}

.chatbot-foot {
    border-top : 1px solid #ddd;
    padding: 10px 0;
}

.text-msg p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    /*font-family: 'Open Sans', sans-serif;*/
}

.send-icon {
    text-align: right;
    align-self: center;

    cursor: pointer;
}

.text-msg input {
    background-color: transparent;
    border: 0px solid;
    height: 30px;
    color: #CCC;
    outline: none;
}

/* ----------------------------------------------------------------------- */

.msg-para-box-copy {
    position: relative;
    z-index: 999;
    margin-bottom: 15px;
    text-align: right;
}

.msg-para-box-copy .msg-para {
    background-color: #e5ecf4 
}

.msg-para-box-copy-2 {
    margin-bottom: 15px;
}

.msg-para-box-copy::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 16px 24px 15px;
    border-color: transparent transparent #e5ecf4 transparent;
    z-index: -1;
    transform: rotate(-1deg);
}
.rtl {
    width: 240px;
    cursor: pointer;
    
 /*   background: #f6f6f6;*/
    
}


.rtl img{
    width: 100%;

}
.slid-text{ padding: 10px; margin: 0px; background-color: #eee; min-height: 100px;border-radius: 0px 0px 5px 5px; }
.slid-text h3{ text-align: left; font-size: 12px;  font-weight: 700; }
.slid-text p{ text-align: left; font-size: 12px;padding: 0;  }


/* --------------------------- Slider ---------------------------- */

button.slick-next, button.slick-next:hover {
    position: absolute;
    top: 50%;
    outline: none !important;
    right: -10px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    z-index: 999;
    background: url(../img/next.png) center no-repeat;
    border: none;
    color: transparent;
  }
  button.slick-prev, button.slick-prev:hover {
    position: absolute;
    top: 50%;
    outline: none !important;
    left: -14px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    z-index: 999;
    background: url(../img/prev.png) center no-repeat;
    border: none;
    color: transparent;
  }

  .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: transparent;
}

::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important
   }
    ::-webkit-scrollbar-thumb {
    /*background-color: #f7293f !important;*/
   }
    ::-webkit-scrollbar-track {
    background:rgba(246, 140, 140, 0.08) !important;
   }
    ::-moz-scrollbar {
    width: 6px!important;
    height: 6px!important
   }
    ::-moz-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2) !important;
   }
    ::-moz-scrollbar-track {
    /*background: #f7293f !important;*/
   }
    *::-webkit-input-placeholder {
       /* Chrome/Opera/Safari */
       color: #999797;
   }
    *::-moz-placeholder {
       /* Firefox 19+ */
       color: #999797;
   }
    *:-ms-input-placeholder {
       /* IE 10+ */
       color: #999797;
   }
    *:-moz-placeholder {
       /* Firefox 18- */
       color: #999797;
   }
   
input#chat-input:focus {
    box-shadow: none;
}