.hs_cos_wrapper_widget {
  form.hs-form {
    margin: 0 auto;

    .form-title {
      font-family: 'Parkinsans', sans-serif;
      font-size: 1.5rem;
      font-weight: 700;
      text-align: left;
      margin-bottom: 2rem;
    }

    label {
      display: block;
      margin-bottom: 6px;
      font-family: 'Parkinsans', sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: #000;
    }

    .hs-input,
    select.hs-input,
    textarea.hs-input {
      width: 100%;
      padding: 16px 24px;
      font-size: 15px;
      font-family: 'Parkinsans', sans-serif;
      font-weight: 400;
      color: #000;
      background-color: #fff;
      border: 1px solid #e3e1de;
      border-radius: 8px;
      transition: border 0.3s ease;
      box-shadow: none;

      &.error {
        border-color: rgba(255, 0, 0, 0.5);
        color: rgba(255, 0, 0, 0.5);
      }

      &::placeholder {
        color: #d0cfcd;
      }

      &:hover {
        background-color: #f8f8f8;
      }

      &:focus {
        background-color: #f8f8f8;
        border-color: #000;
      }
    }

    textarea.hs-input {
      min-height: 188px;
    }

    select.hs-input {
      appearance: none;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuMDkyNzcgMS42NTIyMkw2LjA4MTk2IDYuNzY4OTlMMTEuMDcwOCAxLjY1MjIyIiBzdHJva2U9IiM0RDRENEQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 12px;
    }

    fieldset {
      max-width: none;
    }

    fieldset.form-columns-1,
    fieldset.form-columns-2 {
      display: flex;
      gap: 24px;
      margin-bottom: 24px;
    }

    fieldset.form-columns-1 {
      .hs-form-field {
        flex: 1 1 100%;

        .hs-input {
          width: 100%;

          &[type='checkbox'],
          &[type='radio'] {
            width: auto;
          }
        }
      }
    }

    fieldset.form-columns-2 {
      display: block;
      margin-bottom: 0;

      @media (min-width: 480px) {
        display: flex;
        gap: 24px;
      }

      .hs-form-field {
        flex: 1 1 100%;
        margin-bottom: 24px;

        .hs-input {
          width: 100%;
        }

        @media (min-width: 834px) {
          flex: 1 1 48%;
          min-width: 200px;
        }
      }
    }

    .legal-consent-container {
      div {
        margin-bottom: 24px;

        &:last-child {
          margin-bottom: 0;
        }
      }

      .hs-form-booleancheckbox-display {
        & > span {
          margin-left: 32px;
        }
      }
    }

    .hs-recaptcha {
      margin-bottom: 24px;
    }

    .inputs-list {
      list-style: none;
      padding-left: 0;

      input[type='checkbox'],
      input[type='radio'] {
        width: 16px;
        height: 16px;
        padding: 10px;
        border-radius: 8px;
        accent-color: red;
        margin-right: 10px;
        vertical-align: middle;

        &:checked {
          background-color: currentColor;
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          border-color: transparent;
        }
      }

      label span {
        font-family: 'Parkinsans', sans-serif;
        font-size: 15px;
        color: #000;
        vertical-align: middle;
      }
    }

    .hs_submit {
      .hs-button {
        background-color: #e3ff00;
        color: #000;
        font-family: 'Parkinsans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.6;
        padding: 14px 32px;
        border: none;
        border-radius: 100px;
        cursor: pointer;
        transition: background 0.3s ease;
        margin-top: 24px;

        @media (min-width: 1024px) {
          padding: 20px 40px;
        }

        &:hover {
          background-color: #d4f400;
        }
      }
    }

    .hs-error-msgs {
      margin-top: 6px;
      padding-left: 0;
      list-style: none;

      li label,
      .hs-error-msg {
        color: rgba(255, 0, 0, 0.5);
        font-size: 13px;
        font-weight: 500;
        font-family: 'Parkinsans', sans-serif;
      }
    }
  }
}