.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Force Swap for Material Icons */
@font-face {
    font-family: 'Material Icons';
    font-display: swap;
    src: local('Material Icons');
}

/* Force Swap for Font Awesome Brands */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-display: swap;
    src: local('Font Awesome 6 Brands');
}

/* Force Swap for Font Awesome Solid */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-display: swap;
    font-weight: 900;
    src: local('Font Awesome 6 Free');
}







:root {
            --lyon-primary: #0a0a0a;
            --lyon-accent: #2c5428;
            --lyon-bg-light: #ffffff;
            --lyon-bg-dark: #0a0a0a;
            --lyon-bg-card: #161616;
            --lyon-text-dark: #111111;
            --lyon-text-light: #ffffff;
            --lyon-text-dim: rgba(255, 255, 255, 0.5);
            --lyon-border: rgba(0, 0, 0, 0.08);
            --lyon-border-light: rgba(255, 255, 255, 0.1);
            --lyon-transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif;  }
        
        body.lyon-body { 
            background: var(--lyon-bg-light); 
            color: var(--lyon-text-dark); 
            overflow-x: hidden; 
            line-height: 1.6; 
            -webkit-font-smoothing: antialiased;
        }

      
        /* --- ANIMATIONS (FRONTEND ONLY) --- */

/* Only apply the hidden state and transitions if NOT in the Elementor Editor */
body:not(.elementor-editor-active) .lyon-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s var(--lyon-transition), transform 1.2s var(--lyon-transition);
}

/* This handles the reveal logic on the frontend */
body:not(.elementor-editor-active) .lyon-reveal.lyon-active {
    opacity: 1;
    transform: translateY(0);
}

/* 
   Optional: Ensure elements are 100% visible in the editor 
   even if the "lyon-active" class hasn't been triggered yet.
*/
.elementor-editor-active .lyon-reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}
        
        









   
        
        
        
        
     /* --- TOP BAR STYLES --- */
        .lyon-top-bar {
            background: #000; 
            color: white; 
            padding: 10px 5px;
        }
        
        .lyon-top-bar .lyon-top-contact { 
            display: flex; 
            gap: 24px; 
            font-weight: 500; 
            align-items: center; 
            flex-wrap: wrap; 
        }
        
        .lyon-top-bar .lyon-top-contact i { 
            color: var(--lyon-accent); 
            margin-right: 8px; 
        }
        
       
        
        .lyon-top-bar .lyon-top-socials { 
            display: flex; 
            gap: 18px; 
        }
        
        .lyon-top-bar .lyon-top-socials a { 
            color: white!important; 
            opacity: 0.7; 
            transition: 0.3s; 
            text-decoration: none; 
        }

        /* --- RESPONSIVE LOGIC --- */
        @media (max-width: 768px) {
            .lyon-top-bar .lyon-top-socials { 
                display: none; 
            }
            .lyon-top-bar .lyon-phone-number { 
                font-size: 0.75rem; 
            }
            .lyon-top-bar { 
                padding: 10px 5%; 
                justify-content: space-between; 
            }
            .lyon-top-bar .lyon-top-contact { 
                gap: 14px; 
            }
            .lyon-dummy-translate { 
                padding: 4px 12px; 
                font-size: 0.65rem; 
            }
        }

        @media (max-width: 480px) {
            .lyon-top-bar .lyon-top-contact span:first-child { 
                display: inline-flex; 
            }
        }/* End custom CSS */