body {
      background-color: #e7eef3;
      margin: 5px;
    }

    header {
      padding: 5px 5px 10px 10px;
      display: flex; 
      background-color: #000000;
      margin-bottom: 5px;
      height: 215px;
    }

    #titulo {
      padding: 15px 10px 0px 15px;
      display: flex;
      background-color: #000000;
      height: 35px;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      color: white;
    }

    .montserrat {
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      color: white;
      margin-left: 31px;
      display: block;
      width: 400px;
      margin-top: -20px;
    }

    .vjs-poster img {
      object-fit: fill !important;
    }

    header img {
      max-width: 150px;
      margin-left: 10px
    }

    .video-container {
      display: flex; 
      flex-wrap: wrap; 
      background-color: #e7eef3;
    }

    #instructions {
      flex: 1; 
      max-width: 70%;
    }

    #chat {
      flex: 1; 
      margin-left: 0px;
      overflow-y: auto; /* Add vertical scrollbar when necessary */
      max-height: 700px; /* Set a fixed height */
      position: relative; /* Ensure child elements are positioned relative to it */
    }
    
    #logoAutenticare {
      flex: 1;
      min-width: 300px; 
      max-width: 300px;
    }

    #logoAutenticare img {
        margin-top: 5px;
    }

    #logoCliente {
      flex: 1; 
      text-align: center;
      position: absolute;
      right: 20px;
      top: 20px;
    }

    #logoCliente .montserrat {
      margin: 70px 40px 0px 0px;
      font-size: xx-large;
      width: 100%;
      
    }

    /* Specific styling for typebot-standard */
    typebot-standard {
      display: block; 
      height: 100%; 
      overflow-y: auto;
    }