.elementor-4823 .elementor-element.elementor-element-1c8ee4fe{--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;--padding-top:16px;--padding-bottom:16px;--padding-left:28px;--padding-right:28px;}.elementor-4823 .elementor-element.elementor-element-1c8ee4fe:not(.elementor-motion-effects-element-type-background), .elementor-4823 .elementor-element.elementor-element-1c8ee4fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-4823 .elementor-element.elementor-element-425e286b{--display:flex;--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:16px 34px;--row-gap:16px;--column-gap:34px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4823 .elementor-element.elementor-element-61e9bf80{--display:flex;--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;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-4823 .elementor-element.elementor-element-7dfff4dd img{width:48px;height:48px;}.elementor-4823 .elementor-element.elementor-element-342cc42b .elementor-heading-title{font-size:15px;font-weight:400;line-height:1em;color:#063f28;}.elementor-4823 .elementor-element.elementor-element-20168f64{--display:flex;--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:center;--align-items:center;--gap:4px 18px;--row-gap:4px;--column-gap:18px;}.elementor-4823 .elementor-element.elementor-element-2683336 .elementor-menu-toggle{margin:0 auto;}.elementor-4823 .elementor-element.elementor-element-2683336 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-4823 .elementor-element.elementor-element-11bdbe32{--display:flex;--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-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4823 .elementor-element.elementor-element-78ad43c .elementor-button{background-color:#ffffff;fill:#013B24;color:#013B24;border-style:solid;border-width:2px 2px 2px 2px;border-color:#063f28;border-radius:10px 10px 10px 10px;}.elementor-4823 .elementor-element.elementor-element-74d5ff12 .elementor-button{background-color:#00FF34;fill:#013B24;color:#013B24;border-style:solid;border-width:2px 2px 2px 2px;border-color:#063f28;border-radius:10px 10px 10px 10px;}.elementor-4823 .elementor-element.elementor-element-51fdacc{--display:flex;}.elementor-4823 .elementor-element.elementor-element-05406ec{text-align:start;}.elementor-4823 .elementor-element.elementor-element-fe771f6{--display:flex;}.elementor-4823 .elementor-element.elementor-element-22a7f68{text-align:justify;}@media(min-width:768px){.elementor-4823 .elementor-element.elementor-element-61e9bf80{--width:24%;}.elementor-4823 .elementor-element.elementor-element-20168f64{--width:50%;}.elementor-4823 .elementor-element.elementor-element-11bdbe32{--width:26%;}}@media(max-width:767px){.elementor-4823 .elementor-element.elementor-element-1c8ee4fe{--padding-top:14px;--padding-bottom:14px;--padding-left:18px;--padding-right:18px;}.elementor-4823 .elementor-element.elementor-element-342cc42b .elementor-heading-title{font-size:26px;}}/* Start custom CSS for nav-menu, class: .elementor-element-2683336 *//* Perbaikan dropdown menu "Tentang Kami" / "Program & Kegiatan" / "Aktivitas" */
.elementor-nav-menu .menu-item {
  position: relative;
}

.elementor-nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  width: 320px;
  max-width: 90vw;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  padding: 8px 0;
  margin: 0;
  list-style: none;
  flex-direction: column;
}

.elementor-nav-menu .sub-menu li {
  width: 100%;
}

.elementor-nav-menu .sub-menu li a {
  display: block;
  padding: 10px 20px;
  white-space: normal;
  line-height: 1.4;
  word-wrap: break-word;
}

.elementor-nav-menu .menu-item:hover > .sub-menu {
  display: flex;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20168f64 *//* === Reset tampilan menu jadi simple seperti gambar kedua === */

/* Container menu */
.elementor-nav-menu {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    gap: 30px; /* jarak antar menu */
}

/* Setiap item menu */
.elementor-nav-menu li {
    background-color: transparent !important;
    border: none !important;
}

/* Link teks menu */
.elementor-nav-menu a,
.elementor-nav-menu .elementor-item {
    background-color: transparent !important;
    color: #1a1a3c !important; /* warna teks gelap seperti contoh 2 */
    font-weight: 600;
    padding: 8px 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: color 0.3s ease;
}

/* Hover effect */
.elementor-nav-menu a:hover,
.elementor-nav-menu .elementor-item:hover {
    color: #6b21a8 !important; /* warna ungu saat hover, sesuaikan jika perlu */
}

/* Active / current menu item — underline style */
.elementor-nav-menu .elementor-item-active,
.elementor-nav-menu li.current-menu-item > a {
    color: #1a1a3c !important;
    border-bottom: 2px solid #1a1a3c !important;
    padding-bottom: 6px !important;
}

/* Hilangkan background dropdown arrow box */
.elementor-nav-menu .elementor-item .sub-arrow {
    background: transparent !important;
}

/* Dropdown submenu biar tampil clean */
.elementor-nav-menu .sub-menu {
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
}

.elementor-nav-menu .sub-menu a {
    color: #1a1a3c !important;
}

.elementor-nav-menu .sub-menu a:hover {
    color: #6b21a8 !important;
}/* End custom CSS */