.elementor-1008 .elementor-element.elementor-element-23536da4{--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;--overlay-opacity:0.69;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1008 .elementor-element.elementor-element-23536da4::before, .elementor-1008 .elementor-element.elementor-element-23536da4 > .elementor-background-video-container::before, .elementor-1008 .elementor-element.elementor-element-23536da4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1008 .elementor-element.elementor-element-23536da4 > .elementor-background-slideshow::before, .elementor-1008 .elementor-element.elementor-element-23536da4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1008 .elementor-element.elementor-element-23536da4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-495d27d );--background-overlay:'';}.elementor-1008 .elementor-element.elementor-element-3797e423{text-align:center;}.elementor-1008 .elementor-element.elementor-element-3797e423 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-weight:800;}.elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label, .elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label, .elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label, .elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label{display:block;}.elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}.elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_footer input[type="submit"]{width:100px;}.elementor-1008 .elementor-element.elementor-element-2682b6d0 .bdt-gravity-forms .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
                    .elementor-1008 .elementor-element.elementor-element-2682b6d0 .gform_wrapper li.gfield_error textarea{border-width:1px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-1008 .elementor-element.elementor-element-23536da4{--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1008 .elementor-element.elementor-element-3797e423 .elementor-heading-title{font-size:19px;}.elementor-1008 .elementor-element.elementor-element-2682b6d0{padding:0px 10px 0px 10px;}}/* Start custom CSS for bdt-gravity-form, class: .elementor-element-2682b6d0 *//* ============================================================
   1. استایل بدنه فرم
   ============================================================ */
html body .gform_wrapper {
    direction: rtl !important;
    max-width: 700px !important; 
    margin: 30px auto !important;
    background-color: #f0f7ff !important; 
    border-radius: 25px !important;
    padding: 40px !important;
    border: 1px solid #e2eefb !important;
    box-shadow: 0 10px 40px rgba(0, 82, 204, 0.05) !important;
}

/* ============================================================
   2. نوار مراحل (با فاصله کمتر بین مراحل)
   ============================================================ */
html body .gform_wrapper .gf_page_steps {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    border: none !important;
    margin-bottom: 45px !important;
    padding: 0 !important;
    gap: 15px !important; /* کاهش فاصله بین مراحل در دسکتاپ از 40 به 15 */
}

html body .gform_wrapper .gf_step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 0 1 auto !important;
}

html body .gform_wrapper .gf_step_number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-indent: 0 !important;
    background-image: none !important;
    margin: 0 auto 8px auto !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
}

/* حذف لایه‌های اضافه اعداد */
html body .gform_wrapper .gf_step_number::before,
html body .gform_wrapper .gf_step_number::after {
    content: none !important;
    display: none !important;
}

/* رنگ‌بندی داینامیک */
html body .gform_wrapper .gf_step_active .gf_step_number { background-color: #ff8c00 !important; color: #fff !important; }
html body .gform_wrapper .gf_step_completed .gf_step_number { background-color: #28c76f !important; color: #fff !important; }
html body .gform_wrapper .gf_step_next .gf_step_number { background-color: #dbeafe !important; color: #1e40af !important; }

html body .gform_wrapper .gf_step_label {
    font-size: 14px !important;
    color: #1e40af !important;
    font-weight: 700 !important;
}

/* ============================================================
   3. اصلاح موبایل (فشرده‌تر کردن فاصله‌ها)
   ============================================================ */
@media only screen and (max-width: 768px) {
    html body .gform_wrapper { padding: 25px 15px !important; }
    
    html body .gform_wrapper .gf_page_steps { 
        gap: 8px !important; /* فاصله بسیار کمتر در موبایل برای جلوگیری از شکستن خط */
    }

    html body .gform_wrapper .gf_step_number {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }

    html body .gform_wrapper .gf_step_label {
        font-size: 10px !important;
        white-space: nowrap !important;
    }
}

/* ============================================================
   4. فیلدها و دکمه‌ها
   ============================================================ */
html body .gform_wrapper .gfield fieldset,
html body .gform_wrapper .gfield { border: none !important; }

html body .gform_wrapper input[type="text"],
html body .gform_wrapper input[type="tel"] {
    background-color: #ffffff !important;
    border: 1px solid #cbdceb !important;
    border-radius: 12px !important;
    height: 50px !important;
}

html body .gform_wrapper .gchoice {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 15px !important;
    margin-bottom: 12px !important;
    border: 1px solid #e2eefb !important;
}

html body .gform_wrapper .gform_next_button,
html body .gform_wrapper .gform_button {
    background-color: #ff8c00 !important;
    border-radius: 50px !important;
    height: 52px !important;
    padding: 0 50px !important;
    border: none !important;
    font-weight: bold !important;
}

html body .gform_wrapper .gform_previous_button {
    background-color: #e2eefb !important;
    color: #1e40af !important;
    border: none !important;
    height: 52px !important;
    border-radius: 50px !important;
    padding: 0 40px !important;
}
.gfsp_o_list .ginput_container label {
    border: none !important;
}
.gfsp_o_list .o_img_wr, .gfsp_o_list .o_label>i {

    border: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'iranyekan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mapiran.online/wp-content/uploads/2025/08/Yekan.eot');
	src: url('https://mapiran.online/wp-content/uploads/2025/08/Yekan.eot?#iefix') format('embedded-opentype'),
		url('https://mapiran.online/wp-content/uploads/2025/08/Yekan.woff') format('woff'),
		url('https://mapiran.online/wp-content/uploads/2025/08/Yekan.ttf') format('truetype'),
		url('https://mapiran.online/wp-content/uploads/2025/08/Yekan.svg#iranyekan') format('svg');
}
/* End Custom Fonts CSS */