.data-form {
  max-width: 920px;
  margin: 0 auto;
  nb-card {
    @apply com-mb-3;
    .form-description {
      @apply com-m-0 com-p-4;
      p {
        @apply com-py-4 com-px-3 com-text-base com-font-normal com-leading-5 com-m-0 com-text-gray-500;
        white-space: pre-wrap;
      }
    }
  }
  .question {
    @apply com-m-0;

    nb-card {
      @apply com-mx-2 com-p-4 com-mb-2 com-mt-0;
      .answer {
        padding: 0;

        .checkboxes {
          @apply com-gap-3;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;

          nb-checkbox {
            ::ng-deep {
              span {
                @apply com-text-Yankees-Blue;
              }
            }
          }
        }

        nb-radio-group {
          nb-radio {
            ::ng-deep {
              span {
                @apply com-text-Yankees-Blue;
              }
            }
          }
        }
      }
      .detail {
        display: flex;

        .index {
          @apply com-mt-0 com-mb-2 com-text-base com-font-medium com-text-Yankees-Blue com-pr-1;
        }

        p {
          @apply com-mt-0 com-mb-2;
          .title {
            @apply com-text-base com-font-medium com-text-Yankees-Blue;
          }
        }
        .required-question {
          @apply com-text-red-500 com-ml-2px;
        }
      }

      .options {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        nb-option: {
          padding: 0;
          margin-right: 1rem;
        }
      }
    }
  }

  .submit-button {
    @apply com-p-0 md:com-pb-4 com-mx-2 com-mt-4;

    button {
      @apply com-px-0;
    }
  }
}
