.elementor-18247 .elementor-element.elementor-element-309c63c{--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-18247 .elementor-element.elementor-element-708a70e{--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-18247 .elementor-element.elementor-element-d4d1c32{--display:flex;}.elementor-18247 .elementor-element.elementor-element-5b5095f ul.hfe-breadcrumbs li{margin-right:5px;}.elementor-18247 .elementor-element.elementor-element-5b5095f .hfe-breadcrumbs-item{font-family:"Merriweather", Sans-serif;text-decoration:none;}.elementor-18247 .elementor-element.elementor-element-70f707f{--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-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-primary );padding:10px 5px 10px 5px;background-color:#FFF7E2;}.elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18247 .elementor-element.elementor-element-22e17cd .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-18247 .elementor-element.elementor-element-22e17cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-18247 .elementor-element.elementor-element-57ccf35{--display:flex;}.elementor-18247 .elementor-element.elementor-element-32cf299{--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-18247 .elementor-element.elementor-element-365a668{--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-18247 .elementor-element.elementor-element-785b2ea7{--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-18247 .elementor-element.elementor-element-633dac00{--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-18247 .elementor-element.elementor-element-7dd07bc5{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-18247 .elementor-element.elementor-element-41cfde06 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:28px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-18247 .elementor-element.elementor-element-41cfde06 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-primary );padding:10px 5px 10px 5px;background-color:#FFF7E2;}.elementor-18247 .elementor-element.elementor-element-41cfde06 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-18247 .elementor-element.elementor-element-41cfde06 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18247 .elementor-element.elementor-element-41cfde06 .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-18247 .elementor-element.elementor-element-41cfde06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.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-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group > label{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-type-html{padding-bottom:0px;font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-button{font-family:"Merriweather", Sans-serif;font-weight:500;border-style:none;}.elementor-18247 .elementor-element.elementor-element-3874f20 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18247 .elementor-element.elementor-element-3874f20 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18247 .elementor-element.elementor-element-3874f20 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18247 .elementor-element.elementor-element-3874f20{--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-18247 .elementor-element.elementor-element-309c63c{--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-18247 .elementor-element.elementor-element-708a70e{--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-18247 .elementor-element.elementor-element-d4d1c32{--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-18247 .elementor-element.elementor-element-70f707f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-18247 .elementor-element.elementor-element-22e17cd .elementskit-section-title-wraper .elementskit-section-title > span{font-size:32px;}.elementor-18247 .elementor-element.elementor-element-22e17cd{padding:20px 0px 0px 0px;}.elementor-18247 .elementor-element.elementor-element-57ccf35{--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-18247 .elementor-element.elementor-element-32cf299{--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-18247 .elementor-element.elementor-element-365a668{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18247 .elementor-element.elementor-element-3874f20{padding:10px 10px 40px 10px;}}/* Start custom CSS for container, class: .elementor-element-708a70e *//* 
   EXPERT BACKGROUND SYSTEM (Updated)
   Mode: Auto-Detects System Settings (Light/Dark)
*/

.elementor-18247 .elementor-element.elementor-element-708a70e {
    /* --- LIGHT MODE SETTINGS (Default) --- */
    /* Orange (#FF9E40) fading into Cream (#FFFBED) */
    --bg-light: linear-gradient(120deg, #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-18247 .elementor-element.elementor-element-708a70e {
        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-18247 .elementor-element.elementor-element-708a70e: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;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-309c63c *//* ===========================================================
   2. BOTTOM SECTION (Buttons Added + No Padding)
   =========================================================== */

.strivance-hero-bg {
    /* --- Local Variables (Light Mode) --- */
    --btm-bg-color: #FFFBED; 
    
    /* Ultra Transparent (15%) */
    --btm-glass-bg: rgba(255, 255, 255, 0.15); 
    
    /* Frosted Border */
    --btm-glass-border: rgba(255, 255, 255, 0.6); 
    
    /* Shadow */
    --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    
    /* Text Vars (Light) */
    --btm-text-title: #000000;
    --btm-text-body: #000000;
    
    /* THE BRAND COLOR (Used for Buttons & Highlights) */
    --btm-text-gold: #E6A308; /* Rich Gold */

    background: var(--btm-bg-color) !important;
    transition: background 0.5s ease;

      /* Button Colors (Light) */
    --btn-1-bg: #FF914D;
    --btn-1-text: #FFFFFF;
    --btn-2-bg: #FFFFFF;
    --btn-2-text: #2d2d2d;
}

/* --- Dark Mode Override (Scoped) --- */
@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .strivance-hero-bg {
        /* Dark Brown Background */
        --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; 
        
        /* Dark Glass Vars */
        --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);
        
        /* Text Vars (Dark) */
        --btm-text-title: #FFFFFF;
        --btm-text-body: #E2E8F0;
        --btm-text-gold: #F8B31A; /* Neon Gold */
    }
}

/* -----------------------------------------------------------
   A. THE FROSTED HEADING TITLE (.glass-heading-title)
   ----------------------------------------------------------- */
.strivance-hero-bg .glass-heading-title {
    color: var(--btm-text-title) !important;
    display: inline-block; 
    transition: color 0.5s ease, background 0.5s ease;
}

.strivance-hero-bg .glass-heading-title .elementor-heading-title {
    color: inherit !important;
}

/* -----------------------------------------------------------
   B. THE CONTAINER BOX (.frosted-glass-box)
   ----------------------------------------------------------- */
.strivance-hero-bg .frosted-glass-box {
    background: var(--btm-glass-bg) !important;
    
    /* PERFORMANCE: Force GPU Layer for Blur */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transform: translate3d(0, 0, 0); /* This stops the lag! */
    backface-visibility: hidden;
    perspective: 1000px;

    border: 1.5px solid var(--btm-glass-border) !important;
    box-shadow: var(--btm-glass-shadow) !important;
    border-radius: 24px;
    
    transition: transform 0.8s ease-in-out, 
                box-shadow 0.8s ease-in-out,
                border-color 0.5s ease-in-out,
                background 0.5s ease-in-out !important;
}

/* Hover Effect */
.strivance-hero-bg .frosted-glass-box:hover {
    border-color: var(--btm-text-gold) !important;
    background: rgba(255, 255, 255, 0.6) !important; 
    transform: translateY(-10px) translate3d(0,0,0); /* Keep GPU active */
    box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; 
}

/* Dark Mode Hover Override */
@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .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;
    }
}

/* -----------------------------------------------------------
   C. BUTTONS
   ----------------------------------------------------------- */

/* 1. PRIMARY BUTTON (Gold) */
.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;
    transition: all 0.4s ease !important;
    font-weight: 600;
}

.strivance-hero-bg .glass-btn-primary .elementor-button:hover {
    background-color: transparent !important;
    color: var(--btm-text-gold) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .strivance-hero-bg .glass-btn-primary .elementor-button {
        color: #000000 !important; 
    }
    .strivance-hero-bg .glass-btn-primary .elementor-button:hover {
        color: var(--btm-text-gold) !important;
        background: rgba(255,255,255,0.05) !important;
    }
}

/* 2. SECONDARY BUTTON (Transparent/Ghost) */
.strivance-hero-bg .glass-btn-secondary .elementor-button {
    background-color: transparent !important;
    color: var(--btm-text-body) !important;
    text-decoration: underline; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: all 0.4s ease !important;
}

.strivance-hero-bg .glass-btn-secondary .elementor-button:hover {
    color: var(--btm-text-gold) !important;
    background-color: transparent !important;
    transform: translateX(5px);
    text-decoration: none;
}

/* -----------------------------------------------------------
   D. TYPOGRAPHY
   ----------------------------------------------------------- */
.strivance-hero-bg .glass-title,
.strivance-hero-bg .frosted-glass-box h1,
.strivance-hero-bg .frosted-glass-box h2,
.strivance-hero-bg .frosted-glass-box h3 {
    color: var(--btm-text-title) !important;
    transition: color 0.3s ease;
}

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

.strivance-hero-bg .glass-highlight,
.strivance-hero-bg .frosted-glass-box strong {
    color: var(--btm-text-gold) !important;
    transition: color 0.3s ease;
}

/* =================================================================
   🔴 AGENCY PERFORMANCE FIX: DISABLE HEAVY EFFECTS IN EDITOR
   This prevents the "Page Unresponsive" popup when editing Tabs
   ================================================================= */
body.elementor-editor-active .strivance-hero-bg .frosted-glass-box {
    backdrop-filter: none !important; /* Disables the blur calculation */
    transition: none !important;      /* Disables movement lag */
    box-shadow: none !important;      /* Simpler rendering */
    
    /* Make it opaque in editor so you can read it clearly */
    background: var(--btm-bg-color) !important; 
    border: 1px dashed #ccc !important; /* Visual guide for editor */
}

body.elementor-editor-active .strivance-hero-bg .frosted-glass-box:hover {
    transform: none !important; /* Stop it from jumping while you edit */
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-3874f20 *//* ===========================================================
   STRIVANCE FORM SYSTEM (Glass, Gold, & Dark Mode)
   =========================================================== */

/* --- 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 (Removes default browser ugly style) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Smooth Transitions */
    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 (80% Transparency Attempt) --- */
/* Note: Some browsers force this solid, but this code sets the correct colors */

/* Light Mode Dropdown (Cream 80%) */
.strivance-hero-bg .elementor-field-group select option {
    background-color: rgba(255, 251, 237, 0.95) !important; /* Cream Color */
    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 {
    /* Gold Border */
    border-color: var(--btm-text-gold, #E6A308) !important;
    
    /* Slight Background Tint */
    background-color: rgba(255, 255, 255, 0.25) !important;
    
    /* No Jumping */
    transform: none !important; 
    
    /* Subtle Gold Glow */
    box-shadow: 0 0 10px rgba(230, 163, 8, 0.15) !important; 
    outline: none !important;
}

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

/* Select Box Arrow Color Fix */
.strivance-hero-bg .elementor-select-wrapper::before {
    color: var(--btm-text-body, #333) !important;
    font-size: 12px;
    pointer-events: none; /* Allows click through */
    right: 15px !important;
    position: absolute;
}

/* --- 5. SUBMIT BUTTON (Centered & Gold) --- */
.strivance-hero-bg .elementor-field-type-submit {
    display: flex !important;
    justify-content: center !important; /* Forces Center Alignment */
    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); /* Lift Effect */
}

/* --- 6. DARK MODE OVERRIDES --- */
@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    
    /* Inputs Hover Dark Mode */
    .strivance-hero-bg .elementor-field-group .elementor-field-textual:hover,
    .strivance-hero-bg .elementor-field-group .elementor-field-textual:focus {
        background-color: rgba(255, 255, 255, 0.08) !important;
    }
    
    /* Dropdown Options Dark Mode (Black 80%) */
    .strivance-hero-bg .elementor-field-group select option {
        background-color: rgba(5, 5, 5, 0.9) !important; /* Deep Black */
        color: #FFFFFF !important; /* White Text */
    }
    
    /* Button Dark Mode */
    .strivance-hero-bg .elementor-button[type="submit"] {
        color: #000000 !important; 
    }
    
    .strivance-hero-bg .elementor-button[type="submit"]:hover {
        color: var(--btm-text-gold, #F8B31A) !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }

    /* Select Arrow Dark Mode */
    .strivance-hero-bg .elementor-select-wrapper::before {
        color: #E2E8F0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dd07bc5 *//* 
   EXPERT BACKGROUND SYSTEM (Updated)
   Mode: Auto-Detects System Settings (Light/Dark)
*/

.elementor-18247 .elementor-element.elementor-element-7dd07bc5 {
    /* --- LIGHT MODE SETTINGS (Default) --- */
    /* Orange (#FF9E40) fading into Cream (#FFFBED) */
    --bg-light: linear-gradient(180deg, #FF9E40 5%, #FFFBED 90%);
    
    /* --- 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-18247 .elementor-element.elementor-element-7dd07bc5 {
        background: var(--bg-dark);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-633dac00 *//* 
   EXPERT BACKGROUND SYSTEM (Updated)
   Mode: Auto-Detects System Settings (Light/Dark)
*/

.elementor-18247 .elementor-element.elementor-element-633dac00 {
    /* --- 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-18247 .elementor-element.elementor-element-633dac00 {
        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-18247 .elementor-element.elementor-element-633dac00: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-785b2ea7 *//* ===========================================================
   2. BOTTOM SECTION (Buttons Added + No Padding)
   =========================================================== */

.strivance-hero-bg {
    /* --- Local Variables (Light Mode) --- */
    --btm-bg-color: #FFFBED; 
    
    /* Ultra Transparent (15%) */
    --btm-glass-bg: rgba(255, 255, 255, 0.15); 
    
    /* Frosted Border */
    --btm-glass-border: rgba(255, 255, 255, 0.6); 
    
    /* Shadow */
    --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    
    /* Text Vars (Light) */
    --btm-text-title: #000000;
    --btm-text-body: #000000;
    
    /* THE BRAND COLOR (Used for Buttons & Highlights) */
    --btm-text-gold: #E6A308; /* Rich Gold */

    background: var(--btm-bg-color) !important;
    transition: background 0.5s ease;

      /* Button Colors (Light) */
    --btn-1-bg: #FF914D;
    --btn-1-text: #FFFFFF;
    --btn-2-bg: #FFFFFF;
    --btn-2-text: #2d2d2d;
}

/* --- Dark Mode Override (Scoped) --- */
@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .strivance-hero-bg {
        /* Dark Brown Background */
        --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; 
        
        /* Dark Glass Vars */
        --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);
        
        /* Text Vars (Dark) */
        --btm-text-title: #FFFFFF;
        --btm-text-body: #E2E8F0;
        --btm-text-gold: #F8B31A; /* Neon Gold */
    }
}

/* -----------------------------------------------------------
   A. THE FROSTED HEADING TITLE (.glass-heading-title)
   ----------------------------------------------------------- */
.strivance-hero-bg .glass-heading-title {
    color: var(--btm-text-title) !important;
    display: inline-block; 
    transition: color 0.5s ease, background 0.5s ease;
}

.strivance-hero-bg .glass-heading-title .elementor-heading-title {
    color: inherit !important;
}

/* -----------------------------------------------------------
   B. THE CONTAINER BOX (.frosted-glass-box)
   ----------------------------------------------------------- */
.strivance-hero-bg .frosted-glass-box {
    background: var(--btm-glass-bg) !important;
    
    /* PERFORMANCE: Force GPU Layer for Blur */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transform: translate3d(0, 0, 0); /* This stops the lag! */
    backface-visibility: hidden;
    perspective: 1000px;

    border: 1.5px solid var(--btm-glass-border) !important;
    box-shadow: var(--btm-glass-shadow) !important;
    border-radius: 24px;
    
    transition: transform 0.8s ease-in-out, 
                box-shadow 0.8s ease-in-out,
                border-color 0.5s ease-in-out,
                background 0.5s ease-in-out !important;
}

/* Hover Effect */
.strivance-hero-bg .frosted-glass-box:hover {
    border-color: var(--btm-text-gold) !important;
    background: rgba(255, 255, 255, 0.6) !important; 
    transform: translateY(-10px) translate3d(0,0,0); /* Keep GPU active */
    box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; 
}

/* Dark Mode Hover Override */
@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .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;
    }
}

/* -----------------------------------------------------------
   C. BUTTONS
   ----------------------------------------------------------- */

/* 1. PRIMARY BUTTON (Gold) */
.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;
    transition: all 0.4s ease !important;
    font-weight: 600;
}

.strivance-hero-bg .glass-btn-primary .elementor-button:hover {
    background-color: transparent !important;
    color: var(--btm-text-gold) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .strivance-hero-bg .glass-btn-primary .elementor-button {
        color: #000000 !important; 
    }
    .strivance-hero-bg .glass-btn-primary .elementor-button:hover {
        color: var(--btm-text-gold) !important;
        background: rgba(255,255,255,0.05) !important;
    }
}

/* 2. SECONDARY BUTTON (Transparent/Ghost) */
.strivance-hero-bg .glass-btn-secondary .elementor-button {
    background-color: transparent !important;
    color: var(--btm-text-body) !important;
    text-decoration: underline; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: all 0.4s ease !important;
}

.strivance-hero-bg .glass-btn-secondary .elementor-button:hover {
    color: var(--btm-text-gold) !important;
    background-color: transparent !important;
    transform: translateX(5px);
    text-decoration: none;
}

/* -----------------------------------------------------------
   D. TYPOGRAPHY
   ----------------------------------------------------------- */
.strivance-hero-bg .glass-title,
.strivance-hero-bg .frosted-glass-box h1,
.strivance-hero-bg .frosted-glass-box h2,
.strivance-hero-bg .frosted-glass-box h3 {
    color: var(--btm-text-title) !important;
    transition: color 0.3s ease;
}

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

.strivance-hero-bg .glass-highlight,
.strivance-hero-bg .frosted-glass-box strong {
    color: var(--btm-text-gold) !important;
    transition: color 0.3s ease;
}

/* =================================================================
   🔴 AGENCY PERFORMANCE FIX: DISABLE HEAVY EFFECTS IN EDITOR
   This prevents the "Page Unresponsive" popup when editing Tabs
   ================================================================= */
body.elementor-editor-active .strivance-hero-bg .frosted-glass-box {
    backdrop-filter: none !important; /* Disables the blur calculation */
    transition: none !important;      /* Disables movement lag */
    box-shadow: none !important;      /* Simpler rendering */
    
    /* Make it opaque in editor so you can read it clearly */
    background: var(--btm-bg-color) !important; 
    border: 1px dashed #ccc !important; /* Visual guide for editor */
}

body.elementor-editor-active .strivance-hero-bg .frosted-glass-box:hover {
    transform: none !important; /* Stop it from jumping while you edit */
}/* End custom CSS */