.elementor-13 .elementor-element.elementor-element-29432f2 > .elementor-container{max-width:1400px;}.elementor-13 .elementor-element.elementor-element-29432f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-140px;z-index:2;}.elementor-13 .elementor-element.elementor-element-29432f2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated > .elementor-background-overlay, .elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-941be07{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-13 .elementor-element.elementor-element-941be07 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-13 .elementor-element.elementor-element-e4a6f75{width:var( --container-widget-width, 104.259% );max-width:104.259%;--container-widget-width:104.259%;--container-widget-flex-grow:0;text-align:left;}.elementor-13 .elementor-element.elementor-element-e4a6f75 img{width:30%;border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-13 .elementor-element.elementor-element-53f6bcb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-13 .elementor-element.elementor-element-53f6bcb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-13 .elementor-element.elementor-element-7ccdd04 .elementor-menu-toggle{margin-left:auto;}.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main .elementor-item:focus{color:#B441D9;fill:#B441D9;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-b10c96e{width:14.818%;}.elementor-13 .elementor-element.elementor-element-53f6bcb{width:85.182%;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated > .elementor-background-overlay, .elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-00b6c81 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b10c96e{width:50%;}.elementor-13 .elementor-element.elementor-element-e4a6f75{padding:0px 0px 0px 30px;text-align:left;}.elementor-13 .elementor-element.elementor-element-e4a6f75 img{width:30%;}.elementor-13 .elementor-element.elementor-element-53f6bcb{width:50%;}.elementor-13 .elementor-element.elementor-element-7ccdd04 > .elementor-widget-container{padding:0px 30px 0px 0px;}.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--dropdown a{padding-left:40px;padding-right:40px;padding-top:12px;padding-bottom:12px;}.elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-13 .elementor-element.elementor-element-7ccdd04 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:25px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-7ccdd04 */.elementor-nav-menu li a {
  position: relative;
  overflow: hidden;
}

.elementor-nav-menu li a::before,
.elementor-nav-menu li a::after {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  width: 0%;
  height: 0%;
  bottom: 0%;
  right: 0%;
  background: transparent !important;
}

.elementor-nav-menu li a::before {
  border-bottom-width: 2px;
  border-left-width: 2px;
}

.elementor-nav-menu li a::after {
  border-top-width: 2px;
  border-right-width: 2px;
}

.elementor-nav-menu li a:hover {
  color: #fff;
}

.elementor-nav-menu li a:hover::before,
.elementor-nav-menu li a:hover::after {
  border-color: white !important;
  transition: border-color 0s, width 0.3s, height 0.3s;
  width: 100%;
  height: 100%;
}

.elementor-nav-menu li a:hover::before {
  transition-delay: 0s, 0s, 0.3s;
}

.elementor-nav-menu li a:hover::after {
  transition-delay: 0s, 0.3s, 0s;
}

.header-white .elementor-nav-menu li a,
.elementor-sticky--effects .elementor-nav-menu li a {
  color: #000;
}

/* Hover menu saat sticky (header sudah berubah) */
.elementor-sticky--effects .elementor-nav-menu li a:hover {
    color: #4A1038 !important;
}

.elementor-sticky--effects .elementor-nav-menu li a:hover::before,
.elementor-sticky--effects .elementor-nav-menu li a:hover::after {
    border-color: #4A1038 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-29432f2 *//* ============================================================
   HEADER NORMAL (Ungu Solid)
============================================================ */
.my-sticky-header {
  background-color: #4A1038 !important; /* ungu solid */
  transition: all 0.8s ease-in-out !important;
}

/* ===== LOGO normal ===== */
.my-sticky-header img {
  filter: brightness(1) invert(0) !important; /* logo jadi putih */
  transition: filter 0.8s ease-in-out !important;
}

/* ===== MENU normal ===== */
.my-sticky-header .elementor-nav-menu a {
  color: #ffffff !important; /* teks putih */
  transition: color 0.8s ease-in-out !important;
}

/* ===== BUTTON normal ===== */
.my-sticky-header .elementor-button {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  transition: all 0.8s ease-in-out !important;
}

/* ===== BUTTON normal hover ===== */
.my-sticky-header .elementor-button:hover {
  background-color: #EAA636 !important;
  color: #ffffff !important;
  border-color: #EAA636 !important;
}

/* ============================================================
   HEADER STICKY (Glass Effect)
============================================================ */
.my-sticky-header.elementor-sticky--effects {
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  transition: all 0.8s ease-in-out !important;
}

/* ===== LOGO sticky ===== */
.my-sticky-header.elementor-sticky--effects img {
  filter: brightness(1) invert(0) !important; /* logo kembali warna asli */
}

/* ===== MENU sticky ===== */
.my-sticky-header.elementor-sticky--effects .elementor-nav-menu a {
  color: #4A1038 !important; /* teks ungu */
}

/* ===== BUTTON sticky ===== */
.my-sticky-header.elementor-sticky--effects .elementor-button {
  background-color: #EAA636 !important; /* tombol kuning */
  color: #4A1038 !important; /* teks ungu */
  border-color: #EAA636 !important;
}

/* ===== BUTTON sticky hover ===== */
.my-sticky-header.elementor-sticky--effects .elementor-button:hover {
  background-color: #ffffff !important;
  color: #EAA636 !important;
  border-color: #EAA636 !important;
}

/* ============================================================
   MOBILE MENU (DROPDOWN)
============================================================ */
/* Normal */
.my-sticky-header .elementor-nav-menu--dropdown .elementor-item {
  background-color: #4A1038 !important;
  color: #ffffff !important;
  transition: all 0.8s ease-in-out !important;
}

/* Hover */
.my-sticky-header .elementor-nav-menu--dropdown .elementor-item:hover {
  background-color: #ffffff !important;
  color: #4A1038 !important;
}

/* Sticky dropdown */
.my-sticky-header.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #4A1038 !important;
}

/* Hover sticky dropdown */
.my-sticky-header.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item:hover {
  background-color: #4A1038 !important;
  color: #ffffff !important;
}

/* ============================================================
   TOGGLE MENU (Hamburger)
============================================================ */
.my-sticky-header .elementor-menu-toggle svg,
.my-sticky-header .elementor-menu-toggle span {
  color: #fff !important;
  fill: #fff !important;
  transition: all 0.8s ease-in-out !important;
}

.my-sticky-header.elementor-sticky--effects .elementor-menu-toggle svg,
.my-sticky-header.elementor-sticky--effects .elementor-menu-toggle span {
  color: #4A1038 !important;
  fill: #4A1038 !important;
}

/* ============================================================
   TRANSISI TINGGI HEADER
============================================================ */
.my-sticky-header > .elementor-container {
  min-height: 70px !important; /* kecil di awal */
  transition: all 0.8s ease-in-out !important;
}

.my-sticky-header.elementor-sticky--effects > .elementor-container {
  min-height: 90px !important; /* membesar saat sticky */
}/* End custom CSS */