.form-row {
    display: flex;
    flex-direction: row;
    warp: wrap;
    gap: 1rem;
}
/* .form-vertical-row {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1rem;

} */
.form-label {
    width: 25%;
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--black);
}

.form-input {
    width: 100%;
    min-width: 16rem;
    padding: 0.5rem;
    border: 1px solid var(--black-50);
    border-radius: 0.5rem;
    font-size: 1rem;
}

.form-input--textarea {
    height: 50vh;
    resize: vertical;
}

.link_forget_password {
    display: block;
    margin-top: 2rem;
    text-decoration: underline;
    color: var(--orange);
}

.quill-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%; /* Or a specific max-width */
}

.ql-container,
.quill-container {
    flex: 1;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    resize: vertical;
    overflow: auto;
}

.ql-editor {
    flex: 1;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    overflow-y: auto;
    min-height: 200px;
    max-height: 500px;
}