.elementor-22 .elementor-element.elementor-element-3cfc3b7{--display:flex;--position:absolute;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:99;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-3cfc3b7{left:0px;}body.rtl .elementor-22 .elementor-element.elementor-element-3cfc3b7{right:0px;}.elementor-22 .elementor-element.elementor-element-398a0cb{--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;--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-22 .elementor-element.elementor-element-fd6fa34{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-widget-image .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-22 .elementor-element.elementor-element-36bdb26{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-bebc5c1{--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:center;--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-22 .elementor-element.elementor-element-5f8dd7b .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;border-radius:0px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:500;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item:hover, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#C3232900;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#C3232900;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed .elementor-item:before{border-width:2.5px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2.5px 2.5px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2.5px 2.5px 0 0;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2.5px 0 0 2.5px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2.5px 2.5px 0;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-underline .elementor-item:after, .elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-overline .elementor-item:before, .elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-double-line .elementor-item:before, .elementor-22 .elementor-element.elementor-element-5f8dd7b .e--pointer-double-line .elementor-item:after{height:2.5px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E4DD;border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a:hover, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a:focus, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a.highlighted, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-menu-toggle:hover, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a:hover, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a:focus, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown a.highlighted{background-color:#F1F1F1;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-22 .elementor-element.elementor-element-5f8dd7b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:5px !important;}.elementor-22 .elementor-element.elementor-element-5f8dd7b div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-5f8dd7b div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-31a4d9d{--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-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-903dea1 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-903dea1 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-903dea1{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-903dea1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-903dea1 .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-903dea1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-7fab790 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-22 .elementor-element.elementor-element-7fab790{--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:0.5s;--e-off-canvas-overlay-opacity:1;}.elementor-22 .elementor-element.elementor-element-32d611c{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-22 .elementor-element.elementor-element-ebb2f6e .e-search-submit{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-ebb2f6e{--e-search-placeholder-color:var( --e-global-color-text );--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:20px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:20px;--e-search-icon-label-size:15px;--e-search-input-gap:10px;--e-search-submit-padding:7px 20px 7px 20px;}.elementor-22 .elementor-element.elementor-element-ebb2f6e .e-search-input{border-style:none;}.elementor-22 .elementor-element.elementor-element-ebb2f6e .e-search-submit span{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:600;}.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-22 .elementor-element.elementor-element-398a0cb{--width:15%;}.elementor-22 .elementor-element.elementor-element-bebc5c1{--width:70%;}.elementor-22 .elementor-element.elementor-element-31a4d9d{--width:15%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-3cfc3b7{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:99;}.elementor-22 .elementor-element.elementor-element-398a0cb{--width:25%;}.elementor-22 .elementor-element.elementor-element-fd6fa34{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-22 .elementor-element.elementor-element-36bdb26{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-22 .elementor-element.elementor-element-bebc5c1{--width:11%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-bebc5c1.e-con{--order:99999 /* order end hack */;}.elementor-22 .elementor-element.elementor-element-31a4d9d{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-3cfc3b7 *//* ========================================= 1. KEADAAN ASAL (TRANSPARENT HEADER) ========================================= */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 { background-color: transparent; transition: all 0.3s ease-in-out; } /* Pengurusan Logo */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .logo-dark { display: none !important; } .elementor-22 .elementor-element.elementor-element-3cfc3b7 .logo-light { display: block !important; } /* Warna Teks Menu Utama (Putih) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu > .menu-item > a { color: #ffffff !important; transition: all 0.3s ease-in-out; } /* Warna Anak Panah Submenu di Main Menu (Putih) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu > .menu-item > a .sub-arrow, .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu > .menu-item > a .sub-arrow i, .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu > .menu-item > a .sub-arrow svg { color: #ffffff !important; fill: #ffffff !important; transition: all 0.3s ease-in-out; } /* Warna Icon List / Right Icons (Putih) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .header-right-icons .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-3cfc3b7 .header-right-icons .elementor-icon-list-icon i, .elementor-22 .elementor-element.elementor-element-3cfc3b7 .header-right-icons .elementor-icon-list-icon svg { color: #ffffff !important; fill: #ffffff !important; transition: all 0.3s ease-in-out; } /* ========================================= 2. KEADAAN BILA SCROLL (STICKY ACTIVE) ========================================= */ .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); } /* Tukar Logo */ .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .logo-light { display: none !important; } .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .logo-dark { display: block !important; } /* Tukar warna Teks Menu UTAMA Sahaja ke Gelap (#1B1C20) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu > .menu-item > a { color: #1B1C20 !important; } /* Tukar warna Submenu Arrow pada Main Menu ke Gelap (#1B1C20) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu > .menu-item > a .sub-arrow, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu > .menu-item > a .sub-arrow i, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu > .menu-item > a .sub-arrow svg { color: #1B1C20 !important; fill: #1B1C20 !important; } /* Tukar warna Icon List / Right Icons ke Gelap (#1B1C20) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .header-right-icons .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .header-right-icons .elementor-icon-list-icon i, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .header-right-icons .elementor-icon-list-icon svg { color: #1B1C20 !important; fill: #1B1C20 !important; } /* ========================================= 3. KEKALKAN STYLE DROPDOWN SUBMENU (Sama Ada Scroll Atau Tak Scroll) ========================================= */ /* Memastikan item di dalam kotak dropdown sentiasa menggunakan style Elementor (Teks Gelap) */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu .sub-menu .menu-item a, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu .sub-menu .menu-item a { color: #1B1C20 !important; } /* Memastikan anak panah di dalam sub-dropdown (jika ada nested menu) kekal gelap */ .elementor-22 .elementor-element.elementor-element-3cfc3b7 .elementor-nav-menu .sub-menu .menu-item a .sub-arrow, .elementor-22 .elementor-element.elementor-element-3cfc3b7.elementor-sticky--effects .elementor-nav-menu .sub-menu .menu-item a .sub-arrow { color: #1B1C20 !important; fill: #1B1C20 !important; }/* End custom CSS */