.elementor-24 .elementor-element.elementor-element-dd109c6{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-24 .elementor-element.elementor-element-14453b2d{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-14453b2d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-fcc3886{padding:21px 21px 21px 21px;text-align:center;}.elementor-24 .elementor-element.elementor-element-fcc3886 img{width:100%;height:53px;object-fit:contain;object-position:center center;opacity:0.9;transition-duration:0.2s;}.elementor-24 .elementor-element.elementor-element-fcc3886:hover img{opacity:1;}.elementor-24 .elementor-element.elementor-element-45496e3f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button{background-color:#00000000;font-family:"Kinship", Sans-serif;font-size:16px;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:16px 45px 16px 45px;}.elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button:focus{background-color:#FFFFFF12;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-190a99a1.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button:hover svg, .elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-dd109c6{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-24 .elementor-element.elementor-element-fcc3886 img{height:27px;}.elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-dd109c6{--min-height:65px;}.elementor-24 .elementor-element.elementor-element-14453b2d{--width:40%;}.elementor-24 .elementor-element.elementor-element-fcc3886{text-align:start;}.elementor-24 .elementor-element.elementor-element-fcc3886 img{width:100%;height:25px;}.elementor-24 .elementor-element.elementor-element-45496e3f{--width:60%;}.elementor-24 .elementor-element.elementor-element-190a99a1 .elementor-button{padding:12px 25px 12px 25px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-14453b2d{--width:39.473%;}.elementor-24 .elementor-element.elementor-element-45496e3f{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-14453b2d{--width:15%;}.elementor-24 .elementor-element.elementor-element-45496e3f{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-dd109c6 *//* ================================================ */
/* 1. BASE HEADER STYLES & BLUR BACKGROUND          */
/* ================================================ */

/* Main Header Container */
.elementor-24 .elementor-element.elementor-element-dd109c6 {
    transition: padding 0.4s ease-in-out;
    background-color: transparent !important; 
    overflow: visible !important; /* Prevents Safari from clipping the upward stretch */
}

/* The Gradient Blur Layer (Hidden by default) */
.elementor-24 .elementor-element.elementor-element-dd109c6::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    
    /* Blur and Darkening Settings */
    backdrop-filter: blur(15px) brightness(0.65);
    -webkit-backdrop-filter: blur(15px) brightness(0.65);
    
    /* User updated: Feather the bottom 80px */
    mask-image: linear-gradient(to bottom, black calc(100% - 80px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 80px), transparent 100%);
    
    /* Start invisible */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* EXTEND BLUR ON MOBILE ONLY */
@media (max-width: 767px) {
    .elementor-24 .elementor-element.elementor-element-dd109c6::before {
        top: -150px; /* Pushes the blur up behind the Dynamic Island */
        bottom: -400px; /* Pulls the blur layer way down the screen */
        
        /* Added 'black 0%,' so Safari keeps the top area completely solid */
        mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 250px), transparent 100%);
        -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 250px), transparent 100%);
        
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
    }
}


/* ================================================ */
/* 2. SAFE WIDGET TRANSITIONS                       */
/* ================================================ */

/* Inner wrappers */
.elementor-24 .elementor-element.elementor-element-dd109c6 > .elementor-container,
.elementor-24 .elementor-element.elementor-element-dd109c6 > .e-con,
.elementor-24 .elementor-element.elementor-element-dd109c6 > .e-con-inner {
    transition: transform 0.4s ease-in-out;
    transform-origin: center top;
}

/* Target wrappers for opacity fade */
.elementor-24 .elementor-element.elementor-element-dd109c6 .elementor-widget-image,
.elementor-24 .elementor-element.elementor-element-dd109c6 .elementor-widget-button {
    transition: opacity 0.4s ease-in-out;
}


/* ================================================ */
/* 3. THE SCROLLED (STICKY) STATES                  */
/* ================================================ */

/* Fade in the blur background smoothly */
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects::before {
    opacity: 1;
}

/* Pull bottom edge up */
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects {
    padding-bottom: 5px !important; 
}

/* Scale the inner layout down by 5% */
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects > .elementor-container,
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects > .e-con,
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects > .e-con-inner {
    transform: scale(0.95) !important; 
}

/* Drop opacity on the logo and button wrappers to 50% */
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects .elementor-widget-image,
.elementor-24 .elementor-element.elementor-element-dd109c6.elementor-sticky--effects .elementor-widget-button {
    opacity: 0.5 !important;
}/* End custom CSS */