.elementor-604 .elementor-element.elementor-element-054d748{--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:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-604 .elementor-element.elementor-element-054d748:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-054d748 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hot-deal.shop/wp-content/uploads/2026/03/d2ad73a7d4e9de720c3512429c68c26c.png");background-position:top center;background-size:cover;}.elementor-604 .elementor-element.elementor-element-054d748.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-604 .elementor-element.elementor-element-d08b6c6{--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:16px;--padding-bottom:0px;--padding-left:15px;--padding-right:0px;}.elementor-604 .elementor-element.elementor-element-5a630ea.elementor-element{--align-self:flex-start;}.elementor-604 .elementor-element.elementor-element-5a630ea .elementor-icon-wrapper{text-align:center;}.elementor-604 .elementor-element.elementor-element-5a630ea.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-604 .elementor-element.elementor-element-5a630ea.elementor-view-framed .elementor-icon:hover, .elementor-604 .elementor-element.elementor-element-5a630ea.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-604 .elementor-element.elementor-element-5a630ea.elementor-view-framed .elementor-icon:hover, .elementor-604 .elementor-element.elementor-element-5a630ea.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-604 .elementor-element.elementor-element-5a630ea .elementor-icon{font-size:22px;}.elementor-604 .elementor-element.elementor-element-5a630ea .elementor-icon svg{height:22px;}.elementor-604 .elementor-element.elementor-element-e7d75f0 img{width:150px;}.elementor-604 .elementor-element.elementor-element-98d9ec6{--display:flex;--min-height:274px;--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;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:24px 24px 0px 0px;box-shadow:0px 4px 12px 0px rgba(31, 31, 31, 0.2);--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-604 .elementor-element.elementor-element-98d9ec6:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-98d9ec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}.elementor-604 .elementor-element.elementor-element-5adc5f8{--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;--justify-content:flex-start;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-604 .elementor-element.elementor-element-5adc5f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-604 .elementor-element.elementor-element-4831de2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-604 .elementor-element.elementor-element-4831de2 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:700;color:#1F1F1F;}.elementor-604 .elementor-element.elementor-element-8e6a0b5{text-align:center;font-size:12px;}.elementor-604 .elementor-element.elementor-element-8e6a0b5 p{margin-block-end:0px;}.elementor-604 .elementor-element.elementor-element-6f77b18{--display:flex;}.elementor-604 .elementor-element.elementor-element-2fe20a34{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-604 .elementor-element.elementor-element-98d9ec6{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-604 .elementor-element.elementor-element-5adc5f8{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-604 .elementor-element.elementor-element-4831de2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-604 .elementor-element.elementor-element-8e6a0b5{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-604 .elementor-element.elementor-element-2fe20a34{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;}}@media(max-width:767px){.elementor-604 .elementor-element.elementor-element-054d748{--min-height:100dvh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-604 .elementor-element.elementor-element-5a630ea .elementor-icon{font-size:20px;}.elementor-604 .elementor-element.elementor-element-5a630ea .elementor-icon svg{height:20px;}.elementor-604 .elementor-element.elementor-element-98d9ec6{--min-height:274px;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:13px;--padding-bottom:13px;--padding-left:20px;--padding-right:20px;}.elementor-604 .elementor-element.elementor-element-5adc5f8{--width:100%;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-604 .elementor-element.elementor-element-4831de2 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-604 .elementor-element.elementor-element-6f77b18{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-604 .elementor-element.elementor-element-2fe20a34{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-604 .elementor-element.elementor-element-054d748{--width:100%;}.elementor-604 .elementor-element.elementor-element-98d9ec6{--width:100%;}.elementor-604 .elementor-element.elementor-element-5adc5f8{--width:462px;}}@media(max-width:1024px) and (min-width:768px){.elementor-604 .elementor-element.elementor-element-98d9ec6{--width:100%;}.elementor-604 .elementor-element.elementor-element-5adc5f8{--width:100%;}}




.elementor-604 .elementor-element.elementor-element-5adc5f8 {
  min-width: 240px;
}
/* Start custom CSS for shortcode, class: .elementor-element-2fe20a34 *//* Verification စစ်ပြီးရင်လည်း Send Code ခလုတ်ကို အမြဲပြထားရန် */
/*.otp-active #mo_um_send_otp_pass,*/
/*#mo_um_send_otp_pass {*/
/*  display: block !important;*/
/*}*/

/*.um-col-alt-b .um-left.um-half {*/
/*  width: 100% !important;*/
/*  display: block !important;*/
/*}*/

/*.otp-active #mo_um_verify_pass {*/
/*  display: block !important;*/
/*}*/

/*.um-field {*/
/*  padding: 0 !important;*/
/*}*/

/*.um-password .um-field-type_block {*/
/*  display: none !important;*/
/*}*/

/* Input Box - Height 44px, Font 16px, Spacing and Icon */
/*#username_b {*/
/*  background-color: #f1f3f5 !important;*/
/*  border: 1px solid #D6D8DB !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
  /* Icon size is 16px, and we position it 16px from the left */
/*  padding: 12px 16px 12px 48px !important;*/
/*  font-size: 14px !important;*/
/*  line-height: 20px;*/
/*  color: #202020;*/
  /* Figma icon using SVG for exact match */
/*  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h18v14H1V1zm18 1.1L10 8.5 1 2.1' stroke='%23C10F01' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;*/
/*  background-repeat: no-repeat !important;*/
/*  background-position: 18px center !important;*/
/*  background-size: 18px 14px !important;*/
/*}*/

/*#username_b:focus {*/
/*  border: 1px solid #C10F01 !important;*/
/*  outline: none;*/
/*}*/

/* (Send Code Button) - Height 44px, BG #C10F01, Weight 600 */
/*#um-submit-btn.um-button,*/
/*#mo_um_send_otp_pass {*/
/*  font-family: 'Noto Sans', sans-serif !important;*/
/*  background-color: #C10F01 !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
/*  width: 100% !important;*/
/*  font-weight: 700 !important;*/
/*  font-size: 14px !important;*/
/*  text-transform: none !important;*/
/*  border: none !important;*/
/*  color: #FEFEFE !important;*/
/*  padding: 0px !important;*/
/*}*/

/* Input နဲ့ Button ကြား အကွာအဝေး 20px */
/*.um-password .um-col-alt.um-col-alt-b {*/
/*  padding-top: 0 !important;*/
/*  margin-top: 20px !important;*/
/*  margin-bottom: 0px !important;*/
/*}*/

/*#username_b::placeholder {*/
/*  font-family: 'Noto Sans', sans-serif !important;*/
/*  font-size: 14px !important;*/
/*  line-height: 20px !important;*/
/*  color: #1F1F1F !important;*/
/*  opacity: 1 !important;*/
/*}*/

/* Clear previous icon attempts */
/*.um-field-username_b .um-field-area::before {*/
/*  display: none !important;*/
/*}*/

/*.um-field-area {*/
/*  position: relative;*/
/*}*/

/* Mini Orange Specific Styles */
/*#mo_um_verify_pass {*/
/*  background-color: #C10F01 !important;*/
/*  color: white !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
/*  width: 100% !important;*/
/*  margin-top: 0px !important;*/
/*  margin-bottom: 0px !important;*/
/*  font-weight: 600 !important;*/
/*  display: none;*/
/*}*/

/*.otp-active #mo_um_verify_pass {*/
/*  display: block !important;*/
/*}*/

/* Password Form Fields */
/*.um .um-form input.um-form-field.valid {*/
/*  font-family: 'Noto Sans', sans-serif !important;*/
/*  border: 1px solid #D6D8DB !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
/*  padding: 12px 16px !important;*/
/*  font-size: 14px !important;*/
/*  width: 100% !important;*/
/*}*/

/*.um .um-form input.um-form-field.valid:focus {*/
/*  border: 1px solid #C10F01 !important;*/
/*  outline: none !important;*/
/*}*/

/*#um_field_0_user_password,*/
/*#um_field_0_confirm_user_password {*/
/*  margin-bottom: 16px !important;*/
/*}*/



/* --- Step 2: OTP State (Figma Match) --- */
/* မလိုတာတွေအကုန်ဖျောက်မယ် */
/*.otp-active h2,*/
/*.otp-active p:not(.resend-text),*/
/*.otp-active .um-field-username_b,*/
/*.otp-active .um-field-block,*/
/*.otp-active #mo_message,*/
/*.otp-active #verify_div,*/
/*.otp-active #mo_um_send_otp_pass {*/
/*  display: none !important;*/
/*}*/

/* OTP Boxes Container */
/*.otp-container {*/
/*  display: flex !important;*/
/*  justify-content: center !important;*/
/*  gap: 8px !important;*/
/*  margin: 15px 0 20px !important;*/
/*}*/

/*.otp-box {*/
  /* STRICT SIZE LOGIC */
/*  width: 38px !important;*/
/*  min-height: 44px !important;*/
/*  min-width: 38px !important;*/
  /* Prevents shrinking */
/*  max-width: 38px !important;*/
  /* Prevents stretching */

  /* RESET DEFAULTS */
/*  padding: 0 !important;*/
/*  margin: 0 !important;*/
/*  box-sizing: border-box !important;*/
/*  flex: none !important;*/
  /* Stops flexbox from resizing it */

  /* STYLING */
/*  text-align: center !important;*/
/*  font-size: 16px !important;*/
/*  font-weight: 600 !important;*/
/*  border: 1px solid #D6D8DB !important;*/
/*  border-radius: 20px !important;*/
/*  background-color: #F1F2F4 !important;*/
/*  line-height: 44px !important;*/
  /* Centers text vertically */
/*}*/

/*.otp-box:focus {*/
/*  border-color: #C10F01 !important;*/
/*  background-color: #FFFFFF !important;*/
/*  outline: none !important;*/
/*}*/

/* Resend Link Style */
/*.resend-text {*/
/*  text-align: center;*/
/*  font-size: 12px;*/
/*  margin: 20px;*/
/*  color: #1F1F1F;*/
/*}*/

/*.resend-link {*/
/*  color: #FF6B00 !important;*/
  /* Figma Orange */
/*  font-weight: 700;*/
/*  cursor: pointer;*/
/*  text-decoration: none;*/
/*  margin-left: 3px;*/
/*}*/

/*.resend-link:active {*/
/*  color: #CC5500 !important;*/
/*  text-decoration: underline;*/
/*}*/

/* Step 1: Hide Verify, Show Send Code */
/*#mo_um_verify_pass {*/
/*  display: none !important;*/
/*}*/

/* Verify Button Full Width (Figma) */
/*.otp-active #mo_um_verify_pass {*/
/*  display: block !important;*/
/*  width: 100% !important;*/
/*  margin-top: 10px !important;*/
/*}*/

/* Column adjustment for UM buttons */
/*.otp-active .um-col-alt.um-col-alt-b {*/
/*  margin-top: 0 !important;*/
/*}*/

/*.otp-active .um-left.um-half,*/
/*.otp-active .um-right.um-half {*/
/*  width: 100% !important;*/
/*  float: none !important;*/
/*}*/

/*#mo_um_send_otp_pass,*/
/*#mo_um_verify_pass {*/
/*  background-color: #C10F01 !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
/*  font-weight: 600 !important;*/
/*  color: #FFFFFF !important;*/
/*  border: none !important;*/
/*  width: 100% !important;*/
/*  cursor: pointer;*/
/*}*/

/*#mo_um_verify_pass:active,*/
/*#mo_um_send_otp_pass:active,*/
/*.btn-clicked {*/
/*  background-color: #A00D01 !important;*/
  /* Darker red on click */
/*  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);*/
/*}*/

/* --- Step 3: Reset Password Page Specifics --- */

/* 1. Hide the labels for the reset fields */
/*#um_field_0_user_password .um-field-label,*/
/*#um_field_0_confirm_user_password .um-field-label,*/
/*.um_request_name {*/
/*  display: none !important;*/
/*}*/

/* 2. Style the Reset Password Inputs */
/*#user_password,*/
/*#confirm_user_password {*/
/*  background-color: #f1f3f5 !important;*/
/*  border: 1px solid #D6D8DB !important;*/
/*  border-radius: 999px !important;*/
/*  height: 44px !important;*/
/*  padding: 12px 16px 12px 48px !important;*/
  /* Space for the lock icon */
/*  font-size: 14px !important;*/
/*  background-repeat: no-repeat !important;*/
/*  background-position: 18px center !important;*/
/*  background-size: 18px 18px !important;*/
  /* Red Lock Icon SVG */
/*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23C10F01' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") !important;*/
/*}*/

/* 3. Ensure Eye Icon is on top of the background color */
/*.um-field-area-password {*/
/*  position: relative;*/
/*}*/

/*.um-toggle-password {*/
/*  position: absolute;*/
/*  right: 20px !important;*/
/*  top: 50% !important;*/
/*  transform: translateY(-50%) !important;*/
/*  color: #C10F01 !important;*/
/*  z-index: 10;*/
/*}*/

/* Change eye icon color on hover */
/*.um-toggle-password:hover i.um-icon-eye-disabled,*/
/*.um-toggle-password:hover i.um-icon-eye {*/
/*  color: #C10F01 !important;*/
/*  cursor: pointer;*/
/*}*/

/* If the icon uses a font-face or SVG that needs explicit coloring */
/*.um-toggle-password i:hover {*/
/*  color: #C10F01 !important;*/
/*}*/

/* 4. Change Password Button Styling */
/*#um-submit-btn.um-button {*/
/*  background-color: #C10F01 !important;*/
/*  height: 44px !important;*/
/*  border-radius: 999px !important;*/
/*  font-weight: 600 !important;*/
/*  font-size: 16px !important;*/
/*  text-transform: none !important;*/
/*  width: 100% !important;*/
/*  margin-top: 10px !important;*/
/*}*/

/* Specifically target Step 3 container text */
/*.um-password h2 {*/
/*  font-family: 'Noto Sans', sans-serif !important;*/
/*  font-weight: 700 !important;*/
/*  font-size: 16px !important;*/
/*  margin-bottom: 8px !important;*/
/*}*/

/* Style the new subtitle we added via PHP */
/*.um-password p {*/
/*  font-family: 'Noto Sans', sans-serif !important;*/
/*  color: #495057 !important;*/
/*  font-weight: 400 !important;*/
/*  margin-bottom: 20px !important;*/
/*  text-align: center !important;*/
/*}*/

/* Adjust spacing for the Reset inputs */
/*#um_field_0_user_password,*/
/*#um_field_0_confirm_user_password {*/
/*  margin-top: 5px !important;*/
/*  margin-bottom: 15px !important;*/
/*}*/
/* Custom Success Popup Styling */

/* Ensure the default UM notice is GONE */
/*.um-notice.success {*/
/*  display: none !important;*/
/*}*/

/* eyes icon */
/*.um-field-area-password {*/
/*    position: relative !important;*/
/*}*/
/*.um-toggle-password {*/
/*    position: absolute !important;*/
/*    right: 15px !important;*/
/*    top: 50% !important;*/
/*    transform: translateY(-50%) !important;*/
/*    z-index: 999 !important;*/
/*}*//* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-6f77b18 */.elementor-604 .elementor-element.elementor-element-6f77b18 {
    padding-bottom: 0 !important;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-98d9ec6 */@keyframes slideUpFade {
    0% {
        transform: translateY(200px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.elementor-element-98d9ec6 {
    animation: slideUpFade 1.4s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    will-change: transform, opacity;
}/* End custom CSS */
.elementor-604 .elementor-element.elementor-element-98d9ec6 {
  min-width: 240px;
}
/* Start custom CSS for container, class: .elementor-element-054d748 */.elementor-604 .elementor-element.elementor-element-054d748 {
    max-width: 500px !important;
    margin: 0 auto !important;
    float: none !important;
}/* End custom CSS */
