.elementor-1067 .elementor-element.elementor-element-8094748{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:60px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-79ea872{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD;--border-color:#ADADAD;--border-radius:20px 20px 20px 20px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1067 .elementor-element.elementor-element-ec29ac3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-1067 .elementor-element.elementor-element-ec29ac3 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-958f467{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-icon i{color:#002F42;transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-icon svg{fill:#002F42;transition:fill 0.3s;}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-1067 .elementor-element.elementor-element-958f467 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-c8f184c .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-c8f184c .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-1067 .elementor-element.elementor-element-c8f184c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1067 .elementor-element.elementor-element-c8f184c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1067 .elementor-element.elementor-element-c8f184c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-1067 .elementor-element.elementor-element-c8f184c .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1067 .elementor-element.elementor-element-afee90a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1067 .elementor-element.elementor-element-963054d img{border-style:none;border-radius:20px 0px 0px 20px;}@media(min-width:768px){.elementor-1067 .elementor-element.elementor-element-79ea872{--width:40%;}.elementor-1067 .elementor-element.elementor-element-afee90a{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-79ea872 */.login-left .woocommerce form.login::before{
  content:"🔒  SECURE LOGIN";
  display:block; font-weight:700; letter-spacing:.02em;
  color:#1c2733; margin:0 0 12px; font-size:18px;
}

/* 1) Hide WooCommerce's default "Login" heading above the form */
.wc-only.wc-login #customer_login .u-column1 > h2,
.wc-only.wc-login #customer_login h2 {
  display: none !important;
}

/* 2) Hard-left align the form and fields, uniform edges */
.wc-only.wc-login .woocommerce form.login{
  margin: 0;                     /* no centering offsets */
  padding-left: 0;               /* keep left edge clean */
}

.wc-only.wc-login .woocommerce form.login .form-row{
  margin: 0 0 14px 0;            /* tidy gap, left = 0 */
  padding: 0;
  text-align: left;
}

.wc-only.wc-login .woocommerce form.login .form-row input.input-text,
.wc-only.wc-login .woocommerce form.login .password-input input{
  width: 100% !important;        /* full width */
  display: block;
  margin: 0 !important;          /* no stray left indents */
  text-align: left;
}

/* Align the action row, checkbox and lost password with the same left edge */
.wc-only.wc-login .woocommerce form.login p.form-row{
  justify-content: flex-start;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.wc-only.wc-login .woocommerce form.login .woocommerce-form__label.woocommerce-form__label-for-checkbox,
.wc-only.wc-login .woocommerce form.login .lost_password{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ===== Fix alignment on Woo login form ===== */

/* 0) Form paddings / tokens */
.wc-only.wc-login .woocommerce form.login{
  --edge: 22px;        /* inner card padding */
  --field-pad: 14px;   /* input left padding */
  padding: var(--edge);
}

/* 1) NORMAL rows: block layout (label above input) */
.wc-only.wc-login .woocommerce form.login p.form-row,
.wc-only.wc-login .woocommerce form.login p.form-row-wide{
  display: block !important;       /* override earlier flex */
  margin: 0 0 14px 0;
  padding-left: 0 !important;      /* keep left edge clean */
}

/* 2) Labels align with input BORDER (no extra left inset) */
.wc-only.wc-login .woocommerce form.login label{
  display:block;
  margin: 0 0 .35rem 0 !important;
  padding-left: 0 !important;      /* <— key: no offset */
  text-align:left !important;
}

/* 3) Inputs keep their own inner padding */
.wc-only.wc-login .woocommerce form.login input.input-text,
.wc-only.wc-login .woocommerce form.login .password-input input{
  width:100% !important;
  padding-left: var(--field-pad) !important;
  padding-right: 12px !important;
}

/* 4) ONLY the submit row uses flex to place Remember/Lost PW */
@supports(.elementor-1067 .elementor-element.elementor-element-79ea872(:has(*))){
  .wc-only.wc-login .woocommerce form.login p.form-row:has(.woocommerce-form-login__submit){
    display:flex !important;
    flex-wrap:wrap; align-items:center; column-gap:12px; row-gap:8px;
  }
  .wc-only.wc-login .woocommerce form.login p.form-row:has(.woocommerce-form-login__submit) .woocommerce-form-login__submit{ order:1; }
  .wc-only.wc-login .woocommerce form.login p.form-row:has(.woocommerce-form-login__submit) .woocommerce-form__label-for-checkbox{
    order:2; width:100%; margin:0; padding-left:0 !important;
    display:flex; align-items:center; gap:.5rem;
  }
}

/* 5) Lost password aligns to same left edge */
.wc-only.wc-login .woocommerce form.login .lost_password{
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align:left !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8094748 *//* ===== Brand tokens (tweak as needed) ===== */
:root{
  --brand-primary:#20744A;       /* green login button like sample */
  --brand-accent:#0F3158;        /* deep blue panel */
  --brand-accent-2:#062037;      /* darker overlay */
  --ui-border:#e9eef3;
  --ui-radius:12px;
}

/* ===== Outer hero container ===== */
.login-hero{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:0;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  overflow:hidden;
  background:#fff;
}

/* Left: form card */
.login-left{
  flex:1 1 44%;
  padding:36px 28px;
  background:#fff;
}

/* Right: image/promo panel (use BG image in Elementor) */
.login-right{
  flex:1 1 56%;
  padding:0;
  color:#fff;
  position:relative;
  background:var(--brand-accent); /* fallback if no image */
}

/* Optional dark overlay for readability when a BG image is used */
.login-right::before{
  content:"";
  position:absolute; inset:0;
  background:#fff;
  pointer-events:none;
}
.login-right > *{ position:relative; z-index:1; }

/* Right-panel typography & bullets */
.login-right h2,
.login-right h3,
.login-right p{ color:#fff; margin:0 0 12px; }
.login-right ul{ list-style:none; margin:12px 0 0; padding:0; }
.login-right li{ margin:10px 0; display:flex; gap:10px; align-items:flex-start; }
.login-right li::before{
  content:"✔";
  font-weight:700;
  line-height:1;
  margin-top:2px;
  /* keep white, brandy green, or emoji as you like */
  color:#38d39f;
}

/* WooCommerce login form cosmetics inside your shortcode wrapper */
.wc-only.wc-login #customer_login{ max-width:560px; }
.wc-only.wc-login .woocommerce form.login{
  background:#fff; border:1px solid var(--ui-border);
  border-radius:10px; padding:22px;
}
.wc-only.wc-login .woocommerce form.login .form-row{ margin-bottom:14px; }
.wc-only.wc-login .woocommerce form.login input.input-text{
  width:100%; height:46px; border-radius:8px;
}
.wc-only.wc-login .woocommerce form.login .woocommerce-form-login__submit{
  background:var(--brand-primary); color:#fff; border:0;
  padding:12px 20px; border-radius:6px; font-weight:600;
}

/* Notices tidy */
.wc-only.wc-login .woocommerce-error,
.wc-only.wc-login .woocommerce-message,
.wc-only.wc-login .woocommerce-info{
  border-radius:8px;
}

/* Responsive stack */
@media (max-width: 1024px){
  .login-left{ flex-basis:50%; }
  .login-right{ flex-basis:50%; }
}
@media (max-width: 767px){
  .login-hero{ border-radius:10px; }
  .login-left, .login-right{ flex-basis:100%; }
  .login-right{ padding:28px 22px; }
  .wc-only.wc-login .woocommerce form.login{ padding:18px; }
}/* End custom CSS */