.elementor-188 .elementor-element.elementor-element-b171c7f{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-188 .elementor-element.elementor-element-b171c7f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-188 .elementor-element.elementor-element-990249d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-990249d.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-188 .elementor-element.elementor-element-6c0f020{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-188 .elementor-element.elementor-element-8ff11d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-188 .elementor-element.elementor-element-b3e145d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-188 .elementor-element.elementor-element-82c0b9b{padding:0px 0px 0px 20px;}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-menu-toggle{margin-left:auto;}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu .elementor-item{font-family:"Chakra Petch", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main .elementor-item{color:#E4E9F0;fill:#E4E9F0;}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main .elementor-item:hover, .elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main .elementor-item:focus{color:#467FF7;fill:#467FF7;}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-188 .elementor-element.elementor-element-82c0b9b .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-188 .elementor-element.elementor-element-82c0b9b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}.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-188 .elementor-element.elementor-element-990249d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu .elementor-item{font-size:45px;}}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-b171c7f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-188 .elementor-element.elementor-element-990249d{--width:50%;--margin-top:2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-188 .elementor-element.elementor-element-6c0f020{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-188 .elementor-element.elementor-element-8ff11d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-188 .elementor-element.elementor-element-b3e145d{--width:50%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-188 .elementor-element.elementor-element-82c0b9b .elementor-nav-menu .elementor-item{font-size:28px;line-height:1.1em;}}@media(min-width:768px){.elementor-188 .elementor-element.elementor-element-990249d{--width:21%;}.elementor-188 .elementor-element.elementor-element-b3e145d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b171c7f *//* ========================================= 1. MAIN CONTAINER (Background Fade & Shrink) ========================================= */ /* Top of page (90px, transparent) */ .elementor-188 .elementor-element.elementor-element-b171c7f { min-height: 90px !important; background-color: transparent !important; /* FAST color fade (0.3s), SMOOTH shrink (0.6s) */ transition: background-color 0.3s ease, min-height 0.6s ease !important; } /* 1st Scroll (90px, solid white, fast color swap) */ .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0px 4px 15px rgba(0,0,0,0.05); border-bottom: 1px solid #191919 !important; /* Added border */ } /* 2nd Scroll (60px, smooth shrink) */ .elementor-188 .elementor-element.elementor-element-b171c7f.header-small { min-height: 60px !important; } /* ========================================= 2. LOGO PERFECT OVERLAP & CROSSFADE ========================================= */ .logoInner { position: relative; display: flex; align-items: center; } /* Light logo acts as the structural base */ .logoInner .logo-light { position: relative; z-index: 1; width: 100%; } /* Dark logo pins directly over the light logo */ .logoInner .logo-dark { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 2; opacity: 0; /* Hidden initially */ display: flex; align-items: center; } /* Control both actual images to size and shrink identically */ .logoInner img { max-height: 70px !important; /* Starting logo height */ width: auto !important; /* Smooth transition for the shrink */ transition: max-height 0.6s ease, opacity 0.3s ease !important; margin: 0 !important; padding: 0 !important; } /* --- STATE CHANGES FOR LOGOS --- */ /* 1st Scroll - Fast Opacity Swap */ .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .logoInner .logo-light img { opacity: 0 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .logoInner .logo-dark { opacity: 1 !important; } /* 2nd Scroll - Smooth Height Shrink */ .elementor-188 .elementor-element.elementor-element-b171c7f.header-small .logoInner img { max-height: 40px !important; /* Final shrunk logo height */ } /* ========================================= 3. MENU LINKS & HAMBURGER ========================================= */ .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu .menu-item a { color: #ffffff !important; transition: color 0.3s ease, padding 0.6s ease !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-menu-toggle, .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-menu-toggle svg, .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-menu-toggle i { color: #ffffff !important; fill: #ffffff !important; transition: color 0.3s ease, fill 0.3s ease !important; } /* 1st Scroll - Fast Color Change */ .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .elementor-nav-menu .menu-item a { color: #333333 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .elementor-menu-toggle, .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .elementor-menu-toggle svg, .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects .elementor-menu-toggle i { color: #333333 !important; fill: #333333 !important; } /* 2nd Scroll - Smooth Padding Shrink */ .elementor-188 .elementor-element.elementor-element-b171c7f.header-small .elementor-nav-menu .menu-item a { padding-top: 10px !important; padding-bottom: 10px !important; } /* ========================================= 4. MOBILE STYLING (Unchanged) ========================================= */ @media (max-width: 767px) { .elementor-188 .elementor-element.elementor-element-b171c7f { min-height: 80px !important; } .elementor-188 .elementor-element.elementor-element-b171c7f.elementor-sticky--effects { min-height: 80px !important; } .elementor-188 .elementor-element.elementor-element-b171c7f.header-small { min-height: 60px !important; } .logoInner img { max-height: 50px !important; } .elementor-188 .elementor-element.elementor-element-b171c7f.header-small .logoInner img { max-height: 35px !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu--dropdown { position: fixed !important; top: 0 !important; left: 0 !important; right: auto !important; width: 100vw !important; max-width: 100vw !important; height: 100vh !important; z-index: 999999 !important; margin: 0 !important; padding-top: 90px !important; background: #ffffff !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu--dropdown .menu-item a { color: #1c244b !important; font-size: 28px !important; line-height: 1.2em !important; justify-content: center !important; text-align: center !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu--dropdown .menu-item a:hover, .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu--dropdown .menu-item.current-menu-item a { color: #4F7DF3 !important; background: #f3f5f8; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-menu-toggle { z-index: 1000000 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .logoInner { position: relative !important; z-index: 1000001 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .logoInner .logo-light, .elementor-188 .elementor-element.elementor-element-b171c7f .logoInner .logo-dark { z-index: 1000002 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu--dropdown { z-index: 999998 !important; } .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-widget-nav-menu, .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-nav-menu__toggle, .elementor-188 .elementor-element.elementor-element-b171c7f .elementor-menu-toggle { margin-left: auto !important; margin-right: 0 !important; justify-content: flex-end !important; text-align: right !important; } }/* End custom CSS */