.elementor-1926 .elementor-element.elementor-element-ecd35a4{--display:flex;}.elementor-1926 .elementor-element.elementor-element-c9eb567{--display:flex;}.elementor-1926 .elementor-element.elementor-element-5761b5c{--spacer-size:50px;}.elementor-1926 .elementor-element.elementor-element-9fdc863{padding:0px 0px 100px 0px;}.elementor-1926 .elementor-element.elementor-element-708b49a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1926 .elementor-element.elementor-element-708b49a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF7F8;}.elementor-bc-flex-widget .elementor-1926 .elementor-element.elementor-element-708b49a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1926 .elementor-element.elementor-element-708b49a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1926 .elementor-element.elementor-element-708b49a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:2px 20px 20px 40px;}.elementor-1926 .elementor-element.elementor-element-708b49a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1926 .elementor-element.elementor-element-abd567d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-1926 .elementor-element.elementor-element-abd567d .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:36px;font-weight:700;line-height:1.3em;color:#000000;}.elementor-1926 .elementor-element.elementor-element-3b23191 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px -14px;--e-column-margin-right:0px;--e-column-margin-left:-14px;padding:03px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-3b23191 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1926 .elementor-element.elementor-element-0d27e1c{--display:flex;}.elementor-1926 .elementor-element.elementor-element-ff9783c{--display:flex;}.elementor-1926 .elementor-element.elementor-element-9ad8de2{--display:flex;}.elementor-1926 .elementor-element.elementor-element-aa23864{--display:flex;}@media(max-width:767px){.elementor-1926 .elementor-element.elementor-element-9fdc863{padding:200px 0px 50px 0px;}.elementor-1926 .elementor-element.elementor-element-708b49a > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-1926 .elementor-element.elementor-element-abd567d .elementor-heading-title{font-size:38px;}}@media(min-width:768px){.elementor-1926 .elementor-element.elementor-element-708b49a{width:45%;}.elementor-1926 .elementor-element.elementor-element-3b23191{width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1926 .elementor-element.elementor-element-708b49a{width:100%;}.elementor-1926 .elementor-element.elementor-element-3b23191{width:100%;}}/* Start custom CSS for container, class: .elementor-element-ecd35a4 *//* === HERO FIX: make the right image panel use viewport height === */
/* Works with the last #heroReliable block I gave you */
#heroReliable .hr-stage{
  /* target height: between 560px and ~88% of the screen */
  --H: clamp(560px, 88vh, 900px);
  height: var(--H);
  /* keep 7:10 portrait ratio => width = 0.7 * height */
  width: calc(var(--H) * 0.7);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: clamp(10px, 3vw, 36px);
}

/* MODE A — "FIT" (no cropping, shows full person) */
#heroReliable .slide{
  background-size: contain;         /* key change (was cover) */
  background-repeat: no-repeat;
  background-position: center bottom;
  opacity: 0; transform: scale(1.01);
  transition: opacity .6s ease, transform 1.05s cubic-bezier(.2,.7,.2,1);
}
#heroReliable .slide.active{ opacity:1; transform: scale(1); }

/* If you prefer edge-to-edge fill instead (can crop), COMMENT the block above
   and UNCOMMENT the block below. */
/*
#heroReliable .slide{
  background-size: cover;
  background-position: center;
  opacity: 0; transform: scale(1.03);
  transition: opacity .6s ease, transform 1.05s cubic-bezier(.2,.7,.2,1);
}
#heroReliable .slide.active{ opacity:1; transform: scale(1); }
*/

/* Mobile: keep big but comfortable */
@media (max-width: 1024px){
  #heroReliable .hr-stage{
    --H: clamp(480px, 70vh, 820px);
    width: calc(var(--H) * 0.7);
    position: relative; right: auto; top: auto; transform: none;
    margin: 12px auto 0;
  }
}

/* Nudge the hero image panel left (desktop) */
#heroPerfect{ 
  --stageGap: clamp(56px, 10vw, 200px);   /* increase to move further left */
}
#heroPerfect .hp-stage{
  margin-right: var(--stageGap) !important;
}

/* Optional: make the panel a touch narrower on very wide screens */
@media (min-width: 1200px){
  #heroPerfect .hp-stage{ width: calc(var(--H) * 0.66); }  /* was 0.7 */
}

/* Move image panel closer to the right edge */
#heroPerfect{
  /* smaller gap = more to the right */
  --stageGap: clamp(24px, 5vw, 72px);
}
#heroPerfect .hp-stage{
  margin-right: var(--stageGap) !important;
}

/* Hide the left/right navigation arrows on the image */
#heroPerfect .nav{ display:none !important; }

/* (Optional) if you also want to hide the dots, uncomment: */
/* #heroPerfect .dots{ display:none !important; } */

/* Move the hero image panel further left */
#heroPerfect{
  /* increase this to push even more left if you want */
  --stageGap: clamp(120px, 14vw, 320px);
}
#heroPerfect .hp-stage{
  margin-right: var(--stageGap) !important;
}

/* Fine-tune: a slight extra left nudge on wide screens */
@media (min-width: 1100px){
  #heroPerfect .hp-stage{
    transform: translate(-1.5vw, -50%); /* was translateY(-50%) */
  }
}

/* Hide the prev/next arrows (keep dots working) */
#heroPerfect .nav{ display:none !important; }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3b23191 */.wpforms-container-full .wpforms-form {
  background-color: #FFFFFF !important;   /* White form card */
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}/* End custom CSS */