.elementor-362 .elementor-element.elementor-element-2185a5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}#elementor-popup-modal-362 .dialog-message{width:250px;height:100vh;align-items:flex-start;}#elementor-popup-modal-362{justify-content:flex-end;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-362 .dialog-close-button{display:flex;}#elementor-popup-modal-362 .dialog-widget-content{animation-duration:0.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for nav-menu, class: .elementor-element-63cf8cb *//* Gaya dasar untuk menu item */
.menu-item .elementor-item {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
 font-size: 20px;
  transition: color 0.3s ease;
}

/* Efek hover: Garis animasi dari tengah ke sisi */
.menu-item .elementor-item::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #ff6b6b; /* Warna garis (bisa disesuaikan) */
  transform: translateX(-50%);
  transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1), left 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1;
}

/* Ketika di-hover, garis mulai dari tengah dan menyebar ke kiri dan kanan */
.menu-item .elementor-item:hover::before {
  width: 100%;
  left: 0;
}

/* Optional: Ubah warna teks saat hover */
.menu-item .elementor-item:hover {
  color: #ff6b6b;
}/* End custom CSS */