.elementor-31 .elementor-element.elementor-element-68f6a0f{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-cb60d15{--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-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-31 .elementor-element.elementor-element-fd1e04f{text-align:left;}.elementor-31 .elementor-element.elementor-element-fd1e04f img{width:100%;max-width:250px;}.elementor-31 .elementor-element.elementor-element-e131968{--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-31 .elementor-element.elementor-element-e131968.e-con{--flex-grow:0;--flex-shrink:0;}.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-31 .elementor-element.elementor-element-066d4ba .elementor-menu-toggle{margin:0 auto;}.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-e34b5e5 );fill:var( --e-global-color-e34b5e5 );}.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item:hover,
					.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item:focus{color:#3B82F6;fill:#3B82F6;}.elementor-31 .elementor-element.elementor-element-066d4ba .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-e34b5e5 );}.elementor-31 .elementor-element.elementor-element-2396dc1{--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-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-31 .elementor-element.elementor-element-1a94b39 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-1a94b39 .elementor-button:focus{background-color:#0048BD;}.elementor-31 .elementor-element.elementor-element-1a94b39 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31 .elementor-element.elementor-element-1a94b39 .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;border-radius:100px 100px 100px 100px;}.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-31 .elementor-element.elementor-element-cb60d15{--width:35%;}.elementor-31 .elementor-element.elementor-element-e131968{--width:50%;}.elementor-31 .elementor-element.elementor-element-2396dc1{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-68f6a0f *//* === INITIAL STATE === */
.csite-header {
  background: transparent !important;
  transition: background 0.45s ease, box-shadow 0.45s ease, backdrop-filter 0.45s ease;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.csite-header .e-n-menu-title-text {
  color: #ffffff;
  transition: color 0.35s ease;
}

.csite-header .csite-logo img {
  transition: opacity 0.35s ease, transform 0.35s ease;
  max-height: 56px;
  opacity: 1;
}

/* === SCROLLED STATE === */
.csite-header.scrolled {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.06);
}

.csite-header.scrolled .e-n-menu-title-text {
  color: #212121 !important;
}

/* Smooth fade for logo */
.csite-header.scrolled .csite-logo img,
.csite-header .csite-logo img {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* Menu color saat scrolled */
.csite-header.scrolled .e-n-menu-title-text,
.csite-header.scrolled .e-n-menu-item a, .csite-header.scrolled .elementor-nav-menu--main .elementor-item {
  color: #212121 !important;
}
/* Hover color saat scrolled */
.csite-header.scrolled .e-n-menu-item a:hover,
.csite-header.scrolled .e-n-menu-title-text:hover, .csite-header.scrolled .elementor-nav-menu--main .elementor-item:hover {
  color: #3B82F6 !important;
}/* End custom CSS */