/* =========================
   Apple ID Form Design
========================= */


.aiof-wrapper {

    max-width: 520px;
    margin: 50px auto;
    padding: 20px;
    direction: rtl;

}



.aiof-form-box {

    background: #ffffff;

    padding: 40px 35px;

    border-radius: 20px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.08);

    border:1px solid #eeeeee;

}



/* عنوان */

.aiof-form-box h2 {

    text-align:center;

    color:#222;

    font-size:28px;

    font-weight:700;

    margin-bottom:15px;

}



/* متن توضیح */

.aiof-description {

    text-align:center;

    color:#555;

    font-size:15px;

    margin-bottom:35px;

}



/* فاصله فیلد */

.aiof-field {

    margin-bottom:25px;

}



/* لیبل */

.aiof-field label {

    display:block !important;

    color:#222 !important;

    font-size:15px;

    font-weight:700;

    margin-bottom:10px;

}



/* خود فیلدها */

.aiof-field input[type="text"],
.aiof-field input[type="email"],
.aiof-field input[type="password"] {


    display:block !important;

    width:100% !important;

    height:55px !important;

    box-sizing:border-box;


    background:#fff !important;


    border:2px solid #4837f3 !important;


    border-radius:12px !important;


    padding:0 18px !important;


    color:#222 !important;


    font-size:16px !important;


    outline:none !important;


    transition:.3s ease;


}



/* placeholder */

.aiof-field input::placeholder {

    color:#999 !important;

}



/* حالت فوکوس */

.aiof-field input:focus {


    border-color:#872EC6 !important;


    box-shadow:
    0 0 0 4px rgba(72,55,243,.15);


}



/* دکمه */

.aiof-button {


    width:100% !important;

    height:55px !important;


    border:none !important;


    border-radius:14px !important;


    background:#4837f3 !important;


    color:#fff !important;


    font-size:17px !important;


    font-weight:700 !important;


    cursor:pointer;


    transition:.3s;


}



.aiof-button:hover {


    background:#3726d8 !important;


    transform:translateY(-2px);


}



/* موبایل */

@media(max-width:600px){


    .aiof-form-box {

        padding:30px 20px;

    }


}