.elementor-20 .elementor-element.elementor-element-b243d8a{--display:flex;--min-height:300px;--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;--justify-content:center;--overlay-opacity:0.9;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-b243d8a:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b243d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.happyyowkkoo.com/wp-content/uploads/2024/07/IMG_7488.jpg");background-position:center center;background-repeat:repeat-x;background-size:cover;}.elementor-20 .elementor-element.elementor-element-b243d8a::before, .elementor-20 .elementor-element.elementor-element-b243d8a > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-b243d8a > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-b243d8a > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-b243d8a > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-b243d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3a967ff );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-b550b88 > .elementor-widget-container{margin:100px 100px 100px 100px;}.elementor-20 .elementor-element.elementor-element-b550b88.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b550b88{text-align:center;}.elementor-20 .elementor-element.elementor-element-b550b88 .elementor-heading-title{font-family:"ABeeZee", Sans-serif;font-size:80px;font-weight:400;line-height:0px;letter-spacing:0.6px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-247e61b{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ebc100c{--display:flex;--min-height:700px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--border-radius:25px 25px 25px 25px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.1);}.elementor-20 .elementor-element.elementor-element-e663689{--display:flex;--border-radius:25px 0px 0px 25px;}.elementor-20 .elementor-element.elementor-element-e663689:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-e663689 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.happyyowkkoo.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-12-23-at-9.32.58-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-bb832f0{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:90px;--padding-right:90px;}.elementor-20 .elementor-element.elementor-element-d73b20c{text-align:center;}.elementor-20 .elementor-element.elementor-element-95d07a8 > .elementor-widget-container{margin:-10px 0px 20px 0px;}.elementor-20 .elementor-element.elementor-element-95d07a8{text-align:center;font-size:20px;}@media(max-width:1366px){.elementor-20 .elementor-element.elementor-element-247e61b{--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}}@media(max-width:768px){.elementor-20 .elementor-element.elementor-element-b243d8a{--min-height:250px;}.elementor-20 .elementor-element.elementor-element-b550b88 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-b550b88 .elementor-heading-title{font-size:46px;line-height:1em;}.elementor-20 .elementor-element.elementor-element-247e61b{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(min-width:769px){.elementor-20 .elementor-element.elementor-element-247e61b{--content-width:1200px;}.elementor-20 .elementor-element.elementor-element-e663689{--width:50%;}.elementor-20 .elementor-element.elementor-element-bb832f0{--width:50%;}}@media(min-width:1367px){.elementor-20 .elementor-element.elementor-element-b243d8a:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b243d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-65e8e2f */.col-register {
  display: none;
  border: 0 !important;
}
.wd-registration-page #customer_login {
  --wd-col-lg: 1 !important;
  --wd-gap-lg: 0px !important;
}
.wd-login-title {
    display: none;
}
.auth-register-text {
  display: none;
}
.wd-registration-page #customer_login {
  justify-content: center;
}
.wd-col.col-login,
.wd-col.col-register {
  width: 100%;
  max-width: 100%;
}
.wd-col .col-login {
  width: 100%;
}
.xoo-ml-form {
  width: 100%;
}
.auth-switch-text {
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
}
.auth-switch-text a {
  color: #6aaeb3;
  font-weight: 600;
  text-decoration: none;
}

/* ================================
   COMMON BUTTON BASE (ALIGNMENT)
================================ */
.elementor .wd-col.col-login button.xoo-ml-login-otp-btn,
.elementor .wd-col.col-login button.xoo-ml-low-back-btn {
    width: 100%;
  border-radius: 30px !important;
  padding: 15px 50px !important;
  font-weight: 400 !important;
  font-size: 18px;
  text-align: center !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}


/* =====================================
   BUTTON BASE (alignment + size)
===================================== */
button .xoo-ml-low-back {
    width: 100%;
}

.elementor .wd-col.col-login form.xoo-ml-form > button.btn {
  display: block !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 30px !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  text-align: center !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}


/* COMMON button base */
.wd-col.col-login .xoo-ml-login-otp-btn,
.wd-col.col-login .xoo-ml-low-back-btn {
    width: 100%;
  display: block !important;
  margin: 0 auto !important;
}

/* BUTTON 1: Login with OTP (outline default) */
.wd-col.col-login .xoo-ml-login-otp-btn {
  background-color: #6aaeb3 !important;
  color: #fff !important;
}

/* BUTTON 1 hover */
.wd-col.col-login .xoo-ml-login-otp-btn:hover {
  background-color: #e4aa81 !important;
  color: #ffffff !important;
}

/* BUTTON 2: Login with Email & Password (filled default) */
.wd-col.col-login .xoo-ml-low-back-btn {
    width: 100%;
  background-color: #6aaeb3 !important;
  color: #ffffff !important;
  border: 1px solid #6aaeb3 !important;
}

/* BUTTON 2 hover */
.wd-col.col-login .xoo-ml-low-back-btn:hover {
  background-color: #e4aa81 !important;
  border-color: #e4aa81 !important;
  color: #ffffff !important;
}

.xoo-ml-has-cc {
    margin-bottom: 50px;
}

.auth-switch-text {
    display: none;
}

/* OTP phone number input – match checkout style */
.elementor .wd-col.col-login .xoo-ml-phone-cc,
.elementor .wd-col.col-login .xoo-ml-phone-input {
  height: 40px !important;
  border: 1px solid #6aaeb3 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

button.button.btn.xoo-ml-low-back {
    width: 100% !important;
    border: 1px solid #b3b3b3;
    background: transparent;
    color: #333;
    margin-top: 20px;
}
button.button.btn.xoo-ml-low-back:hover {
    background: #6aaeb3;
    color: #fff;
}
.elementor-20 .elementor-element.elementor-element-65e8e2f .woocommerce-form-login__submit {
    font-size: 18px;
    font-weight: 400;
    padding: 15px 50px !important;
    border-radius: 30px;
}
.elementor-20 .elementor-element.elementor-element-65e8e2f .login-form-footer .woocommerce-LostPassword, .woocommerce-form__label {
    color: #333;
}
.elementor-20 .elementor-element.elementor-element-65e8e2f .wd-login-divider span {
    font-weight: 400;
    text-transform: capitalize;
}
.elementor-20 .elementor-element.elementor-element-65e8e2f .xoo-ml-open-lwo-btn {
    font-size: 18px;
    font-weight: 400;
}
.wd-social-login .login-goo-link {
    border: 1px solid #b3b3b3;
    background: transparent;
    color: #333;
    margin-bottom: 20px;
}
.xoo-ml-otp-resend-link, .xoo-ml-otp-no-txt {
    color: #333 !important;
    font-weight: 400 !important;
}
.xoo-ml-inline-otp-cont .xoo-ml-otp-resend {
  line-height: 26px !important;
}/* End custom CSS */