.elementor-1322 .elementor-element.elementor-element-e8dfea1{--display:flex;--min-height:50px;--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:2;}.elementor-1322 .elementor-element.elementor-element-e8dfea1:not(.elementor-motion-effects-element-type-background), .elementor-1322 .elementor-element.elementor-element-e8dfea1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-e8dfea1.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), montserrat;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1322 .elementor-element.elementor-element-574729c{width:var( --container-widget-width, 12.096% );max-width:12.096%;--container-widget-width:12.096%;--container-widget-flex-grow:0;}.elementor-1322 .elementor-element.elementor-element-574729c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1322 .elementor-element.elementor-element-574729c img{width:33%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), montserrat;font-size:var( --e-global-typography-primary-font-size );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 ), montserrat;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1322 .elementor-element.elementor-element-3fb6dc3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-menu-toggle{margin:0 auto;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), montserrat;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main .elementor-item{color:#E2E2E2;fill:#E2E2E2;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main .elementor-item:focus{color:#7A7A7A;fill:#7A7A7A;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#7A7A7A;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .e--pointer-framed .elementor-item:before,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .e--pointer-framed .elementor-item:after{border-color:#7A7A7A;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a, .elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-menu-toggle{color:#E2E2E2;fill:#E2E2E2;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a:hover,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a:focus,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-menu-toggle:hover,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-menu-toggle:focus{color:#1E1E1E;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a:hover,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a:focus,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a.highlighted{background-color:#E2E2E2;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu--dropdown a.elementor-item-active{color:#1E1E1E;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 div.elementor-menu-toggle{color:#E2E2E2;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 div.elementor-menu-toggle svg{fill:#E2E2E2;}.elementor-1322 .elementor-element.elementor-element-84f543e .elementor-repeater-item-f4a19e3.elementor-social-icon{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-84f543e .elementor-repeater-item-de73374.elementor-social-icon{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-84f543e .elementor-repeater-item-4a4c24c.elementor-social-icon{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-84f543e .elementor-repeater-item-75b13c2.elementor-social-icon{background-color:#0C3523;}.elementor-1322 .elementor-element.elementor-element-84f543e{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1322 .elementor-element.elementor-element-84f543e .elementor-widget-container{text-align:center;}.elementor-1322 .elementor-element.elementor-element-84f543e.elementor-element{--align-self:center;}.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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-1322 .elementor-element.elementor-element-3fb6dc3.elementor-element{--order:99999 /* order end hack */;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1322 .elementor-element.elementor-element-e8dfea1{--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;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1322 .elementor-element.elementor-element-574729c{width:var( --container-widget-width, 54px );max-width:54px;--container-widget-width:54px;--container-widget-flex-grow:0;}.elementor-1322 .elementor-element.elementor-element-574729c img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-1322 .elementor-element.elementor-element-3fb6dc3{width:var( --container-widget-width, 53px );max-width:53px;--container-widget-width:53px;--container-widget-flex-grow:0;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3.elementor-element{--align-self:center;}.elementor-1322 .elementor-element.elementor-element-3fb6dc3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );}.elementor-1322 .elementor-element.elementor-element-84f543e{--icon-size:14px;}}/* Start custom CSS for container, class: .elementor-element-e8dfea1 *//* Warna default (saat belum di-scroll) */
.elementor-1322 .elementor-element.elementor-element-e8dfea1 {
  background-color: #0C3523 !important; /* hijau tua */
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

/* Efek ketika sticky (setelah di-scroll) */
.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-sticky--effects {
  background-color: #EEF0E5 !important; /* cream */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Transisi warna menu agar tetap terbaca */
.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-nav-menu a {
  color: #FFFFFF !important; /* putih saat hijau */
  transition: color 0.4s ease;
}

.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-sticky--effects .elementor-nav-menu a {
  color: #0C3523 !important; /* hijau saat cream */
}

/* === Warna ikon hamburger === */
.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-menu-toggle {
  color: #ffffff !important; /* putih sebelum scroll */
  transition: color 0.4s ease;
}

/* Saat sticky (setelah scroll) → ubah jadi hijau */
.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-sticky--effects .elementor-menu-toggle {
  color: #0C3523 !important; /* hijau setelah scroll */
}

/* === Tambahan agar animasi smooth === */
.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-menu-toggle svg,
.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-menu-toggle i {
  transition: fill 0.4s ease, color 0.4s ease;
}

.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-menu-toggle svg path {
  fill: #ffffff !important; /* putih sebelum scroll */
  transition: fill 0.4s ease;
}

.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-sticky--effects .elementor-menu-toggle svg path {
  fill: #0C3523 !important; /* hijau setelah scroll */
}

.elementor-1322 .elementor-element.elementor-element-e8dfea1.elementor-sticky--effects .elementor-nav-menu--dropdown a {
  color: #e2e2e2 !important; /* teks dropdown saat sticky */
}

.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-nav-menu--dropdown a:hover,
.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-1322 .elementor-element.elementor-element-e8dfea1 .elementor-nav-menu--dropdown a.highlighted {
  color: #1e1e1e !important; /* warna saat hover & aktif */
}/* End custom CSS */