.elementor-755 .elementor-element.elementor-element-09aaa35{--display:flex;}.elementor-755 .elementor-element.elementor-element-772b88e{--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;}/* Start custom CSS for html, class: .elementor-element-021dc02 *//* Impor Font Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');

body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
}
body.menu-active {
  overflow: hidden;
}

/* Bagian Navbar (Latar belakang) dibuat full-width */
.navbar-new {
  /* [DIUBAH] Dibuat lebih transparan */
  background-color: rgba(255, 255, 255, 0.75); 
  backdrop-filter: blur(10px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99998; 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Bagian Container (Konten) diatur lebarnya dan diposisikan di tengah */
.container-new {
  max-width: 1200px; 
  margin: 0 auto; 
  padding: 15px; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; /* [TAMBAHAN] Membantu konteks z-index */
}

.logo-new a img {
  height: 40px;
  width: auto;
  display: block;
}
.menu-new ul {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}
.menu-new ul li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: color 0.3s ease;
}
.menu-new ul li a:hover {
  color: #0077cc;
}
.menu-toggle-new {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
}
.menu-toggle-new span {
  width: 25px;
  height: 3px;
  background-color: #333;
  display: block;
  transition: all 0.3s ease-in-out;
}

/* Animasi hamburger menjadi 'X' */
.menu-toggle-new.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.menu-toggle-new.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle-new.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

/* Header untuk di dalam menu mobile */
.mobile-menu-header {
  display: none; 
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.mobile-menu-header a {
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
}
.mobile-menu-header img {
  height: 40px;
  width: 40px;
}
.mobile-menu-header span {
  font-family: 'Poppins', sans-serif;
  font-weight: 700; 
  font-size: 20px;
  color: #333;
}

/* Tampilan Mobile */
@media (max-width: 768px) {
  .menu-toggle-new {
    display: flex;
    z-index: 100000; /* Z-index paling tinggi */
  }
  .menu-new {
    display: block;
    position: fixed;
    top: 0;
    left: 0; 
    width: 70vw; 
    height: 100vh; 
    background-color: rgba(255, 255, 255, 0.98); 
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.1);
    z-index: 99999; /* Di bawah toggle, tapi di atas navbar */
    
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
  }
  .menu-new.active {
    transform: translateX(0);
  }
  
  .mobile-menu-header {
    display: block; 
  }

  .menu-new ul {
    flex-direction: column;
    padding: 20px 0; 
  }
  .menu-new ul li {
    padding: 10px 25px; 
  }
}/* End custom CSS */