.form-div {
    background: var(--secondary);
    padding: 20px;
    /* border: 2px solid var(--border); */
    border-radius: 5px;
}

.form-div label,
.modal label {
    color: var(--text-primary);
    font-weight: var(--fw-md);
    font-size: 14px;
    margin-bottom: 8px;
}

.form-div .form-control,
.form-div .form-select,
.modal .form-control,
.modal .form-select {
    background-color: var(--light);
    border: 2px solid var(--border);
    border-radius: 4px;
    font-size: 14px;
}

.form-div .form-control:focus,
.form-div .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus {
    border: 2px solid var(--main);
    box-shadow: var(--box-shadow);
    outline: none;
}

.modal h4 {
    color: var(--text-primary);
    font-weight: var(--fw-xxl);
    font-size: 20px;
}