/* Start custom CSS for shortcode, class: .elementor-element-e1a7d0c *//* استایل دکمه بعدی فرم */
.gform_next_button {
    background: linear-gradient(135deg, #6a11cb, #2575fc); /* گرادیانت زیبا */
    color: #fff; /* رنگ متن سفید */
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    border: none;
    border-radius: 12px; /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* سایه نرم */
    transition: all 0.3s ease;
}

/* هاور کردن دکمه */
.gform_next_button:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* هنگام کلیک کردن */
.gform_next_button:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.gform_next_button {
   background: linear-gradient(135deg, #6a11cb, #2575fc); /* گرادیانت زیبا */
    color: #fff; /* رنگ متن سفید */
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    border: none;
    border-radius: 12px; /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* سایه نرم */
    transition: all 0.3s ease;
}

/* هاور کردن دکمه */
.gform_next_button:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* هنگام کلیک کردن */
.gform_next_button:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
/* استایل کلی برای تمام inputهای متنی و textarea */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {
    width: 100%; /* پر کردن عرض والد */
    padding: 12px 16px;
    font-size: 16px;
    border: 2px solid #ccc; /* حاشیه پیش‌فرض */
    border-radius: 10px;
    outline: none; /* حذف خط دور پیش‌فرض */
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05); /* سایه داخلی ملایم */
    background-color: #fff;
}

/* هنگاcalc(50% - 16px / 2);م فوکوس روی فیلد */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #2575fc; /* رنگ حاشیه هنگام فعال شدن */
    box-shadow: 0 0 10px rgba(37, 117, 252, 0.3); /* جلوه نور هنگام فوکوس */
}

/* نمایش خطا */
input[aria-invalid="true"],
textarea[aria-invalid="true"] {
    border-color: #ff4d4d;
    box-shadow: 0 0 8px rgba(255, 77, 77, 0.3);
}
/* استایل select با آیکون سمت چپ */
select,
select.gfield_select {
    width: 100%;
    padding: 10px 14px 10px 36px; /* فاصله سمت چپ برای آیکون */
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
    background-image: url("/mnt/data/cfadfa3d-e551-40f8-9eed-cd3e018b5e6f.png"); /* مسیر آیکون شما */
    background-repeat: no-repeat;
    background-position: 12px center; /* سمت چپ وسط */
    background-size: 20px 20px; /* اندازه آیکون */
}

/* هنگام فوکوس روی select */
select:focus,
select.gfield_select:focus {
    border-color: #2575fc;
    box-shadow: 0 0 10px rgba(37,117,252,0.3);
    outline: none;
}

/* نمایش خطا */
select[aria-invalid="true"] {
    border-color: #ff4d4d;
    box-shadow: 0 0 8px rgba(255,77,77,0.3);
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: #2b6cf8;
    color: #ffffff;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: #2b6cf8;
}
/* استایل کلی تمام input های فایل */
input[type="file"] {
    display: block;
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* هنگام هاور */
input[type="file"]:hover {
    border-color: #2575fc;
    box-shadow: 0 4px 12px rgba(37,117,252,0.2);
}

/* هنگام فوکوس */
input[type="file"]:focus {
    outline: none;
    border-color: #2575fc;
    box-shadow: 0 0 10px rgba(37,117,252,0.3);
}

/* دکمه انتخاب فایل (برای مرورگرهای مدرن) */
input[type="file"]::file-.elementor-44168 .elementor-element.elementor-element-e1a7d0c-button {
    padding: 10px 20px;
    margin-right: 10px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* هاور روی دکمه انتخاب فایل */
input[type="file"]::file-.elementor-44168 .elementor-element.elementor-element-e1a7d0c-button:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
}
.gform_previous_button {
   background: linear-gradient(135deg, #6a11cb, #2575fc); /* گرادیانت زیبا */
    color: #fff; /* رنگ متن سفید */
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    border: none;
    border-radius: 12px; /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* سایه نرم */
    transition: all 0.3s ease;
}

.gform_previous_button:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.gform_previous_button:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.gform_previous_button
{
   background: linear-gradient(135deg, #6a11cb, #2575fc); /* گرادیانت زیبا */
    color: #fff; /* رنگ متن سفید */
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    border: none;
    border-radius: 12px; /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* سایه نرم */
    transition: all 0.3s ease;
}

.gform_previous_button:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.gform_previous_button:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}


#gform_submit_button_23 {
   background: linear-gradient(135deg, #6a11cb, #2575fc); /* گرادیانت زیبا */
    color: #fff; /* رنگ متن سفید */
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    border: none;
    border-radius: 12px; /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* سایه نرم */
    transition: all 0.3s ease;
}

#gform_submit_button_23:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

#gform_submit_button_23:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.gform_title{
      display: none !important;
}
.gform_required_legend{
      display: none !important;
}
.gfield_consent_description
{
    background-color: #f9fafb; /* پس‌زمینه روشن و ملایم */
    border-left: 4px solid #4f46e5; /* خط رنگی کناری برای تاکید */
    padding: 20px; /* فاصله داخلی */
    border-radius: 12px; /* گوشه‌های گرد */
    font-size: 15px; /* سایز متن مناسب */
    line-height: 1.6; /* فاصله خطوط برای خوانایی بهتر */
    color: #333333; /* رنگ متن تیره و خوانا */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* سایه ملایم برای جلوه سه بعدی */
  
}

.gfield_consent_description br {
    margin-bottom: 10px; /* فاصله بین پاراگراف‌ها */
    display: block;
}
/* کانتینر مراحل */
.gf_page_steps {
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 30px;               /* فاصله بین مراحل */
    margin: 20px 0;
    flex-wrap: wrap;         /* در موبایل بچرخه */
}

/* هر مرحله */
.gf_step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
}

/* شماره مرحله */
.gf_step_number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #cbd5e1; /* خاکستری روشن */
    color: #1e293b;            /* متن تیره */
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

/* مراحل فعال و بعدی */
.gf_step_active .gf_step_number {
    background-color: #4f46e5; /* بنفش */
    color: #fff;
}

.gf_step_next .gf_step_number {
    background-color: #a5b4fc; /* بنفش روشن */
    color: #fff;
}

/* برچسب مرحله */
.gf_step_label {
    font-size: 14px;
    color: #334155;
}
.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
    -webkit-appearance: none !important;
    background-color: #fff;
    color: #fff;
    text-decoration: none;
}
/* استایل ریسپانسیو موبایل */
@media (max-width: 768px) {
  .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: #2b6cf8;
    border: 2px solid #607382;
    border-radius: 20px;
    content: "";
    display: table-cell;
    height: 20px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 20px;
}
   .gf_step_numbergform_next_button:active {
    background: 0 0;
    border: 2px solid #cfd3d9;
    border-radius: 20px;
    color: #585e6a;
    font-size: 8px;
    font-weight: 500;
    height: 20px;
    text-align: center;
    width: 20px;
}
   .gform_wrapper.gravity-theme .gf_step_number {
    background: 0 0;
    border: 2px solid #cfd3d9;
    border-radius: 20px;
    color: #585e6a;
    font-size: 8px;
    font-weight: 500;
    height: 20px;
    text-align: center;
    width: 20px;
}
   .gform_wrapper.gravity-theme .gf_step_label {
    color: inherit;
    font-size: 8px;
    font-weight: 600;
    line-height: 0px;
    padding-left: 0px;
}
    .gf_page_steps {
        gap: 15px;
    }
    .gf_step_number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .gf_step_label {
        font-size: 12px;
    }
}
.gform_wrapper.gravity-theme .gf_step

 {
    display: inline-block;
     margin: 0px 0px 0px 0
}
.gf_page_steps {
  
     gap: 0px; 
    
}


.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: #fff9f9;
    border: 1px solid #c02b0a;
    font-size: 14.992px;
    margin-block-start: 8px;
    padding: 12.992px 24px;
    border-radius: 10px;
}
.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
    width: calc(100% );
}/* End custom CSS */