.elementor-5430 .elementor-element.elementor-element-8bba569{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5430 .elementor-element.elementor-element-e87d7db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5430 .elementor-element.elementor-element-1965285{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5430 .elementor-element.elementor-element-f60d46a > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-5430 .elementor-element.elementor-element-f60d46a .ez-login-form.ezl-advanced{max-width:min(100%, 520px);margin-left:auto;margin-right:auto;}.elementor-5430 .elementor-element.elementor-element-f60d46a .ez-login-form.ezl-advanced .ez-send-otp{width:100%;background:var( --e-global-color-ea8d4d9 );border-color:var( --e-global-color-ea8d4d9 );}.elementor-5430 .elementor-element.elementor-element-f60d46a .ez-login-form.ezl-advanced .ez-verify-otp{width:100%;}.elementor-5430 .elementor-element.elementor-element-9a05b42{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5430 .elementor-element.elementor-element-015d652{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5430 .elementor-element.elementor-element-382f440{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5430 .elementor-element.elementor-element-b97e493 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:17px;}.elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7b9f6ae );}.elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-framed .elementor-icon, .elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-default .elementor-icon{fill:var( --e-global-color-7b9f6ae );color:var( --e-global-color-7b9f6ae );border-color:var( --e-global-color-7b9f6ae );}.elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-ea8d4d9 );}.elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-5430 .elementor-element.elementor-element-b97e493.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-ea8d4d9 );color:var( --e-global-color-ea8d4d9 );border-color:var( --e-global-color-ea8d4d9 );}.elementor-5430 .elementor-element.elementor-element-b97e493 .elementor-icon-box-title, .elementor-5430 .elementor-element.elementor-element-b97e493 .elementor-icon-box-title a{font-family:"VazirMatn", Sans-serif;font-size:21px;font-weight:800;}.elementor-5430 .elementor-element.elementor-element-b97e493 .elementor-icon-box-title{color:var( --e-global-color-7b9f6ae );}.elementor-5430 .elementor-element.elementor-element-b97e493:has(:hover) .elementor-icon-box-title,
					 .elementor-5430 .elementor-element.elementor-element-b97e493:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-ea8d4d9 );}.elementor-5430 .elementor-element.elementor-element-b97e493 .elementor-icon-box-description{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5430 .elementor-element.elementor-element-b660d37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-5430 .elementor-element.elementor-element-f60d46a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5430 .elementor-element.elementor-element-f60d46a.elementor-element{--align-self:flex-start;}.elementor-5430 .elementor-element.elementor-element-62703b2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5430 .elementor-element.elementor-element-015d652{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5430 .elementor-element.elementor-element-8bba569{--width:100%;}.elementor-5430 .elementor-element.elementor-element-382f440{--width:60%;}.elementor-5430 .elementor-element.elementor-element-b660d37{--width:40%;}}/* Start custom CSS *//* ============================================================
   باکس ورود و ثبت‌نام فشرده بامدرس (70-75% صفحه)
   ============================================================ */

/* کانتینر اصلی تمام‌صفحه */
.bm-instructor-onboarding {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f4f4 !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
}

/* کارت سفید مرکزی (۷۰ تا ۷۵ درصد صفحه) */
.bm-instructor-onboarding > .e-con-inner,
.bm-instructor-onboarding .e-con-inner {
    width: 100% !important;
    max-width: 860px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 35px rgba(8, 60, 55, 0.08) !important;
    border: 1px solid #e2ecea !important;
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
    align-items: stretch !important;
}

/* ------------------------------------------------------------
   ۱. ستون تصویر (سمت چپ)
   ------------------------------------------------------------ */
.bm-onboarding-visual {
    flex: 0 0 44% !important;
    width: 44% !important;
    background: linear-gradient(145deg, #e7f5f3 0%, #daf0ec 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.bm-onboarding-image {
    width: 100% !important;
    max-width: 250px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.bm-onboarding-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 320px !important;
    object-fit: contain !important;
    display: block !important;
}

/* ------------------------------------------------------------
   ۲. ستون فرم / لاگین (سمت راست)
   ------------------------------------------------------------ */
.bm-onboarding-form {
    flex: 0 0 56% !important;
    width: 56% !important;
    padding: 30px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* عنوان و توضیحات بالای فرم */
.bm-onboarding-title,
.bm-onboarding-title h2 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #153a36 !important;
    margin-bottom: 6px !important;
}

.bm-onboarding-description,
.bm-onboarding-description p {
    font-size: 12.5px !important;
    color: #637775 !important;
    margin-bottom: 14px !important;
    line-height: 1.6 !important;
}

/* فیلدهای فلوئنت فرم و لاگین */
.bm-onboarding-form .ff-el-group {
    margin-bottom: 12px !important;
}

.bm-onboarding-form .ff-el-form-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1c3d39 !important;
    margin-bottom: 4px !important;
}

.bm-onboarding-form .ff-el-form-control {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    background-color: #fbfcfa !important;
    border: 1px solid #d5e4e2 !important;
}

.bm-onboarding-form .ff-el-form-control:focus {
    border-color: #087f78 !important;
    box-shadow: 0 0 0 2px rgba(8, 127, 120, 0.12) !important;
}

/* بخش چک‌باکس‌های فلوئنت فرم */
.bm-onboarding-form .ff_checkbox,
.bm-onboarding-form .ff-el-group:has(.ff-el-form-check) {
    background: #f4faf9 !important;
    border: 1px dashed #b2ded7 !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.bm-onboarding-form .ff-el-form-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

.bm-onboarding-form .ff-el-form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: 15px !important;
    height: 15px !important;
    accent-color: #087f78 !important;
    cursor: pointer !important;
}

.bm-onboarding-form .ff-el-form-check-label {
    font-size: 12px !important;
    color: #244642 !important;
    cursor: pointer !important;
}

/* دکمه‌ها (هم لاگین و هم فرم تکمیل اطلاعات) */
.bm-onboarding-form button,
.bm-onboarding-form input[type="submit"],
.bm-onboarding-form .ff-btn-submit {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background: #087f78 !important;
    color: #ffffff !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 6px 14px rgba(8, 127, 120, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.bm-onboarding-form button:hover,
.bm-onboarding-form input[type="submit"]:hover,
.bm-onboarding-form .ff-btn-submit:hover {
    background: #066963 !important;
    transform: translateY(-1px) !important;
}

/* ============================================================
   ریسپانسیو موبایل و تبلت (نمایش عکس در بالا + فرم در پایین)
   ============================================================ */
@media (max-width: 768px) {
    .bm-instructor-onboarding {
        padding: 16px 12px !important;
        align-items: flex-start !important;
    }

    .bm-instructor-onboarding > .e-con-inner,
    .bm-instructor-onboarding .e-con-inner {
        flex-direction: column !important;
        max-width: 100% !important;
    }

    .bm-onboarding-visual {
        width: 100% !important;
        flex: 0 0 auto !important;
        padding: 16px !important;
    }

    .bm-onboarding-image {
        max-width: 160px !important;
    }

    .bm-onboarding-image img {
        max-height: 140px !important;
    }

    .bm-onboarding-form {
        width: 100% !important;
        flex: 0 0 auto !important;
        padding: 20px 16px !important;
    }
}/* End custom CSS */