.elementor-393 .elementor-element.elementor-element-75cec3b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-393 .elementor-element.elementor-element-daa23a5{--display:flex;--margin-top:-46px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-393 .elementor-element.elementor-element-041be2d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-393 .elementor-element.elementor-element-041be2d:not(.elementor-motion-effects-element-type-background), .elementor-393 .elementor-element.elementor-element-041be2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9F0F0;}.elementor-393 .elementor-element.elementor-element-18a0c90 .pkwt-form-wrap{background-color:#E9F0F0;}.elementor-393 .elementor-element.elementor-element-18a0c90 .pkwt-submit{background-color:#CACACA70;color:#FFFFFF;border-radius:14px 14px 14px 14px;}.elementor-393 .elementor-element.elementor-element-18a0c90 .pkwt-form-title{color:#000000;}.elementor-393 .elementor-element.elementor-element-18a0c90 .pkwt-form a{color:#09268A;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-393 .elementor-element.elementor-element-041be2d{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-393 .elementor-element.elementor-element-75cec3b{--content-width:100%;}}@media(max-width:767px){.elementor-393 .elementor-element.elementor-element-041be2d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for pkwt-login-form, class: .elementor-element-18a0c90 *//* ============================================================
   استایل اختصاصی فرم ورود (Login) - اطلس ارتباط
   ============================================================ */

/* ۱. فاصله دادن به کانتینر اصلی در المنتور */
div[data-id="18a0c90"] {
    padding: 20px 20px 40px 20px !important;
}

/* ۲. کانتینر اصلی فرم */
div[data-id="18a0c90"] .pkwt-form-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

div[data-id="18a0c90"] .pkwt-form {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    box-shadow: 0 15px 50px -10px rgba(15, 23, 42, 0.1) !important;
    font-family: 'Vazirmatn', sans-serif !important;
    direction: rtl !important;
    width: 100% !important;
    max-width: 500px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin: 0 auto !important;
}

/* ۳. عنوان و توضیحات */
div[data-id="18a0c90"] .pkwt-form-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    text-align: center !important;
    margin: 0 0 5px 0 !important;
}

div[data-id="18a0c90"] .pkwt-form-description {
    font-size: 14px !important;
    color: #64748B !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
}

/* ۴. فیلدهای فرم */
div[data-id="18a0c90"] .pkwt-form-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
}

/* لیبل‌ها */
div[data-id="18a0c90"] .pkwt-form-field label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    text-align: right !important;
    display: block !important;
    margin: 0 !important;
}

/* ۵. فیلدهای ورودی */
div[data-id="18a0c90"] .pkwt-form-field input[type="text"],
div[data-id="18a0c90"] .pkwt-form-field input[type="password"] {
    width: 100% !important;
    height: 50px !important;
    padding: 0 16px !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 14px !important;
    color: #0F172A !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* حالت فوکوس */
div[data-id="18a0c90"] .pkwt-form-field input:focus {
    border-color: #60A5FA !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15) !important;
}

/* Placeholder */
div[data-id="18a0c90"] .pkwt-form-field input::placeholder {
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

/* ۶. اصلاح بخش پسورد و آیکون چشم */
div[data-id="18a0c90"] .pkwt-password-wrap {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* فضا دادن به فیلد پسورد برای آیکون */
div[data-id="18a0c90"] .pkwt-password-wrap input {
    padding-left: 45px !important;
}

/* استایل خود آیکون چشم */
div[data-id="18a0c90"] .pkwt-password-toggle {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    color: #94A3B8 !important;
    transition: color 0.3s ease !important;
}

div[data-id="18a0c90"] .pkwt-password-toggle:hover {
    color: #2563EB !important;
}

div[data-id="18a0c90"] .pkwt-password-toggle svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

/* ۷. ردیف "مرا به خاطر بسپار" و "فراموشی رمز" */
div[data-id="18a0c90"] .pkwt-row-space {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* استایل چک‌باکس */
div[data-id="18a0c90"] .pkwt-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

div[data-id="18a0c90"] .pkwt-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #2563EB !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* استایل لینک فراموشی رمز */
div[data-id="18a0c90"] .pkwt-lost-link-inline {
    font-size: 13px !important;
    color: #2563EB !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

div[data-id="18a0c90"] .pkwt-lost-link-inline:hover {
    color: #1D4ED8 !important;
    text-decoration: underline !important;
}

/* ۸. دکمه ورود */
div[data-id="18a0c90"] button.pkwt-submit {
    width: 100% !important;
    height: 52px !important;
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 50%, #1D4ED8 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
}

div[data-id="18a0c90"] button.pkwt-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45) !important;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
}

/* ۹. لینک پایین فرم */
div[data-id="18a0c90"] .pkwt-form-footer-link {
    text-align: center !important;
    font-size: 13.5px !important;
    color: #64748B !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
}

div[data-id="18a0c90"] .pkwt-form-footer-link a {
    color: #2563EB !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ۱۰. پیام خطا */
div[data-id="18a0c90"] .pkwt-message {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 10px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
}

div[data-id="18a0c90"] .pkwt-message.is-error {
    background: #FEF2F2 !important;
    color: #991B1B !important;
    border: 1px solid #FECACA !important;
}

/* ۱۱. ریسپانسیو (موبایل) */
@media (max-width: 768px) {
    div[data-id="18a0c90"] {
        padding: 10px !important;
    }
    div[data-id="18a0c90"] .pkwt-form {
        padding: 25px 20px !important;
        border-radius: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041be2d *//* استایل‌دهی به کانتینر اصلی که شامل عکس و فرم است */
.elementor-element-041be2d {

    align-items: stretch !important; /* کشیدن ستون‌ها تا انتهای ارتفاع */
}

/* استایل‌دهی به ستون تصویر */
.elementor-element-041be2d > .e-con-inner > .e-con:nth-child(1) {
    display: flex !important;
    flex-direction: column !important;
}

/* استایل‌دهی به ستون فرم */
.elementor-element-041be2d > .e-con-inner > .e-con:nth-child(2) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* وسط‌چین کردن فرم از نظر عمودی */
    background-color: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important; /* سایه ملایم برای فرم */
}

/* تنظیمات تصویر برای پر کردن فضای ستون */
.elementor-element-041be2d img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* پر کردن فضا بدون کشیدگی */
    border-radius: 20px !important; /* گرد کردن گوشه‌های تصویر */
}/* End custom CSS */