.elementor-9 .elementor-element.elementor-element-ea37d78{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-9 .elementor-element.elementor-element-ea37d78:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ea37d78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d3a8eb2{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-d3a8eb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-cc09bed{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}/* Start custom CSS */.dce-nav-menu {
  padding: 0 !important;
  margin-top: 5rem !important;
  margin-left: 2rem !important;
  width: 100% !important;
}

/* Tablet (<= 1024px) */
@media (max-width: 1024px) {
  .dce-nav-menu {
    margin-top: 3rem !important;
    margin-left: 1.5rem !important;
    width: 100% !important;
  }
}

/* Mobile Landscape (<= 768px) */
@media (max-width: 768px) {
  .dce-nav-menu {
    margin-top: 2rem !important;
    margin-left: 1rem !important;
    width: 100% !important;
  }
}

/* Mobile Portrait (<= 480px) */
@media (max-width: 480px) {
  .dce-nav-menu {
    margin-top: 1rem !important;
    margin-left: 0.5rem !important;
    padding: 0 0.5rem !important;
    width: 100% !important;
  }
}

.elementor[data-elementor-type="header"] {
  position: relative;
  transition: all 0.5s ease;
  z-index: 100;
}

/* Saat sticky aktif */
.elementor[data-elementor-type="header"].is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  width: 100%;
  z-index: 9999;

  /* Efek smooth */
  transform: translateY(-10px);
  opacity: 0;
  animation: headerFadeIn 0.4s ease forwards;
}

.elementor[data-elementor-type="header"].is-hidden {
  opacity: 0;
  height: 0;
  display: none;
  pointer-events: none;
  transform: translateY(-20px);
}

/* Animasi muncul */
@keyframes headerFadeIn {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */