body { font-family: Helvetica; font-size: 16px; padding: 20px; }

input, textarea { font-family: Helvetica; font-size: 16px; display: block; margin: 8px 0; width: 300px; }

button {font-family: Helvetica; font-size: 16px; display: block; margin: 20px 0; width: 100px; height: 30px; float: right;}

.button2 {font-family: Helvetica; font-size: 16px; display: block; margin: 20px 0; width: 187px; height: 30px;}

.button3 {font-family: Helvetica; font-size: 16px; display: block; margin: 20px 0; width: 190px; height: 30px;}

textarea {font-family: Helvetica; font-size: 16px; height: 80px; }

.error {font-family: Helvetica; font-size: 16px; color: red; }

#qrSection { margin-top: 20px; }

#logoContainer {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#companyLogo {
  height: 80px;
  width: auto;
}

#sideBySideContainer {
      display: flex;
      justify-content: center; /* Center horizontally */
      align-items: flex-start; /* Align sections to the top */
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 0px;
    }

    .section-box {
      border: 1px solid #ccc;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
      width: 350px;
      box-sizing: border-box;
    }
    
     .section-box2 {
      border: 1px solid #ccc;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
      width: 450px;
      box-sizing: border-box;
    }

    .form-group {
      display: flex;
      flex-direction: column;
      margin-bottom: 1em;
    }