.contact-box{
    max-width:600px;
    margin:30px auto;
    /* background:#982424; */
    padding:25px;
    border-radius:12px;
    box-shadow:0 4px 15px rgba(30, 171, 117, 0.08);
    font-family:system-ui;
}
.contact-box input, .contact-box textarea{
    width:100%;
    padding :12px;
    margin-bottom:15px;
    border-radius:8px;
    border:1px solid #ccc;
    box-sizing:border-box;
}
label{
    display: block;        /* يجعل الليبل يأخذ كامل السطر */
    margin-bottom: 8px;    /* المسافة المطلوبة بين الليبل والإنبوت */
    font-weight: bolder;
}
.contact-box button{
    font-weight: 900;
    width: 150px;
    background:#18212a;
    color:#ffffff;
    border:0;
    padding:10px 25px;
    border-radius:8px;
    cursor:pointer;
    font-size:15px;
}
.contact-box button:hover{opacity:.9;}
.msg{padding:12px;border-radius:8px;margin-bottom:15px;}
.success{background:#18212a;color:#e2e3e5;}
.error{background:#f8d7da;color:#721c24;}
.mas{
    height: 200px;
}
.contact{
    text-align: center;
}