.elementor-3681 .elementor-element.elementor-element-4f3af60{--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:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3681 .elementor-element.elementor-element-24d7f7c{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-3681 .elementor-element.elementor-element-24d7f7c:not(.elementor-motion-effects-element-type-background), .elementor-3681 .elementor-element.elementor-element-24d7f7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dffd420 );}.elementor-3681 .elementor-element.elementor-element-08ba64d{--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:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3681 .elementor-element.elementor-element-c83e9dd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-3681 .elementor-element.elementor-element-1b89551 .elementor-heading-title{font-size:30px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-3681 .elementor-element.elementor-element-ca82ea8{text-align:center;font-size:14px;font-weight:400;}.elementor-3681 .elementor-element.elementor-element-ca82ea8 p{margin-block-end:0px;}.elementor-3681 .elementor-element.elementor-element-39b871b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3681 .elementor-element.elementor-element-1630265{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3681 .elementor-element.elementor-element-cf109a7{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--padding-top:31px;--padding-bottom:31px;--padding-left:31px;--padding-right:31px;}.elementor-3681 .elementor-element.elementor-element-cf109a7:not(.elementor-motion-effects-element-type-background), .elementor-3681 .elementor-element.elementor-element-cf109a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0b292c7 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button:hover, .elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button:hover svg, .elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3681 .elementor-element.elementor-element-3ca850a{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-3681 .elementor-element.elementor-element-3ca850a .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-3681 .elementor-element.elementor-element-3ca850a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-3681 .elementor-element.elementor-element-ed64836 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-3681 .elementor-element.elementor-element-4235add .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3681 .elementor-element.elementor-element-4235add .elementor-button:hover, .elementor-3681 .elementor-element.elementor-element-4235add .elementor-button:focus{color:var( --e-global-color-text );}.elementor-3681 .elementor-element.elementor-element-4235add .elementor-button:hover svg, .elementor-3681 .elementor-element.elementor-element-4235add .elementor-button:focus svg{fill:var( --e-global-color-text );}body.elementor-page-3681:not(.elementor-motion-effects-element-type-background), body.elementor-page-3681 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-3681 .elementor-element.elementor-element-24d7f7c{--width:50%;}.elementor-3681 .elementor-element.elementor-element-08ba64d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3681 .elementor-element.elementor-element-24d7f7c{--width:75%;}}@media(max-width:1024px){.elementor-3681 .elementor-element.elementor-element-4f3af60{--flex-wrap:wrap;}.elementor-3681 .elementor-element.elementor-element-c83e9dd .elementor-heading-title{font-size:14px;}.elementor-3681 .elementor-element.elementor-element-1b89551 .elementor-heading-title{font-size:26px;}.elementor-3681 .elementor-element.elementor-element-ca82ea8{font-size:14px;}.elementor-3681 .elementor-element.elementor-element-ed64836 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-3681 .elementor-element.elementor-element-08ba64d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3681 .elementor-element.elementor-element-c83e9dd{text-align:center;}.elementor-3681 .elementor-element.elementor-element-c83e9dd .elementor-heading-title{font-size:9px;}.elementor-3681 .elementor-element.elementor-element-1b89551{text-align:center;}.elementor-3681 .elementor-element.elementor-element-1b89551 .elementor-heading-title{font-size:18px;}.elementor-3681 .elementor-element.elementor-element-ca82ea8{font-size:12px;}.elementor-3681 .elementor-element.elementor-element-39b871b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3681 .elementor-element.elementor-element-1630265{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3681 .elementor-element.elementor-element-6937f51 .elementor-button{font-size:12px;}.elementor-3681 .elementor-element.elementor-element-ed64836 .elementor-heading-title{font-size:12px;}}/* Start custom CSS for shortcode, class: .elementor-element-1f2b65b2 *//* =========================================================
   NAJAF TRADERS
   ULTIMATE MEMBER PASSWORD RESET
   FORM: um_password_id
   ========================================================= */


/* =========================================================
   1. ROOT VARIABLES
   ========================================================= */

.um.um-password.um-um_password_id {

    --nt-primary: #A55BDA;
    --nt-primary-dark: #8F43C5;
    --nt-primary-light: #F3E8FA;

    --nt-secondary: #17D4F5;

    --nt-text: #2B2B2B;
    --nt-muted: #777777;
    --nt-placeholder: #999999;

    --nt-border: #E2E2E2;
    --nt-border-hover: #C8A5E2;

    --nt-white: #FFFFFF;
    --nt-danger: #D93025;

    width: 100%;
    max-width: 100%;

    margin: 0 auto;

    font-family: "Inter", sans-serif;
    color: var(--nt-text);
}


/* =========================================================
   2. FORM RESET
   ========================================================= */

.um.um-password.um-um_password_id .um-form {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;
}

.um.um-password.um-um_password_id form {
    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   3. HIDE BOT FIELD
   ========================================================= */

.um.um-password.um-um_password_id .um_request_name {
    display: none !important;
}


/* =========================================================
   4. RESET INSTRUCTION
   ========================================================= */

.um.um-password.um-um_password_id
.um-field-block {

    width: 100%;

    margin: 0 0 22px 0 !important;
    padding: 0 !important;

    text-align: center;
}


/* Inner block */

.um.um-password.um-um_password_id
.um-field-block .um-field-block {

    width: 100%;

    margin: 0;
    padding: 0;
}


/* Instruction text */

.um.um-password.um-um_password_id
.um-field-block .um-field-block > div {

    color: var(--nt-muted) !important;

    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


/* =========================================================
   5. USERNAME / EMAIL FIELD
   ========================================================= */

.um.um-password.um-um_password_id
#um_field_0_username_b {

    width: 100%;

    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}


/* Field area */

.um.um-password.um-um_password_id
#um_field_0_username_b
.um-field-area {

    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   6. INPUT
   ========================================================= */

.um.um-password.um-um_password_id
#username_b {

    box-sizing: border-box;

    width: 100% !important;
    height: 54px !important;

    margin: 0 !important;

    padding: 0 16px !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: 10px !important;

    background: var(--nt-white) !important;

    color: var(--nt-text) !important;

    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* Placeholder */

.um.um-password.um-um_password_id
#username_b::placeholder {

    color: var(--nt-placeholder) !important;

    opacity: 1;
}


/* Hover */

.um.um-password.um-um_password_id
#username_b:hover {

    border-color: var(--nt-border-hover) !important;
}


/* Focus */

.um.um-password.um-um_password_id
#username_b:focus {

    border-color: var(--nt-primary) !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 3px rgba(165, 91, 218, 0.12) !important;
}


/* =========================================================
   7. BUTTON AREA
   ========================================================= */

.um.um-password.um-um_password_id
.um-col-alt.um-col-alt-b {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    float: none !important;
}


/* Center wrapper */

.um.um-password.um-um_password_id
.um-col-alt.um-col-alt-b
.um-center {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    float: none !important;
}


/* =========================================================
   8. RESET PASSWORD BUTTON
   ========================================================= */

.um.um-password.um-um_password_id
#um-submit-btn {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box;

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    border: 1px solid var(--nt-primary) !important;
    border-radius: 10px !important;

    background: var(--nt-primary) !important;
    color: #FFFFFF !important;

    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer;

    outline: none !important;

    box-shadow: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


/* Hover */

.um.um-password.um-um_password_id
#um-submit-btn:hover {

    background: var(--nt-primary-dark) !important;
    border-color: var(--nt-primary-dark) !important;

    color: #FFFFFF !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(165, 91, 218, 0.18) !important;
}


/* Active */

.um.um-password.um-um_password_id
#um-submit-btn:active {

    transform: translateY(0);

    box-shadow: none !important;
}


/* =========================================================
   9. VALIDATION / ERROR
   ========================================================= */

.um.um-password.um-um_password_id
.um-field-error {

    margin: 7px 0 0 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: var(--nt-danger) !important;

    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;

    line-height: 1.5 !important;
}


/* Remove UM error arrow */

.um.um-password.um-um_password_id
.um-field-error
.um-field-arrow {

    display: none !important;
}


/* Invalid input */

.um.um-password.um-um_password_id
.um-field.um-field-error
#username_b {

    border-color: var(--nt-danger) !important;
}


/* =========================================================
   10. SUCCESS MESSAGE
   ========================================================= */

.um.um-password.um-um_password_id
.um-notice {

    box-sizing: border-box;

    width: 100%;

    margin: 0 0 20px 0 !important;
    padding: 12px 15px !important;

    border: 1px solid rgba(165, 91, 218, 0.20) !important;
    border-radius: 8px !important;

    background: var(--nt-primary-light) !important;

    color: var(--nt-text) !important;

    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;

    line-height: 1.6 !important;

    text-align: center;
}


/* =========================================================
   11. CLEAR FIX
   ========================================================= */

.um.um-password.um-um_password_id
.um-clear {

    display: none !important;
}


/* =========================================================
   12. ACCESSIBILITY
   ========================================================= */

.um.um-password.um-um_password_id
input:focus-visible,

.um.um-password.um-um_password_id
button:focus-visible,

.um.um-password.um-um_password_id
a:focus-visible {

    outline: 2px solid var(--nt-secondary) !important;
    outline-offset: 2px;
}


/* =========================================================
   13. TABLET
   768px - 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .um.um-password.um-um_password_id
    #username_b {

        height: 52px !important;
    }

    .um.um-password.um-um_password_id
    #um-submit-btn {

        height: 52px !important;
    }

    .um.um-password.um-um_password_id
    .um-field-block .um-field-block > div {

        font-size: 14px !important;
    }
}


/* =========================================================
   14. MOBILE
   <= 767px
   ========================================================= */

@media (max-width: 767px) {

    .um.um-password.um-um_password_id {

        width: 100%;
    }


    /* Instruction */

    .um.um-password.um-um_password_id
    .um-field-block {

        margin-bottom: 20px !important;
    }


    .um.um-password.um-um_password_id
    .um-field-block .um-field-block > div {

        font-size: 13px !important;

        line-height: 1.65 !important;
    }


    /* Input */

    .um.um-password.um-um_password_id
    #username_b {

        height: 52px !important;

        font-size: 14px !important;
    }


    /* Button */

    .um.um-password.um-um_password_id
    #um-submit-btn {

        height: 50px !important;

        font-size: 14px !important;
    }
}


/* =========================================================
   15. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .um.um-password.um-um_password_id
    .um-field-block .um-field-block > div {

        font-size: 13px !important;
        line-height: 1.6 !important;
    }


    .um.um-password.um-um_password_id
    #username_b {

        height: 50px !important;

        padding: 0 14px !important;

        border-radius: 9px !important;

        font-size: 13px !important;
    }


    .um.um-password.um-um_password_id
    #um-submit-btn {

        height: 50px !important;

        padding: 0 18px !important;

        border-radius: 9px !important;

        font-size: 13px !important;
    }
}


/* =========================================================
   16. EXTRA SMALL
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

    .um.um-password.um-um_password_id
    #username_b {

        height: 48px !important;

        font-size: 13px !important;
    }
    


    .um.um-password.um-um_password_id
    #um-submit-btn {

        height: 48px !important;
    }
}/* End custom CSS */