.ui.form .webform-flex {
  display: flex;
  gap: 1rem;
  
  .webform-type-webform-markup {
      max-width: 50%;
  }
}

.ui.form .webform-type-webform-markup {
  margin-top: 1.5rem;
}

.ui.form .form-type-webform-terms-of-service {
  display: flex;
  gap: 0.5rem;
}

.ui.form .webform-actions {
  margin-top: 1.5rem;
}

@media (max-width: 768px) {
    .ui-dialog {
        max-width: 95%;
        margin: 10px;
    }
    
    .ui.form .webform-flex {
        display: block;
        
        .webform-type-webform-markup {
            max-width: 100%;
        }
    }
}