.elementor-93 .elementor-element.elementor-element-4fe5670{--display:flex;--min-height:63px;--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;}.elementor-93 .elementor-element.elementor-element-a7fcb19{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-93 .elementor-element.elementor-element-a7fcb19:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-a7fcb19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-93 .elementor-element.elementor-element-dc5a0cb{width:var( --container-widget-width, 100.116% );max-width:100.116%;--container-widget-width:100.116%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:100px;--e-form-steps-indicator-padding:34px;--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-text );--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:3px;--e-form-steps-divider-gap:28px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group{padding-right:calc( 25px/2 );padding-left:calc( 25px/2 );margin-bottom:35px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-form-fields-wrapper{margin-left:calc( -25px/2 );margin-right:calc( -25px/2 );margin-bottom:-35px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group > label, .elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-subgroup label{color:#FCF6E7;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-type-html{padding-bottom:20px;color:#FCF6E7;font-family:"iransansX", Sans-serif;font-weight:400;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-3227035 );border-color:var( --e-global-color-text );border-width:1px 1px 1px 1px;border-radius:13px 13px 13px 13px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-3227035 );border-color:var( --e-global-color-text );border-width:1px 1px 1px 1px;border-radius:13px 13px 13px 13px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-button{border-style:double;border-radius:7px 7px 7px 7px;padding:10px 35px 10px 35px;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__buttons__wrapper__button-next{background-color:#9A9E83;color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-button[type="submit"]{background-color:#9A9E83;color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__indicators__indicator, .elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__indicators__indicator__label{font-family:"iransansX", Sans-serif;font-weight:500;}.elementor-93 .elementor-element.elementor-element-a6c9a20{--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;}@media(max-width:680px){.elementor-93 .elementor-element.elementor-element-a7fcb19{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:681px){.elementor-93 .elementor-element.elementor-element-a7fcb19{--width:70%;}}/* Start custom CSS for form, class: .elementor-element-dc5a0cb *//* راست‌چین کردن کل فرم */
.elementor-93 .elementor-element.elementor-element-dc5a0cb {
    direction: rtl;
}

/* راست‌چین کردن نوار مراحل */
.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__step-indicators,
.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-type-step,
.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-step,
.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-form-step {
    direction: rtl !important;
    text-align: right !important;
    justify-content: flex-end !important;
}

/* جابه‌جایی شماره و متن مرحله */
.elementor-93 .elementor-element.elementor-element-dc5a0cb .e-form__step-indicator,
.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-step-title {
    flex-direction: row-reverse !important;
}

/* تراز دکمه‌ها */
.elementor-93 .elementor-element.elementor-element-dc5a0cb .elementor-field-group .elementor-button {
    float: right !important;
}

<style>
/* همه فیلدها به جز بلوک و tab1 مخفی */
.elementor-field-group#floor1,
.elementor-field-group#floor2,
.elementor-field-group#unit1,
.elementor-field-group#unit2,
.elementor-field-group#floor222, /* فیلدهای جدید مخفی شده */
.elementor-field-group#floor111 { /* فیلدهای جدید مخفی شده */
    display: none !important;
}
</style>










/* --- اعمال استایل‌های سفارشی برای فیلدهای floor1 و floor2 --- */

/* 1. مخفی کردن دکمه رادیویی پیش‌فرض (این کار تنها راه برای اعمال رنگ‌ها و تیک سفارشی است) */
.elementor-field-group-floor1 input[type="radio"],
.elementor-field-group-pakage input[type="radio"],
.elementor-field-group-floor2 input[type="radio"],
.elementor-field-group-floor111 input[type="radio"], /* اضافه شده */
.elementor-field-group-floor222 input[type="radio"] { /* اضافه شده */
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important; 
    -webkit-appearance: none !important;
}

/* 2. تنظیمات لیبل برای قرار دادن دایره سفارشی */
.elementor-field-group-floor1 .elementor-field-subgroup label,
.elementor-field-group-pakage .elementor-field-subgroup label,
.elementor-field-group-floor2 .elementor-field-subgroup label,
.elementor-field-group-floor111 .elementor-field-subgroup label, /* اضافه شده */
.elementor-field-group-floor222 .elementor-field-subgroup label { /* اضافه شده */
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding-right: 30px !important; /* فضای خالی برای دایره کاستوم در سمت راست (RTL) */
    cursor: pointer !important;
}

/* 3. ایجاد دایره سفارشی (Unchecked) */
.elementor-field-group-floor1 .elementor-field-subgroup label::after,
.elementor-field-group-pakage .elementor-field-subgroup label::after,
.elementor-field-group-floor2 .elementor-field-subgroup label::after,
.elementor-field-group-floor111 .elementor-field-subgroup label::after, /* اضافه شده */
.elementor-field-group-floor222 .elementor-field-subgroup label::after { /* اضافه شده */
    /* تنظیمات موقعیت */
    content: '' !important;
    position: absolute !important;
    right: 0 !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* استایل‌های درخواستی کاربر برای حالت عادی */
    width: 20px !important; /* بزرگتر شود */
    height: 20px !important;
    border-radius: 50% !important;
    background-color: #2A2D34 !important; /* پس‌زمینه #2A2D34 */
    border: 2px solid #9A9E83 !important; /* دور دایره #9A9E83 */
    z-index: 10 !important; 
    transition: all 0.2s ease-in-out !important;
}

/* 4. استایل حالت انتخاب شده (Checked) */
.elementor-field-group-floor1 input[type="radio"]:checked + label::after,
.elementor-field-group-pakage input[type="radio"]:checked + label::after,
.elementor-field-group-floor2 input[type="radio"]:checked + label::after,
.elementor-field-group-floor111 input[type="radio"]:checked + label::after, /* اضافه شده */
.elementor-field-group-floor222 input[type="radio"]:checked + label::after { /* اضافه شده */
    /* پر شدن کامل با رنگ دور */
    background-color: #9A9E83 !important; /* پر شدن با رنگ دور #9A9E83 */
    border-color: #9A9E83 !important;
    
    /* نمایش تیک (Tick) */
    content: '✔' !important; /* کاراکتر تیک */
    color: #F8F8F8 !important; /* رنگ روشنتر برای تیک */
    font-size: 14px !important; 
    line-height: 20px !important; 
    text-align: center !important;
}
/* --- اعمال استایل‌های سفارشی برای فیلدهای floor1 و floor2 --- */

/* 1. مخفی کردن دکمه رادیویی پیش‌فرض (این کار تنها راه برای اعمال رنگ‌ها و تیک سفارشی است) */
.elementor-field-group-floor1 input[type="radio"],
.elementor-field-group-pakage input[type="radio"],
.elementor-field-group-floor2 input[type="radio"],
.elementor-field-group-floor111 input[type="radio"], /* اضافه شده */
.elementor-field-group-floor222 input[type="radio"] { /* اضافه شده */
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important; 
    -webkit-appearance: none !important;
}

/* 2. تنظیمات لیبل برای قرار دادن دایره سفارشی */
.elementor-field-group-floor1 .elementor-field-subgroup label,
.elementor-field-group-pakage .elementor-field-subgroup label,
.elementor-field-group-floor2 .elementor-field-subgroup label,
.elementor-field-group-floor111 .elementor-field-subgroup label, /* اضافه شده */
.elementor-field-group-floor222 .elementor-field-subgroup label { /* اضافه شده */
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding-right: 30px !important; /* فضای خالی برای دایره کاستوم در سمت راست (RTL) */
    cursor: pointer !important;
}

/* 3. ایجاد دایره سفارشی (Unchecked) */
.elementor-field-group-floor1 .elementor-field-subgroup label::after,
.elementor-field-group-pakage .elementor-field-subgroup label::after,
.elementor-field-group-floor2 .elementor-field-subgroup label::after,
.elementor-field-group-floor111 .elementor-field-subgroup label::after, /* اضافه شده */
.elementor-field-group-floor222 .elementor-field-subgroup label::after { /* اضافه شده */
    /* تنظیمات موقعیت */
    content: '' !important;
    position: absolute !important;
    right: 0 !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* استایل‌های درخواستی کاربر برای حالت عادی */
    width: 20px !important; /* بزرگتر شود */
    height: 20px !important;
    border-radius: 50% !important;
    background-color: #2A2D34 !important; /* پس‌زمینه #2A2D34 */
    border: 2px solid #9A9E83 !important; /* دور دایره #9A9E83 */
    z-index: 10 !important; 
    transition: all 0.2s ease-in-out !important;
}

/* 4. استایل حالت انتخاب شده (Checked) */
.elementor-field-group-floor1 input[type="radio"]:checked + label::after,
.elementor-field-group-pakage input[type="radio"]:checked + label::after,
.elementor-field-group-floor2 input[type="radio"]:checked + label::after,
.elementor-field-group-floor111 input[type="radio"]:checked + label::after, /* اضافه شده */
.elementor-field-group-floor222 input[type="radio"]:checked + label::after { /* اضافه شده */
    /* پر شدن کامل با رنگ دور */
    background-color: #9A9E83 !important; /* پر شدن با رنگ دور #9A9E83 */
    border-color: #9A9E83 !important;
    
    /* نمایش تیک (Tick) */
    content: '✔' !important; /* کاراکتر تیک */
    color: #F8F8F8 !important; /* رنگ روشنتر برای تیک */
    font-size: 14px !important; 
    line-height: 20px !important; 
    text-align: center !important;
}






/* --- استایل اختصاصی و مستقل فقط برای فیلد accept (نوع: Acceptance/Checkbox) --- */

/* 1. مخفی کردن چک‌باکس پیش‌فرض */
.elementor-field-group-accept input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* 2. تنظیمات لیبل برای قرار دادن دایره سفارشی */
.elementor-field-group-accept label { 
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding-right: 30px !important; /* فضای خالی برای دایره کاستوم در سمت راست (RTL) */
    cursor: pointer !important;
}

/* 3. ایجاد دایره سفارشی (Unchecked) با استفاده از ::after */
.elementor-field-group-accept label::after { 
    /* تنظیمات موقعیت */
    content: '' !important;
    position: absolute !important;
    right: 0 !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* استایل‌های دایره */
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important; /* دایره‌ای */
    background-color: #2A2D34 !important;
    border: 2px solid #9A9E83 !important;
    z-index: 10 !important; 
    transition: all 0.2s ease-in-out !important;
}

/* 4. استایل حالت انتخاب شده (Checked) */
.elementor-field-group-accept input[type="checkbox"]:checked + label::after {
    /* پر شدن کامل با رنگ دور */
    background-color: #9A9E83 !important;
    border-color: #9A9E83 !important;
    
    /* نمایش تیک */
    content: '✔' !important; 
    color: #F8F8F8 !important; 
    font-size: 14px !important; 
    line-height: 20px !important; 
    text-align: center !important;
}











/* تغییر فونت و فاصله برای موبایل */
@media (max-width: 767px) {
    #initial_text, #result_display, #final_text {
        font-size: 14px !important; /* اندازه فونت کوچک‌تر */
    }

    p {
        margin-bottom: -10px !important; /* تغییر فاصله پایین */
        padding-top: 30px !important;   /* تغییر فاصله بالا */
        padding-right: 15px !important; /* تغییر فاصله راست */
    }

    #result_display {
        color: red; /* رنگ رو هم نگه می‌داره */
    }
}










/* 1. حالت غیرفعال: خاکستری شدن زمانی که ویژگی disabled فعال است */
#send[disabled] {
    background-color: #A9A9A9 !important; 
    color: #333333 !important; 
    cursor: not-allowed !important; 
    pointer-events: none !important; 
    opacity: 0.6 !important; 
}

/* 2. حالت فعال: سبز شدن زمانی که ویژگی disabled حذف شده است */
#send:not([disabled]) {
    background-color: #4CAF50 !important; 
    color: #FFFFFF !important; 
    cursor: pointer !important; 
    pointer-events: auto !important; 
    opacity: 1 !important;
}













/* --- اصلاحیه برای نمایش ضربدر قرمز در گزینه‌های غیرفعال --- */

/* سلکتورهای گسترش یافته برای هدف قرار دادن تمام فیلدهای شما */
.elementor-field-group-floor1 .elementor-field-option.is-disabled,
.elementor-field-group-floor111 .elementor-field-option.is-disabled,
.elementor-field-group-floor2 .elementor-field-option.is-disabled,
.elementor-field-group-floor222 .elementor-field-option.is-disabled {
    /* اطمینان از عدم امکان کلیک و کمرنگ شدن */
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* بازنویسی ظاهر دایره سفارشی (::after) برای نمایش ضربدر */
.elementor-field-group-floor1 .elementor-field-option.is-disabled label::after,
.elementor-field-group-floor111 .elementor-field-option.is-disabled label::after,
.elementor-field-group-floor2 .elementor-field-option.is-disabled label::after,
.elementor-field-group-floor222 .elementor-field-option.is-disabled label::after {
    /* محتوای ضربدر */
    content: '\2716' !important; /* نماد ضربدر یونی‌کد */
    
    /* استایل رنگی ضربدر */
    background-color: #F44336 !important; /* پس‌زمینه قرمز */
    border-color: #F44336 !important; /* دور قرمز */
    color: #F8F8F8 !important; /* رنگ ضربدر سفید */
    
    /* تنظیمات نمایش و مرکزیت */
    font-size: 14px !important; 
    line-height: 20px !important; 
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}




















/* 1. حالت غیرفعال: خاکستری شدن زمانی که ویژگی disabled فعال است */
#send[disabled] {
    background-color: #A9A9A9 !important; 
    color: #333333 !important; 
    cursor: not-allowed !important; 
    pointer-events: none !important; 
    opacity: 0.6 !important; 
}

/* 2. حالت فعال: سبز شدن زمانی که ویژگی disabled حذف شده است */
#send:not([disabled]) {
    background-color: #4CAF50 !important; 
    color: #FFFFFF !important; 
    cursor: pointer !important; 
    pointer-events: auto !important; 
    opacity: 1 !important;
}/* End custom CSS */