.elementor-268 .elementor-element.elementor-element-d60dcd2{--display:flex;}.elementor-268 .elementor-element.elementor-element-d283e1c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-268 .elementor-element.elementor-element-548e50a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-268 .elementor-element.elementor-element-53d1e5a{--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;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--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-268 .elementor-element.elementor-element-e7240fc{text-align:start;}.elementor-268 .elementor-element.elementor-element-e7240fc img{max-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-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:600;}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a, .elementor-268 .elementor-element.elementor-element-011e556 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a:hover,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a:focus,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-menu-toggle:hover,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a:hover,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a:focus,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-268 .elementor-element.elementor-element-011e556 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-268 .elementor-element.elementor-element-011e556 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-menu-toggle{background-color:var( --e-global-color-secondary );}.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-268 .elementor-element.elementor-element-bc34d2b .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:010px 21px 10px 21px;}.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-268 .elementor-element.elementor-element-53d1e5a{--justify-content:flex-end;--gap:0px 010px;--row-gap:0px;--column-gap:010px;}.elementor-268 .elementor-element.elementor-element-e7240fc{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-011e556.elementor-element{--order:99999 /* order end hack */;}.elementor-268 .elementor-element.elementor-element-bc34d2b{width:auto;max-width:auto;}.elementor-268 .elementor-element.elementor-element-bc34d2b .elementor-button{font-size:10px;}}@media(max-width:767px){.elementor-268 .elementor-element.elementor-element-d60dcd2{--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;}.elementor-268 .elementor-element.elementor-element-d283e1c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-268 .elementor-element.elementor-element-d283e1c.e-con{--align-self:center;}.elementor-268 .elementor-element.elementor-element-53d1e5a{--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;--justify-content:flex-end;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-268 .elementor-element.elementor-element-e7240fc{width:100%;max-width:100%;margin:0 auto calc(var(--kit-widget-spacing, 0px) + 0) 0;}.elementor-268 .elementor-element.elementor-element-011e556{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-268 .elementor-element.elementor-element-011e556.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-underline .elementor-item:after,
					 .elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-overline .elementor-item:before,
					 .elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-double-line .elementor-item:before,
					 .elementor-268 .elementor-element.elementor-element-011e556 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-268 .elementor-element.elementor-element-011e556 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-268 .elementor-element.elementor-element-bc34d2b{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-bc34d2b.elementor-element{--align-self:center;}.elementor-268 .elementor-element.elementor-element-bc34d2b .elementor-button{font-size:10px;}}/* Start custom CSS for container, class: .elementor-element-d283e1c */@media (max-width: 767px) {
    .elementor-268 .elementor-element.elementor-element-d283e1c {
        gap: 5px !important; /* Atur angka ini buat nentuin jarak rapatnya */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d60dcd2 *//* --- Kondisi Awal (Header Transparan) --- */
.hdr {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out;
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(0px);
}

/* DESKTOP: Teks warna Putih saat transparan */
.menus a {
    color: #ffffff !important; 
    transition: color 0.4s ease-in-out;
}

/* MOBILE/TOGGLE: Paksa teks jadi Hitam/Hijau di layar kecil */
@media (max-width: 1024px) {
    /* Targetkan element menu di dalam dropdown toggle */
    .menus a {
        color: #000000 !important; /* Warna item saat di dalam toggle */
    }
}

/* LOGO JADI PUTIH (saat transparan) */
.navlogo img {
    filter: brightness(0) invert(1) !important; 
    transition: all 0.4s ease-in-out;
}

/* --- Kondisi Setelah Scroll (.scrolled) --- */
.hdr.scrolled {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* SEMUA DEVICE: Teks jadi Hijau saat scroll */
.hdr.scrolled .menus a {
    color: #004225 !important;
}

/* LOGO BALIK NORMAL saat scroll */
.hdr.scrolled .navlogo img {
    filter: none !important;
}/* End custom CSS */