.elementor-47917 .elementor-element.elementor-element-cc77a10{--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:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47917 .elementor-element.elementor-element-73b7cca{--display:flex;}.elementor-47917 .elementor-element.elementor-element-6f667a0{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:2vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-47917 .elementor-element.elementor-element-6f667a0:not(.elementor-motion-effects-element-type-background), .elementor-47917 .elementor-element.elementor-element-6f667a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-47917 .elementor-element.elementor-element-6f667a0{--min-height:8vh;}}/* Start custom CSS for html, class: .elementor-element-126d76f */html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF; /* Bright background */
            color: #1F2937; /* Dark text for readability */
        }
        .brand-accent {
            color: #B1F62A;
        }
        .brand-primary {
            color: #81B31F;
        }
        .step-section {
            border-bottom: 1px solid #E5E7EB; /* Light border */
        }
        .visual-placeholder {
            background: #F9FAFB; /* Light grey background */
            border: 1px solid #E5E7EB;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        /* Styles for Truck Prep Animation */
        #truck-prep-animation .truck-body {
            fill: #E5E7EB;
            stroke: #9CA3AF;
            stroke-width: 2;
        }
        #truck-prep-animation .truck-window {
            fill: #BFDBFE;
        }
        #truck-prep-animation .truck-wheel {
            fill: #374151;
        }
        #truck-prep-animation .tech-icon, #truck-prep-animation .branding-logo {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        @keyframes prep-cycle {
            0%, 100% { /* Start and end state: plain truck */
                opacity: 0;
            }
            10%, 30% { /* Tech icon fades in and stays */
                opacity: 1;
            }
            31%, 100% {
                 opacity: 0;
            }
        }
        @keyframes branding-cycle {
            0%, 40% { /* Hidden until tech is done */
                opacity: 0;
            }
            50%, 80% { /* Branding appears and stays */
                opacity: 1;
            }
            81%, 100% {
                opacity: 0;
            }
        }
        #truck-prep-animation .tech-icon {
            animation: prep-cycle 6s infinite;
        }
        #truck-prep-animation .branding-logo {
            animation: branding-cycle 6s infinite;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF; /* Bright background */
            color: #1F2937; /* Dark text for readability */
        }
        .brand-accent {
            color: #B1F62A;
        }
        .brand-primary {
            color: #81B31F;
        }
        .step-section {
            border-bottom: 1px solid #E5E7EB; /* Light border */
        }
        .visual-placeholder {
            background: #F9FAFB; /* Light grey background */
            border: 1px solid #E5E7EB;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        /* Styles for Truck Prep Animation */
        #truck-prep-animation .truck-body {
            fill: #E5E7EB;
            stroke: #9CA3AF;
            stroke-width: 2;
        }
        #truck-prep-animation .truck-window {
            fill: #BFDBFE;
        }
        #truck-prep-animation .truck-wheel {
            fill: #374151;
        }
        #truck-prep-animation .tech-icon, #truck-prep-animation .branding-logo {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        @keyframes prep-cycle {
            0%, 100% { /* Start and end state: plain truck */
                opacity: 0;
            }
            10%, 30% { /* Tech icon fades in and stays */
                opacity: 1;
            }
            31%, 100% {
                 opacity: 0;
            }
        }
        @keyframes branding-cycle {
            0%, 40% { /* Hidden until tech is done */
                opacity: 0;
            }
            50%, 80% { /* Branding appears and stays */
                opacity: 1;
            }
            81%, 100% {
                opacity: 0;
            }
        }
        #truck-prep-animation .tech-icon {
            animation: prep-cycle 6s infinite;
        }
        #truck-prep-animation .branding-logo {
            animation: branding-cycle 6s infinite;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF; /* Bright background */
            color: #1F2937; /* Dark text for readability */
        }
        .brand-accent {
            color: #B1F62A;
        }
        .brand-primary {
            color: #81B31F;
        }
        .step-section {
            border-bottom: 1px solid #E5E7EB; /* Light border */
        }
        .visual-placeholder {
            background: #F9FAFB; /* Light grey background */
            border: 1px solid #E5E7EB;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        /* Styles for Truck Prep Animation */
        #truck-prep-animation .truck-body {
            fill: #E5E7EB;
            stroke: #9CA3AF;
            stroke-width: 2;
        }
        #truck-prep-animation .truck-window {
            fill: #BFDBFE;
        }
        #truck-prep-animation .truck-wheel {
            fill: #374151;
        }
        #truck-prep-animation .tech-icon, #truck-prep-animation .branding-logo {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        @keyframes prep-cycle {
            0%, 100% { /* Start and end state: plain truck */
                opacity: 0;
            }
            10%, 30% { /* Tech icon fades in and stays */
                opacity: 1;
            }
            31%, 100% {
                 opacity: 0;
            }
        }
        @keyframes branding-cycle {
            0%, 40% { /* Hidden until tech is done */
                opacity: 0;
            }
            50%, 80% { /* Branding appears and stays */
                opacity: 1;
            }
            81%, 100% {
                opacity: 0;
            }
        }
        #truck-prep-animation .tech-icon {
            animation: prep-cycle 6s infinite;
        }
        #truck-prep-animation .branding-logo {
            animation: branding-cycle 6s infinite;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF; /* Bright background */
            color: #1F2937; /* Dark text for readability */
        }
        .brand-accent {
            color: #B1F62A;
        }
        .brand-primary {
            color: #81B31F;
        }
        .step-section {
            border-bottom: 1px solid #E5E7EB; /* Light border */
        }
        .visual-placeholder {
            background: #F9FAFB; /* Light grey background */
            border: 1px solid #E5E7EB;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        /* Styles for Truck Prep Animation */
        #truck-prep-animation .truck-body {
            fill: #E5E7EB;
            stroke: #9CA3AF;
            stroke-width: 2;
        }
        #truck-prep-animation .truck-window {
            fill: #BFDBFE;
        }
        #truck-prep-animation .truck-wheel {
            fill: #374151;
        }
        #truck-prep-animation .tech-icon, #truck-prep-animation .branding-logo {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        @keyframes prep-cycle {
            0%, 100% { /* Start and end state: plain truck */
                opacity: 0;
            }
            10%, 30% { /* Tech icon fades in and stays */
                opacity: 1;
            }
            31%, 100% {
                 opacity: 0;
            }
        }
        @keyframes branding-cycle {
            0%, 40% { /* Hidden until tech is done */
                opacity: 0;
            }
            50%, 80% { /* Branding appears and stays */
                opacity: 1;
            }
            81%, 100% {
                opacity: 0;
            }
        }
        #truck-prep-animation .tech-icon {
            animation: prep-cycle 6s infinite;
        }
        #truck-prep-animation .branding-logo {
            animation: branding-cycle 6s infinite;
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f667a0 */.elementor-47917 .elementor-element.elementor-element-6f667a0 video{
    object-fit: contain
}/* End custom CSS */
/* Start custom CSS */body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF;
        }
        .hero-bg {
            background-color: #000000;
        }
        .brand-text-accent {
            color: #B1F62A;
        }
        .brand-bg-primary {
            background-color: #81B31F;
        }
        .brand-bg-primary-dark:hover {
            background-color: #507013;
        }
        .brand-border-primary {
            border-color: #81B31F;
        }
        .brand-text-primary {
            color: #81B31F;
        }
        .brand-bg-light {
            background-color: #F1FDD8;
        }/* End custom CSS */