.elementor-kit-491{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e1bfb4f:#FFC53A;--e-global-color-261d5aa:#FCB500;--e-global-color-b654bf4:#C04D08;--e-global-color-3bb42c6:#FF6F19;--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;font-family:"Inknut Antiqua", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* Make entire header sticky */
body{
    background: white;
}
.elementor-kit-491 {
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: transparent;
    transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;
    padding: 20px 0;
}
#logo-brand{
    width: 100%;
    transition: all .3s ease-in-out;
}
/* When scrolling, apply background & reduce padding */
.elementor-sticky--effects {
    background: rgba(255, 255, 255, 0.9); /* Change to desired background */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 0; 
}

/* Ensure logo and text scale smoothly */
.elementor-sticky--effects #logo-brand{
    width: 85%;
}
#header-title-menu, #slogan-brand{
    transition: all .3s ease;
}
.elementor-sticky--effects #header-title-menu, .elementor-sticky--effects #slogan-brand{
    width: 0%;
    overflow: hidden;
   display: flex;
    transform: scale(0);
    position: absolute;
}

.elementor-sticky--effects #logo-brand img{
    width: 65%;
}

.elementor-social-icons-wrapper a:hover{
    display: inline-flex;
}
@media(max-width: 768px){
    #header-title-menu{
        display:none;
    }
    #logo-brand{
        width:35%;
    }
}/* End custom CSS */