.elementor-15363 .elementor-element.elementor-element-44779ec{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-15363 .elementor-element.elementor-element-e876d82{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15363 .elementor-element.elementor-element-899ef04{text-align:center;}.elementor-15363 .elementor-element.elementor-element-899ef04 .elementor-heading-title{font-family:"IRANYekanX-DemiBold", Sans-serif;font-size:36px;font-weight:600;color:#000000F7;}.elementor-15363 .elementor-element.elementor-element-5903c0f{--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-15363 .elementor-element.elementor-element-984dc39{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#707070;--border-color:#707070;--border-radius:0px 0px 0px 0px;}.elementor-15363 .elementor-element.elementor-element-b2c6b88{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cd63d51 *//* ==========================================
   استایل کامل و یکپارچه ستون سمت راست (ورود با رمز عبور)
   ========================================== */

/* استایل کلی باکس سمت راست */
.custom-login-box,
.right-box {
    direction: rtl !important;
    text-align: right !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    font-family: 'IRANYekanX', sans-serif !important;
    overflow: visible !important;
}

/* ۱. چیدمان عنوان و عدد ۱ (جابه‌جایی ۷۰ پیکسل به سمت راست) */
.right-box .form-title-wrapper,
.custom-login-box .form-title-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important; /* فاصله ۱۲پیکسل بین عدد ۱ و متن */
    margin-bottom: 30px !important; /* فاصله ۳۰پیکسل تا متن حساب کاربری */
    margin-right: -70px !important; /* انتقال ۷۰پیکسل به سمت راست */
    width: auto !important;
    direction: rtl !important;
}

/* متن عنوان: ورود با رمز عبور */
.right-box .form-title,
.custom-login-box .form-title {
    font-family: 'IRANYekanX', sans-serif !important;
    font-weight: 500 !important; /* IRANYekanX-Medium */
    font-size: 21px !important;
    color: #000000 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    order: 2 !important;
}

/* عدد ۱ دایره‌ای */
.right-box .step-badge,
.custom-login-box .step-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid #707070 !important; /* بوردر ۷۰۷۰۷۰ با ضخامت ۲پیکسل */
    border-radius: 50% !important;
    font-family: 'IRANYekanX', sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #000000 !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* ۲. گروه‌بندی فیلدها و فاصله‌ها */
.custom-login-box .field-group,
.right-box .field-group {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 21px !important; /* فاصله ۲۱پیکسل بین فیلد اول و متن فیلد دوم */
}

/* حذف مارجین پایینی فیلد دوم جهت تنظیم دقیق فاصله تا فراموشی رمز */
.custom-login-box .field-group:last-of-type,
.right-box .field-group:last-of-type {
    margin-bottom: 0 !important;
}

/* متون لیبل‌ها: حساب کاربری / رمز خود را وارد کنید */
.custom-login-box .field-group label,
.right-box .field-group label {
    display: block !important;
    text-align: right !important;
    font-family: 'IRANYekanX', sans-serif !important;
    font-weight: 600 !important; /* IRANYekanX-DemiBold */
    font-size: 17px !important;
    color: #000000 !important;
    margin-bottom: 10px !important; /* فاصله ۱۰پیکسل تا فیلد مربوطه */
}

/* ۳. استایل فیلدهای ورودی (کپسولی، بوردر مشکی، پس‌زمینه سفید) */
.custom-login-box .custom-input,
.right-box .custom-input,
.right-box input[type="text"],
.right-box input[type="password"] {
    width: 100% !important;
    height: 50px !important;
    border: 2px solid #000000 !important; /* بوردر ۲پیکسل مشکی */
    border-radius: 30px !important;
    padding: 0 20px !important;
    background-color: #ffffff !important; /* پس‌زمینه سفید */
    font-family: 'IRANYekanX', sans-serif !important;
    font-size: 15px !important;
    color: #000000 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.custom-login-box .custom-input:focus,
.right-box .custom-input:focus {
    border-color: #000000 !important;
    background-color: #ffffff !important;
}

/* ۴. متن لینک «رمز عبور خود را فراموش کرده‌اید» */
.custom-login-box .forgot-pass-link,
.right-box .forgot-pass-link {
    display: block !important;
    text-align: right !important; /* alignment راست مطابق کانتینر */
    font-family: 'IRANYekanX', sans-serif !important;
    font-weight: 600 !important; /* IRANYekanX-DemiBold */
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.6) !important;
    margin-top: 4px !important; /* فاصله ۴پیکسل از فیلد رمز عبور */
    margin-bottom: 13px !important; /* فاصله ۱۳پیکسل تا دکمه ورود */
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.custom-login-box .forgot-pass-link:hover,
.right-box .forgot-pass-link:hover {
    color: #000000 !important;
}

/* ۵. دکمه ورود */
.custom-login-box .custom-login-btn,
.right-box .custom-login-btn,
.right-box button,
.right-box input[type="submit"] {
    width: 100% !important;
    height: 50px !important;
    background-color: #2b7fff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-family: 'iranyekanx-bold', 'IRANYekanX', sans-serif !important;
    font-size: 21px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-top: 0 !important;
    transition: background-color 0.2s ease !important;
    display: block !important;
}

.custom-login-box .custom-login-btn:hover,
.right-box .custom-login-btn:hover {
    background-color: #1a6bf2 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-130f797 *//* ==========================================
   استایل کامل و یکپارچه ستون سمت چپ (ورود با OTP)
   ========================================== */

/* ۱. چیدمان عنوان و عدد ۲ */
.left-box .form-title-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important; /* فاصله ۱۲پیکسل بین عدد و متن */
    margin-bottom: 30px !important; /* فاصله ۳۰پیکسل تا عنوان بعدی (شماره موبایل) */
    width: 100% !important;
    direction: rtl !important;
        /* جابه‌جایی 70 پیکسل به سمت راست */
    margin-right: -70px !important; 
}

/* در صورتی که کانتینر اصلی overflow: hidden داشته باشد و مانع بیرون زدن شود */
.left-box {
    overflow: visible !important;
}

/* ۲. متن عنوان: ورود با رمز یک بار مصرف */
.left-box .form-title {
    font-family: 'IRANYekanX', sans-serif !important;
    font-weight: 500 !important; /* IRANYekanX-Medium */
    font-size: 21px !important;
    color: #000000 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    order: 2 !important;
}

/* ۳. عدد ۲ دایره‌ای */
.left-box .step-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid #707070 !important; /* بوردر ۷۰۷۰۷۰ با ضخامت ۲پیکسل */
    border-radius: 50% !important;
    font-family: 'IRANYekanX', sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #000000 !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* ۴. متن لیبل: شماره موبایل */
.left-box .field-group label {
    display: block !important;
    text-align: right !important;
    font-family: 'IRANYekanX', sans-serif !important;
    font-weight: 600 !important; /* IRANYekanX-DemiBold */
    font-size: 17px !important;
    color: #000000 !important;
    margin-bottom: 12px !important; /* فاصله ۱۲پیکسل تا فیلد ورودی */
}

/* ۵. کادر/فیلد ورودی شماره موبایل */
.left-box input[type="tel"],
.left-box input[type="text"],
.left-box .dig-mob-input,
.left-box .custom-input {
    width: 100% !important;
    height: 50px !important;
    border: 2px solid #000000 !important; /* بوردر مشکی ۲پیکسل */
    border-radius: 30px !important;
    padding: 0 20px !important;
    background-color: #ffffff !important;
    font-family: 'IRANYekanX', sans-serif !important;
    font-size: 15px !important;
    color: #000000 !important;
    outline: none !important;
    box-sizing: border-box !important;
    direction: ltr !important; /* چپ‌چین */
    text-align: left !important;
    margin-bottom: 32px !important; /* فاصله ۳۲پیکسل تا دکمه ارسال */
}

/* ۶. استایل Placeholder شماره موبایل */
.left-box input::placeholder {
    color: #a0a0a0 !important;
    text-align: left !important;
    direction: ltr !important;
    font-family: 'IRANYekanX', sans-serif !important;
}

/* ۷. استایل دکمه دریافت رمز یکبار مصرف */
.left-box button,
.left-box input[type="submit"],
.left-box .dig-login-submit,
.left-box .bg-button,
.left-box .custom-login-btn {
    width: 100% !important;
    height: 50px !important;
    background-color: #2b7fff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-family: 'iranyekanx-bold', 'IRANYekanX', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-top: 0 !important;
    transition: background-color 0.2s ease !important;
}

.left-box button:hover,
.left-box input[type="submit"]:hover,
.left-box .custom-login-btn:hover {
    background-color: #1a6bf2 !important;
}

/* ۸. تنظیمات تکمیلی دیجتیس */
.left-box .dig-container-left-sub,
.left-box .dig_login_cancel {
    font-family: 'IRANYekanX', sans-serif !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IRANYekanX-DemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://esfahantelephone.com/wp-content/uploads/2026/06/IRANYekanX-DemiBold.woff2') format('woff2'),
		url('https://esfahantelephone.com/wp-content/uploads/2026/06/IRANYekanX-DemiBold.woff') format('woff');
}
/* End Custom Fonts CSS */