.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    width: 100%;
    margin-bottom: var(--spacing-16);
}

.form-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-ink-black);
}

.req-star {
    color: var(--color-error-crimson);
    margin-left: var(--spacing-4);
}

.input-wrapper {
    position: relative;
    width: 100%;
}

.form-group.has-error input,
.form-group.has-error textarea,
.form-group.has-error select {
    border-color: var(--color-error-crimson);
}

.field-error-msg {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-error-crimson);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 2px;
}