body {
      font-family: 'Poppins', sans-serif;
      /* background-color: #e5ddd5;
      background-repeat: repeat;
      background-size: auto; */
    }

    .chatbox {
      position: relative;
      max-width: 550px;
      background-image: url('/img/bg-h.png');
      background-size: 300px auto;
      margin: 50px auto;
      /* background: #fff; */
      border-radius: 10px;
      padding: 15px;
      height: 90vh;
      display: flex;
      flex-direction: column;
    }

    .messages {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      padding-bottom: 1rem;
      display: flex;
      flex-direction: column;
    }

    .msg {
      margin: 8px 0;
      /* padding and border-radius will be overridden in .msg.user/.msg.bot */
      max-width: 80%;
      display: block;
    }

    /* WhatsApp Bubble Style */
    .msg.user {
      background-color: #40887b;
      color: white;
      border-radius: 15px 15px 0 15px;
      padding: 10px 14px;
      display: block;
      max-width: 75%;
      font-size:17px;
      position: relative;
      margin-left: auto;
      right: 19px;
    }

    .msg.user::after {
      /* content: "✔"; */
      font-size: 17px;;
      color: #d0f8ce;
      position: absolute;
      bottom: 6px;
      right: 10px;
    }

    .msg.bot {
      background-color: #f3fef4;
      color: #333;
      border-radius: 15px 15px 15px 0;
      padding: 10px 14px;
      display: inline-block;
      max-width: 95%;
       font-size: 17px;;
      align-self: flex-start;
    }

    .timestamp {
      text-align: right;
      font-size: 0.75rem;
      margin-top: 4px;
      color: rgba(255, 255, 255, 0.6);
    }

    .msg.bot .timestamp {
      color: #333;
    }

    .input-group {
      margin-top: auto;
    }

    @media (max-width: 576px) {
      .input-group {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #e5ddd575;
        padding: 5px 10px;
        z-index: 1000;
      }
      #downloadBtn,
      #resetBtn {
        position: fixed !important;
        bottom: 80px;
        right: 70px;
        z-index: 1001;
      }

      #resetBtn {
        right: 120px;
      }
    }

    #downloadBtn {
      position: absolute;
      bottom: 90px;
      background: #f2f2f2b3;
      right: 16px;
      width: 38px;
      z-index: 10;
      display: none;
    }

    #resetBtn {
      position: absolute;
      bottom: 56px;
      background: #f2f2f2b3;

      right: 16px;
      width: 38px;
      z-index: 10;
      /* display: none; */
    }

    @media (max-width: 576px) {
      .chatbox {
        margin: 0;
        width: 100vw;
        height: 100vh;
        border-radius: 0;
      }
    }