.elementor-2841 .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;--overflow:hidden;--overlay-opacity:0.5;min-height:100vh;}.elementor-2841 .elementor-element.elementor-element-0d01817::before, .elementor-2841 .elementor-element.elementor-element-0d01817 > .elementor-background-video-container::before, .elementor-2841 .elementor-element.elementor-element-0d01817 > .e-con-inner > .elementor-background-video-container::before, .elementor-2841 .elementor-element.elementor-element-0d01817 > .elementor-background-slideshow::before, .elementor-2841 .elementor-element.elementor-element-0d01817 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2841 .elementor-element.elementor-element-0d01817 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2841 .elementor-element.elementor-element-0d01817:not(.elementor-motion-effects-element-type-background), .elementor-2841 .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-2841:not(.elementor-motion-effects-element-type-background), body.elementor-page-2841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for container, class: .elementor-element-0d01817 *//* --- Logo inside form header --- */
.gf-en-box #gform_wrapper_1 .gform_heading{
  position: relative;
  padding-top: 120px;
  margin-bottom: 10px;
}
.gf-en-box #gform_wrapper_1 .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;
}

/* --- Grid two-column layout --- */
.gf-en-box #gform_wrapper_1 .gform_fields{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap:16px;
  row-gap:16px;
}
.gf-en-box #gform_wrapper_1 .gform_fields .gfield{ margin:0; }

/* Name field full-width; inner fields two columns */
.gf-en-box #gform_wrapper_1 .gfield--type-name{ grid-column:1 / -1; }
.gf-en-box #gform_wrapper_1 .gfield--type-name .ginput_complex.ginput_container_name{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.gf-en-box #gform_wrapper_1 .gfield--type-name .name_first input,
.gf-en-box #gform_wrapper_1 .gfield--type-name .name_last  input{ width:100%; }

/* Textarea & button full width */
.gf-en-box #gform_wrapper_1 .gfield--type-textarea{ grid-column:1 / -1; }
.gf-en-box #gform_wrapper_1 .gform_footer,
.gf-en-box #gform_submit_button_1{ grid-column:1 / -1; width:100%; }

/* 📱 Mobile: single column */
@media (max-width:768px){
  .gf-en-box #gform_wrapper_1 .gform_fields{ display:block !important; }
  .gf-en-box #gform_wrapper_1 .gform_fields .gfield{ width:100% !important; margin-bottom:16px; }
  .gf-en-box #gform_wrapper_1 .gfield--type-name .ginput_complex.ginput_container_name{ display:block !important; }
  .gf-en-box #gform_wrapper_1 .gfield--type-name .name_first,
  .gf-en-box #gform_wrapper_1 .gfield--type-name .name_last{ width:100% !important; margin-bottom:10px; }
}

/* --- Background Video (keep colored if needed) --- */
.elementor-2841 .elementor-element.elementor-element-0d01817 video { filter: grayscale(0%); }
.elementor-background-video-fallback { filter: grayscale(0%); -webkit-filter: grayscale(0%); }

/* --- Glass Form Style for English version --- */
.gf-en-box #gform_wrapper_1 {
  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;
  text-align:left;
  direction:ltr;
}

/* Gloss highlight */
.gf-en-box #gform_wrapper_1::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;
}

/* Labels & text */
.gf-en-box #gform_wrapper_1 .gfield_label,
.gf-en-box #gform_wrapper_1 .ginput_container{
  color:#fff;
  text-align:left;
}

/* Inputs & selects */
.gf-en-box #gform_wrapper_1 input[type="text"],
.gf-en-box #gform_wrapper_1 input[type="email"],
.gf-en-box #gform_wrapper_1 input[type="tel"],
.gf-en-box #gform_wrapper_1 textarea,
.gf-en-box #gform_wrapper_1 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;
  outline:none;
  transition:all 0.3s ease;
}
.gf-en-box #gform_wrapper_1 input:focus,
.gf-en-box #gform_wrapper_1 textarea:focus,
.gf-en-box #gform_wrapper_1 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-en-box #gform_wrapper_1 ::placeholder{ color:rgba(255,255,255,0.7); }

/* Submit button */
.gf-en-box #gform_submit_button_1{
  background:linear-gradient(135deg,#cc0001,#ff5555);
  color:#fff;
  font-weight:600;
  border:none;
  border-radius:14px;
  padding:12px 20px;
  cursor:pointer;
  transition:all 0.3s ease;
  box-shadow:0 6px 20px rgba(204,0,1,0.4);
}
.gf-en-box #gform_submit_button_1:hover{
  background:linear-gradient(135deg,#ff2222,#ff6666);
  transform:translateY(-2px);
}

/* Error messages */
.gf-en-box #gform_wrapper_1 .validation_message,
.gf-en-box #gform_wrapper_1 .gform_validation_errors{
  text-align:left;
  color:#fff;
}

/* Error box */
.gf-en-box #gform_wrapper_1 .gform_validation_errors{
  background:rgba(255,255,255,0.18)!important;
  border-radius:12px;
  padding:10px 15px;
  margin-bottom:20px;
  text-align:center;
}

/* Field error */
.gf-en-box #gform_wrapper_1 .gfield_error input,
.gf-en-box #gform_wrapper_1 .gfield_error textarea,
.gf-en-box #gform_wrapper_1 .gfield_error select{
  border-color:#ff4444!important;
  background:rgba(255,255,255,0.2);
}

/* Fieldset */
.gf-en-box #gform_wrapper_1 fieldset{
  border-radius:15px;
  border:1px solid rgba(255,255,255,0.15);
  padding:15px;
  margin-bottom:20px;
}

/* Textarea */
.gf-en-box #gform_wrapper_1 textarea{
  height:100px;
  min-height:100px;
  resize:vertical;
}

/* Select2 dropdown */
.gf-en-box .select2-container{ direction:ltr; text-align:left; }
.gf-en-box .select2-dropdown{
  text-align:left;
  background:rgba(0,0,0,0.85);
  color:#fff;
}

/* لینک نامرئی روی لوگوی فرم انگلیسی */
.gf-en-box #gform_wrapper_1 .gf-logo-link {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 80px;
  cursor: pointer;
  z-index: 3;
  display: block;
}

/* Visitor Type (Individual / B2B) full width */
.gf-en-box #gform_wrapper_1 .gfield--type-radio {
  grid-column: 1 / -1; /* full width */
}

/* Radio buttons in two columns */
.gf-en-box #gform_wrapper_1 .gfield--type-radio ul.gfield_radio {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 16px; /* spacing between options */
  margin-top: 8px;
}

.gf-en-box #gform_wrapper_1 .gfield--type-radio ul.gfield_radio li {
  text-align: left;
  white-space: nowrap;
}

/* "Company Name" and "Company Website" side by side (50% each) */
.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Name"],
.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Website"] {
  width: 100%;
}

.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Name"],
.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Website"] {
  grid-column: auto;
}

/* Align them side by side */
.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Name"] {
  grid-column: 1;
}
.gf-en-box #gform_wrapper_1 .gfield[data-label="Company Website"] {
  grid-column: 2;
}

/* Responsive — stack on mobile */
@media (max-width: 640px) {
  .gf-en-box #gform_wrapper_1 .gfield[data-label="Company Name"],
  .gf-en-box #gform_wrapper_1 .gfield[data-label="Company Website"] {
    grid-column: 1 / -1 !important;
  }

  .gf-en-box #gform_wrapper_1 .gfield--type-radio ul.gfield_radio {
    grid-template-columns: 1fr; /* single column on mobile */
  }
}/* End custom CSS */