html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed,
      figure, figcaption, footer, header, menu, nav,
      output, ruby, section, summary, time, mark,
      audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }

      input {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }

      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure,
      footer, header, hgroup, menu, nav, section {
        display: block;
      }

      body {
        line-height: 1.42;
        -webkit-font-smoothing: antialiased;
      }

      ol, ul {
        list-style: none;
      }

      blockquote, q {
        quotes: none;
      }

      blockquote::before, blockquote::after,
      q::before, q::after {
        content: '';
        content: none;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      img {
        object-fit: cover;
        display: block;
        max-width: 100%;
        height: auto;
      }

      a {
        text-decoration: none;
      }

      a:link {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      }

      textarea {
        font-family: Arial;
      }

      :focus {
        outline: none;
      }

      *, *::before, *::after {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }

      svg {
        width: 100%;
      }

      strong, b {
        font-weight: 700;
      }

      textarea {
          box-sizing: border-box;
          width: 100%;
          height: 60px;
          padding: 6px 21% 6px 6px;
          border: 1px solid #c3c3c3;
          border-radius: 2px;
          resize: none;
          outline: none;
          background: #fff;
          font-family: Lato, sans-serif;
          font-size: 14px;
      }

      .adbotic-chatbot-container {
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 100vh;
          margin: 0 auto;
          font-family: Lato, sans-serif;
          letter-spacing: 0;
          border-radius: 0px;
          border: 0px solid #0000001A;
      }

      .adbotic-chatbot-body {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          padding: 0;
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiYAAAAAkAAxkR2eQAAAAASUVORK5CYII=');
          
          
          background-image: url(https://cloud.cavai.com/uploads/converse_imgs/converse_imgs_1715665801098.jpg);
          background-size: cover;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          border-radius: 0 0 0px 0px;
          -webkit-transition: .2s ease;
          transition: .2s ease;
      }
      .adbotic-chatbot-body:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 3;
      }

      .adbotic-chatbot-body-video-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -99;
      }

      .adbotic-chatbot-body-video-bg-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
      }

      .adbotic-chatbot-bubble {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 2;
            height: auto;
            border-radius: 0px 0px 0 0;
            border-bottom: none;
            cursor: default;
            user-select: none;
            
            
            background: rgba(0,0,0,0);
            text-transform: none;
            text-align: center;
            overflow: hidden;
          }

      .adbotic-chatbot-bubble-link {
          display: block;

      }

      .adbotic-chatbot-bubble-ad-label {
          position: absolute;
          top: 15px;
          right: 5px;
          transform: translateY(-50%);
          display: inline-block;
          padding: 1px 3px;
          border: 1px solid #fff;
          border-radius: 5px;
          text-transform: uppercase;
          color: #fff;
          font: 14px Arial, sans-serif;
          letter-spacing: 1px;
      }

      .adbotic-chatbot-bubble-title {
          overflow: hidden;
          padding: 12px 15px 16px 15px;
          width: 100%;
          max-height: calc(19px * 4);
          font-weight: 500;
          line-height: 19px;
          font-size: 14px;
          color: rgba(0,0,0,0);
      }

      .adbotic-chatbot-bubble-icon {
        display: inline-block;
        vertical-align: middle;
        stroke: rgba(0,0,0,0);
        width: 22px;
        height: 18px;
        margin-left: 10px;
      }

      .adbotic-chatbot-user-input {
        position: relative;
        font-size: 0;
      }

      .adbotic-chatbot-user-input.is-printing .adbotic-chatbot-user-input-button {
        cursor: pointer;
      }

      .adbotic-chatbot-user-input.is-printing .adbotic-chatbot-user-input-icon {
        fill: #0693c7;
      }

      .adbotic-chatbot-user-input-button {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 22%;
        height: 100%;
        padding: 0px;
        background: transparent;
        border-radius: 0px 2px 2px 0px;
        border: none;
        outline: none;
        cursor: pointer;
        font-size: 0px;
      }

      .adbotic-chatbot-user-input-icon {
        display: inline-block;
        vertical-align: middle;
        fill: #c3c3c3;
        width: 26px;
        height: 100%;
        -webkit-transition: .2s ease 0s;
        transition: .2s ease 0s;
      }

      /* .adbotic-chatbot-user-input.is-hidden {
          transform: scale3d(1,0,1);
      } */
      .adbotic-chatbot-close-button {
        position: absolute;
        top: 0;
        right: 102%;
        width: 24px;
        height: 24px;
        cursor: pointer;
        background-color: #ffffff;
        -webkit-box-shadow: 0 8px 24px rgba(49, 85, 165, 0.13);
                box-shadow: 0 8px 24px rgba(49, 85, 165, 0.13);
        border-radius: 50%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .15s;
        transition: .15s;
      }

      .adbotic-chatbot-close-button span {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        width: 60%;
        height: 2px;
        background-color: #d7d7d7;
      }

      .adbotic-chatbot-close-button span.adbotic-chatbot-close-button-line1 {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
                transform: translate3d(-50%, -50%, 0) rotate(45deg);
      }

      .adbotic-chatbot-close-button span.adbotic-chatbot-close-button-line2 {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
                transform: translate3d(-50%, -50%, 0) rotate(-45deg);
      }

      .adbotic-chatbot-message {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
        -webkit-transition: .2s;
        transition: .2s;
      }

      .adbotic-chatbot-message.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
      }

      .adbotic-chatbot-message + .adbotic-chatbot-message {
        margin-top: 6px;
      }

      .adbotic-chatbot-message--bot {
        font-size: 0;
      }

      .adbotic-chatbot-message--bot + .adbotic-chatbot-message--bot {
        padding-left: 36px;
      }

      .adbotic-chatbot-message--bot + .adbotic-chatbot-message--bot .adbotic-chatbot-bot-message {
        width: 100%;
        border-radius: 15px;
      }

      .adbotic-chatbot-message--bot + .adbotic-chatbot-message--bot .adbotic-chatbot-bot-message.is-typing {
        width: 60px;
      }

      .adbotic-chatbot-message--bot + .adbotic-chatbot-message--buttons {
        margin-top: 0;
        padding-left: 10px;
      }

      .adbotic-chatbot-message--user {
        padding-left: 36px;
        text-align: right!important;
      }

      .adbotic-chatbot-message--user + .adbotic-chatbot-message--user .adbotic-chatbot-user-message {
        border-radius: 15px;
      }

      .adbotic-chatbot-bot-message {
          box-shadow:
                  inset 0 0 0 0px #00000000,
                  0 0 0 0px #00000000;
          overflow: hidden;
          position: relative;
          display: inline-block;
          vertical-align: top;
          -webkit-box-sizing: border-box;
                box-sizing: border-box;
          width: -webkit-calc(100% - 36px);
          width: calc(100% - 36px);
          max-height: 400px;
          padding: 8px 20px 8px 12px;
          border-radius: 1px 15px 15px;
          
          
          background: #FFFFFFFF;
          color: #000000E2;
          text-align: left;
          font-weight: 400;
          font-size: 16px;
          -webkit-transition: width .4s cubic-bezier(0,1,0,1), max-height .4s ease-in;
          transition: width .4s cubic-bezier(0,1,0,1), max-height .4s ease-in;
      }

      .adbotic-chatbot-bot-message.is-typing {
        width: 60px;
        max-height: 47px;
      }

      .adbotic-chatbot-bot-message.is-typing .typing-loader {
        opacity: 1;
      }

      .adbotic-chatbot-bot-message.is-typing .adbotic-chatbot-message-content {
        opacity: 0;
      }

      .adbotic-chatbot-message-content {
          opacity: 0;
          white-space: pre-line;
          color: #000000E2;
          font-family: Lato, sans-serif;
          font-weight: 400;
          font-size: 15px;
          text-transform: none;
          letter-spacing: 0px;
          transition: opacity 50ms linear .15s
      }

      .adbotic-chatbot-user-message {
        box-shadow:
                inset 0 0 0 0px #00000000,
                0 0 0 0px #00000000;
        padding: 8px 12px 8px 20px;
        border-radius: 15px 1px 15px 15px;
        margin-left: 10%;
        
        
        background: #FFFFFFFF;
        color: #000000E2;
        font-weight: 600!important;
        text-align: right!important;
      }

      .adbotic-chatbot-message-time {
        margin-top: 4px;
        text-align: right;
        font-size: 11px;
        font-weight: 300;
      }

      .adbotic-chatbot-scrollbar {
        overflow-y: auto;
        transition: .2s;
        -webkit-transition: .2s;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 0 0 0px transparent;
      }
      .adbotic-chatbot-scrollbar.adbotic-chatbot-scrollbar-ready {
        box-shadow: 0 0 0 0px #000000FF;
      }
      @media ( min-width: 460px ){
            .adbotic-chatbot-scrollbar {
              left: calc(30% - 65px);
              right: calc(30% - 65px);
            }
          }
      @keyframes chatbotScrollbarBackgroundColor {
          0% { opacity: 0; }
        100% { opacity: 1; }
      }
      .adbotic-chatbot-scrollbar:before {
        background-color: #FFFFFF00;
        transition: opacity .2s;
        content: '';
        display: block;
        pointer-events: none;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
      }
      .adbotic-chatbot-scrollbar.adbotic-chatbot-scrollbar-ready:before {
        opacity: 1;
      }

      .adbotic-chatbot-scrollbar-background { display: none; }

      .adbotic-chatbot-message-avatar {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 6px;
        border-radius: 50%;
        background: url(https://cloud.cavai.com/uploads/converse_imgs/converse_imgs_1649155203009.jpg) center/cover no-repeat;
      }

      .adbotic-chatbot-button {
          box-shadow:
                  inset 0 0 0 0px #00000000,
                  0 0 0 0px #00000000;
          float: right!important;
          textAlign: right;
          padding: 6px 14px;
          margin-bottom: 6px;
          margin-left: 6px;
          border: none;
          outline: none;
          cursor: pointer;
          border-radius: 19.5px;
          
          
          background: #003859FF;
          transition: transform .2s ease-out, filter .2s ease-out;
          max-width: calc(100% - 26px);
          transform-origin: 50% 50%;
      }
      @-webkit-keyframes buttonAppearing {
           0% { opacity: 0; top: 10px; }
           to { opacity: 1; top: 0; }
      }
      @keyframes buttonAppearing {
           0% { opacity: 0; top: 10px; }
           to { opacity: 1; top: 0; }
      }
      @-webkit-keyframes buttonDisappearing {
           0% { opacity: .5; top: 0; filter: brightness(1.08) saturate(1.05); transform: scale3d(1.03,1.03,1); -webkit-transform: scale3d(1.03,1.03,1); }
           to { opacity: 0; top: -10px; filter: brightness(1) saturate(.5); transform: scale3d(1.09,1.09,1); -webkit-transform: scale3d(1.09,1.09,1); }
      }
      @keyframes buttonDisappearing {
           0% { opacity: .5; top: 0; filter: brightness(1.08) saturate(1.05); transform: scale3d(1.03,1.03,1); -webkit-transform: scale3d(1.03,1.03,1); }
           to { opacity: 0; top: -10px; filter: brightness(1) saturate(.5); transform: scale3d(1.09,1.09,1); -webkit-transform: scale3d(1.09,1.09,1); }
      }
      .adbotic-chatbot-button:hover {
                  transform: scale3d(1.05,1.05,1);
          -webkit-transform: scale3d(1.05,1.05,1);
          filter: brightness(1.1) saturate(1.05);
      }
      .adbotic-chatbot-button:active {
                  transform: scale3d(1.03,1.03,1);
          -webkit-transform: scale3d(1.03,1.03,1);
          transition: transform .4s cubic-bezier(0,1,0,1) !important;
          filter: brightness(1.08) saturate(1.05);
      }

      .adbotic-chatbot-button span {
          display: block;
          color: #FFFFFFFF;
          font-family: Lato, sans-serif;
          line-height: 21px;
          font-size: 15px;
          text-transform: none;
          letter-spacing: 0;
      }

      .adbotic-chatbot-centering-container {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -20px;
          width: calc(100% - 40px);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }

      .adbotic-chatbot-reload-button {
          display: block;
          font-weight: bold;
          width: 150px;
          margin: 0 auto;
          padding: 14px;
          border: none;
          outline: none;
          cursor: pointer;
          background-color: #0693c7;
          border-radius: 28px;
          color: #ffffff;
          font-size: 16px;
          -webkit-transition: .3s;
          transition: .3s;
      }

      .adbotic-chatbot-reload-button svg {
          display: inline-block;
          vertical-align: middle;
          width: 20px;
          margin-left: 10px;
          fill: #ffffff;
      }

      .adbotic-chatbot-image img {
          display: block;
          max-width: 170px;
          height: auto;
          border-radius: 15px;
      }

      .adbotic-chatbot-video iframe {
        width: 100%;
      }

      .adbotic-chatbot-buttons {
          margin-top: 0px;
      }

      .adbotic-chatbot-link {
          display: inline;
          max-width: 100%;
          word-wrap: break-word;
          text-decoration: underline;
          font-weight: 400;
          font-size: 15px;
          color: #000000E2;
      }

      .typing-loader {
        position: absolute;
        position: absolute;
        top: 18px;
        margin-left: 1px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: inline-block;
        -webkit-transition: .3s;
        transition: .5s cubic-bezier(0,1,0,1);
        opacity: 0;
        pointer-events: none;
      }

      .typing-loader span {
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        margin-right: 4px;
        margin-left: 1px;
        border-radius: 50%;
        background: #000000E2;
      }

      .typing-loader span:nth-child(1) {
        -webkit-animation: push .9s linear 2;
                animation: push .9s linear 2;
      }

      .typing-loader span:nth-child(2) {
        -webkit-animation: push .9s .15s linear 2;
                animation: push .9s .15s linear 2;
      }

      .typing-loader span:nth-child(3) {
        -webkit-animation: push .9s .3s linear 2;
                animation: push .9s .3s linear 2;
      }

      @-webkit-keyframes push {
         0% { transform: translateY(0); -webkit-transform: translateY(0); }
        10% { transform: translateY(0); -webkit-transform: translateY(0); }
        18% { transform: translateY(-1px); -webkit-transform: translateY(-1px); }
        26% { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
        34% { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
        43% { transform: translateY(-7px); -webkit-transform: translateY(-7px); }
        52% { transform: translateY(-6px); -webkit-transform: translateY(-6px); }
        61% { transform: translateY(-4px); -webkit-transform: translateY(-4px); }
        70% { transform: translateY(-1px); -webkit-transform: translateY(-1px); }
        80% { transform: translateY(0); -webkit-transform: translateY(0); }
         to { transform: translateY(0); -webkit-transform: translateY(0); }
      }
      @keyframes push {
         0% { transform: translateY(0); -webkit-transform: translateY(0); }
        10% { transform: translateY(0); -webkit-transform: translateY(0); }
        18% { transform: translateY(-1px); -webkit-transform: translateY(-1px); }
        26% { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
        34% { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
        43% { transform: translateY(-7px); -webkit-transform: translateY(-7px); }
        52% { transform: translateY(-6px); -webkit-transform: translateY(-6px); }
        61% { transform: translateY(-4px); -webkit-transform: translateY(-4px); }
        70% { transform: translateY(-1px); -webkit-transform: translateY(-1px); }
        80% { transform: translateY(0); -webkit-transform: translateY(0); }
         to { transform: translateY(0); -webkit-transform: translateY(0); }
      }