.elementor-22 .elementor-element.elementor-element-7bd8c5b{--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:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-8a9cb58{--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;}.elementor-widget-login .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-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{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-22 .elementor-element.elementor-element-cfce7b6{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-cfce7b6 .elementor-field-group{margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-cfce7b6 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-22 .elementor-element.elementor-element-cfce7b6 .elementor-field-group > label{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-cfce7b6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-cfce7b6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0de69cb{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-cfce7b6{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-179bfd5{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for login, class: .elementor-element-cfce7b6 *//* ── Widget Wrapper Glass Card ── */
.elementor-widget-login .elementor-login {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 16px !important;
    padding: 2rem 1.8rem 1.8rem !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 8px 32px rgba(0, 31, 77, 0.45) !important;
    max-width: 420px;
    margin: 0 auto;
}

/* ── Labels ── */
.elementor-widget-login label,
.elementor-widget-login .elementor-field-label {
    color: #ffffff !important;
    font-size: 0.93rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.45rem !important;
    display: block;
}

/* ── Input Fields ── */
.elementor-widget-login input[type="text"],
.elementor-widget-login input[type="email"],
.elementor-widget-login input[type="password"] {
    background: rgba(30, 80, 160, 0.45) !important;
    border: 1.5px solid rgba(100, 160, 255, 0.35) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 0.68rem 1rem !important;
    font-size: 0.92rem !important;
    width: 100% !important;
    transition: border-color 0.22s, background 0.22s, box-shadow 0.22s !important;
    outline: none !important;
}

.elementor-widget-login input[type="text"]::placeholder,
.elementor-widget-login input[type="email"]::placeholder,
.elementor-widget-login input[type="password"]::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
}

/* Input Focus State */
.elementor-widget-login input[type="text"]:focus,
.elementor-widget-login input[type="email"]:focus,
.elementor-widget-login input[type="password"]:focus {
    border-color: rgba(0, 153, 255, 0.75) !important;
    background: rgba(30, 80, 180, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.20) !important;
    color: #ffffff !important;
}

/* ── Remember Me ── */
.elementor-widget-login .elementor-login__field-remember-me,
.elementor-widget-login .elementor-login__field-remember-me label {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

.elementor-widget-login input[type="checkbox"] {
    accent-color: #0077cc;
    width: 16px !important;
    height: 16px !important;
}

/* ── Log In Button ── */
.elementor-widget-login .elementor-button,
.elementor-widget-login input[type="submit"] {
    background: linear-gradient(135deg, #1a9fff 0%, #0070dd 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 0.78rem 1rem !important;
    width: 100% !important;
    box-shadow: 0 4px 18px rgba(0, 140, 255, 0.45) !important;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: background 0.22s, box-shadow 0.22s, transform 0.15s !important;
}

.elementor-widget-login .elementor-button:hover,
.elementor-widget-login input[type="submit"]:hover {
    background: linear-gradient(135deg, #33aeff 0%, #0099ff 100%) !important;
    box-shadow: 0 6px 26px rgba(0, 180, 255, 0.55) !important;
    transform: translateY(-1px);
}

/* ── Lost Password & Register Links ── */
.elementor-widget-login .elementor-login__lost-password a,
.elementor-widget-login .elementor-login__register a,
.elementor-widget-login a {
    color: #5bc8ff !important;
    font-size: 0.83rem !important;
    text-decoration: none !important;
    transition: color 0.2s;
}

.elementor-widget-login .elementor-login__lost-password a:hover,
.elementor-widget-login .elementor-login__register a:hover {
    color: #99dfff !important;
}

/* ── Responsive Mobile ── */
@media (max-width: 767px) {
    .elementor-widget-login .elementor-login {
        padding: 1.5rem 1.2rem !important;
        border-radius: 13px !important;
    }
    .elementor-widget-login .elementor-button,
    .elementor-widget-login input[type="submit"] {
        font-size: 0.92rem !important;
    }
}
/* Match Login Widget to seamlessly connect with header and footer cards */

.elementor-widget-login .elementor-login {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 1.8rem 2rem !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
}

/* Labels */
.elementor-widget-login label {
    color: #ffffff !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

/* Inputs */
.elementor-widget-login input[type="text"],
.elementor-widget-login input[type="email"],
.elementor-widget-login input[type="password"] {
    background: rgba(30, 80, 160, 0.45) !important;
    border: 1.5px solid rgba(100, 160, 255, 0.3) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 0.65rem 0.9rem !important;
}

.elementor-widget-login input[type="text"]::placeholder,
.elementor-widget-login input[type="email"]::placeholder,
.elementor-widget-login input[type="password"]::placeholder {
    color: rgba(255, 255, 255, 0.30) !important;
}

.elementor-widget-login input[type="text"]:focus,
.elementor-widget-login input[type="email"]:focus,
.elementor-widget-login input[type="password"]:focus {
    border-color: rgba(0, 153, 255, 0.70) !important;
    background: rgba(30, 80, 180, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.18) !important;
    color: #ffffff !important;
}

/* Remember Me */
.elementor-widget-login .elementor-login__field-remember-me label {
    color: #ffffff !important;
    font-size: 0.86rem !important;
}

.elementor-widget-login input[type="checkbox"] {
    accent-color: #0077cc;
}

/* Login Button */
.elementor-widget-login .elementor-button,
.elementor-widget-login input[type="submit"] {
    background: linear-gradient(135deg, #1a9fff 0%, #0070dd 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 18px rgba(0, 140, 255, 0.40) !important;
    transition: background 0.2s, transform 0.15s !important;
}

.elementor-widget-login .elementor-button:hover,
.elementor-widget-login input[type="submit"]:hover {
    background: linear-gradient(135deg, #33aeff 0%, #0099ff 100%) !important;
    transform: translateY(-1px);
}

/* Links */
.elementor-widget-login a {
    color: #5bc8ff !important;
    font-size: 0.81rem !important;
}

.elementor-widget-login a:hover {
    color: #99dfff !important;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-22{
    background: linear-gradient(135deg, #001f4d 0%, #003b8e 45%, #0077cc 100%);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 10px 30px rgba(0, 80, 180, 0.3);
    backdrop-filter: blur(10px);
}/* End custom CSS */