/* MAIN MODAL */
.modal-form{
max-width:850px;
margin:auto;
background:#fff;
border-radius:16px;
padding:30px;
box-shadow:0 10px 40px rgba(0,0,0,0.2);
font-family:system-ui;
}


.section h3 {
    display: flex;
    align-items: center;
    gap: 11px;
}




.radio label {
    display: flex;
    gap: 6px;
}
.box.grid3 label {
gap: 4px;
    display: flex;
    font-family: Figtree;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.box.grid3 label input {
    width: 20px !important;
}

/* HEADER */
.modal-form h2{
font-size:26px;
font-weight:600;
margin-bottom:5px;
}

.modal-content p.desc{
color:#6b7280;
font-size:14px;
margin-bottom:20px !important;
}

/* SECTION */
.section{
margin-top:25px;
}

.section h3{
font-size:18px;
font-weight:600;
margin-bottom:15px;
border-bottom:1px solid #e5e7eb;
padding-bottom:10px;
}

/* LABEL */
label{
font-size:14px;
font-weight:500;
margin-bottom:10px;
display:block;
color:#000000;
}

/* ROW */
.row{
display:flex;
gap:15px;
}

.row > div{
width:50%;
}
.box-new label {
    display: flex;
    font-family: Figtree;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #65748E;
}
.box-new input {
    width: 28px !important;
}
/* INPUT */
input, select{
width:100%!important;
padding:12px!important;
border:1px solid #e5e7eb!important;
border-radius:8px!important;
background:#F4F4F4 !important;
margin-bottom:15px!important;
font-size:14px;
}

/* RADIO */
.radio{
display:flex;
gap:25px;
margin-bottom:15px;
}

/* BOX (languages & care) */
.box{
background:#f5f1e8;
padding:18px;
border-radius:10px;
margin-top:10px;
}

/* GRID */
.grid3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap: 2px;
}

/* TEXT */
.note{
font-size:13px;
color:#6b7280;
margin-bottom:10px;
}

/* BUTTONS */
.actions{
display:flex;
justify-content:flex-end;
gap:10px;
margin-top:25px;
}

.submit-btn{
background:#198754;
color:#fff;
padding:12px 25px;
border:none;
border-radius:30px;
font-weight:500;
cursor:pointer;
}

.submit-btn:hover{
background:#157347;
}

.cancel-btn{
background:#f3f4f6;
color:#000;
padding:12px 25px;
border-radius:30px;
border:none;
cursor:pointer;
}



@media (max-width: 767px) {
    .modal-content{
    	 padding: 0px !important;

     }
     .modal-content p {
        margin: 0px !important;
    }
    
    .modal-form {
        padding: 15px !important;
    }
    .actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-top: 25px;
        flex-direction: column;
    }
    
}