.elementor-10 .elementor-element.elementor-element-7a454f07b0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-27d9756cb6{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0b228918a5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#d8dde1;--border-color:#d8dde1;--padding-top:65px;--padding-bottom:110px;--padding-left:56px;--padding-right:56px;}.elementor-10 .elementor-element.elementor-element-0b228918a5:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-0b228918a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#eef1f2;}.elementor-10 .elementor-element.elementor-element-d3a1aa72c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-040b970{--display:flex;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-27d9756cb6{--width:100%;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-0b228918a5{--padding-top:65px;--padding-bottom:90px;--padding-left:36px;--padding-right:36px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-0b228918a5{--padding-top:55px;--padding-bottom:75px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for wc-elements, class: .elementor-element-a1be3ed *//* =====================================================
   WooCommerce "Show password" toggle — pure CSS layout fix
   No extra JS needed: WooCommerce already toggles the
   .display-password class and changes input type.
   Paste this into Appearance → Customize → Additional CSS
   (or your child theme's style.css).
   ===================================================== */

/* 1. Make .password-input the positioned container */
.woocommerce form .password-input,
.password-input {
  position: relative !important;
  display: block !important;
  width: 100%;
}

/* 2. Password input fills the wrapper; leave room for the icon */
.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"],
.woocommerce form .password-input input.input-text,
.password-input input.input-text {
  width: 100% !important;
  padding-right: 46px !important;
}

/* 3. Toggle button sits at the right end of the input */
.woocommerce form .password-input .show-password-input,
.password-input .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.show-password-input:hover,
.show-password-input:focus {
  background: rgba(47, 125, 209, 0.08) !important;
  outline: none !important;
}

/* 4. SVG eye icon (does not depend on WooCommerce icon font) */
.show-password-input::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2366789e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* WooCommerce JS adds .display-password when the password is visible */
.show-password-input.display-password::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2366789e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

/* Hover color variant */
.show-password-input:hover::after,
.show-password-input:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232f7dd1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.show-password-input.display-password:hover::after,
.show-password-input.display-password:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232f7dd1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

/* 5. Remove any theme margins that push the button out of place */
.woocommerce form .form-row-wide .password-input {
  margin-top: 0 !important;
}/* End custom CSS */