.elementor-10 .elementor-element.elementor-element-6802e07{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-10 .elementor-element.elementor-element-6802e07:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6802e07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zadegi.homes/wp-content/uploads/2026/06/Hero-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-9739234{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-e059643{--display:flex;}.elementor-10 .elementor-element.elementor-element-dd28302{--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-10 .elementor-element.elementor-element-e695c5b .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:900;}.elementor-10 .elementor-element.elementor-element-1a1ef67 .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-67cfd89{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10 .elementor-element.elementor-element-84939e0{--grid-columns:3;}.elementor-10 .elementor-element.elementor-element-bc531ba{--display:flex;}.elementor-10 .elementor-element.elementor-element-c1b4bab{--grid-columns:3;}.elementor-10 .elementor-element.elementor-element-8fdcfa8{--display:flex;}.elementor-10 .elementor-element.elementor-element-993a7df{--grid-columns:3;}.elementor-10 .elementor-element.elementor-element-ed973f9{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:13px;}.elementor-10 .elementor-element.elementor-element-ed973f9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"almas", Sans-serif;font-weight:500;}.elementor-10 .elementor-element.elementor-element-7b0f3a4{--display:flex;}.elementor-10 .elementor-element.elementor-element-db0d126{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-365adbb .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:900;}.elementor-10 .elementor-element.elementor-element-ee885f1 .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-4a2c361{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-9683ead{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-17115ed .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:900;}.elementor-10 .elementor-element.elementor-element-c88943c .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-5f8e3fc .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-36b249c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-fd851d1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-a8c2123 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:900;}.elementor-10 .elementor-element.elementor-element-c304b91 .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-0c862b1 .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-74a9f49{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-114f100{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-ced8fbe .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:900;}.elementor-10 .elementor-element.elementor-element-12149c9 .elementor-heading-title{font-family:"almas", Sans-serif;font-weight:900;letter-spacing:-5px;word-spacing:0px;}.elementor-10 .elementor-element.elementor-element-b033398{--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-10 .elementor-element.elementor-element-f8de070{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10 .elementor-element.elementor-element-5b5458a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-5b5458a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10 .elementor-element.elementor-element-5b5458a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-type-html{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-button[type="submit"]{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-5b5458a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10 .elementor-element.elementor-element-f515910{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-84939e0{--grid-columns:2;}.elementor-10 .elementor-element.elementor-element-c1b4bab{--grid-columns:2;}.elementor-10 .elementor-element.elementor-element-993a7df{--grid-columns:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-6802e07{--min-height:100vh;}.elementor-10 .elementor-element.elementor-element-84939e0{--grid-columns:1;}.elementor-10 .elementor-element.elementor-element-c1b4bab{--grid-columns:1;}.elementor-10 .elementor-element.elementor-element-993a7df{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-cd7e4b3 *//* کانتینر اصلی فرم جستجو */
.re-search-wrapper {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    direction: rtl;
}

.re-search-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start; /* تراز کردن کادر به سمت راست در سیستم RTL */
}


/* ==========================================================================
   ۱. طراحی بخش تَب چسبیده (انتخاب دسته مورد نظر)
   ========================================================================== */
.re-search-radio-container {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #FFFFFF !important; /* پس‌زمینه تَب */
    padding: 10px 24px !important;
    margin-bottom: 0 !important; /* چسبیدن کامل به باکس پایینی */
    gap: 16px !important;
    
    /* لبه‌های تَب چسبیده */
    border-top-left-radius: 12px !important; 
    border-top-right-radius: 12px !important; /* لبه بالا سمت راست گرد مچ با کادر اصلی */
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* عنوان متنی درون تَب (پررنگ‌تر و با وزن فونت 700) */
.re-search-radio-title {
    color: #334155 !important; /* رنگ پررنگ‌تر شبیه دکمه غیرفعال قوی */
    font-size: 13px !important;
    white-space: nowrap !important;
    font-weight: 700 !important; /* وزن فونت 700 */
}

/* گروه دکمه‌های رادیویی درون تَب */
.re-search-radio-group {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.re-search-radio-label {
    cursor: pointer !important;
}

.re-search-radio-label input[type="radio"] {
    display: none !important;
}

/* متن دکمه‌ها بدون کادر و بدون پس‌زمینه پیش‌فرض */
.re-radio-text {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: transparent !important;
    border: none !important;
    color: #94A3B8 !important;
    font-size: 13px !important;
    transition: color 0.3s ease !important;
}

/* هاور روی گزینه‌ها */
.re-search-radio-label:hover .re-radio-text {
    color: #0F172A !important;
}

/* تغییر رنگ متن تَب به آبی اصلی هنگام فعال بودن (Checked) */
.re-search-radio-label input[type="radio"]:checked + .re-radio-text {
    color: #2563EB !important;
}


/* ==========================================================================
   ۲. کادر اصلی فیلترها (چسبیده به بخش بالا)
   ========================================================================== */
.re-search-main-bar {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
    padding: 6px 6px 6px 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
    gap: 0 !important;
    
    /* مچ شدن لبه‌ها با تَب بالای سرچ‌باکس */
    border-top-left-radius: 16px !important; 
    border-top-right-radius: 0px !important; /* اتصال کامل به بخش بالا */
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

/* فیلد ورودی متن */
.re-search-input-wrapper {
    flex: 3 !important;
    display: flex !important;
    align-items: center !important;
}

.re-search-input {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    color: #0F172A !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
}

.re-search-input::placeholder {
    color: #9CA3AF !important;
}

/* دراپ‌داون‌ها */
.re-search-select-wrapper {
    flex: 2 !important;
    display: flex !important;
    align-items: center !important;
}

.re-border-right {
    border-right: 1px solid #E2E8F0 !important;
}

.re-search-select {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    color: #0F172A !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230F172A' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    padding-left: 40px !important;
}

.re-search-select option {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
}

/* دکمه جستجو */
.re-search-wrapper .re-search-submit {
    background-color: #2563EB !important;
    color: #FFFFFF !important;
    border: 1px solid transparent !important; /* بردر شفاف پایه جهت حفظ انیمیشن هاور */
    border-radius: 15px !important; /* تنظیم دقیق روی ۱۵ پیکسل بر اساس فیدبک شما */
    padding: 12px 36px !important;
    font-size: 14px !important;
    font-weight: 700 !important; /* وزن فونت 700 */
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* اورراید قطعی کدهای مخرب هاور قالب با بالاترین اولویت سلکتور دکمه */
body .re-search-wrapper button.re-search-submit[type="submit"]:hover,
body .re-search-wrapper button.re-search-submit[type="submit"]:focus {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    border-color: #0F172A !important;
    box-shadow: rgba(15, 23, 42, 0.15) 0px 8px 20px !important;
}

.re-search-submit:active {
    transform: scale(0.97) !important;
}


/* ==========================================================================
   ۳. بهینه‌سازی واکنش‌گرا (موبایل و تبلت)
   ========================================================================== */

/* تبلت (1024px) */
@media (max-width: 1024px) {
    .re-search-main-bar {
        padding: 6px !important;
    }
    .re-search-select {
        padding: 10px 12px !important;
        background-position: left 12px center !important;
        padding-left: 32px !important;
    }
}

/* موبایل (767px) - بازنویسی کامل جهت لود فوق‌العاده شیک و سبک */
@media (max-width: 767px) {
    .re-search-form {
        align-items: stretch !important; /* کشیدگی کامل عرض فرم روی موبایل */
    }

    /* حذف کادر سفید تَب‌ها روی موبایل و تبدیل به استایل شیشه‌ای معلق */
    .re-search-radio-container {
        background-color: transparent !important;
        width: 100% !important;
        border-radius: 0 !important;
        padding: 0 0 12px 0 !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .re-search-radio-title {
        color: #FFFFFF !important; /* سفید شدن رنگ متن راهنمای دکمه‌ها روی هیرو */
        text-align: center !important;
        font-size: 12px !important;
    }

    .re-search-radio-group {
        justify-content: center !important;
        width: 100% !important;
        gap: 8px !important;
    }

    /* تبدیل رادیوباتن‌ها به کپسول‌های معلق شیشه‌ای شیک روی موبایل */
    .re-radio-text {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-radius: 100px !important;
        padding: 6px 16px !important;
        font-size: 12px !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }

    /* تَب فعال روی موبایل */
    .re-search-radio-label input[type="radio"]:checked + .re-radio-text {
        background-color: #2563EB !important;
        border-color: #2563EB !important;
        color: #FFFFFF !important;
    }

    /* کادر اصلی فرم در موبایل (کارت تکی سفید و منظم) */
    .re-search-main-bar {
        border-radius: 20px !important; /* لبه‌های کاملاً نرم */
        padding: 16px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important; /* ایجاد فاصله منظم بین فیلدهای عمودی */
    }

    /* استایل‌دهی مجزا به فیلدها روی موبایل به صورت ردیف‌های منظم طوسی کم‌رنگ */
    .re-search-input-wrapper,
    .re-search-select-wrapper {
        background-color: #F8FAFC !important; /* پس‌زمینه متمایز طوسی ملایم برای تفکیک راحت */
        border: 1px solid #F1F5F9 !important;
        border-radius: 10px !important;
        padding: 2px !important;
        width: 100% !important;
    }

    .re-border-right {
        border-right: none !important; /* حذف خطوط جداکننده عمودی دسکتاپ در موبایل */
    }

    .re-search-input {
        padding: 10px 12px !important;
    }

    .re-search-select {
        padding: 10px 12px !important;
        background-position: left 12px center !important;
    }

    /* دکمه جستجوی تمام‌عرض موبایل */
    .re-search-submit {
        width: 100% !important;
        border-radius: 10px !important;
        padding: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6802e07 *//* ==========================================
   ۱. کانتینر اصلی هیرو و افکت ماتی پس‌زمینه (data-id="6802e07")
   ========================================== */
.re-hero {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ایجاد لایه تیره و افکت ماتی (Blur) روی تصویر پس‌زمینه */
.re-hero::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(15, 23, 42, 0.65) !important; /* لایه تیره سرمه‌ای روی عکس */
    backdrop-filter: blur(6px) !important; /* افکت ماتی پس‌زمینه */
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 1 !important;
}

/* قرارگیری محتوای داخلی هیرو روی لایه تیره */
.re-hero > .e-con-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1200px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 140px 20px 80px 20px !important; /* پدینگ کافی جهت فاصله از هدر فیکس شده */
    gap: 0 !important; /* کنترل دقیق فواصل با مارجین‌ها */
}


/* ==========================================
   ۲. سلسله‌مراتب متون هیرو (دسکتاپ)
   ========================================== */

/* الف) کوچکترین بخش: نشان مشاورین املاک زادگی (data-id="828c591") */
[data-id="828c591"] {
    margin-bottom: 48px !important;
    display: inline-block !important;
}

[data-id="828c591"] .elementor-heading-title {
    font-size: 14px !important; /* کوچکترین متن */
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.08) !important; /* باکس شفاف ملایم شبیه بج */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ب) بخش تایتل‌ها (تراز وسط) */
.re-hero-titles {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 40px !important; /* ایجاد فاصله مناسب با سرچ باکس زیرین */
}

/* ج) بزرگترین بخش: عنوان اصلی (data-id="bd81a32") */
[data-id="bd81a32"] {
    margin-bottom: 16px !important;
}

[data-id="bd81a32"] .elementor-heading-title {
    font-size: 84px !important; /* بزرگترین متن هیرو */
    color: #FFFFFF !important;
    line-height: 1.1 !important;
    letter-spacing: -1px !important;
}

/* د) دومین بخش بزرگ: زیرعنوان (data-id="7ab156e") */
[data-id="7ab156e"] .elementor-heading-title {
    font-size: 32px !important; /* دومین متن بزرگ هیرو */
    color: #F3F4F6 !important; /* سفید استخوانی ملایم */
    line-height: 1.4 !important;
}


/* ==========================================
   ۳. بخش کانتینر سرچ‌باکس (data-id="9739234")
   ========================================== */
[data-id="9739234"] {
    width: 100% !important;
    max-width: 800px !important;
    display: flex !important;
    justify-content: center !important;
}


/* ==========================================
   ۴. استایل‌های ریسپانسیو تبلت (Tablet Breakpoint - 1024px)
   ========================================== */
@media (max-width: 1024px) {
    .re-hero {
        min-height: 80vh !important;
    }

    .re-hero > .e-con-inner {
        padding-top: 120px !important;
    }

    [data-id="bd81a32"] .elementor-heading-title {
        font-size: 56px !important; /* تعادل سایز تایتل اصلی در تبلت */
    }

    [data-id="7ab156e"] .elementor-heading-title {
        font-size: 24px !important; /* تعادل سایز زیرتایتل در تبلت */
    }
}


/* ==========================================
   ۵. استایل‌های ریسپانسیو موبایل (Mobile Breakpoint - 767px)
   ========================================== */
@media (max-width: 767px) {
   .re-hero{
        min-height: 100vh;
        max-height: 100vh;
        height: 100vh;
    }
  
    .re-hero {
        min-height: auto !important; /* هیرو در موبایل بر اساس ارتفاع محتوا تنظیم شود */
    }

    .re-hero > .e-con-inner {
        padding: 100px 16px 60px 16px !important;
    }

    [data-id="828c591"] {
        margin-bottom: 16px !important;
    }

    [data-id="828c591"] .elementor-heading-title {
        font-size: 11px !important;
    }

    .re-hero-titles {
        margin-bottom: 30px !important;
    }

    [data-id="bd81a32"] .elementor-heading-title {
        font-size: 38px !important; /* سایز کامپکت عنوان اصلی در موبایل */
    }

    [data-id="7ab156e"] .elementor-heading-title {
        font-size: 18px !important; /* سایز کامپکت زیرعنوان در موبایل */
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-ed973f9 *//* ==========================================
   ۱. استایل بدنه کپسول تب‌ها (راست‌چین و کوچک‌شده)
   ========================================== */
.e-n-tabs-heading {
    display: inline-flex !important;
    margin-right: 0 !important;                  /* چسباندن کل کپسول به سمت راست */
    margin-left: auto !important;                 /* هل دادن فضای خالی به سمت چپ */
    background-color: #F8FAFC !important;        /* پس‌زمینه خاکستری ملایم */
    border: 1px solid #E2E8F0 !important;         /* مرز ظریف دور کپسول */
    border-radius: 30px !important;              /* گردی متناسب با ابعاد کوچک‌تر */
    padding: 4px !important;                     /* کاهش پدینگ داخلی کپسول */
    gap: 3px !important;                          /* کاهش فاصله بین دکمه‌ها */
    direction: rtl !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02) !important;
    font-family: 'almas', sans-serif !important;
}

/* ==========================================
   ۲. استایل دکمه‌های تب (غیرفعال و کوچک‌تر)
   ========================================== */
.e-n-tab-title {
    background: transparent !important;
    border: none !important;
    border-radius: 24px !important;              /* هماهنگی گردی دکمه با ابعاد جدید */
    padding: 5px 16px !important;                /* پدینگ فشرده‌تر برای کوچک شدن تب‌ها */
    color: #64748B !important;                    /* رنگ متنی خاکستری */
    cursor: pointer !important;
    outline: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    z-index: 1;
}

/* تغییر رنگ ملایم در حالت هاور دکمه‌ها */
.e-n-tab-title:hover {
    color: #2563EB !important;                    /* تغییر رنگ به آبی زادگی */
}

/* ==========================================
   ۳. استایل دکمه فعال (انتخاب شده)
   ========================================== */
.e-n-tab-title[aria-selected="true"] {
    background-color: #2563EB !important;        /* پس‌زمینه آبی سازمانی */
    color: #FFFFFF !important;                    /* متن سفید */
    font-weight: 600 !important;
    box-shadow: 0 3px 8px rgba(37, 99, 235, 0.15) !important; /* سایه متناسب با ابعاد کوچک */
}

/* ==========================================
   ۴. انیمیشن نرم جابه‌جایی محتوای تب‌ها (Fade & Slide Up)
   ========================================== */
.e-n-tab-content {
    opacity: 0;
    transform: translateY(10px);                  /* جابه‌جایی کمتر برای حالت جمع‌وجور */
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* اعمال انیمیشن هنگام فعال شدن تب جدید */
.e-n-tab-content[aria-hidden="false"],
.e-n-tab-content.e-active {
    opacity: 1 !important;
    transform: translateY(0) !important;          /* نمایش کامل روان */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e059643 *//* --- بخش اول: تیترها و نشان --- */
:root {
    --p-primary: #2563EB;
    --p-secondary: #0F172A;
    --v-font: 'almas', sans-serif;
}

/* استایل کانتینر کلی متن */
.re-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    direction: rtl;
}

/* تیتر انگلیسی (نشان کوچک) */
.re-text-container h5 {
    font-family: var(--v-font) !important;
    color: var(--p-primary) !important;
    background: rgba(37, 99, 235, 0.08);
    display: inline-block;
    width: fit-content;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 !important;
}

/* تیتر اصلی فارسی */
.re-text-container h3 {
    font-family: var(--v-font) !important;
    color: var(--p-secondary) !important;
    font-size: clamp(24px, 5vw, 32px) !important; /* اندازه داینامیک */
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-48fe800 *//* کانتینر بیرونی اسلایدر */
.estate-carousel-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

/* هدر اسلایدر (قرارگیری دکمه‌ها در بالا سمت چپ) */
.estate-carousel-header {
    display: flex;
    justify-content: flex-start;
    direction: ltr !important;
    margin-bottom: 20px;
    padding: 0 4px;
}

/* گروه ناوبری */
.estate-carousel-nav {
    display: flex;
    gap: 8px; /* فاصله بین دکمه‌ها */
}

/* دکمه‌های ناوبری - مربع با گوشه گرد، ابعاد کادر کوچک */
.estate-carousel-prev,
.estate-carousel-next {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 10px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important; /* حذف کامل حاشیه داخلی جهت باز شدن فضا برای آیکون */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 4px 12px rgba(15, 23, 42, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* آیکون‌های داخل دکمه - اندازه بزرگ‌تر و پرکننده کادر */
.estate-carousel-prev svg, 
.estate-carousel-next svg {
    width: 18px !important; /* اندازه مناسب برای پر کردن دکمه */
    height: 18px !important;
    fill: #0F172A !important; /* رنگ ثانویه برند */
    transition: fill 0.3s ease !important;
}

/* حالت هاور دکمه‌ها بر پایه پالت رنگی برند */
.estate-carousel-prev:hover,
.estate-carousel-next:hover,
.estate-carousel-prev:focus,
.estate-carousel-next:focus {
    background-color: #0F172A !important; /* رنگ ثانویه برند */
    border-color: #0F172A !important;
    box-shadow: 0px 6px 16px rgba(15, 23, 42, 0.15) !important;
    transform: translateY(-2px) !important;
}

.estate-carousel-prev:hover svg, 
.estate-carousel-next:hover svg,
.estate-carousel-prev:focus svg, 
.estate-carousel-next:focus svg {
    fill: #FFFFFF !important; /* تغییر رنگ آیکون به سفید در هاور */
}

/* کانتینر داخلی اسلایدها (اصلاح شده برای عدم برش سایه ها و بردرها) */
.estate-carousel-container {
    overflow: hidden;
    width: 100%;
    direction: ltr !important;
    
    /* ایجاد فضای خالی برای تنفس سایه‌ها و بردرها */
    padding: 24px 16px !important; 
    margin: -24px -16px !important;
}

.estate-carousel-track {
    display: flex;
    gap: 24px;
    transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}

/* اسلایدها */
.estate-carousel-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0.45;
    transform: scale(0.97);
    direction: rtl !important;
}

/* اسلایدهای فعال درون کادر کانتینر */
.estate-carousel-slide.is-active {
    opacity: 1;
    transform: scale(1);
}

/* ریسپانسیو - دسکتاپ (۳ ستون) */
@media (min-width: 1024px) {
    .estate-carousel-slide {
        flex: 0 0 calc((100% - (2 * 24px)) / 3);
    }
}

/* ریسپانسیو - تبلت (۲ ستون) */
@media (min-width: 768px) and (max-width: 1023px) {
    .estate-carousel-slide {
        flex: 0 0 calc((100% - (1 * 24px)) / 2);
    }
}

/* بخش پجینیشن پایینی با فاصله استاندارد */
.estate-carousel-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 28px;
}

/* استایل بولت‌ها و افکت جابه‌جایی سیال */
.estate-bullet {
    border: none;
    outline: none;
    padding: 0;
    width: 8px;
    height: 8px;
    background-color: #CBD5E1; /* Gray 300 */
    border-radius: 50%;
    cursor: pointer;
    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                background-color 0.4s ease, 
                border-radius 0.4s ease;
}

.estate-bullet.active {
    width: 24px;
    border-radius: 8px;
    background-color: #2563EB; /* Primary */
    box-shadow: 0px 4px 10px rgba(37, 99, 235, 0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b0f3a4 *//* --- بخش اول: تیترها و نشان --- */
:root {
    --p-primary: #2563EB;
    --p-secondary: #0F172A;
    --v-font: 'almas', sans-serif;
}

/* استایل کانتینر کلی متن */
.re-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    direction: rtl;
}

/* تیتر انگلیسی (نشان کوچک) */
.re-text-container h5 {
    font-family: var(--v-font) !important;
    color: var(--p-primary) !important;
    background: rgba(37, 99, 235, 0.08);
    display: inline-block;
    width: fit-content;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 !important;
}

/* تیتر اصلی فارسی */
.re-text-container h3 {
    font-family: var(--v-font) !important;
    color: var(--p-secondary) !important;
    font-size: clamp(24px, 5vw, 32px) !important; /* اندازه داینامیک */
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a2c361 *//* --- بخش اول: تیترها و نشان --- */
:root {
    --p-primary: #2563EB;
    --p-secondary: #0F172A;
    --v-font: 'almas', sans-serif;
}

/* استایل کانتینر کلی متن */
.re-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    direction: rtl;
}

/* تیتر انگلیسی (نشان کوچک) */
.re-text-container h5 {
    font-family: var(--v-font) !important;
    color: var(--p-primary) !important;
    background: rgba(37, 99, 235, 0.08);
    display: inline-block;
    width: fit-content;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 !important;
}

/* تیتر اصلی فارسی */
.re-text-container h3 {
    font-family: var(--v-font) !important;
    color: var(--p-secondary) !important;
    font-size: clamp(24px, 5vw, 32px) !important; /* اندازه داینامیک */
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36b249c *//* --- بخش اول: تیترها و نشان --- */
:root {
    --p-primary: #2563EB;
    --p-secondary: #0F172A;
    --v-font: 'almas', sans-serif;
}

/* استایل کانتینر کلی متن */
.re-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    direction: rtl;
}

/* تیتر انگلیسی (نشان کوچک) */
.re-text-container h5 {
    font-family: var(--v-font) !important;
    color: var(--p-primary) !important;
    background: rgba(37, 99, 235, 0.08);
    display: inline-block;
    width: fit-content;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 !important;
}

/* تیتر اصلی فارسی */
.re-text-container h3 {
    font-family: var(--v-font) !important;
    color: var(--p-secondary) !important;
    font-size: clamp(24px, 5vw, 32px) !important; /* اندازه داینامیک */
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-5b5458a *//* اعمال فونت الماس و راست‌چین کردن متن ورودی کاربر */
.elementor-form,
.elementor-form *,
.elementor-field,
.elementor-field-label,
.elementor-button {
    font-family: 'almas', Tahoma, sans-serif !important;
}

/* کانتینر گروه‌های فیلد */
.elementor-field-group {
    position: relative !important;
    margin-bottom: 28px !important;
}

/* استایل کلاسیک و رسمی فیلدها (حذف بردر بالا و کناره‌ها) */
.elementor-field-textual,
.elementor-field {
    width: 100% !important;
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #E2E8F0 !important; /* Gray 200 */
    border-radius: 0px !important; /* حذف لبه‌های گرد برای ایجاد ظاهر کلاسیک */
    padding: 16px 12px 12px 12px !important;
    font-size: 15px !important;
    color: #0F172A !important; /* رنگ مشکی/تیره برای متن تایپ‌شده */
    direction: rtl !important;
    text-align: right !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
}

/* رنگ حاشیه زیرین در حالت فوکوس */
.elementor-field:focus {
    outline: none !important;
    border-bottom-color: #2563EB !important; /* Primary */
}

/* استایل اولیه لیبل در مرکز فیلد */
.elementor-field-group .elementor-field-label {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    color: #1E40AF !important; /* Primary Active */
    font-size: 14px !important;
    pointer-events: none !important; /* عبور کلیک از روی لیبل برای فوکوس روی فیلد */
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* استایل قرارگیری لیبل برای فیلدهای متنی بزرگ (Textarea) */
.elementor-field-type-textarea .elementor-field-label {
    top: 20px !important;
    transform: none !important;
}

/* انیمیشن حرکت لیبل به سمت چپ هنگام فوکوس روی فیلد */
.elementor-field-group.is-focused .elementor-field-label {
    transform: translateY(-50%) translateX(-12px) !important;
    color: #334155 !important; /* Gray 700 */
}
.elementor-field-type-textarea.is-focused .elementor-field-label {
    transform: translateX(-12px) !important;
    color: #334155 !important;
}

/* محو شدن کامل لیبل هنگام شروع تایپ (عدم تداخل با متن کاربر) */
.elementor-field-group.has-value .elementor-field-label {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-50%) translateX(-25px) !important;
}
.elementor-field-type-textarea.has-value .elementor-field-label {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-25px) !important;
}

/* دکمه ارسال کلاسیک */
.elementor-button[type="submit"] {
    background-color: #2563EB !important; /* Primary */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 12px 32px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    width: auto !important;
}

.elementor-button[type="submit"]:hover {
    background-color: #0F172A !important; /* Secondary */
    box-shadow: 0px 8px 16px rgba(15, 23, 42, 0.12) !important;
}

/* استایل آیکون قرمز رنگ ستاره الزامی */
.estate-req-svg {
    width: 12px !important;
    height: 12px !important;
    fill: #DC2626 !important; /* Error Red */
    margin-right: 6px !important; /* فاصله آیکون از نوشته سمت چپ */
    display: inline-block !important;
    vertical-align: middle !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74a9f49 *//* --- بخش اول: تیترها و نشان --- */
:root {
    --p-primary: #2563EB;
    --p-secondary: #0F172A;
    --v-font: 'almas', sans-serif;
}

/* استایل کانتینر کلی متن */
.re-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    direction: rtl;
}

/* تیتر انگلیسی (نشان کوچک) */
.re-text-container h5 {
    font-family: var(--v-font) !important;
    color: var(--p-primary) !important;
    background: rgba(37, 99, 235, 0.08);
    display: inline-block;
    width: fit-content;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 !important;
}

/* تیتر اصلی فارسی */
.re-text-container h3 {
    font-family: var(--v-font) !important;
    color: var(--p-secondary) !important;
    font-size: clamp(24px, 5vw, 32px) !important; /* اندازه داینامیک */
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.4;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'almas';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://zadegi.homes/wp-content/uploads/2026/06/Almas.ttf') format('truetype');
}
/* End Custom Fonts CSS */