.elementor-17 .elementor-element.elementor-element-1bf52ea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7c204d0{--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;}.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-17 .elementor-element.elementor-element-f807d27 img{width:89px;}.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-17 .elementor-element.elementor-element-578e1a7 .elementor-menu-toggle{margin:0 auto;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu .elementor-item{font-family:"Alata", Sans-serif;font-weight:300;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item:hover, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item:focus{color:#486672;fill:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed .elementor-item:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed .elementor-item:after{border-color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-underline .elementor-item:after, .elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-overline .elementor-item:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-double-line .elementor-item:before, .elementor-17 .elementor-element.elementor-element-578e1a7 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-578e1a7 .elementor-nav-menu--dropdown a.highlighted{background-color:#E2E2E2;}.elementor-17 .elementor-element.elementor-element-578e1a7 div.elementor-menu-toggle{color:#486672;}.elementor-17 .elementor-element.elementor-element-578e1a7 div.elementor-menu-toggle svg{fill:#486672;}.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-17 .elementor-element.elementor-element-e232fca .elementor-button{background-color:#486672;font-family:"Alata", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);padding:13px 55px 13px 55px;}.elementor-17 .elementor-element.elementor-element-e232fca .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-e232fca .elementor-button:focus{background-color:#D17851;}.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-17 .elementor-element.elementor-element-f807d27{width:100%;max-width:100%;margin:0 auto calc(var(--kit-widget-spacing, 0px) + 0) 0;text-align:start;}.elementor-17 .elementor-element.elementor-element-578e1a7{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-578e1a7.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-17 .elementor-element.elementor-element-e232fca.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-e232fca .elementor-button{font-size:13px;padding:13px 21px 13px 21px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-7c204d0{--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;--flex-wrap:nowrap;}.elementor-17 .elementor-element.elementor-element-f807d27{width:100%;max-width:100%;margin:0 auto calc(var(--kit-widget-spacing, 0px) + 0) 0;text-align:start;}.elementor-17 .elementor-element.elementor-element-f807d27.elementor-element{--order:-99999 /* order start hack */;}.elementor-17 .elementor-element.elementor-element-f807d27 img{width:70px;}.elementor-17 .elementor-element.elementor-element-578e1a7{width:var( --container-widget-width, 21% );max-width:21%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:21%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-578e1a7.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-17 .elementor-element.elementor-element-e232fca.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-e232fca .elementor-button{font-size:13px;padding:13px 21px 13px 21px;}}/* Start custom CSS for nav-menu, class: .elementor-element-578e1a7 *//* Warna Menu saat Header masih Transparan (Awal) */ #hdr.header .hdr-menu a { color: #FFFFFF !important; transition: color 0.3s ease; /* Transisi halus saat berubah warna */ } /* Warna Menu saat Header sudah di-scroll (Background Putih) */ #hdr.header.scrolled .hdr-menu a { color: #486672 !important; } @media (max-width: 1024px) { /* Warna teks link saat menu dibuka (kondisi transparan) */ #hdr.header .elementor-nav-menu--dropdown a { color: #486672 !important; } /* Warna icon toggle (garis tiga) agar tetap terlihat saat transparan */ #hdr.header .elementor-menu-toggle i { color: #486672 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1bf52ea *//* 1. STATE AWAL: Header Transparan */ #hdr.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.4); } /* Logo Putih saat awal */ #hdr.header #logos { transition: filter 0.3s ease-in-out; filter: brightness(0) invert(1); } /* Tombol tetap Putih konsisten */ #hdr.header .hdr-button, #hdr.header .hdr-button a { color: #FFFFFF !important; } /* 2. STATE SCROLLED: Header Putih / Blur */ #hdr.header.scrolled { background-color: rgba(255, 255, 255, 0.89); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } /* Logo kembali ke warna asli saat scroll */ #hdr.header.scrolled #logos { filter: none; } /* Tombol tetap putih meski sudah scroll */ #hdr.header.scrolled .hdr-button, #hdr.header.scrolled .hdr-button a { color: #FFFFFF !important; }/* End custom CSS */