New Case - Done
<div class="modal-background">
<div class="modal-container _48">
<div class="modal-heading-container">
<h1 class="modal-h1">New Support Case</h1>
<div>Use this to create a new support case about an issue with our team.</div>
<div class="space-1rem"></div>
</div>
<div class="auth-form w-form">
<form id="new-case" name="new-case" data-name="new-case" method="post" class="form">
<div class="form-field-container">
<div class="field-label-container">
<label for="title" class="field-label">Title</label>
<div class="required-star">*</div>
</div>
<input class="form-field w-input" maxlength="256" name="title" data-name="title" placeholder="Provide a short title for your case..." type="text" id="title" required>
</div>
<div class="form-field-container">
<div class="field-label-container">
<label for="description" class="field-label">Description</label>
<div class="required-star">*</div>
</div><textarea id="description" name="description" maxlength="5000" data-name="description" placeholder="Describe the issue in detail..." class="form-field text-area w-input"></textarea>
<div class="text-area-under">
<div>639 / 5000</div>
<div class="button-wrapper-horizontal">
{Add attachment reusable component}
</div>
</div>
</div>
<div class="form-button-container">
<input type="button" data-wait="Please wait..." class="button full tertiary w-button" value="Cancel">
<input type="button" data-wait="Please wait..." class="button full w-button" value="Save">
</div>
</form>
</div>
<div class="modal-close-button w-embed">
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</div>
</div>
</div>