.elementor-12 .elementor-element.elementor-element-6e758f0{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-6e758f0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Yekan;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-9f818f9 img{width:84%;}.elementor-12 .elementor-element.elementor-element-b515bb9 img{width:100%;}.elementor-12 .elementor-element.elementor-element-7b47c55{--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;}.elementor-12 .elementor-element.elementor-element-d826ba7{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Yekan;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-713db41 .elementor-heading-title{font-family:"YekanBakh-Bold", Yekan;font-weight:600;color:#596368;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Yekan;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-02f685a{font-family:"YekanBakh-Bold", Yekan;font-weight:100;}.elementor-12 .elementor-element.elementor-element-5fe3f8d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-04e5e81{--display:flex;}.elementor-12 .elementor-element.elementor-element-4f6c504{width:var( --container-widget-width, 58.889% );max-width:58.889%;margin:1px 52px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:58.889%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-4f6c504.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-a5acb34{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-59px;}.elementor-12 .elementor-element.elementor-element-6ee5663 .elementor-heading-title{font-family:"YekanBakh-Bold", Yekan;font-size:30px;font-weight:600;color:#5F5F5F;}.elementor-12 .elementor-element.elementor-element-8b18e11{font-family:"YekanBakh-Bold", Yekan;font-size:15px;font-weight:100;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-6e758f0{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-9f818f9 img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-12 .elementor-element.elementor-element-5fe3f8d{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-4f6c504{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:276px;--container-widget-flex-grow:0;width:var( --container-widget-width, 276px );max-width:276px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-6e758f0{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-6e758f0{--width:838px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6e758f0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-9f818f9 img{width:100%;}.elementor-12 .elementor-element.elementor-element-b515bb9 img{width:100%;}.elementor-12 .elementor-element.elementor-element-d826ba7{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-12 .elementor-element.elementor-element-713db41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-713db41 .elementor-heading-title{font-size:24px;}.elementor-12 .elementor-element.elementor-element-02f685a{font-size:14px;}.elementor-12 .elementor-element.elementor-element-5fe3f8d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-4f6c504{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}.elementor-12 .elementor-element.elementor-element-4f6c504.elementor-element{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for shortcode, class: .elementor-element-4f6c504 *//*
============================================================
== استایل‌های عمومی فرم گرویتی | General Form Styles ==
============================================================
این بخش برای تنظیمات کلی فرم، مانند پس‌زمینه، حاشیه‌ها، عرض و راست‌چین بودن طراحی شده است.
*/
.elementor-element-4f6c504 .gform_wrapper,
.elementor-element-4f6c504 .gform-theme { /* انتخاب کننده برای فرم گرویتی در المنتور */
  direction: rtl !important; /* راست‌چین کردن تمام محتوای فرم */
  text-align: right !important; /* راست‌چین کردن متن‌ها و عناصر داخلی */
  padding: 2px !important; /* -- فاصله داخلی (padding) فرم از کناره‌ها -- */
  border-radius: 8px !important; /* -- گرد کردن گوشه‌های فرم -- */
  max-width: 100% !important; /* اطمینان از اینکه فرم حداکثر عرض والد خود را بگیرد (عنصر والد در المنتور) */
  box-sizing: border-box !important; /* -- اضافه شده برای محاسبه صحیح padding در عرض -- */
  background-color: #ffffff !important; /* -- رنگ پس‌زمینه فرم (سفید) -- */
  border: 0px solid #e0e0e0 !important; /* -- حاشیه نازک خاکستری دور فرم -- */
}

/*
============================================================
== مخفی کردن عنوان فرم | Hide Form Title ==
============================================================
این بخش فقط در صورتی فعال می‌شود که کد کوتاه `[gravityform ... title="false"]`
عنوان را به طور کامل مخفی نکند.
*/
.elementor-element-4f6c504 .gform_wrapper .gform_heading { /* انتخاب کننده برای عنوان فرم */
  display: none !important; /* -- مخفی کردن کامل عنوان -- */
}

/*
============================================================
== استایل فیلدهای فرم | Form Fields Styles ==
============================================================
تنظیمات مربوط به هر فیلد ورودی (مثل متن، ایمیل، شماره تلفن و ...)
*/
.elementor-element-4f6c504 .gform_wrapper .gfield { /* هر فیلد مجزا */
  display: block !important; /* -- هر فیلد در یک خط جداگانه قرار می‌گیرد -- */
  margin-bottom:-35px !important; /* -- فاصله عمودی بین فیلدهای فرم -- */ /* <<< تغییر در این خط */
}

/* برچسب فیلدها */
.elementor-element-4f6c504 .gform_wrapper label, /* برچسب‌های عمومی */
.elementor-element-4f6c504 .gform_wrapper .gfield_description, /* توضیحات زیر فیلد */
.elementor-element-4f6c504 .gform_wrapper .gfield_label { /* برچسب‌های خاص گرویتی */
  text-align: right !important; /* -- راست‌چین کردن متن برچسب -- */
  display: block !important; /* -- اطمینان از اینکه برچسب در خط خودش قرار دارد -- */
  margin-bottom: 8px !important; /* -- فاصله بین برچسب و فیلد ورودی -- */
  font-weight: bold !important; /* -- ضخیم کردن (بولد) کردن متن برچسب -- */
  font-size: 14px !important; /* -- اندازه فونت برچسب‌ها -- */
  color: #333 !important; /* -- رنگ متن برچسب‌ها -- */
}

/* فیلدهای ورودی (text, email, number, textarea, select, etc.) */
.elementor-element-4f6c504 .gform_wrapper input[type="text"],
.elementor-element-4f6c504 .gform_wrapper input[type="email"],
.elementor-element-4f6c504 .gform_wrapper input[type="number"],
.elementor-element-4f6c504 .gform_wrapper input[type="tel"],
.elementor-element-4f6c504 .gform_wrapper textarea,
.elementor-element-4f6c504 .gform_wrapper select, /* برای فیلدهای منو کشویی */
.elementor-element-4f6c504 .gform_wrapper input[type="url"],
.elementor-element-4f6c504 .gform_wrapper input[type="password"],
.elementor-element-4f6c504 .gform_wrapper input[type="search"],
.elementor-element-4f6c504 .gform_wrapper input[type="date"] {
  width: 100% !important; /* -- عرض 100% برای هم‌اندازه شدن با فرم -- */
  padding: 8px !important; /* -- فاصله داخلی (padding) فیلد ورودی -- */
  border: 1px solid #ccc !important; /* -- حاشیه دور فیلد -- */
  border-radius: 10px !important; /* -- گرد کردن گوشه‌های فیلد -- */
  background-color: #D3D2D2 !important; /* -- رنگ پس‌زمینه فیلد (کمی روشن‌تر از فرم) -- */
  text-align: right !important; /* -- راست‌چین کردن متن نوشته شده در فیلد -- */
  box-sizing: border-box !important; /* -- محاسبه صحیح padding در عرض -- */
  font-size: 15px !important; /* -- اندازه فونت متن داخل فیلد -- */
  color: #A7A7A7 !important; /* -- رنگ متن داخل فیلد -- */
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important; /* -- انیمیشن تغییرات فیلد -- */
}

/* حالت هاور (وقتی موس روی فیلد می‌رود) */
.elementor-element-4f6c504 .gform_wrapper input[type="text"]:focus,
.elementor-element-4f6c504 .gform_wrapper input[type="email"]:focus,
.elementor-element-4f6c504 .gform_wrapper input[type="number"]:focus,
.elementor-element-4f6c504 .gform_wrapper input[type="tel"]:focus,
.elementor-element-4f6c504 .gform_wrapper textarea:focus,
.elementor-element-4f6c504 .gform_wrapper select:focus {
  border-color: #A7A7A7 !important; /* -- تغییر رنگ حاشیه به سبز در حالت فعال (focus) -- */
  box-shadow: 0 0 0 px rgba(139, 195, 74, 0.3) !important; /* -- اضافه کردن سایه ملایم سبز -- */
  outline: none !important; /* حذف خط دور پیش‌فرض مرورگر */
}

/*
============================================================
== استایل دکمه ارسال | Submit Button Styles ==
============================================================
تنظیمات دکمه ارسال فرم.
*/
.elementor-element-4f6c504 .gform_wrapper .gform_button {
  width: 100% !important; /* -- عرض 100% برای هم‌اندازه شدن با فیلدها -- */
  background-color: #ECC41B !important; /* -- رنگ پس‌زمینه دکمه (زرد) -- */
  color: #fff !important; /* -- رنگ متن دکمه (سفید) -- */
  font-size: 16px !important; /* -- اندازه فونت متن دکمه -- */
  padding: 5px 5px !important; /* -- فاصله داخلی (padding) دکمه -- */
  border: none !important; /* -- حذف حاشیه پیش‌فرض دکمه -- */
  border-radius: 5px !important; /* -- گرد کردن گوشه‌های دکمه -- */
  cursor: pointer !important; /* -- تغییر شکل موس به اشاره‌گر هنگام رفتن روی دکمه -- */
  transition: background-color 0.3s ease !important; /* -- انیمیشن تغییر رنگ در هاور -- */
  display: block !important; /* -- اطمینان از اینکه دکمه در خط خودش قرار دارد -- */
  margin-top: 15px !important; /* -- فاصله دکمه از فیلد بالایی -- */ /* <<< تغییر در این خط */
  box-sizing: border-box !important; /* -- محاسبه صحیح padding در عرض -- */
  font-weight: bold !important; /* -- ضخیم کردن متن دکمه -- */
}

/* حالت هاور (وقتی موس روی دکمه می‌رود) */
.elementor-element-4f6c504 .gform_wrapper .gform_button:hover {
  background-color: #007751!important; /* -- تغییر رنگ پس‌زمینه دکمه در هاور (کمی تیره‌تر) -- */
}

/*
============================================================
== استایل پیام‌های خطا | Error Message Styles ==
============================================================
تنظیمات مربوط به نمایش پیام‌های خطا و اعتبارسنجی.
*/
.elementor-element-4f6c504 .gform_wrapper .validation_message {
  text-align: right !important; /* -- راست‌چین کردن متن پیام خطا -- */
  color: red !important; /* -- رنگ قرمز برای پیام خطا -- */
  font-size: 14px !important; /* -- اندازه فونت پیام خطا -- */
  margin-top: 5px !important; /* -- فاصله کم از فیلد مربوطه -- */
}

/*
============================================================
== استایل‌های ریسپانسیو (برای موبایل و تبلت) | Responsive Styles ==
============================================================
این بخش تنظیمات را برای صفحات نمایش کوچکتر (معمولاً موبایل) تغییر می‌دهد.
*/
@media (max-width: 767px) { /* این استایل‌ها برای عرض صفحه 767 پیکسل و کمتر اعمال می‌شوند */

  /* تنظیمات کلی فرم در موبایل */
  .elementor-element-4f6c504 .gform_wrapper {
    padding: 15px !important; /* -- کاهش padding داخلی در موبایل -- */
    margin: 0 auto !important; /* -- وسط چین کردن فرم در موبایل -- */
    /* width: 100% !important; -- معمولا لازم نیست چون max-width: 100% کافیه */
  }

  /* فاصله بین فیلدها در موبایل */
  .elementor-element-4f6c504 .gform_wrapper .gfield {
    margin-bottom: px !important; /* -- کمی کاهش فاصله عمودی -- */
  }

  /* فیلدهای ورودی در موبایل */
  .elementor-element-4f6c504 .gform_wrapper input[type="text"],
  .elementor-element-4f6c504 .gform_wrapper input[type="email"],
  .elementor-element-4f6c504 .gform_wrapper input[type="number"],
  .elementor-element-4f6c504 .gform_wrapper input[type="tel"],
  .elementor-element-4f6c504 .gform_wrapper textarea,
  .elementor-element-4f6c504 .gform_wrapper select,
  .elementor-element-4f6c504 .gform_wrapper input[type="url"],
  .elementor-element-4f6c504 .gform_wrapper input[type="password"],
  .elementor-element-4f6c504 .gform_wrapper input[type="search"],
  .elementor-element-4f6c504 .gform_wrapper input[type="date"] {
    font-size: 14px !important; /* -- کاهش اندازه فونت در موبایل -- */
    padding: 10px !important; /* -- کاهش padding داخلی در موبایل -- */
  }

  /* دکمه ارسال در موبایل */
  .elementor-element-4f6c504 .gform_wrapper .gform_button {
    font-size: 15px !important; /* -- اندازه فونت دکمه در موبایل -- */
    padding: 10px 15px !important; /* -- padding دکمه در موبایل -- */
    width: 100% !important; /* -- اطمینان از اینکه دکمه عرض کامل را در موبایل می‌گیرد -- */
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'YekanBakh-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://hamrahcares.com/wp-content/uploads/2026/03/YekanBakh-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */