.elementor-18271 .elementor-element.elementor-element-4e113bcd{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-7c97edc6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-18271 .elementor-element.elementor-element-18a4e13c{--display:flex;}.elementor-18271 .elementor-element.elementor-element-edcd4c8 ul.hfe-breadcrumbs li{margin-right:5px;}.elementor-18271 .elementor-element.elementor-element-edcd4c8 .hfe-breadcrumbs-item{font-family:"Merriweather", Sans-serif;text-decoration:none;}.elementor-18271 .elementor-element.elementor-element-7873d31b{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:010px;--padding-left:10px;--padding-right:10px;}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-18271 .elementor-element.elementor-element-354ca0af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18271 .elementor-element.elementor-element-354ca0af .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-18271 .elementor-element.elementor-element-44019322{--display:flex;}.elementor-18271 .elementor-element.elementor-element-3b1cf365{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-4aefd757{--display:flex;}.elementor-widget-tl-post-content p{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-18271 .elementor-element.elementor-element-86db39f{--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:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-84911ea{--display:flex;--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-18271 .elementor-element.elementor-element-b634696{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-18271 .elementor-element.elementor-element-a83a253 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-18271 .elementor-element.elementor-element-a83a253{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-18271 .elementor-element.elementor-element-a83a253 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:28px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-18271 .elementor-element.elementor-element-a83a253 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-18271 .elementor-element.elementor-element-a83a253 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18271 .elementor-element.elementor-element-a83a253 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:28px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .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-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group > label{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-type-html{padding-bottom:0px;font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-button{font-family:"Merriweather", Sans-serif;font-weight:500;border-style:none;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18271 .elementor-element.elementor-element-b7f85f5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18271 .elementor-element.elementor-element-b7f85f5{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-18271 .elementor-element.elementor-element-4e113bcd{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-7c97edc6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-18a4e13c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-7873d31b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-18271 .elementor-element.elementor-element-354ca0af{padding:20px 0px 0px 0px;}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18271 .elementor-element.elementor-element-354ca0af .elementskit-section-title-wraper .elementskit-section-title > span{font-size:32px;}.elementor-18271 .elementor-element.elementor-element-44019322{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-18271 .elementor-element.elementor-element-3b1cf365{--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-18271 .elementor-element.elementor-element-4aefd757{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18271 .elementor-element.elementor-element-b7f85f5{padding:10px 10px 40px 10px;}}/* Start custom CSS for container, class: .elementor-element-7c97edc6 *//* 
   EXPERT BACKGROUND SYSTEM (Animated Light & Dark)
   -------------------------------------------------------
*/

.elementor-18271 .elementor-element.elementor-element-7c97edc6 {
    /* --- 1. DEFINE GRADIENTS --- */
    
    /* Light Mode: Orange to Cream (Diagonal) */
    --bg-light: linear-gradient(120deg, #FF9E40 0%, #FFFBED 50%, #FF9E40 100%);
    
    /* Dark Mode: Black with falling Gold Mist (Vertical) */
    --bg-dark: linear-gradient(to bottom, #050505 0%, rgba(248, 179, 26, 0.2) 50%, #050505 100%);

    /* --- 2. DEFAULT STATE (Light Mode) --- */
    background: var(--bg-light);
    background-size: 200% 200%; /* Allows movement */
    animation: lightFlow 6s ease infinite; /* Diagonal flow */
    transition: background-image 0.5s ease-in-out;
}

/* --- 3. FORCE LIGHT MODE (Toggle Button Fix) --- */
html.site-light .elementor-18271 .elementor-element.elementor-element-7c97edc6 {
    background: var(--bg-light) !important;
    background-size: 200% 200%;
    animation: lightFlow 6s ease infinite;
}

/* --- 4. DARK MODE (System & Toggle) --- */
/* Logic: Apply if System is Dark (and not forced Light) OR Button is Dark */
@media (prefers-color-scheme: dark) {
    html:not(.site-light) .elementor-18271 .elementor-element.elementor-element-7c97edc6 {
        background: var(--bg-dark) !important;
        background-size: 100% 300%; /* Taller for vertical scrolling */
        animation: darkDown 8s linear infinite !important; /* The Down Animation */
    }
}

html.site-dark .elementor-18271 .elementor-element.elementor-element-7c97edc6 {
    background: var(--bg-dark) !important;
    background-size: 100% 300%;
    animation: darkDown 8s linear infinite !important;
}

/* --- 5. ANIMATION KEYFRAMES --- */

/* Light Mode: Diagonal Flow */
@keyframes lightFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Dark Mode: Vertical Waterfall (Dark Down) */
@keyframes darkDown {
    0% { background-position: 50% 0%; }
    100% { background-position: 50% 100%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e113bcd *//* ===========================================================
   2. MIDDLE/BOTTOM SECTION (Fixed for Toggle)
   =========================================================== */

/* 1. LAYOUT & DEFAULT (Light Mode) */
.strivance-hero-bg {
   
 
    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: 0px; 
    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 */
/* Start custom CSS for form, class: .elementor-element-b7f85f5 *//* ===========================================================
   STRIVANCE FORM SYSTEM (Glass, Gold, & Dark Mode Toggle)
   =========================================================== */

/* --- 1. LABELS (Typography) --- */
.strivance-hero-bg .elementor-field-group > label,
.strivance-hero-bg .elementor-field-subgroup label {
    color: var(--btm-text-title, #000000) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
    transition: color 0.3s ease;
}

/* --- 2. INPUTS & SELECT BOXES (The Glass Look) --- */
.strivance-hero-bg .elementor-field-group .elementor-field-textual,
.strivance-hero-bg .elementor-field-group .elementor-select-wrapper select {
    /* Background & Blur */
    background-color: var(--btm-glass-bg, rgba(255,255,255,0.15)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    /* Borders */
    border: 1.5px solid var(--btm-glass-border, rgba(255,255,255,0.6)) !important;
    border-radius: 12px !important;
    
    /* Text */
    color: var(--btm-text-body, #333) !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    
    /* Standardize Select Box */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: none !important; 
}

/* --- 3. SELECT DROPDOWN OPTIONS --- */
.strivance-hero-bg .elementor-field-group select option {
    background-color: rgba(255, 251, 237, 0.95) !important; /* Cream */
    color: #000000 !important;
    padding: 10px;
}

/* --- 4. HOVER & FOCUS STATES (Gold Glow) --- */
.strivance-hero-bg .elementor-field-group .elementor-field-textual:hover,
.strivance-hero-bg .elementor-field-group .elementor-field-textual:focus,
.strivance-hero-bg .elementor-field-group .elementor-select-wrapper select:hover,
.strivance-hero-bg .elementor-field-group .elementor-select-wrapper select:focus {
    border-color: var(--btm-text-gold, #E6A308) !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: none !important; 
    box-shadow: 0 0 10px rgba(230, 163, 8, 0.15) !important; 
    outline: none !important;
}

.strivance-hero-bg .elementor-field-group ::placeholder {
    color: var(--btm-text-body, #333) !important;
    opacity: 0.6;
}

.strivance-hero-bg .elementor-select-wrapper::before {
    color: var(--btm-text-body, #333) !important;
    font-size: 12px;
    pointer-events: none; 
    right: 15px !important;
    position: absolute;
}

/* --- 5. SUBMIT BUTTON (Centered & Gold) --- */
.strivance-hero-bg .elementor-field-type-submit {
    display: flex !important;
    justify-content: center !important; 
    width: 100% !important;
    margin-top: 15px;
}

.strivance-hero-bg .elementor-button[type="submit"] {
    background-color: var(--btm-text-gold, #E6A308) !important;
    border: 1px solid var(--btm-text-gold, #E6A308) !important;
    color: #FFFFFF !important; 
    font-weight: 600 !important;
    font-size: 16px !important;
    border-radius: 50px !important; /* Pill Shape */
    padding: 12px 50px !important;
    transition: all 0.4s ease !important;
}

.strivance-hero-bg .elementor-button[type="submit"]:hover {
    background-color: transparent !important;
    color: var(--btm-text-gold, #E6A308) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px); 
}

/* ===========================================================
   6. DARK MODE OVERRIDES (Toggle Logic)
   =========================================================== */

/* A. Manual Dark Toggle (.site-dark) */
html.site-dark .strivance-hero-bg .elementor-field-group .elementor-field-textual:hover,
html.site-dark .strivance-hero-bg .elementor-field-group .elementor-field-textual:focus {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

html.site-dark .strivance-hero-bg .elementor-field-group select option {
    background-color: rgba(5, 5, 5, 0.9) !important; /* Deep Black */
    color: #FFFFFF !important;
}

html.site-dark .strivance-hero-bg .elementor-button[type="submit"] {
    color: #000000 !important; /* Button Text Black in Dark Mode */
}

html.site-dark .strivance-hero-bg .elementor-button[type="submit"]:hover {
    color: var(--btm-text-gold, #F8B31A) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

html.site-dark .strivance-hero-bg .elementor-select-wrapper::before {
    color: #E2E8F0 !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 .elementor-field-group .elementor-field-textual:hover,
    html:not(.site-light) .strivance-hero-bg .elementor-field-group .elementor-field-textual:focus {
        background-color: rgba(255, 255, 255, 0.08) !important;
    }

    html:not(.site-light) .strivance-hero-bg .elementor-field-group select option {
        background-color: rgba(5, 5, 5, 0.9) !important;
        color: #FFFFFF !important;
    }

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

    html:not(.site-light) .strivance-hero-bg .elementor-button[type="submit"]:hover {
        color: var(--btm-text-gold, #F8B31A) !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }

    html:not(.site-light) .strivance-hero-bg .elementor-select-wrapper::before {
        color: #E2E8F0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b634696 *//* 
   EXPERT BACKGROUND SYSTEM (Toggle Integrated)
   Mode: Auto-Detects System + Manual Toggle
*/

.elementor-18271 .elementor-element.elementor-element-b634696 {
    /* --- 1. DEFINE VARIABLES --- */
    
    /* Light Mode: Orange (#FF9E40) fading into Cream (#FFFBED) */
    --bg-light: linear-gradient(180deg, #FF9E40 5%, #FFFBED 90%);
    
    /* Dark Mode: Gold Tint Overlay on top of Dark Black (#050505) */
    --bg-dark: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505;

    /* --- 2. DEFAULT STATE (Light Mode) --- */
    background: var(--bg-light);
    transition: background 0.5s ease-in-out;
}

/* --- 3. FORCE LIGHT MODE (Toggle Fix) --- */
/* If user clicked "Sun", force Light Gradient */
html.site-light .elementor-18271 .elementor-element.elementor-element-b634696 {
    background: var(--bg-light) !important;
}

/* --- 4. DARK MODE (Manual Toggle) --- */
/* If user clicked "Moon", force Dark Gradient */
html.site-dark .elementor-18271 .elementor-element.elementor-element-b634696 {
    background: var(--bg-dark) !important;
}

/* --- 5. SYSTEM PREFERENCE (Automatic Fallback) --- */
/* Runs if computer is Dark AND User hasn't clicked Light */
@media (prefers-color-scheme: dark) {
    html:not(.site-light) .elementor-18271 .elementor-element.elementor-element-b634696 {
        background: var(--bg-dark) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84911ea *//* 
   EXPERT BACKGROUND SYSTEM (Updated)
   Mode: Auto-Detects System Settings (Light/Dark)
*/

.elementor-18271 .elementor-element.elementor-element-84911ea {
    /* --- LIGHT MODE SETTINGS (Default) --- */
    /* Orange (#FF9E40) fading into Cream (#FFFBED) */
    --bg-light: linear-gradient(60deg, #FF9E40 0%, #FFFBED 100%);
    
    /* --- DARK MODE SETTINGS --- */
    /* Gold Tint Overlay on top of Dark Black (#050505) */
    --bg-dark: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505;

    /* Apply Light Mode by Default */
    background: var(--bg-light);
    
    /* Smooth Transition */
    transition: background 0.5s ease-in-out;
}

/* --- DARK MODE TRIGGER --- */
@media (prefers-color-scheme: dark) {
    .elementor-18271 .elementor-element.elementor-element-84911ea {
        background: var(--bg-dark);
    }
}

/* --- OPTIONAL ANIMATION (Light Mode Only) --- */
/* The animation works best on the Light gradient. 
   Dark mode is a solid tint, so it stays stable. */
.elementor-18271 .elementor-element.elementor-element-84911ea:hover {
    background-size: 200% 200%;
    /* Only animate if in light mode, technically it runs in both but looks best in light */
    animation: gradientMove 3s ease infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86db39f *//* ===========================================================
   2. MIDDLE/BOTTOM SECTION (Fixed for Toggle)
   =========================================================== */

/* 1. LAYOUT & DEFAULT (Light Mode) */
.strivance-hero-bg {
   
 
    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: 0px; 
    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 */