.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0df0091:#4A6B74;--e-global-color-c824e51:#BCC3C6;--e-global-color-2322f68:#F4F6F7;--e-global-color-0a893d3:#E8EBED;--e-global-color-762efeb:#3D484D;--e-global-color-cf9bcb6:#2C3539;--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;--e-global-typography-beb8063-font-family:"Inter";--e-global-typography-beb8063-font-size:16px;--e-global-typography-beb8063-font-weight:400;--e-global-typography-df51036-font-family:"Poppins";--e-global-typography-df51036-font-size:48px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:120px;}.e-con{--container-max-width:120px;}.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-kit-6{--e-global-typography-df51036-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-df51036-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Glassy Sticky Header Effect for Elementor --- */

/* This targets the header container we named 'glassy-header' */
.glassy-header {
    /* * We set the background color with 85% opacity.
     * The !important rule forces it to override any Elementor default.
    */
    background-color: rgba(255, 255, 255, 0.85) !important;
    
    /* This creates the blur effect on content behind the header */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* This is for Safari browser */
}

/* * This is the MOST IMPORTANT PART.
 * It targets the inner container that Elementor often adds a solid
 * background color to, which blocks the blur effect. We force it to be transparent.
*/
.glassy-header > .e-con-inner {
    background: none !important;
}/* End custom CSS */