.elementor-650 .elementor-element.elementor-element-6c4050d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-650 .elementor-element.elementor-element-8b4de9f{--display:flex;--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;}.elementor-650 .elementor-element.elementor-element-358bbed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-650 .elementor-element.elementor-element-7df78b7 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-650 .elementor-element.elementor-element-7df78b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-650 .elementor-element.elementor-element-7df78b7 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-650 .elementor-element.elementor-element-7df78b7 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-650 .elementor-element.elementor-element-7df78b7 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-650 .elementor-element.elementor-element-7df78b7 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.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-650 .elementor-element.elementor-element-42a2eb4 .elementor-repeater-item-6ea4de6{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .elementor-repeater-item-1527387{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .elementor-repeater-item-3c1b268{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-login-form .eael-user-login{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-login-form .eael-user-password{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-lostpassword-form .eael-lr-form-group{width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-resetpassword-form .eael-lr-form-group {width:100%;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .lr-form-wrapper .eael-lr-form-control{text-align:left;background-color:#ffffff;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .lr-form-wrapper .eael-lr-form-control:focus{background-color:#ffffff;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-login-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-login-form .eael-sign-wrapper{padding-top:0;display:flex;flex-direction:row;justify-content:center;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-register-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-register-form .eael-sign-wrapper{padding-top:0;display:flex;flex-direction:row;justify-content:center;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-lostpassword-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-lostpassword-form .eael-sign-wrapper{padding-top:0;display:flex;flex-direction:row;justify-content:center;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-resetpassword-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-650 .elementor-element.elementor-element-42a2eb4 .eael-resetpassword-form .eael-sign-wrapper{padding-top:0;}.elementor-650 .elementor-element.elementor-element-22b69f8{--display:flex;}@media(max-width:767px){.elementor-650 .elementor-element.elementor-element-8b4de9f{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-650 .elementor-element.elementor-element-7df78b7{padding:20px 10px 0px 10px;}}/* Start custom CSS for eael-login-register, class: .elementor-element-42a2eb4 *//* ===========================================================
   ULTIMATE LOGIN & REGISTER FIX (Transparent + Auto Color)
   =========================================================== */

/* -----------------------------------------------------------
   1. FORCE TRANSPARENT BACKGROUNDS (Removes White Box)
   ----------------------------------------------------------- */
.strivance-hero-bg .eael-login-form-wrapper,
.strivance-hero-bg .eael-register-form-wrapper,
.strivance-hero-bg .eael-login-form,
.strivance-hero-bg .eael-register-form,
.strivance-hero-bg form,
.strivance-hero-bg .elementor-widget-container {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* -----------------------------------------------------------
   2. LIGHT MODE (Default & Forced Light)
   ----------------------------------------------------------- */

/* INPUT FIELDS */
.strivance-hero-bg input:not([type="submit"]),
.strivance-hero-bg textarea,
html.site-light .strivance-hero-bg input:not([type="submit"]),
html.site-light .strivance-hero-bg textarea {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Glass Effect */
    backdrop-filter: blur(5px) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important; /* Light Border */
    border-radius: 8px !important;
    color: #000000 !important; /* BLACK TEXT */
    font-weight: 500 !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

/* INPUT HOVER / FOCUS */
.strivance-hero-bg input:not([type="submit"]):focus,
.strivance-hero-bg textarea:focus,
html.site-light .strivance-hero-bg input:not([type="submit"]):focus,
html.site-light .strivance-hero-bg textarea:focus {
    border-color: #E6A308 !important; /* Gold Border */
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* LABELS & LINKS */
.strivance-hero-bg label,
.strivance-hero-bg .eael-login-form-label,
.strivance-hero-bg .eael-register-form-label,
.strivance-hero-bg a,
.strivance-hero-bg .eael-login-form-forget-password-link, 
.strivance-hero-bg .eael-register-link a,
html.site-light .strivance-hero-bg label,
html.site-light .strivance-hero-bg a {
    color: #000000 !important; /* BLACK TEXT */
    font-weight: 600 !important;
}

/* PLACEHOLDER TEXT */
.strivance-hero-bg input::placeholder,
html.site-light .strivance-hero-bg input::placeholder {
    color: #333333 !important;
    opacity: 0.7 !important;
}

/* SUBMIT BUTTONS (Gold) */
.strivance-hero-bg input[type="submit"],
.strivance-hero-bg button[type="submit"],
.strivance-hero-bg .eael-login-form-submit,
html.site-light .strivance-hero-bg input[type="submit"] {
    background-color: #E6A308 !important;
    border: 1px solid #E6A308 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-transform: uppercase;
    width: 100%;
}

.strivance-hero-bg input[type="submit"]:hover,
.strivance-hero-bg button[type="submit"]:hover,
html.site-light .strivance-hero-bg input[type="submit"]:hover {
    background-color: transparent !important;
    color: #E6A308 !important;
}

/* -----------------------------------------------------------
   3. DARK MODE (Manual Toggle + System Preference)
   ----------------------------------------------------------- */

/* A. Manual Toggle (.site-dark) */
html.site-dark .strivance-hero-bg input:not([type="submit"]),
html.site-dark .strivance-hero-bg textarea {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
}

html.site-dark .strivance-hero-bg input:not([type="submit"]):focus,
html.site-dark .strivance-hero-bg textarea:focus {
    border-color: #F8B31A !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html.site-dark .strivance-hero-bg label,
html.site-dark .strivance-hero-bg a,
html.site-dark .strivance-hero-bg .eael-login-form-label,
html.site-dark .strivance-hero-bg .eael-register-link a {
    color: #FFFFFF !important;
}

html.site-dark .strivance-hero-bg a:hover {
    color: #F8B31A !important;
}

html.site-dark .strivance-hero-bg input::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

html.site-dark .strivance-hero-bg input[type="submit"],
html.site-dark .strivance-hero-bg button[type="submit"] {
    background-color: #F8B31A !important;
    border-color: #F8B31A !important;
    color: #000000 !important; /* Black Text on Gold */
}

html.site-dark .strivance-hero-bg input[type="submit"]:hover,
html.site-dark .strivance-hero-bg button[type="submit"]:hover {
    background-color: transparent !important;
    color: #F8B31A !important;
}

/* B. System Preference (Automatic Fallback) 
   Runs if computer is Dark AND User hasn't clicked Light
*/
@media (prefers-color-scheme: dark) {
    html:not(.site-light) .strivance-hero-bg input:not([type="submit"]),
    html:not(.site-light) .strivance-hero-bg textarea {
        background-color: rgba(255, 255, 255, 0.05) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
        color: #FFFFFF !important;
    }

    html:not(.site-light) .strivance-hero-bg input:not([type="submit"]):focus {
        border-color: #F8B31A !important;
    }

    html:not(.site-light) .strivance-hero-bg label,
    html:not(.site-light) .strivance-hero-bg a,
    html:not(.site-light) .strivance-hero-bg .eael-login-form-label,
    html:not(.site-light) .strivance-hero-bg .eael-register-link a {
        color: #FFFFFF !important;
    }

    html:not(.site-light) .strivance-hero-bg input::placeholder {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    html:not(.site-light) .strivance-hero-bg input[type="submit"],
    html:not(.site-light) .strivance-hero-bg button[type="submit"] {
        background-color: #F8B31A !important;
        border-color: #F8B31A !important;
        color: #000000 !important;
    }

    html:not(.site-light) .strivance-hero-bg input[type="submit"]:hover {
        background-color: transparent !important;
        color: #F8B31A !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c4050d *//* ===========================================================
   2. MIDDLE/BOTTOM SECTION (Fixed for Toggle)
   =========================================================== */

/* 1. LAYOUT & DEFAULT (Light Mode) */
.strivance-hero-bg {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    
    /* --- Local Variables (Default/Light) --- */
    --btm-bg-color: #FFFBED; 
    --btm-glass-bg: rgba(255, 255, 255, 0.15); 
    --btm-glass-border: rgba(255, 255, 255, 0.6); 
    --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    --btm-text-title: #000000;
    --btm-text-body: #000000;
    --btm-text-gold: #E6A308;
    
    background: var(--btm-bg-color) !important;
    transition: background 0.5s ease;
}

/* 2. FORCE LIGHT MODE (The Fix)
   If the user clicked the Sun button (.site-light), 
   we FORCE these colors, ignoring system settings. 
*/
html.site-light .strivance-hero-bg {
    --btm-bg-color: #FFFBED !important; 
    --btm-glass-bg: rgba(255, 255, 255, 0.15) !important; 
    --btm-glass-border: rgba(255, 255, 255, 0.6) !important; 
    --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    --btm-text-title: #000000 !important;
    --btm-text-body: #000000 !important;
    --btm-text-gold: #E6A308 !important;
}

/* 3. DARK MODE (System + Manual)
   Apply if:
   a) System is Dark AND User didn't click Light
   b) User clicked Dark (.site-dark)
*/
@media (prefers-color-scheme: dark) {
    html:not(.site-light) .strivance-hero-bg {
        --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; 
        --btm-glass-bg: rgba(20, 20, 20, 0.4); 
        --btm-glass-border: rgba(255, 255, 255, 0.15); 
        --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
        --btm-text-title: #FFFFFF;
        --btm-text-body: #E2E8F0;
        --btm-text-gold: #F8B31A;
    }
}

html.site-dark .strivance-hero-bg {
    --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505 !important; 
    --btm-glass-bg: rgba(20, 20, 20, 0.4) !important; 
    --btm-glass-border: rgba(255, 255, 255, 0.15) !important; 
    --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
    --btm-text-title: #FFFFFF !important;
    --btm-text-body: #E2E8F0 !important;
    --btm-text-gold: #F8B31A !important;
}

/* -----------------------------------------------------------
   A. FROSTED GLASS BOX (The Container)
   ----------------------------------------------------------- */
.strivance-hero-bg .frosted-glass-box {
    background: var(--btm-glass-bg) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid var(--btm-glass-border) !important;
    box-shadow: var(--btm-glass-shadow) !important;
    border-radius: 24px;
    transition: all 0.5s ease !important;
    padding: 40px; 
    height: 100%;
}

.strivance-hero-bg .frosted-glass-box:hover {
    border-color: var(--btm-text-gold) !important;
    background: rgba(255, 255, 255, 0.6) !important; 
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; 
}

/* Force Dark Hover */
html.site-dark .strivance-hero-bg .frosted-glass-box:hover {
    background: rgba(30, 30, 30, 0.7) !important; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.site-light) .strivance-hero-bg .frosted-glass-box:hover {
        background: rgba(30, 30, 30, 0.7) !important; 
        box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important;
    }
}

/* -----------------------------------------------------------
   B. TYPOGRAPHY & BUTTONS
   ----------------------------------------------------------- */
.strivance-hero-bg .glass-heading-title,
.strivance-hero-bg h2, 
.strivance-hero-bg h3 {
    color: var(--btm-text-title) !important;
    transition: color 0.3s ease;
}

.strivance-hero-bg .glass-desc,
.strivance-hero-bg p,
.strivance-hero-bg .elementor-widget-text-editor {
    color: var(--btm-text-body) !important;
    transition: color 0.3s ease;
}

.strivance-hero-bg .glass-btn-primary .elementor-button {
    background-color: var(--btm-text-gold) !important;
    color: #FFFFFF !important; 
    border: 1px solid var(--btm-text-gold) !important;
}

/* Dark Mode Button Text */
html.site-dark .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; }
@media (prefers-color-scheme: dark) { html:not(.site-light) .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; } }

/* AGENCY FIX (Editor Performance) */
body.elementor-editor-active .strivance-hero-bg .frosted-glass-box {
    backdrop-filter: none !important; 
    transition: none !important;      
    box-shadow: none !important;      
}/* End custom CSS */