/*
|--------------------------------------------------------------------------
| MOAKHAT FORMS
|--------------------------------------------------------------------------
*/

label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

}

input,
textarea,
select{

    width:100%;

    padding:14px 16px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    background:#fff;

    color:var(--text);

    font-size:16px;

    outline:none;

    transition:.25s;

}

textarea{

    resize:vertical;

    min-height:140px;

}

input:focus,
textarea:focus,
select:focus{

    border-color:var(--primary);

    box-shadow:
        0 0 0 4px
        rgba(111,133,106,.12);

}

::placeholder{

    color:#999;

}

.form-group{

    margin-bottom:22px;

}

.form-actions{

    margin-top:30px;

}

.checkbox{

    display:flex;

    align-items:center;

    gap:10px;

}

.checkbox input{

    width:auto;

}

.radio{

    display:flex;

    align-items:center;

    gap:10px;

}

.radio input{

    width:auto;

}