.elementor-618 .elementor-element.elementor-element-e10cd8c{--display:flex;--margin-top:60px;--margin-bottom:600px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-618 .elementor-element.elementor-element-e10cd8c{--margin-top:60px;--margin-bottom:600px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-618 .elementor-element.elementor-element-e10cd8c{--margin-top:60px;--margin-bottom:600px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-bceff94 *//* --- 1. استایل کلی بدنه فرم (افکت شیشه مات) --- */
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_wrapper {
    background: rgba(255, 255, 255, 0.15) !important; /* شفافیت ملایم */
    backdrop-filter: blur(16px) !important; /* تار کردن پس‌زمینه (بلور) */
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* حاشیه شیشه‌ای */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important; /* سایه نرم 3 بعدی */
    border-radius: 24px !important;
    padding: 40px !important;
    color: #0b1f3a !important; /* رنگ متن کلی تغییر یافت */
}

/* --- 2. انیمیشن جذاب برای ورق خوردن سوالات (تک تک آمدن) --- */
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_page {
    animation: fadeGlassUp 0.7s ease-out forwards;
}

@keyframes fadeGlassUp {
    0% { opacity: 0; transform: translateY(30px) scale(0.98); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* --- 3. استایل فیلدهای ورودی (باکس‌های نوشتن) --- */
.elementor-618 .elementor-element.elementor-element-bceff94 input[type="text"],
.elementor-618 .elementor-element.elementor-element-bceff94 input[type="email"],
.elementor-618 .elementor-element.elementor-element-bceff94 input[type="number"],
.elementor-618 .elementor-element.elementor-element-bceff94 input[type="tel"],
.elementor-618 .elementor-element.elementor-element-bceff94 textarea,
.elementor-618 .elementor-element.elementor-element-bceff94 select {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #0b1f3a !important; /* رنگ متنی که کاربر تایپ می‌کند */
    border-radius: 12px !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

/* وقتی کاربر روی فیلد کلیک میکند تا بنویسد */
.elementor-618 .elementor-element.elementor-element-bceff94 input:focus,
.elementor-618 .elementor-element.elementor-element-bceff94 textarea:focus,
.elementor-618 .elementor-element.elementor-element-bceff94 select:focus {
    background: rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    outline: none !important;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2) !important;
    transform: scale(1.01);
}

/* --- 4. استایل عنوان سوالات --- */
.elementor-618 .elementor-element.elementor-element-bceff94 .gfield_label {
    color: #0b1f3a !important; /* رنگ عنوان سوالات تغییر یافت */
    font-size: 20px !important;
    font-weight: 700 !important; /* ضخیم‌تر شدن فونت برای خوانایی بهتر */
    margin-bottom: 15px !important;
}

/* --- 5. استایل دکمه‌های بعدی، قبلی و ارسال --- */
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_button,
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_next_button,
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_previous_button {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: #0b1f3a !important; /* رنگ متن دکمه‌ها تغییر یافت */
    border-radius: 50px !important; 
    padding: 12px 35px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    margin-top: 20px !important;
}

/* افکت رفتن موس روی دکمه‌ها */
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_button:hover,
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_next_button:hover,
.elementor-618 .elementor-element.elementor-element-bceff94 .gform_previous_button:hover {
    background: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}

/* --- 6. استایل نوار پیشرفت (Progress Bar) --- */
.elementor-618 .elementor-element.elementor-element-bceff94 .gf_progressbar {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
}

.elementor-618 .elementor-element.elementor-element-bceff94 .gf_progressbar_percentage {
    background: #0b1f3a !important; /* تغییر رنگ نوار پرشونده به آبی تیره شما */
    border-radius: 20px !important;
    height: 8px !important;
}

.elementor-618 .elementor-element.elementor-element-bceff94 .gf_progressbar_title {
    color: #0b1f3a !important; /* رنگ عنوان نوار پیشرفت */
    font-size: 14px !important;
    font-weight: bold !important;
}/* End custom CSS */