.elementor-2984 .elementor-element.elementor-element-0d01817{--display:flex;--min-height:100vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;min-height:100vh;}.elementor-2984 .elementor-element.elementor-element-0d01817::before, .elementor-2984 .elementor-element.elementor-element-0d01817 > .elementor-background-video-container::before, .elementor-2984 .elementor-element.elementor-element-0d01817 > .e-con-inner > .elementor-background-video-container::before, .elementor-2984 .elementor-element.elementor-element-0d01817 > .elementor-background-slideshow::before, .elementor-2984 .elementor-element.elementor-element-0d01817 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2984 .elementor-element.elementor-element-0d01817 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2984 .elementor-element.elementor-element-0d01817:not(.elementor-motion-effects-element-type-background), .elementor-2984 .elementor-element.elementor-element-0d01817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://canadianlife.style/wp-content/uploads/2025/10/27019-361107952.jpg") 50% 50%;background-size:cover;}body.elementor-page-2984:not(.elementor-motion-effects-element-type-background), body.elementor-page-2984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for container, class: .elementor-element-0d01817 *//* --- لوگو فقط داخل هدر فرم (تداخلی با ::before گلس نداره) --- */ .gf-ar-box #gform_wrapper_2 .gform_heading{ position: relative; padding-top: 120px; /* فضا برای لوگو */ margin-bottom: 10px; } .gf-ar-box #gform_wrapper_2 .gform_heading::before{ content:""; position:absolute; top:10px; left:50%; transform:translateX(-50%); width:200px; height:80px; background:url("https://canadianlife.style/wp-content/uploads/2025/10/canadianls-logo.svg") center/contain no-repeat; pointer-events:none; } /* --- گرید دو ستونه برای لیست فیلدها --- */ .gf-ar-box #gform_wrapper_2 .gform_fields{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap:16px; row-gap:16px; } .gf-ar-box #gform_wrapper_2 .gform_fields .gfield{ margin:0; } /* از گپ استفاده کنه */ /* فیلد Name (کامپلکس) خودش تمام‌عرض؛ زیرفیلدهای First/Last دو ستونه */ .gf-ar-box #gform_wrapper_2 .gfield--type-name{ grid-column: 1 / -1; } .gf-ar-box #gform_wrapper_2 .gfield--type-name .ginput_complex.ginput_container_name{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; } .gf-ar-box #gform_wrapper_2 .gfield--type-name .name_first input, .gf-ar-box #gform_wrapper_2 .gfield--type-name .name_last input{ width:100%; } /* Textarea و دکمه ارسال تمام‌عرض */ .gf-ar-box #gform_wrapper_2 .gfield--type-textarea{ grid-column: 1 / -1; } .gf-ar-box #gform_wrapper_2 .gform_footer, .gf-ar-box #gform_submit_button_2{ grid-column: 1 / -1; width:100%; } /* ریسپانسیو: در موبایل تک‌ستونه شود */ @media (max-width: 640px){ .gf-ar-box #gform_wrapper_2 .gform_fields{ grid-template-columns: 1fr; } } /* ویدیو سیاه و سفید */ .elementor-2984 .elementor-element.elementor-element-0d01817 video { filter: grayscale(0%); } /* فقط فرم عربی با ID=2 */ .gf-ar-box #gform_wrapper_2, .gf-ar-box #gform_wrapper_2 * { font-family: "Noto Kufi Arabic", Sans-serif !important; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* برای منوهای Select2 هم */ .gf-ar-box .select2-container, .gf-ar-box .select2-dropdown, .gf-ar-box .select2-results__option, .gf-ar-box .select2-selection__rendered { font-family: "Noto Kufi Arabic", Sans-serif !important; } /* راست‌چین کردن فقط فرم عربی با ID=2 */ .gf-ar-box .gform_wrapper#gform_wrapper_2 { direction: rtl; unicode-bidi: plaintext; text-align: right; /* ---------- ظاهر گلاس دودی روشن ---------- */ max-width: 520px; margin: 40px auto; padding: 28px; border-radius: 20px; background: linear-gradient( 135deg, rgba(80, 80, 80, 0.35), rgba(30, 30, 30, 0.25) ); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; box-shadow: 0 8px 25px rgba(0,0,0,0.3); position: relative; overflow: hidden; } /* درخشش بالایی (glare) */ .gf-ar-box .gform_wrapper#gform_wrapper_2::before { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(255,255,255,0.35), rgba(204,0,1,0.12) 35%, rgba(255,255,255,0) 70% ); opacity: 0.35; mix-blend-mode: screen; pointer-events: none; } /* عنوان و توضیح فرم */ .gf-ar-box .gform_title, .gf-ar-box .gform_description { text-align: right; color: #fff; font-family: "Noto Kufi Arabic", Sans-serif !important; } /* لیبل‌ها و ورودی‌ها */ .gf-ar-box .gfield_label, .gf-ar-box .ginput_container { text-align: right; direction: rtl; color: #fff; font-family: "Noto Kufi Arabic", Sans-serif !important; } /* فاصله بین عنوان فیلد و ورودی */ .gf-ar-box #gform_wrapper_2 .gfield_label { line-height: 1.8; display: block; margin-bottom: 6px; } /* فیلدهای input و select */ .gf-ar-box #gform_wrapper_2 input[type="text"], .gf-ar-box #gform_wrapper_2 input[type="email"], .gf-ar-box #gform_wrapper_2 input[type="tel"], .gf-ar-box #gform_wrapper_2 textarea, .gf-ar-box #gform_wrapper_2 select { width: 100%; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.18); color: #fff; font-size: 16px; font-family: "Noto Kufi Arabic", Sans-serif !important; outline: none; transition: all 0.3s ease; } /* فوکوس فیلدها */ .gf-ar-box #gform_wrapper_2 input:focus, .gf-ar-box #gform_wrapper_2 textarea:focus, .gf-ar-box #gform_wrapper_2 select:focus { border-color: rgba(255, 80, 80, 0.8); background: rgba(255,255,255,0.25); box-shadow: 0 0 10px rgba(255,0,0,0.25); } /* placeholder */ .gf-ar-box #gform_wrapper_2 ::placeholder { color: rgba(255,255,255,0.7); font-family: "Noto Kufi Arabic", Sans-serif !important; } /* دکمه ارسال */ .gf-ar-box #gform_submit_button_2 { float: right; background: linear-gradient(135deg, #cc0001, #ff5555); color: #fff; font-weight: 600; border: none; border-radius: 14px; padding: 12px 20px; cursor: pointer; font-family: "Noto Kufi Arabic", Sans-serif !important; transition: all 0.3s ease; box-shadow: 0 6px 20px rgba(204,0,1,0.4); } .gf-ar-box #gform_submit_button_2:hover { background: linear-gradient(135deg, #ff2222, #ff6666); transform: translateY(-2px); } /* پیام‌های خطا و هشدار */ .gf-ar-box .validation_message, .gf-ar-box .gform_validation_errors { text-align: right; color: #fff; font-family: "Noto Kufi Arabic", Sans-serif !important; } /* خطای کلی بالا */ .gf-ar-box .gform_validation_errors { background: rgba(255,255,255,0.18) !important; border-radius: 12px; padding: 10px 15px; margin-bottom: 20px; text-align: center; font-family: "Noto Kufi Arabic", Sans-serif !important; } /* فیلدهای خطادار */ .gf-ar-box .gfield_error input, .gf-ar-box .gfield_error textarea, .gf-ar-box .gfield_error select { border-color: #ff4444 !important; background: rgba(255,255,255,0.2); } /* fieldset */ .gf-ar-box #gform_wrapper_2 fieldset { border-radius: 15px; border: 1px solid rgba(255,255,255,0.15); padding: 15px; margin-bottom: 20px; } /* textarea */ .gf-ar-box #gform_wrapper_2 textarea { height: 100px; min-height: 100px; resize: vertical; } /* select2 dropdown */ .gf-ar-box .select2-container { direction: rtl; text-align: right; } .gf-ar-box .select2-dropdown { text-align: right; background: rgba(0,0,0,0.85); color: #fff; font-family: "Noto Kufi Arabic", Sans-serif !important; } /* 📱 در موبایل (زیر 768px) فرم تک‌ستونه شود */ @media (max-width: 768px) { .gf-ar-box #gform_wrapper_2 .gform_fields { display: block !important; /* از حالت گرید خارج شود */ } .gf-ar-box #gform_wrapper_2 .gform_fields .gfield { width: 100% !important; margin-bottom: 16px; } /* برای نام (First/Last) هم زیر هم بیاد */ .gf-ar-box #gform_wrapper_2 .gfield--type-name .ginput_complex.ginput_container_name { display: block !important; } .gf-ar-box #gform_wrapper_2 .gfield--type-name .name_first, .gf-ar-box #gform_wrapper_2 .gfield--type-name .name_last { width: 100% !important; margin-bottom: 10px; } } #gform_2_validation_container { background: none !important; }

/* لینک نامرئی روی لوگو (فرم عربی ID=2) */
.gf-ar-box #gform_wrapper_2 .gf-logo-link{
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 80px;
  cursor: pointer;
  z-index: 3;            /* از glare بالاتر */
  display: block;
}
/* فیلد نوع الزائر (B2B / فردی) تمام عرض شود */
.gf-ar-box #gform_wrapper_2 .gfield--type-radio {
  grid-column: 1 / -1; /* تمام عرض */
}

/* رادیو باتن‌ها در دو ستون */
.gf-ar-box #gform_wrapper_2 .gfield--type-radio ul.gfield_radio {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 16px; /* فاصله بین ستون‌ها و ردیف‌ها */
  margin-top: 8px;
}

.gf-ar-box #gform_wrapper_2 .gfield--type-radio ul.gfield_radio li {
  text-align: right;
  white-space: nowrap;
}

/* فیلدهای "اسم الشركة" و "موقع الشركة" کنار هم (هرکدام ۵۰٪) */
.gf-ar-box #gform_wrapper_2 .gfield[data-label="اسم الشركة"],
.gf-ar-box #gform_wrapper_2 .gfield[data-label="موقع الشركة"] {
  width: 100%;
}

.gf-ar-box #gform_wrapper_2 .gfield[data-label="اسم الشركة"],
.gf-ar-box #gform_wrapper_2 .gfield[data-label="موقع الشركة"] {
  grid-column: auto;
}

/* این دو تا کنار هم قرار بگیرن */
.gf-ar-box #gform_wrapper_2 .gfield[data-label="اسم الشركة"] {
  grid-column: 1;
}
.gf-ar-box #gform_wrapper_2 .gfield[data-label="موقع الشركة"] {
  grid-column: 2;
}

/* ریسپانسیو — در موبایل زیر هم بیان */
@media (max-width: 640px) {
  .gf-ar-box #gform_wrapper_2 .gfield[data-label="اسم الشركة"],
  .gf-ar-box #gform_wrapper_2 .gfield[data-label="موقع الشركة"] {
    grid-column: 1 / -1 !important;
  }

  .gf-ar-box #gform_wrapper_2 .gfield--type-radio ul.gfield_radio {
    grid-template-columns: 1fr; /* تک‌ستونه برای موبایل */
  }
}/* End custom CSS */