.elementor-588 .elementor-element.elementor-element-f4c323f{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}body.elementor-page-588:not(.elementor-motion-effects-element-type-background), body.elementor-page-588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://virtualgallery.canicollege.com/wp-content/uploads/2025/10/notebook-dark.png");}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-087d439 *//* 1. تنظیم فونت Vazirmatn برای کل فرم‌ها و فیلدها */
/* اطمینان حاصل کنید که فونت Vazirmatn در وب‌سایت شما بارگذاری شده است. */
#gform_wrapper_3 {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* 2. تمام عرض کردن فرم در حالت دسکتاپ (و حذف ماکسیمم عرض) */
/* برای عرض تمام، max-width را حذف و width را روی 100% تنظیم می‌کنیم */

#gform_wrapper_3 {
    max-width: none !important; /* حذف محدودیت عرض قبلی */
    width: 100%; /* تمام عرض کردن */
    /* مطمئن شوید که width: 100% به صورت بالا یا در کدهای قبلی شما وجود دارد. */
    /* اگر می‌خواهید عرض فرم به اندازه کانتینر خود باشد، نیازی به ماکسیمم عرض نیست. */
    margin: 20px 0; /* حذف margin auto برای وسط چین بودن و تنظیم Margin بالا و پایین */
    padding: 30px;
    border-radius: 12px;
    background-color: #f8f9fa; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    border: 1px solid #dee2e6;
}

/* 3. اطمینان از اعمال فونت Vazirmatn روی تمام عناصر داخلی (مانند لیبل‌ها و ورودی‌ها) */

#gform_wrapper_3 * {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}


/* ------------------------------------------------ */
/* تنظیمات عمومی برای هر دو فرم با ID 4 و 5 */
/* ------------------------------------------------ */
#gform_wrapper_3 {
    /* 1. تنظیمات کلی راست‌چین (RTL) و Layout */
    direction: rtl; 
    text-align: right; 
    max-width: 600px; /* حداکثر عرض فرم */
    margin: 20px auto; /* وسط چین کردن فرم در صفحه */
    padding: 30px;
    border-radius: 12px;
    background-color: #f8f9fa; /* رنگ پس‌زمینه روشن */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* سایه جذاب */
    border: 1px solid #dee2e6;
}

/* 2. استایل عنوان و توضیحات فرم */
#gform_wrapper_3 .gform_title {
    font-size: 28px;
    color: #343a40;
    margin-bottom: 5px;
    border-bottom: 2px solid #007bff; /* خط زیر عنوان */
    padding-bottom: 10px;
}
#gform_wrapper_4 .gform_description,
#gform_wrapper_3 .gform_description {
    font-size: 16px;
    color: #6c757d;
    margin-bottom: 25px;
}

/* 3. استایل لیبل (برچسب) فیلدها */
#gform_wrapper_4 .gfield_label,
#gform_wrapper_3 .gfield_label {
    font-weight: 700;
    color: #495057;
    display: block; 
    margin-bottom: 8px;
}

/* 4. استایل فیلدهای ورودی (Input) و جعبه‌های متن (Textarea) */
#gform_wrapper_3 input[type="text"], #gform_wrapper_3 input[type="text"],
#gform_wrapper_3 input[type="email"], #gform_wrapper_3 input[type="email"],
#gform_wrapper_3 input[type="tel"], #gform_wrapper_3 input[type="tel"],
#gform_wrapper_3 textarea, #gform_wrapper_5 textarea,
#gform_wrapper_3 select, #gform_wrapper_5 select {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #fff;
    /* تنظیمات RTL برای متن درون ورودی‌ها */
    direction: rtl;
    text-align: right;
}

/* جلوه هنگام فوکوس روی فیلدها */
#gform_wrapper_3 input[type="text"]:focus, #gform_wrapper_5 input[type="text"]:focus,
#gform_wrapper_3 input[type="email"]:focus, #gform_wrapper_5 input[type="email"]:focus,
#gform_wrapper_3 textarea:focus, #gform_wrapper_5 textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
}

/* 5. استایل دکمه ارسال (Submit Button) */
#gform_wrapper_3 .gform_footer input[type="submit"],
#gform_wrapper_5 .gform_footer input[type="submit"] {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

#gform_wrapper_3 .gform_footer input[type="submit"]:hover,
#gform_wrapper_5 .gform_footer input[type="submit"]:hover {
    background-color: #0056b3;
    transform: translateY(-1px);
}

/* 6. استایل فیلدهای کنار هم (ستون‌ها) */
#gform_wrapper_3 .gfield,
#gform_wrapper_5 .gfield {
    float: right; /* راست‌چین کردن ستون‌ها */
    margin-left: 10px; /* ایجاد فاصله بین ستون‌ها */
}
/* رفع مشکل فلوت در انتهای هر ردیف */
#gform_wrapper_3 .gform_body .gform_fields:after,
#gform_wrapper_5 .gform_body .gform_fields:after {
    content: "";
    display: table;
    clear: both;
}

/* 7. استایل فیلدهای چک‌باکس و رادیو باتن */
#gform_wrapper_3 .gfield_checkbox li, #gform_wrapper_5 .gfield_checkbox li,
#gform_wrapper_4 .gfield_radio li, #gform_wrapper_5 .gfield_radio li {
    float: right; /* راست‌چین کردن گزینه‌ها */
    margin-left: 20px;
    margin-right: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4c323f *//* 1. تنظیم فونت Vazirmatn برای کل فرم‌ها و فیلدها */
/* اطمینان حاصل کنید که فونت Vazirmatn در وب‌سایت شما بارگذاری شده است. */
#gform_wrapper_4, 
#gform_wrapper_5 {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* 2. تمام عرض کردن فرم در حالت دسکتاپ (و حذف ماکسیمم عرض) */
/* برای عرض تمام، max-width را حذف و width را روی 100% تنظیم می‌کنیم */
#gform_wrapper_4, 
#gform_wrapper_5 {
    max-width: none !important; /* حذف محدودیت عرض قبلی */
    width: 100%; /* تمام عرض کردن */
    /* مطمئن شوید که width: 100% به صورت بالا یا در کدهای قبلی شما وجود دارد. */
    /* اگر می‌خواهید عرض فرم به اندازه کانتینر خود باشد، نیازی به ماکسیمم عرض نیست. */
    margin: 20px 0; /* حذف margin auto برای وسط چین بودن و تنظیم Margin بالا و پایین */
    padding: 30px;
    border-radius: 12px;
    background-color: #f8f9fa; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    border: 1px solid #dee2e6;
}

/* 3. اطمینان از اعمال فونت Vazirmatn روی تمام عناصر داخلی (مانند لیبل‌ها و ورودی‌ها) */
#gform_wrapper_4 *, 
#gform_wrapper_5 * {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}


/* ------------------------------------------------ */
/* تنظیمات عمومی برای هر دو فرم با ID 4 و 5 */
/* ------------------------------------------------ */
#gform_wrapper_4,
#gform_wrapper_5 {
    /* 1. تنظیمات کلی راست‌چین (RTL) و Layout */
    direction: rtl; 
    text-align: right; 
    max-width: 600px; /* حداکثر عرض فرم */
    margin: 20px auto; /* وسط چین کردن فرم در صفحه */
    padding: 30px;
    border-radius: 12px;
    background-color: #f8f9fa; /* رنگ پس‌زمینه روشن */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* سایه جذاب */
    border: 1px solid #dee2e6;
}

/* 2. استایل عنوان و توضیحات فرم */
#gform_wrapper_4 .gform_title,
#gform_wrapper_5 .gform_title {
    font-size: 28px;
    color: #343a40;
    margin-bottom: 5px;
    border-bottom: 2px solid #007bff; /* خط زیر عنوان */
    padding-bottom: 10px;
}
#gform_wrapper_4 .gform_description,
#gform_wrapper_5 .gform_description {
    font-size: 16px;
    color: #6c757d;
    margin-bottom: 25px;
}

/* 3. استایل لیبل (برچسب) فیلدها */
#gform_wrapper_4 .gfield_label,
#gform_wrapper_5 .gfield_label {
    font-weight: 700;
    color: #495057;
    display: block; 
    margin-bottom: 8px;
}

/* 4. استایل فیلدهای ورودی (Input) و جعبه‌های متن (Textarea) */
#gform_wrapper_4 input[type="text"], #gform_wrapper_5 input[type="text"],
#gform_wrapper_4 input[type="email"], #gform_wrapper_5 input[type="email"],
#gform_wrapper_4 input[type="tel"], #gform_wrapper_5 input[type="tel"],
#gform_wrapper_4 textarea, #gform_wrapper_5 textarea,
#gform_wrapper_4 select, #gform_wrapper_5 select {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #fff;
    /* تنظیمات RTL برای متن درون ورودی‌ها */
    direction: rtl;
    text-align: right;
}

/* جلوه هنگام فوکوس روی فیلدها */
#gform_wrapper_4 input[type="text"]:focus, #gform_wrapper_5 input[type="text"]:focus,
#gform_wrapper_4 input[type="email"]:focus, #gform_wrapper_5 input[type="email"]:focus,
#gform_wrapper_4 textarea:focus, #gform_wrapper_5 textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
}

/* 5. استایل دکمه ارسال (Submit Button) */
#gform_wrapper_4 .gform_footer input[type="submit"],
#gform_wrapper_5 .gform_footer input[type="submit"] {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

#gform_wrapper_4 .gform_footer input[type="submit"]:hover,
#gform_wrapper_5 .gform_footer input[type="submit"]:hover {
    background-color: #0056b3;
    transform: translateY(-1px);
}

/* 6. استایل فیلدهای کنار هم (ستون‌ها) */
#gform_wrapper_4 .gfield,
#gform_wrapper_5 .gfield {
    float: right; /* راست‌چین کردن ستون‌ها */
    margin-left: 10px; /* ایجاد فاصله بین ستون‌ها */
}
/* رفع مشکل فلوت در انتهای هر ردیف */
#gform_wrapper_4 .gform_body .gform_fields:after,
#gform_wrapper_5 .gform_body .gform_fields:after {
    content: "";
    display: table;
    clear: both;
}

/* 7. استایل فیلدهای چک‌باکس و رادیو باتن */
#gform_wrapper_4 .gfield_checkbox li, #gform_wrapper_5 .gfield_checkbox li,
#gform_wrapper_4 .gfield_radio li, #gform_wrapper_5 .gfield_radio li {
    float: right; /* راست‌چین کردن گزینه‌ها */
    margin-left: 20px;
    margin-right: 0;
}/* End custom CSS */