.elementor-2958 .elementor-element.elementor-element-790d5b9{--display:flex;--position:fixed;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-2958 .elementor-element.elementor-element-790d5b9.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-2958 .elementor-element.elementor-element-790d5b9{left:0px;}body.rtl .elementor-2958 .elementor-element.elementor-element-790d5b9{right:0px;}.elementor-2958 .elementor-element.elementor-element-f92d41b{--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;--flex-wrap:nowrap;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:19px;}.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-2958 .elementor-element.elementor-element-86ce5bb{width:var( --container-widget-width, 14.002% );max-width:14.002%;--container-widget-width:14.002%;--container-widget-flex-grow:0;}.elementor-2958 .elementor-element.elementor-element-86ce5bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2958 .elementor-element.elementor-element-86ce5bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2958 .elementor-element.elementor-element-86ce5bb img{width:100%;}.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-2958 .elementor-element.elementor-element-7d00b86{width:initial;max-width:initial;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle{margin:0 auto;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:17px;padding-right:17px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-item:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );border-radius:15px 15px 15px 15px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a.highlighted, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown .elementor-item, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 17px -7px rgba(0,0,0,0.5);}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:14px !important;}.elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle:hover svg, .elementor-2958 .elementor-element.elementor-element-7d00b86 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle:focus{background-color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2958 .elementor-element.elementor-element-f92d41b{--min-height:52px;--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;--margin-top:14px;--margin-bottom:25px;--margin-left:30px;--margin-right:30px;--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-2958 .elementor-element.elementor-element-86ce5bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2958 .elementor-element.elementor-element-86ce5bb{--container-widget-width:97px;--container-widget-flex-grow:0;width:var( --container-widget-width, 97px );max-width:97px;}.elementor-2958 .elementor-element.elementor-element-7d00b86{--container-widget-width:31px;--container-widget-flex-grow:0;width:var( --container-widget-width, 31px );max-width:31px;--nav-menu-icon-size:16px;}.elementor-2958 .elementor-element.elementor-element-7d00b86.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown .elementor-item, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:12px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--dropdown a{padding-left:25px;padding-right:25px;padding-top:9px;padding-bottom:9px;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:19px !important;}.elementor-2958 .elementor-element.elementor-element-7d00b86 .elementor-menu-toggle{border-width:0px;border-radius:40px;}}/* Start custom CSS for container, class: .elementor-element-f92d41b */.elementor-2958 .elementor-element.elementor-element-f92d41b { position: fixed !important; top: 18px; left: 50%; width: min(92vw, 1380px); margin: 0 !important; transform: translateX(-50%); transform-origin: top center; border-radius: 18px; overflow: hidden; z-index: 9999; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(25px) saturate(150%); -webkit-backdrop-filter: blur(25px) saturate(150%); box-shadow: 0 12px 45px rgba(0, 0, 0, 0.14), inset 0 1px 1px rgba(255, 255, 255, 0.65), inset 0 -1px 1px rgba(0, 0, 0, 0.12); border: 1px solid rgba(255, 255, 255, 0.32); transition: box-shadow .25s ease; } .elementor-2958 .elementor-element.elementor-element-f92d41b:hover { box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.75), inset 0 -1px 2px rgba(0, 0, 0, 0.1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-790d5b9 *//* Effect kabur dan pekatkan warna belakang (Wajib ada) */ backdrop-filter: blur(25px) saturate(150%); -webkit-backdrop-filter: blur(25px) saturate(150%); /* --- BAHAGIAN 2: THE FRAME (INI YANG KAU NAK) --- */ /* Kita tak guna border biasa. Kita guna 'box-shadow' untuk buat frame. */ /* Kenapa? Sebab shadow boleh bertindih dan nampak lebih realistik. */ box-shadow: /* Shadow 1: Outer Glow (Bayang lembut kat luar supaya dia timbul) */ 0 10px 40px rgba(0, 0, 0, 0.1), /* Shadow 2: Top inner light (Cahaya kena bucu ATAS DALAM - nampak tebal) */ inset 0 2px 2px rgba(255, 255, 255, 0.6), /* Shadow 3: Bottom inner shadow (Bayang bucu BAWAH DALAM - depth) */ inset 0 -2px 2px rgba(0, 0, 0, 0.1); /* --- BAHAGIAN 3: PANTULAN CAHAYA PADA BUCU (OPTIONAL TAPI LAWA) --- */ /* Ini trick pro. Kita bagi border atas lebih terang dari border bawah seolah-olah cahaya datang dari atas. */ border-top: 1px solid rgba(255, 255, 255, 0.5); /* Cerah */ border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Gelap sikit */ border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); /* Pastikan dia duduk atas */ z-index: 100; /* Kalau nak bucu tajam, buang line ni. Kalau nak bulat sikit, biar. */ /* border-radius: 12px; *//* End custom CSS */