.elementor-kit-5{--e-global-color-primary:#0DB9C1;--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;font-size:20px;line-height:32px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header .site-branding .site-logo img{width:151px;max-width:151px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-kit-5{font-size:16px;line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//***
 * 1. BASE HEADER SETUP
 ***/
header.sticky-header {
    --header-height: 150px;
    --shrink-to: 0.7; /* Result: 60px */
    --transition-speed: 450ms cubic-bezier(.4, 0, .2, 1);
    
    background-color: white;
    transition: all var(--transition-speed);
}

/* 2. FORCING CONTAINER & HEADER HEIGHT */
header.sticky-header, 
header.sticky-header .elementor-container,
header.sticky-header.e-con,
header.sticky-header .e-con-inner {
    min-height: var(--header-height) !important;
    height: var(--header-height) !important;
    transition: all var(--transition-speed) !important;
    display: flex !important;
    align-items: center !important; /* Keeps logo centered vertically */
}

/* 3. LOGO IMAGE BEHAVIOR */
header.sticky-header .logo img {
    /* Instead of scale, we control height so the box actually shrinks */
    height: calc(var(--header-height) * 0.8) !important; 
    width: auto !important;
    transition: all var(--transition-speed) !important;
    object-fit: contain;
}

/* 4. THE SHRINK EFFECT (On Scroll) */
header.sticky-header.elementor-sticky--effects,
header.sticky-header.elementor-sticky--effects .elementor-container,
header.sticky-header.elementor-sticky--effects.e-con,
header.sticky-header.elementor-sticky--effects .e-con-inner {
    --current-height: calc(var(--header-height) * var(--shrink-to));
    min-height: var(--current-height) !important;
    height: var(--current-height) !important;
    background-color: white;
    /* backdrop-filter: saturate(180%) blur(20px); */
}

/* Shrink the logo proportionally with the container */
header.sticky-header.elementor-sticky--effects .logo img {
    height: calc(var(--header-height) * var(--shrink-to) * 0.8) !important;
}

/***
 * 5. MOBILE OVERRIDE
 ***/
@media (max-width: 767px) {
    header.sticky-header {
        --header-height: 100px;
    }
}/* End custom CSS */