.elementor-17 .elementor-element.elementor-element-c107f97{--display:flex;--min-height:0px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:3;}.elementor-17 .elementor-element.elementor-element-c107f97:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-c107f97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101435;}.elementor-17 .elementor-element.elementor-element-f229275{--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;}.elementor-17 .elementor-element.elementor-element-8107f0a{text-align:left;}.elementor-17 .elementor-element.elementor-element-8107f0a img{width:47%;}.elementor-17 .elementor-element.elementor-element-1ffdd25{--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;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-menu-toggle{margin:0 auto;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main .elementor-item:focus{color:#DD89FF;fill:#DD89FF;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#7D22A3;}.elementor-17 .elementor-element.elementor-element-4054a09 .e--pointer-framed .elementor-item:before,
					.elementor-17 .elementor-element.elementor-element-4054a09 .e--pointer-framed .elementor-item:after{border-color:#7D22A3;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-4054a09 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown{background-color:#101435;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a:hover,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a:focus,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-menu-toggle:hover,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-menu-toggle:focus{color:#060520;}.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a:hover,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a:focus,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-4054a09 .elementor-nav-menu--dropdown a.highlighted{background-color:#D2D2D2;}.elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle:hover svg, .elementor-17 .elementor-element.elementor-element-4054a09 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-9a9ec6e{--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;}.elementor-17 .elementor-element.elementor-element-8681b86 .elementor-button{background-color:#764DF0;font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;border-radius:7px 7px 7px 7px;padding:11px 25px 11px 25px;}.elementor-17 .elementor-element.elementor-element-8681b86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-17:not(.elementor-motion-effects-element-type-background), .elementor-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101435;}.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-17 .elementor-element.elementor-element-f229275{--width:25%;}.elementor-17 .elementor-element.elementor-element-1ffdd25{--width:50%;}.elementor-17 .elementor-element.elementor-element-9a9ec6e{--width:25%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-c107f97{--justify-content:space-evenly;}.elementor-17 .elementor-element.elementor-element-f229275{--width:62%;}.elementor-17 .elementor-element.elementor-element-8107f0a img{width:100%;}.elementor-17 .elementor-element.elementor-element-1ffdd25{--width:24%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-c107f97 *//* Default transparan */
#hdr {
  background-color: transparent;
  transition: background-color 0.3s ease;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

/* Saat #home tidak lagi terlihat penuh di viewport */
body:has(#home:not(:in-view)) #hdr {
  background-color: rgba(0, 0, 0, 0.85); /* ganti warna sesuai kebutuhan */
}/* End custom CSS */