.elementor-49577 .elementor-element.elementor-element-0273ad4{--display:flex;--position:fixed;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:2em;--padding-right:2em;top:0px;--z-index:999;}.elementor-49577 .elementor-element.elementor-element-0273ad4:not(.elementor-motion-effects-element-type-background), .elementor-49577 .elementor-element.elementor-element-0273ad4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-362a599 );}body:not(.rtl) .elementor-49577 .elementor-element.elementor-element-0273ad4{left:0px;}body.rtl .elementor-49577 .elementor-element.elementor-element-0273ad4{right:0px;}.elementor-49577 .elementor-element.elementor-element-767f184{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:1px;--padding-right:1px;}.elementor-49577 .elementor-element.elementor-element-2d8ad38 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-49577 .elementor-element.elementor-element-2d8ad38 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-49577 .elementor-element.elementor-element-2d8ad38{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-49577 .elementor-element.elementor-element-2d8ad38 .elementor-icon-list-text{transition:color 0.3s;}.elementor-49577 .elementor-element.elementor-element-1d44c48 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;}.elementor-49577 .elementor-element.elementor-element-1d44c48 .elementor-button-content-wrapper{flex-direction:row;}.elementor-49577 .elementor-element.elementor-element-abecd1a{--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:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49577 .elementor-element.elementor-element-7e9222b{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49577 .elementor-element.elementor-element-04eb496{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-menu-toggle{margin-left:auto;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu .elementor-item{font-family:"Roboto", sans-serif;font-size:18px;font-weight:600;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main .elementor-item{color:#252525;fill:#252525;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main .elementor-item:focus{color:#2853A1;fill:#2853A1;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-362a599 );}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a:hover,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a:focus,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-menu-toggle:hover,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-menu-toggle:focus{color:var( --e-global-color-5366d11 );}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a:hover,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a:focus,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-362a599 );}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-5366d11 );}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown .elementor-item, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", sans-serif;font-weight:700;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--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;}.elementor-49577 .elementor-element.elementor-element-8b39c98.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-49577 .elementor-element.elementor-element-c6c9e52 .elementor-button{background-color:#00000000;fill:#000000;color:#000000;padding:1em 1em 1em 1em;}.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-49577 .elementor-element.elementor-element-0273ad4{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-49577 .elementor-element.elementor-element-abecd1a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown .elementor-item, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:0.9rem;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:4.8em !important;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49577 .elementor-element.elementor-element-8b39c98.e-con{--align-self:flex-end;}.elementor-49577 .elementor-element.elementor-element-c6c9e52 .elementor-button{padding:10px 10px 10px 10px;}}@media(max-width:880px){.elementor-49577 .elementor-element.elementor-element-0273ad4{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-49577 .elementor-element.elementor-element-abecd1a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:4em !important;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-49577 .elementor-element.elementor-element-0273ad4{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-49577 .elementor-element.elementor-element-abecd1a{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-49577 .elementor-element.elementor-element-04eb496{--width:160px;}.elementor-49577 .elementor-element.elementor-element-b57b29d{width:100%;max-width:100%;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown .elementor-item, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1rem;}.elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-49577 .elementor-element.elementor-element-7d6d7a3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:4.5em !important;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49577 .elementor-element.elementor-element-c6c9e52 .elementor-button{padding:5px 5px 5px 5px;}}@media(min-width:768px){.elementor-49577 .elementor-element.elementor-element-04eb496{--width:20%;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--width:10%;}}@media(max-width:1024px) and (min-width:768px){.elementor-49577 .elementor-element.elementor-element-abecd1a{--width:100%;}.elementor-49577 .elementor-element.elementor-element-04eb496{--width:200px;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--width:100%;}}@media(max-width:880px) and (min-width:768px){.elementor-49577 .elementor-element.elementor-element-04eb496{--width:180px;}.elementor-49577 .elementor-element.elementor-element-8b39c98{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-0273ad4 *//* Default state (transparent header) */
.bp-header {
  background-color: transparent !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Logo default (white version) */
.bp-header .bp-header-logo {
  content: url("https://dev-bpbatam-redesign.trian.id/wp-content/uploads/2025/09/header-logo.svg");
}

/* Menu text & icons default white */
.bp-header .bp-menu .elementor-nav-menu > li > a,
.bp-header .bp-menu .elementor-nav-menu > li > a i,
.bp-header .bp-menu .elementor-nav-menu > li > a svg,
.bp-header .bp-menu .elementor-nav-menu > li > a path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
}

/* ================== */
/* Sticky Header Effects */
/* ================== */
.bp-header.elementor-sticky--effects {
  background-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}


/* Default caret icon jadi putih */
.bp-header .bp-menu .elementor-nav-menu--main > .menu-item-has-children > a::after {
  border-color: #ffffff transparent transparent transparent !important;
}

/* ========================= */
/* HOVER STATE */
/* ========================= */

/* Header hover: background putih */
.bp-header:hover {
  background-color: #ffffff !important;
  backdrop-filter: blur(1px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* Logo saat hover (colored version) */
.bp-header:hover .bp-header-logo {
  content: url("https://dev-bpbatam-redesign.trian.id/wp-content/uploads/2025/09/logo-header-color.svg");
}

/* Menu hover: text hitam */
.bp-header:hover .bp-menu .elementor-nav-menu > li > a,
.bp-header:hover .bp-menu .elementor-nav-menu > li > a i,
.bp-header:hover .bp-menu .elementor-nav-menu > li > a svg,
.bp-header:hover .bp-menu .elementor-nav-menu > li > a path {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}

/* Caret hover: hitam */
.bp-header:hover .bp-menu .elementor-nav-menu--main > .menu-item-has-children > a::after {
  border-color: #000000 transparent transparent transparent !important;
}

@media only screen and (max-width: 1024px){
    .bp-header .bp-menu .elementor-nav-menu > li > a,
.bp-header .bp-menu .elementor-nav-menu > li > a i,
.bp-header .bp-menu .elementor-nav-menu > li > a svg,
.bp-header .bp-menu .elementor-nav-menu > li > a path {
  color: black !important;
  fill: black !important;
  stroke: black !important;
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
    }
}/* End custom CSS */