.elementor-180 .elementor-element.elementor-element-03a0eca{overflow:hidden;margin-top:-140px;margin-bottom:0px;padding:0% 2% 0% 2%;}.elementor-180 .elementor-element.elementor-element-25c6bd2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harecruiter.demo-links.com/wp-content/uploads/2026/08/Rectangle-34627593.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-element-populated, .elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-element-populated > .elementor-background-overlay, .elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 60px 125px 60px;}.elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-180 .elementor-element.elementor-element-d490ca9{text-align:start;}.elementor-180 .elementor-element.elementor-element-d490ca9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:46px;font-weight:600;line-height:50px;color:#FFFFFF;}.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-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-180 .elementor-element.elementor-element-51d1375{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;}.elementor-180 .elementor-element.elementor-element-51d1375 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-180 .elementor-element.elementor-element-517c090a{padding:3% 5% 3% 5%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:1367px){.elementor-180 .elementor-element.elementor-element-25c6bd2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-180 .elementor-element.elementor-element-25c6bd2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-7b89a05a *//* =====================================================
   HA RECRUITER — LOGIN FORM
   Libre Caslon Condensed + Manrope
   ===================================================== */

/* PAGE BACKGROUND */
body {
    background: #F4F5FF !important;
}

/* LOGIN FORM CONTAINER */
.um.um-login {
    max-width: 620px !important;
    margin: 0px auto !important;
    padding: 35px 35px !important;

    background: #FFFFFF !important;
    border: 1px solid #E3E6F0 !important;
    border-radius: 20px !important;

    box-shadow: 0 18px 50px rgba(37, 38, 184, 0.08) !important;

    font-family: "Manrope", sans-serif !important;
}

/* LOGIN HEADING */
.um.um-login h1,
.um.um-login h2,
.um.um-login h3 {
    font-family: "Libre Caslon Condensed", serif !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #102B4E !important;

    margin: 0 0 30px !important;
}

/* ALL TEXT */
.um.um-login,
.um.um-login p,
.um.um-login span,
.um.um-login label {
    font-family: "Manrope", sans-serif !important;
}

/* FIELD LABELS */
.um.um-login .um-field-label label,
.um.um-login .um-field-label {
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #102B4E !important;

    margin-bottom: 7px !important;
}

/* INPUTS */
.um.um-login input[type="text"],
.um.um-login input[type="email"],
.um.um-login input[type="password"] {
    width: 100% !important;
    height: 50px !important;

    padding: 0 15px !important;

    background: #FFFFFF !important;
    color: #102B4E !important;

    border: 1px solid #D6DCE8 !important;
    border-radius: 8px !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
    outline: none !important;

    transition: all .2s ease !important;
}

/* INPUT FOCUS */
.um.um-login input[type="text"]:focus,
.um.um-login input[type="email"]:focus,
.um.um-login input[type="password"]:focus {
    border-color: #2526B8 !important;

    box-shadow:
        0 0 0 3px rgba(37, 38, 184, 0.08) !important;
}

/* PLACEHOLDER */
.um.um-login input::placeholder {
    color: #9AA5B5 !important;
    font-family: "Manrope", sans-serif !important;
}

/* FIELD SPACING */
.um.um-login .um-field {
    margin-bottom: 20px !important;
}

/* REMEMBER ME */
.um.um-login .um-field-checkbox {
    margin-top: 4px !important;
    margin-bottom: 22px !important;
}

.um.um-login .um-field-checkbox label {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #687386 !important;
}

/* CHECKBOX */
.um.um-login input[type="checkbox"] {
    accent-color: #2526B8 !important;
}

/* LOGIN BUTTON */
.um.um-login input[type="submit"],
.um.um-login button[type="submit"] {
    width: 100% !important;
    height: 50px !important;

    background: #05A83D !important;
    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}

.um.um-login input[type="submit"]:hover,
.um.um-login button[type="submit"]:hover {
    background: #048A32 !important;
    transform: translateY(-1px) !important;
}

/* REGISTER BUTTON */
.um.um-login .um-col-alt-b a {
    display: block !important;

    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;

    margin-top: 12px !important;

    background: #F3F4F7 !important;
    color: #526174 !important;

    border-radius: 8px !important;

    text-align: center !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.um.um-login .um-col-alt-b a:hover {
    background: #E9EBF2 !important;
    color: #2526B8 !important;
}

/* FORGOT PASSWORD */
.um.um-login .um-link-alt,
.um.um-login a {
    font-family: "Manrope", sans-serif !important;
    color: #2526B8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um.um-login a:hover {
    color: #05A83D !important;
}

/* ERROR MESSAGE */
.um.um-login .um-field-error {
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    color: #D64545 !important;
    margin-top: 6px !important;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 767px) {

    body {
        background: #F4F5FF !important;
    }

    .um.um-login {
        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin: 30px auto !important;
        padding: 30px 22px !important;

        border-radius: 16px !important;
    }

    .um.um-login h1,
    .um.um-login h2,
    .um.um-login h3 {
        font-size: 34px !important;
        margin-bottom: 25px !important;
    }

    .um.um-login input[type="text"],
    .um.um-login input[type="email"],
    .um.um-login input[type="password"] {
        height: 48px !important;
        font-size: 13px !important;
    }

    .um.um-login input[type="submit"],
    .um.um-login button[type="submit"],
    .um.um-login .um-col-alt-b a {
        height: 48px !important;
        line-height: 48px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fde05e5 *//* =====================================================
   HA RECRUITER — LOGIN FORM
   Libre Caslon Condensed + Manrope
   ===================================================== */

/* PAGE BACKGROUND */
body {
    background: #F4F5FF !important;
}

/* LOGIN FORM CONTAINER */
.um.um-login {
    max-width: 620px !important;
    margin: 0px auto !important;
    padding: 35px 35px !important;

    background: #FFFFFF !important;
    border: 1px solid #E3E6F0 !important;
    border-radius: 20px !important;

    box-shadow: 0 18px 50px rgba(37, 38, 184, 0.08) !important;

    font-family: "Manrope", sans-serif !important;
}

/* LOGIN HEADING */
.um.um-login h1,
.um.um-login h2,
.um.um-login h3 {
    font-family: "Libre Caslon Condensed", serif !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #102B4E !important;

    margin: 0 0 30px !important;
}

/* ALL TEXT */
.um.um-login,
.um.um-login p,
.um.um-login span,
.um.um-login label {
    font-family: "Manrope", sans-serif !important;
}

/* FIELD LABELS */
.um.um-login .um-field-label label,
.um.um-login .um-field-label {
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #102B4E !important;

    margin-bottom: 7px !important;
}

/* INPUTS */
.um.um-login input[type="text"],
.um.um-login input[type="email"],
.um.um-login input[type="password"] {
    width: 100% !important;
    height: 50px !important;

    padding: 0 15px !important;

    background: #FFFFFF !important;
    color: #102B4E !important;

    border: 1px solid #D6DCE8 !important;
    border-radius: 8px !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
    outline: none !important;

    transition: all .2s ease !important;
}

/* INPUT FOCUS */
.um.um-login input[type="text"]:focus,
.um.um-login input[type="email"]:focus,
.um.um-login input[type="password"]:focus {
    border-color: #2526B8 !important;

    box-shadow:
        0 0 0 3px rgba(37, 38, 184, 0.08) !important;
}

/* PLACEHOLDER */
.um.um-login input::placeholder {
    color: #9AA5B5 !important;
    font-family: "Manrope", sans-serif !important;
}

/* FIELD SPACING */
.um.um-login .um-field {
    margin-bottom: 20px !important;
}

/* REMEMBER ME */
.um.um-login .um-field-checkbox {
    margin-top: 4px !important;
    margin-bottom: 22px !important;
}

.um.um-login .um-field-checkbox label {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #687386 !important;
}

/* CHECKBOX */
.um.um-login input[type="checkbox"] {
    accent-color: #2526B8 !important;
}

/* LOGIN BUTTON */
.um.um-login input[type="submit"],
.um.um-login button[type="submit"] {
    width: 100% !important;
    height: 50px !important;

    background: #05A83D !important;
    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}

.um.um-login input[type="submit"]:hover,
.um.um-login button[type="submit"]:hover {
    background: #048A32 !important;
    transform: translateY(-1px) !important;
}

/* REGISTER BUTTON */
.um.um-login .um-col-alt-b a {
    display: block !important;

    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;

    margin-top: 12px !important;

    background: #F3F4F7 !important;
    color: #526174 !important;

    border-radius: 8px !important;

    text-align: center !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.um.um-login .um-col-alt-b a:hover {
    background: #E9EBF2 !important;
    color: #2526B8 !important;
}

/* FORGOT PASSWORD */
.um.um-login .um-link-alt,
.um.um-login a {
    font-family: "Manrope", sans-serif !important;
    color: #2526B8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um.um-login a:hover {
    color: #05A83D !important;
}

/* ERROR MESSAGE */
.um.um-login .um-field-error {
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    color: #D64545 !important;
    margin-top: 6px !important;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 767px) {

    body {
        background: #F4F5FF !important;
    }

    .um.um-login {
        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin: 30px auto !important;
        padding: 30px 22px !important;

        border-radius: 16px !important;
    }

    .um.um-login h1,
    .um.um-login h2,
    .um.um-login h3 {
        font-size: 34px !important;
        margin-bottom: 25px !important;
    }

    .um.um-login input[type="text"],
    .um.um-login input[type="email"],
    .um.um-login input[type="password"] {
        height: 48px !important;
        font-size: 13px !important;
    }

    .um.um-login input[type="submit"],
    .um.um-login button[type="submit"],
    .um.um-login .um-col-alt-b a {
        height: 48px !important;
        line-height: 48px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */