.elementor-347 .elementor-element.elementor-element-78d44ff{--display:flex;--position:absolute;--min-height:60px;--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;--overlay-opacity:0.51;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:99;}.elementor-347 .elementor-element.elementor-element-78d44ff::before, .elementor-347 .elementor-element.elementor-element-78d44ff > .elementor-background-video-container::before, .elementor-347 .elementor-element.elementor-element-78d44ff > .e-con-inner > .elementor-background-video-container::before, .elementor-347 .elementor-element.elementor-element-78d44ff > .elementor-background-slideshow::before, .elementor-347 .elementor-element.elementor-element-78d44ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-347 .elementor-element.elementor-element-78d44ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-347 .elementor-element.elementor-element-78d44ff{left:0px;}body.rtl .elementor-347 .elementor-element.elementor-element-78d44ff{right:0px;}.elementor-347 .elementor-element.elementor-element-fb33c5b{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:end;}.elementor-347 .elementor-element.elementor-element-fb33c5b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-347 .elementor-element.elementor-element-fb33c5b img{width:70%;}.elementor-347 .elementor-element.elementor-element-0194eb1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-347 .elementor-element.elementor-element-0194eb1 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-0194eb1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-0194eb1.elementor-view-framed .elementor-icon, .elementor-347 .elementor-element.elementor-element-0194eb1.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-0194eb1.elementor-view-framed .elementor-icon, .elementor-347 .elementor-element.elementor-element-0194eb1.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-0194eb1 .elementor-icon{font-size:41px;}.elementor-347 .elementor-element.elementor-element-0194eb1 .elementor-icon svg{height:41px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-menu-toggle{margin:0 auto;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;text-decoration:none;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item{color:#D8D8D8;fill:#D8D8D8;padding-left:15px;padding-right:15px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-underline .elementor-item:after,
					 .elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-overline .elementor-item:before,
					 .elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-double-line .elementor-item:before,
					 .elementor-347 .elementor-element.elementor-element-25d2f4c .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown a:hover,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown a:focus,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown a.highlighted{background-color:#204376;}.elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown .elementor-item, .elementor-347 .elementor-element.elementor-element-25d2f4c .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;}.elementor-347 .elementor-element.elementor-element-692bd6b{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-347 .elementor-element.elementor-element-8388c07 img{width:75px;height:21px;}.elementor-347 .elementor-element.elementor-element-6aeee69{padding:0px 00px 00px 0px;text-align:center;}.elementor-347 .elementor-element.elementor-element-6aeee69 img{width:75px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-347 .elementor-element.elementor-element-fb33c5b img{width:100%;}.elementor-347 .elementor-element.elementor-element-0194eb1{margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:05px 0px 0px 0px;}.elementor-347 .elementor-element.elementor-element-0194eb1 .elementor-icon{font-size:26px;}.elementor-347 .elementor-element.elementor-element-0194eb1 .elementor-icon svg{height:26px;}}@media(min-width:768px){.elementor-347 .elementor-element.elementor-element-78d44ff{--width:100%;}.elementor-347 .elementor-element.elementor-element-692bd6b{--width:120px;}}/* Start custom CSS for image, class: .elementor-element-8388c07 */.elementor-347 .elementor-element.elementor-element-8388c07 img {
    cursor: pointer;
    transition: 0.3s;
}
.elementor-347 .elementor-element.elementor-element-8388c07 img:hover {
    transform: scale(1.1); /* Memberikan efek zoom sedikit saat disorot */
}

.elementor-347 .elementor-element.elementor-element-8388c07 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6aeee69 */.elementor-347 .elementor-element.elementor-element-6aeee69 img {
    cursor: pointer;
    transition: 0.3s;
}
.elementor-347 .elementor-element.elementor-element-6aeee69 img:hover {
    transform: scale(1.1); /* Memberikan efek zoom sedikit saat disorot */
}
.elementor-347 .elementor-element.elementor-element-6aeee69 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d44ff *//* 1. Transisi dasar untuk container agar halus */
.elementor-347 .elementor-element.elementor-element-78d44ff {
    -webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}

/* 2. Transisi untuk font menu agar perubahan warnanya tidak kaku */
.elementor-347 .elementor-element.elementor-element-78d44ff .elementor-nav-menu--main .elementor-item {
    transition: color 0.3s ease-in-out !important;
}

/* 3. Background jadi biru dan muncul bayangan saat sticky */
.elementor-347 .elementor-element.elementor-element-78d44ff.elementor-sticky--effects {
    background: #204376 !important;
    background-color: #204376 !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 4. Mengubah warna font menu menjadi PUTIH saat sticky */
.elementor-347 .elementor-element.elementor-element-78d44ff.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
    color: #FFFFF !important; 
}

/* (Opsional) Mengubah warna font saat menu di-hover ketika mode sticky */
.elementor-347 .elementor-element.elementor-element-78d44ff.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover {
    color: #FFFFF !important; /* Ganti kode warna ini sesuai warna biru/aksen brand Anda */
}

/* 5. Mengubah font menjadi BOLD khusus untuk menu yang sedang Aktif */
.elementor-347 .elementor-element.elementor-element-78d44ff .elementor-nav-menu--main .elementor-item.elementor-item-active {
    font-weight: 700 !important; 
}


/* 7. Header langsung berwarna biru KHUSUS di halaman Detail Produk (Single Post) */
/*.single .elementor-347 .elementor-element.elementor-element-78d44ff {*/
/*    background: #204376 !important;*/
/*    background-color: #204376 !important;*/
/*    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1) !important;*/
/*}*/

/* 6. Memastikan warna font menu juga langsung putih di halaman detail */
/*.single .elementor-347 .elementor-element.elementor-element-78d44ff .elementor-nav-menu--main .elementor-item {*/
/*    color: #FFFFFF !important;*/
/*}*/

/* 5. Header langsung berwarna biru KHUSUS di halaman Detail Produk & Layanan */
body.single .elementor-347 .elementor-element.elementor-element-78d44ff,
body.page-id-108 .elementor-347 .elementor-element.elementor-element-78d44ff {
    background: #204376 !important;
    background-color: #204376 !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 6. Memastikan warna font menu juga langsung putih di halaman tersebut */
body.single .elementor-347 .elementor-element.elementor-element-78d44ff .elementor-nav-menu--main .elementor-item,
body.page-id-108 .elementor-347 .elementor-element.elementor-element-78d44ff .elementor-nav-menu--main .elementor-item {
    color: #FFFFFF !important;
}/* End custom CSS */