.elementor-9 .elementor-element.elementor-element-8791ff5{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-8791ff5:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-8791ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-8791ff5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-4f04811{--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-9 .elementor-element.elementor-element-4f04811.e-con{--flex-grow:0;--flex-shrink:0;}.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-9 .elementor-element.elementor-element-e0dbac8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 70px;text-align:start;}.elementor-9 .elementor-element.elementor-element-06b19d4{--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-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-9 .elementor-element.elementor-element-e7f5b8f .elementor-menu-toggle{margin:0 auto;}.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--main .elementor-item:focus{color:#043EC4;fill:#043EC4;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-4f04811{--width:40%;}.elementor-9 .elementor-element.elementor-element-06b19d4{--width:66.6666%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-8791ff5{--justify-content:space-between;}.elementor-9 .elementor-element.elementor-element-4f04811{--width:40%;--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-start;--align-items:flex-start;}.elementor-9 .elementor-element.elementor-element-4f04811.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-e0dbac8{padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-e0dbac8.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-06b19d4{--width:40%;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}}/* Start custom CSS for nav-menu, class: .elementor-element-e7f5b8f */.elementor-9 .elementor-element.elementor-element-e7f5b8f .menu-button a {
  background-color: #ff5722; /* Warna latar belakang tombol */
  color: #ffffff !important; /* Warna teks tombol */
  padding: 10px 20px; /* Jarak dalam tombol */
  border-radius: 4px; /* Kelengkungan sudut tombol */
  transition: all 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-e7f5b8f .menu-button a:hover {
  background-color: #e64a19; /* Warna saat kursor menyentuh tombol */
  color: #ffffff !important;
}

/* Container submenu desktop */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown {
  top: 60px; /* geser seluruh dropdown ke bawah sesuai tinggi header */
  background: rgba(0, 0, 255, 0.6); /* biru transparan */
  backdrop-filter: blur(6px); /* efek blur */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* bayangan elegan */
}

/* Item submenu */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown a {
  color: #ffffff; /* font putih */
  padding: 10px 15px;
  transition: all 0.3s ease;
  margin-top: 0; /* jangan ada jarak antar item */
}

/* Efek hover */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown a:hover {
  background: rgba(255, 0, 0, 0.8); /* merah saat hover */
  color: #ffffff;
}



@media (max-width:1024px){

.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown{
    background:rgba(18,33,64,.72) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    padding:10px 0;
}


/* MENU */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown .elementor-item{
    padding:14px 20px;
    color:#fff;
    font-size:15px;
    font-weight:600;
}


/* HOVER */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown .elementor-item:hover{
    background:#c00000;
    color:#fff;
}


/* ACTIVE */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown li.current-menu-item > a,
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown li.current-menu-ancestor > a{
    background:#c00000;
    color:#fff;
}


/* SUBMENU */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown .sub-menu{
    background:transparent !important;
    padding:5px 0 5px 20px !important;
}


/* SUBMENU ITEM */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown .sub-menu .elementor-item,
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item{
    padding:10px 20px;
    font-size:14px;
    color:#fff !important;
    opacity:1 !important;
}


/* SUBMENU OPEN */
.elementor-9 .elementor-element.elementor-element-e7f5b8f .elementor-nav-menu--dropdown li.menu-item-has-children > a[aria-expanded="true"] + .sub-menu{
    display:block !important;
}

.elementor-9 .elementor-element.elementor-element-e7f5b8f .sub-menu .elementor-item {
    color: #fff !important;
    opacity: 1 !important;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8791ff5 *//* ==========================================
   HEADER
========================================== */

.head-menu{
    display:flex;
    justify-content:space-between;
    align-items:center;

    width:100%;
    height:70px;

    padding:0 20px;

    position:fixed;
    top:0;
    left:0;

    background:#fff;

    z-index:999;

    box-sizing:border-box;
}

/* Shadow bawah */
.head-menu::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-15px;

    height:15px;

    background:linear-gradient(to bottom,rgba(0,0,0,.15),transparent);

    pointer-events:none;
}

/* ==========================================
   LOGO
========================================== */

.head-menu .elementor-widget-image img{
    max-height:65px;
    width:auto;
    display:block;
}

/* ==========================================
   MENU DESKTOP
========================================== */

.head-menu .elementor-widget-nav-menu{
    margin-left:auto;
}

.head-menu .elementor-widget-nav-menu .elementor-item{
    padding:8px 15px !important;
    line-height:1.2;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

.head-menu{

    height:70px;

    padding:0 20px;

    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}

.head-menu .elementor-widget-image img{
    max-height:60px;
}

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:767px){

.head-menu{
   
    height:70px;
            
    padding:0 15px;

    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}

.head-menu .elementor-widget-image img{
    max-height:55px;
}

.head-menu .elementor-widget-nav-menu{
    margin:0;
}



}/* End custom CSS */