.elementor-578 .elementor-element.elementor-element-c87f33c{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:99;}.elementor-578 .elementor-element.elementor-element-5e1ca1b{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-578 .elementor-element.elementor-element-bbb8a15{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-578 .elementor-element.elementor-element-d42ec5e{text-align:start;}.elementor-578 .elementor-element.elementor-element-d42ec5e img{width:35%;}.elementor-578 .elementor-element.elementor-element-7179521{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-578 .elementor-element.elementor-element-83313ca .elementor-menu-toggle{margin:0 auto;}.elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu .elementor-item{font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:400;}.elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main .elementor-item{color:#999999;fill:#999999;}.elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main .elementor-item:hover, .elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main .elementor-item.highlighted, .elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-578 .elementor-element.elementor-element-83313ca{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-578 .elementor-element.elementor-element-83313ca .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.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-578 .elementor-element.elementor-element-08e0896 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;background-image:linear-gradient(180deg, #363636 0%, #00000000 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;padding:15px 22px 15px 22px;}.elementor-578 .elementor-element.elementor-element-08e0896 .elementor-button-content-wrapper{flex-direction:row;}.elementor-578 .elementor-element.elementor-element-08e0896 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-578 .elementor-element.elementor-element-71d39c3{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:99;}.elementor-578 .elementor-element.elementor-element-71d39c3:not(.elementor-motion-effects-element-type-background), .elementor-578 .elementor-element.elementor-element-71d39c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-578 .elementor-element.elementor-element-df27d3c{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-578 .elementor-element.elementor-element-c5f5fad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-578 .elementor-element.elementor-element-637cfcf{text-align:start;}.elementor-578 .elementor-element.elementor-element-637cfcf img{width:35%;}.elementor-578 .elementor-element.elementor-element-0a13b2d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-menu-toggle{margin:0 auto;}.elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu .elementor-item{font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:400;}.elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main .elementor-item:hover, .elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-578 .elementor-element.elementor-element-7b62a3c{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-578 .elementor-element.elementor-element-7b62a3c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-578 .elementor-element.elementor-element-7b62a3c div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );}.elementor-578 .elementor-element.elementor-element-7b62a3c div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-578 .elementor-element.elementor-element-c87f33c{--content-width:1400px;}.elementor-578 .elementor-element.elementor-element-bbb8a15{--width:35%;}.elementor-578 .elementor-element.elementor-element-7179521{--width:70%;}.elementor-578 .elementor-element.elementor-element-71d39c3{--content-width:1400px;}.elementor-578 .elementor-element.elementor-element-c5f5fad{--width:35%;}.elementor-578 .elementor-element.elementor-element-0a13b2d{--width:70%;}}@media(max-width:1024px){.elementor-578 .elementor-element.elementor-element-c87f33c{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-578 .elementor-element.elementor-element-5e1ca1b{--justify-content:center;}.elementor-578 .elementor-element.elementor-element-71d39c3{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-578 .elementor-element.elementor-element-df27d3c{--justify-content:center;}}@media(max-width:767px){.elementor-578 .elementor-element.elementor-element-c87f33c{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-578 .elementor-element.elementor-element-5e1ca1b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-578 .elementor-element.elementor-element-bbb8a15{--width:50%;}.elementor-578 .elementor-element.elementor-element-7179521{--width:50%;}.elementor-578 .elementor-element.elementor-element-71d39c3{--min-height:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-578 .elementor-element.elementor-element-df27d3c{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-578 .elementor-element.elementor-element-c5f5fad{--width:50%;}.elementor-578 .elementor-element.elementor-element-637cfcf img{width:60%;}.elementor-578 .elementor-element.elementor-element-0a13b2d{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-c87f33c *//* 1. Default State (Your Original Design) */ .my-sticky-header { background-color: transparent !important; transition: all 0.4s ease-in-out; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .my-sticky-header img { -webkit-user-drag: none; pointer-events: none; } /* 2. Active State (Shrink when scrolled) */ .my-sticky-header.glass-header-active { /* The Background & Blur */ background-color: rgba(30, 30, 30, 0.6) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); /* THE SHRINK: Adjust these numbers to control the small size */ padding-top: 10px !important; padding-bottom: 10px !important; /* Optional: Ensure min-height doesn't block shrinking */ min-height: 60px !important; } /* Change menu text color when sticky is active */ .my-sticky-header.glass-header-active .elementor-nav-menu a { color: #ffffff !important; font-size: 16px !important; } /* Change active menu item color (optional) */ .my-sticky-header.glass-header-active .elementor-nav-menu .current-menu-item > a, .my-sticky-header.glass-header-active .elementor-nav-menu .current_page_item > a { color: #ffffff !important; font-size: 16px !important; } /* Hover color (optional) */ .my-sticky-header.glass-header-active .elementor-nav-menu a:hover { color: #999999 !important; } /* --------------------------------------------------------- 1. SETUP TRANSITIONS (Make it smooth) --------------------------------------------------------- */ /* Apply smooth transition to Logo and Button generally */ .my-sticky-header .elementor-widget-image img, .my-sticky-header .elementor-widget-theme-site-logo img, .my-sticky-header .elementor-button { transition: all 0.4s ease-in; } .my-sticky-header .elementor-widget-image img, .my-sticky-header .elementor-widget-theme-site-logo img{ width: 35% !important; max-width: 100% !important; } body .my-sticky-header.glass-header-active .elementor-widget-image img, body .my-sticky-header.glass-header-active .elementor-widget-theme-site-logo img { /* The smaller size */ width: 28% !important; } /* --------------------------------------------------------- 3. SHRINK THE BUTTON --------------------------------------------------------- */ /* When the header is active/scrolled... */ body .my-sticky-header.glass-header-active .elementor-button { /* Reduce the padding (Top/Bottom Left/Right) */ padding: 10px 20px !important; /* Optional: Reduce text size slightly */ font-size: 15px !important; }/* End custom CSS */