.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-feature-settings:var( --e-global-typography-primary-font-feature-settings );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-309 .elementor-element.elementor-element-2121e09{text-align:center;}.elementor-309 .elementor-element.elementor-element-6043444{--display:flex;}.elementor-309 .elementor-element.elementor-element-7768c59{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );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-309 .elementor-element.elementor-element-47040ad{font-family:"IRANYekanX";font-size:16px;font-weight:300;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-42649a6 *//* ۱. استایل بدنه و باکس اصلی فرم */ #gform_1 { direction: rtl !important; font-family: 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; background-color: #FFFFFF !important; border-top: 5px solid #F59E0B !important; /* نوار تأکیدی: Gold */ border-radius: 16px !important; padding: 35px !important; box-shadow: 0px 12px 35px 0px rgba(15, 23, 42, 0.05) !important; /* سایه ملایم با تم Navy Blue */ box-sizing: border-box !important; } /* ۲. تنظیم چیدمان شبکه‌ای (Grid) برای فیلدها */ #gform_1 .gform_fields { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* دو ستونه در دسکتاپ */ gap: 20px !important; /* فاصله بین فیلدها */ } /* تنظیم عرض فیلدهای تمام‌عرض و نصف‌عرض بر اساس کدهای فرم شما */ #gform_1 .gfield--width-full { grid-column: span 2 !important; } #gform_1 .gfield--width-half { grid-column: span 1 !important; } /* ۳. استایل عنوان لیبل‌ها */ #gform_1 .gfield_label { color: #1E293B !important; /* متن اصلی: Dark Gray */ font-size: 15px !important; font-weight: 700 !important; display: block !important; margin-bottom: 8px !important; } /* ۴. تبدیل کلمه "ضروری" به یک نشان (Badge) لوکس طلایی */ #gform_1 .gfield_required_text { color: #F59E0B !important; /* رنگ تأکیدی: Gold */ font-size: 11px !important; font-weight: 500 !important; background-color: rgba(245, 158, 11, 0.1) !important; /* ۱۰ درصد غلظت طلایی */ padding: 2px 8px !important; border-radius: 6px !important; margin-right: 8px !important; display: inline-block !important; } /* ۵. استایل فیلدهای ورودی متنی و کادر توضیحات */ #gform_1 input[type="text"], #gform_1 textarea { background-color: #F8FAFC !important; /* پس‌زمینه: Light Gray */ border: 1.5px solid rgba(15, 23, 42, 0.1) !important; /* کادر سرمه‌ای بسیار محو */ color: #1E293B !important; border-radius: 10px !important; padding: 14px 16px !important; font-size: 14px !important; font-family: 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; width: 100% !important; box-sizing: border-box !important; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* بهینه‌سازی ارتفاع باکس توضیحات اضافه */ #gform_1 textarea { height: 130px !important; resize: vertical !important; } /* ۶. افکت جذاب حالت فوکوس و کلیک روی فیلدها */ #gform_1 input[type="text"]:focus, #gform_1 textarea:focus { border-color: #2563EB !important; /* رنگ ثانویه: Royal Blue */ background-color: #FFFFFF !important; /* سفید شدن فیلد هنگام تایپ */ box-shadow: 0px 0px 0px 4px rgba(37, 99, 235, 0.15) !important; /* هاله نئونی آبی رویال */ outline: none !important; } /* ۷. استایل دکمه ارسال (ثبت نهایی) */ #gform_1 .gform_footer { grid-column: span 2 !important; /* دکمه کل عرض زیر فرم را پوشش دهد */ margin-top: 10px !important; padding: 0 !important; } #gform_submit_button_1 { background-color: #2563EB !important; /* رنگ ثانویه: Royal Blue */ color: #FFFFFF !important; border: none !important; border-radius: 10px !important; padding: 14px 30px !important; font-size: 16px !important; font-weight: 700 !important; font-family: 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; width: 100% !important; /* تمام‌عرض شیک */ cursor: pointer !important; box-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.2) !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* ۸. هاور دکمه ارسال (تغییر به رنگ زمردی موفقیت) */ #gform_submit_button_1:hover { background-color: #10B981 !important; /* رنگ موفقیت: Emerald */ transform: translateY(-3px) !important; /* پرش ملایم به بالا */ box-shadow: 0 8px 22px 0 rgba(16, 185, 129, 0.35) !important; /* سایه درخشان زمردی */ } /* ------------------------------------ بهینه‌سازی کامل برای نسخه موبایل ------------------------------------ */ @media (max-width: 600px) { #gform_1 { padding: 25px 20px !important; } #gform_1 .gform_fields { grid-template-columns: 1fr !important; /* تک ستونه شدن فرم در موبایل */ gap: 15px !important; } #gform_1 .gfield--width-half, #gform_1 .gfield--width-full { grid-column: span 1 !important; /* فیلدهای نصف‌عرض در موبایل تمام‌عرض می‌شوند */ } } /* ======================================= استایل اختصاصی و جذاب پیام تشکر فرم ۱ ======================================= */ .gform_confirmation_message_1, .gform_confirmation_message { direction: rtl !important; font-family: 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; background-color: #F8FAFC !important; /* پس‌زمینه: Light Gray */ border: 2px solid #10B981 !important; /* رنگ موفقیت: Emerald */ border-radius: 16px !important; padding: 45px 30px !important; text-align: center !important; max-width: 100% !important; margin: 20px auto !important; box-sizing: border-box !important; /* سایه ملایم و درخشان با تم زمردی */ box-shadow: 0px 15px 40px 0px rgba(16, 185, 129, 0.1) !important; /* رنگ متن اصلی پیام تشکر: Navy Blue */ color: #0F172A !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.8 !important; /* افکت انیمیشن ورود هوشمند (Fade In + پرش ملایم به بالا) */ animation: gformFadeInUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; } /* ساخت خودکار یک آیکون تیک متحرک و لوکس بالای متن تشکر */ .gform_confirmation_message_1::before, .gform_confirmation_message::before { content: "✓" !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 65px !important; height: 65px !important; background-color: #10B981 !important; /* رنگ موفقیت: Emerald */ color: #FFFFFF !important; font-size: 32px !important; font-weight: bold !important; border-radius: 50% !important; margin: 0 auto 25px !important; /* سایه و افکت نئونی پشت تیک سبز */ box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important; /* انیمیشن چرخش و زوم ملایم آیکون تیک هنگام لود */ animation: gformCheckScale 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s both !important; } /* ------------------------------------ تعریف انیمیشن‌های CSS ------------------------------------ */ /* انیمیشن ورود کل باکس */ @keyframes gformFadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* انیمیشن پاپ‌آپ آیکون تیک */ @keyframes gformCheckScale { from { transform: scale(0) rotate(-45deg); opacity: 0; } to { transform: scale(1) rotate(0deg); opacity: 1; } }/* End custom CSS */