:root {
    --primary-color: rgb(0 199 169);
    --secondary-color: rgb(0, 146, 124);
}

body {
    display: flex;
    flex-direction: column;
}

#back-arrow {
    cursor: pointer;
}

.welcome-banner {
    font-size: 20px;
    font-weight: bold;
}

.welcome-banner img {
    height: 60px;
    margin-right: 5px;
}

fieldset input, fieldset textarea, fieldset select {
    margin-bottom: 1em;
}

/* Required field labels */
label[for] {
    position: relative; /* optional, for spacing if needed */
}

label[for]::after {
    content: '*';
    color: red;
    margin-left: 0.25em;
    display: none;
}

/* Show ::after if label is followed by a required input */
label[for]:has(+ input:required)::after,
label[for]:has(+ select:required)::after,
label[for]:has(+ textarea:required)::after {
    display: inline;
}

.btn-wrapper {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.btn-next,
.btn-submit {
    margin-left: auto;
}