.elementor-19261 .elementor-element.elementor-element-5a520be3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.23;--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-19261 .elementor-element.elementor-element-5a520be3::before, .elementor-19261 .elementor-element.elementor-element-5a520be3 > .elementor-background-video-container::before, .elementor-19261 .elementor-element.elementor-element-5a520be3 > .e-con-inner > .elementor-background-video-container::before, .elementor-19261 .elementor-element.elementor-element-5a520be3 > .elementor-background-slideshow::before, .elementor-19261 .elementor-element.elementor-element-5a520be3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19261 .elementor-element.elementor-element-5a520be3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(22deg, #F8B31A 49%, #FF9002 59%);}.elementor-19261 .elementor-element.elementor-element-895706f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-19261 .elementor-element.elementor-element-38e414ef{--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-19261 .elementor-element.elementor-element-459cdef8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:230px 0px 270px 0px;}.elementor-19261 .elementor-element.elementor-element-5359ccf8{--display:flex;}.elementor-19261 .elementor-element.elementor-element-407557df{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-490px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19261 .elementor-element.elementor-element-f270362{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--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-19261 .elementor-element.elementor-element-f22019b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-19261 .elementor-element.elementor-element-f22019b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-19261 .elementor-element.elementor-element-3fe43103{--iteration-count:infinite;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-19261 .elementor-element.elementor-element-3fe43103 .elementor-headline{text-align:start;font-family:"Merriweather", Sans-serif;font-size:40px;font-weight:600;letter-spacing:-2.2px;word-spacing:-1.4px;}.elementor-19261 .elementor-element.elementor-element-3fe43103 .elementor-headline-plain-text{color:var( --e-global-color-accent );}.elementor-19261 .elementor-element.elementor-element-3fe43103 .elementor-headline-dynamic-text{font-family:"Merriweather", Sans-serif;font-weight:900;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-19261 .elementor-element.elementor-element-35b906d7{padding:0px 0px 30px 0px;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;}.elementor-19261 .elementor-element.elementor-element-17264b8{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .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-19261 .elementor-element.elementor-element-137902 .elementor-button:hover, .elementor-19261 .elementor-element.elementor-element-137902 .elementor-button:focus{color:#FFFFFF;}.elementor-19261 .elementor-element.elementor-element-137902 .elementor-button:hover svg, .elementor-19261 .elementor-element.elementor-element-137902 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19261 .elementor-element.elementor-element-137902 .elementor-button{border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-19261 .elementor-element.elementor-element-564871ff .elementor-button{border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-19261 .elementor-element.elementor-element-3ff21763{--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:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19261 .elementor-element.elementor-element-3ff21763:not(.elementor-motion-effects-element-type-background), .elementor-19261 .elementor-element.elementor-element-3ff21763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://strivance.nextstepsols.com/wp-content/uploads/2025/11/Generated_Image_November_26__2025_-_1_06PM-removebg-preview-e1764145813165.png");background-position:top center;background-repeat:no-repeat;}@media(max-width:1024px){.elementor-19261 .elementor-element.elementor-element-3fe43103 .elementor-headline{font-size:45px;}}@media(max-width:767px){.elementor-19261 .elementor-element.elementor-element-5a520be3{--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:10px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-19261 .elementor-element.elementor-element-38e414ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19261 .elementor-element.elementor-element-5359ccf8{--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-19261 .elementor-element.elementor-element-407557df{--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-19261 .elementor-element.elementor-element-f22019b{--width:100%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19261 .elementor-element.elementor-element-3fe43103 .elementor-headline{text-align:center;font-size:38px;}.elementor-19261 .elementor-element.elementor-element-35b906d7{text-align:center;font-size:15px;}.elementor-19261 .elementor-element.elementor-element-17264b8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19261 .elementor-element.elementor-element-3ff21763:not(.elementor-motion-effects-element-type-background), .elementor-19261 .elementor-element.elementor-element-3ff21763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-19261 .elementor-element.elementor-element-3ff21763{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-19261 .elementor-element.elementor-element-f22019b{--width:90.884%;}}/* Start custom CSS for container, class: .elementor-element-f270362 *//* =========================================
   1. SETUP VARIABLES (The "Brain")
   ========================================= */

/* A. DEFAULT (Light Mode) */
:root {
    --glass-bg: rgba(255, 255, 255, 0.35);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-shadow: rgba(0, 0, 0, 0.03);
}

/* B. SYSTEM DARK MODE (Automatic Fallback) 
   Runs if computer is Dark AND user hasn't clicked "Light"
*/
@media (prefers-color-scheme: dark) {
    html:not(.site-light) {
        --glass-bg: rgba(20, 20, 20, 0.5); 
        --glass-border: rgba(255, 255, 255, 0.1); 
        --glass-shadow: rgba(0, 0, 0, 0.3);
    }
}

/* C. MANUAL DARK MODE (Toggle Button)
   Runs when user clicks the "Dark" button
*/
html.site-dark {
    --glass-bg: rgba(20, 20, 20, 0.6);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: rgba(0, 0, 0, 0.5);
}

/* =========================================
   2. THE GLASS CLASS
   ========================================= */
.glass {
    /* Use the variables defined above */
    background: var(--glass-bg) !important;

    /* Low Blur (5px) */
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;

    /* Borders & Shadow */
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 8px 32px 0 var(--glass-shadow) !important;
    
    /* Smooth transition when switching modes */
    transition: background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
}

/* OPTIONAL: Stop blur in Elementor Editor to improve speed */
body.elementor-editor-active .glass {
    backdrop-filter: none !important;
    background: var(--glass-bg); /* Solid fallback */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a520be3 *//* A. LAYOUT & TRANSITIONS */
.dynamic-hero-bg {
    box-sizing: border-box;
    background-color: var(--hero-bg-color) !important;
    transition: background-color 0.5s ease;
}

/* B. VARIABLE DEFINITIONS (The "Brain") */

/* 1. DEFAULT & LIGHT MODE (Forced) */
.dynamic-hero-bg, 
html.site-light .dynamic-hero-bg {
    /* Background */
    --hero-bg-color: #FFF8E1;
    
    /* Text */
    --hero-text-main: #000000;
    --hero-text-accent: #FF914D; /* Orange */
    --hero-text-desc: #000000;
    
    /* Primary Button (Orange) */
    --btn-1-bg: #FF914D;
    --btn-1-text: #FFFFFF;
    
    /* Secondary Button (White/Grey) */
    --btn-2-bg: #FFFFFF;
    --btn-2-text: #2d2d2d;
    --btn-2-border: #777777;
}

/* 2. DARK MODE (System + Manual Toggle) */
@media (prefers-color-scheme: dark) {
    html:not(.site-light) .dynamic-hero-bg {
        --hero-bg-color: #050505;
        --hero-text-main: #FFFFFF;
        --hero-text-accent: #FFD700; /* Gold */
        --hero-text-desc: #E0E0E0;
        --btn-1-bg: #FFD700;
        --btn-1-text: #000000;
        --btn-2-bg: transparent;
        --btn-2-text: #FFFFFF;
        --btn-2-border: #FFFFFF;
    }
}

html.site-dark .dynamic-hero-bg {
    --hero-bg-color: #050505;
    --hero-text-main: #FFFFFF;
    --hero-text-accent: #FFD700; /* Gold */
    --hero-text-desc: #E0E0E0;
    --btn-1-bg: #FFD700;
    --btn-1-text: #000000;
    --btn-2-bg: transparent;
    --btn-2-text: #FFFFFF;
    --btn-2-border: #FFFFFF;
}

/* C. APPLY STYLES TO CHILDREN */

/* 1. Typography */
.dynamic-hero-bg .elementor-headline-plain-text,
.dynamic-hero-bg h1, 
.dynamic-hero-bg h2 {
    color: var(--hero-text-main) !important;
    transition: color 0.3s ease;
}

.dynamic-hero-bg .elementor-headline-dynamic-text,
.dynamic-hero-bg .highlight-text {
    color: var(--hero-text-accent) !important;
    transition: color 0.3s ease;
}

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

/* 2. Primary Button */
.dynamic-hero-bg .btn-primary-mode .elementor-button {
    background-color: var(--btn-1-bg) !important;
    color: var(--btn-1-text) !important;
    border: 1px solid var(--btn-1-bg) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.dynamic-hero-bg .btn-primary-mode .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
    filter: brightness(1.1);
}

/* 3. Secondary Button */
.dynamic-hero-bg .btn-secondary-mode .elementor-button {
    background-color: var(--btn-2-bg) !important;
    color: var(--btn-2-text) !important;
    border: 1px solid var(--btn-2-border) !important;
    transition: all 0.4s ease !important;
}

.dynamic-hero-bg .btn-secondary-mode .elementor-button:hover {
    background-color: rgba(125, 125, 125, 0.1) !important;
    backdrop-filter: blur(5px);
    transform: translateY(-3px);
    border-color: var(--hero-text-main) !important;
    color: var(--hero-text-main) !important;
}/* End custom CSS */