.elementor-10083 .elementor-element.elementor-element-15f040c{--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:space-between;--align-items:center;--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:120px;--padding-right:120px;--z-index:100;}.elementor-10083 .elementor-element.elementor-element-15f040c:not(.elementor-motion-effects-element-type-background), .elementor-10083 .elementor-element.elementor-element-15f040c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2B4BEB;}.elementor-10083 .elementor-element.elementor-element-15f040c::before, .elementor-10083 .elementor-element.elementor-element-15f040c > .elementor-background-video-container::before, .elementor-10083 .elementor-element.elementor-element-15f040c > .e-con-inner > .elementor-background-video-container::before, .elementor-10083 .elementor-element.elementor-element-15f040c > .elementor-background-slideshow::before, .elementor-10083 .elementor-element.elementor-element-15f040c > .e-con-inner > .elementor-background-slideshow::before, .elementor-10083 .elementor-element.elementor-element-15f040c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10083 .elementor-element.elementor-element-48385ac img{width:150px;height:56px;}.elementor-10083 .elementor-element.elementor-element-76683df > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10083 .elementor-element.elementor-element-76683df:hover .elementor-widget-container{border-style:none;}.elementor-10083 .elementor-element.elementor-element-76683df:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-menu-toggle{margin:0 auto;border-width:0px;border-radius:0px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu .elementor-item{font-family:"Universe Next Pro", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;line-height:normal;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-menu-toggle{color:#0B2B4B;fill:#0B2B4B;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a:hover, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a:focus, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a.highlighted, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-menu-toggle:hover, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-menu-toggle:focus{color:#0B2B4B;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a:hover, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a:focus, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a.elementor-item-active{color:#0B2B4B;background-color:#FFFFFF;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown .elementor-item, .elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Universe Next Pro", Sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:20px;padding-bottom:20px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-10083 .elementor-element.elementor-element-76683df div.elementor-menu-toggle{color:#FFFFFF;}.elementor-10083 .elementor-element.elementor-element-76683df div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-10083 .elementor-element.elementor-element-502c05e{--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:space-between;--align-items:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;--z-index:10;}.elementor-10083 .elementor-element.elementor-element-502c05e:not(.elementor-motion-effects-element-type-background), .elementor-10083 .elementor-element.elementor-element-502c05e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2B4BEB;}.elementor-10083 .elementor-element.elementor-element-502c05e::before, .elementor-10083 .elementor-element.elementor-element-502c05e > .elementor-background-video-container::before, .elementor-10083 .elementor-element.elementor-element-502c05e > .e-con-inner > .elementor-background-video-container::before, .elementor-10083 .elementor-element.elementor-element-502c05e > .elementor-background-slideshow::before, .elementor-10083 .elementor-element.elementor-element-502c05e > .e-con-inner > .elementor-background-slideshow::before, .elementor-10083 .elementor-element.elementor-element-502c05e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10083 .elementor-element.elementor-element-e460bfa img{width:150px;height:56px;}.elementor-10083 .elementor-element.elementor-element-7fa5a94{--display:flex;}.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-10083 .elementor-element.elementor-element-15f040c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10083 .elementor-element.elementor-element-502c05e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10083 .elementor-element.elementor-element-e460bfa.elementor-element{--order:1;}.elementor-10083 .elementor-element.elementor-element-5f70b96.elementor-element{--order:3;}.elementor-10083 .elementor-element.elementor-element-5f70b96 img{width:70%;}}@media(max-width:767px){.elementor-10083 .elementor-element.elementor-element-15f040c{--padding-top:20px;--padding-bottom:20px;--padding-left:28px;--padding-right:28px;}.elementor-10083 .elementor-element.elementor-element-76683df .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-10083 .elementor-element.elementor-element-502c05e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:100;}.elementor-10083 .elementor-element.elementor-element-5f70b96.elementor-element{--order:2;}.elementor-10083 .elementor-element.elementor-element-5f70b96 img{width:60%;}}/* Start custom CSS for nav-menu, class: .elementor-element-76683df */.elementor-10083 .elementor-element.elementor-element-76683df .sub-menu { box-shadow: 0 2px 12px 0 rgba(15, 43, 75, 0.10); } .elementor-10083 .elementor-element.elementor-element-76683df .sub-menu li { min-width: 304px; } .elementor-10083 .elementor-element.elementor-element-76683df .sub-menu a { display: flex; justify-content: space-between; } .elementor-10083 .elementor-element.elementor-element-76683df .sub-menu a svg { fill: #0099F5; font-size: 24px; } /* Position top-level
  • */ .elementor-nav-menu>li { position: relative; } /* Style the and create space for the underline image */ .elementor-nav-menu>li>a { position: relative; display: inline-flex; align-items: center; gap: 8px; /* space between text and arrow */ padding-bottom: 10px; } /* Underline image using ::after only for top-level */ .elementor-nav-menu>li:hover>a::after, .elementor-nav-menu>li.current-menu-item>a::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80%; height: 6px; background-image: url('https://www.grohe.asia/wp-content/uploads/2025/07/active-bar.png'); background-repeat: no-repeat; background-size: contain; background-position: center; pointer-events: none; } /* Optional: fix dropdown arrow alignment if needed */ .elementor-nav-menu .sub-arrow { position: static; /* reset any conflicting styles */ display: flex; align-items: center; } .elementor-10083 .elementor-element.elementor-element-76683df .elementor-sub-item { position: relative; display: inline-block !important; padding-bottom: 8px; } .elementor-10083 .elementor-element.elementor-element-76683df .elementor-sub-item::after { content: ""; position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); width: 0; height: 3px; background-image: url('https://www.grohe.asia/wp-content/uploads/2025/07/active-bar.png'); background-repeat: no-repeat; background-size: cover; background-position: center; transition: width 0.3s ease; pointer-events: none; } .elementor-10083 .elementor-element.elementor-element-76683df .elementor-sub-item:hover::after { width: 90%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-15f040c */.elementor-10083 .elementor-element.elementor-element-15f040c { background: linear-gradient(0deg, rgba(11, 43, 75, 0.00) 0%, rgba(11, 43, 75, 0.90) 80%); position: absolute; top:0; /*z-index: 100;*/ } #hide-header { transition: transform 0.4s ease; } .elementor-element-7fa5a94 { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-502c05e *//*.elementor-10083 .elementor-element.elementor-element-502c05e {*/ /* background: linear-gradient(0deg, rgba(11, 43, 75, 0.00) 0%, rgba(11, 43, 75, 0.90) 80%);*/ /* position: absolute;*/ /* top:0;*/ /* z-index: 99;*/ /*}*//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Universe Next Pro'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Light.woff2') format('woff2'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Light.woff') format('woff'), url('https://www.grohe.asia/wp-content/uploads/2025/01/Univers-Next-Pro-Light.ttf') format('truetype'); } @font-face { font-family: 'Universe Next Pro'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Regular.woff2') format('woff2'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Regular.woff') format('woff'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextProRegular.ttf') format('truetype'); } @font-face { font-family: 'Universe Next Pro'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Medium.woff2') format('woff2'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Medium.woff') format('woff'), url('https://www.grohe.asia/wp-content/uploads/2025/01/Univers-Next-Pro-Medium.ttf') format('truetype'); } @font-face { font-family: 'Universe Next Pro'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Bold.woff2') format('woff2'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextPro-Bold.woff') format('woff'), url('https://www.grohe.asia/wp-content/uploads/2025/01/UniversNextProBold.ttf') format('truetype'); } /* End Custom Fonts CSS */