.elementor-325 .elementor-element.elementor-element-14606a2{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-325 .elementor-element.elementor-element-14606a2{left:0px;}body.rtl .elementor-325 .elementor-element.elementor-element-14606a2{right:0px;}.elementor-widget-theme-site-logo .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-325 .elementor-element.elementor-element-d7ed7fc{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-92427c2 .elementor-icon-wrapper{text-align:center;}.elementor-325 .elementor-element.elementor-element-92427c2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-92427c2.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-92427c2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-92427c2.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-92427c2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-301c316 .elementor-icon-wrapper{text-align:center;}.elementor-325 .elementor-element.elementor-element-301c316.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-301c316.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-301c316.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-301c316.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-301c316.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-e067ddc{--display:flex;}.elementor-325 .elementor-element.elementor-element-fdd4caf{--display:flex;}.elementor-325 .elementor-element.elementor-element-9f250dc{--display:flex;}.elementor-325 .elementor-element.elementor-element-b1fe7af .elementor-icon-wrapper{text-align:center;}.elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-325 .elementor-element.elementor-element-35c9735 .elementor-icon-wrapper{text-align:center;}.elementor-325 .elementor-element.elementor-element-35c9735.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-325 .elementor-element.elementor-element-35c9735.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-35c9735.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-325 .elementor-element.elementor-element-35c9735.elementor-view-framed .elementor-icon, .elementor-325 .elementor-element.elementor-element-35c9735.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-325 .elementor-element.elementor-element-8aef35d .elementor-button{background-color:#009FE2;font-family:"Inter", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:8px 8px 8px 8px;padding:12px 24px 12px 24px;}.elementor-325 .elementor-element.elementor-element-1dbfaef{--display:flex;--position:absolute;--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:024;--margin-bottom:0;--margin-left:auto;--margin-right:auto;top:0px;--z-index:20;}body:not(.rtl) .elementor-325 .elementor-element.elementor-element-1dbfaef{left:0px;}body.rtl .elementor-325 .elementor-element.elementor-element-1dbfaef{right:0px;}.elementor-325 .elementor-element.elementor-element-abcf9b8{--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-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-325 .elementor-element.elementor-element-abcf9b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-0e686a5{--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:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-325 .elementor-element.elementor-element-59e347a .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-325:not(.elementor-motion-effects-element-type-background), .elementor-325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-325{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-325 .elementor-element.elementor-element-1dbfaef{--width:100%;}.elementor-325 .elementor-element.elementor-element-abcf9b8{--width:78.436%;}.elementor-325 .elementor-element.elementor-element-0e686a5{--width:auto;}}@media(max-width:1024px){.elementor-325 .elementor-element.elementor-element-14606a2{--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;--padding-top:18px;--padding-bottom:18px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-325 .elementor-element.elementor-element-14606a2{left:0px;}body.rtl .elementor-325 .elementor-element.elementor-element-14606a2{right:0px;}.elementor-325 .elementor-element.elementor-element-d7ed7fc{--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;}.elementor-325 .elementor-element.elementor-element-92427c2.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-92427c2 .elementor-icon{font-size:24px;}.elementor-325 .elementor-element.elementor-element-92427c2 .elementor-icon svg{height:24px;}.elementor-325 .elementor-element.elementor-element-301c316.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-301c316 .elementor-icon{font-size:24px;}.elementor-325 .elementor-element.elementor-element-301c316 .elementor-icon svg{height:24px;}.elementor-325 .elementor-element.elementor-element-e067ddc{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--padding-top:18px;--padding-bottom:18px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-fdd4caf{--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:space-between;}.elementor-325 .elementor-element.elementor-element-9f250dc{--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;}.elementor-325 .elementor-element.elementor-element-b1fe7af.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-b1fe7af .elementor-icon{font-size:24px;}.elementor-325 .elementor-element.elementor-element-b1fe7af .elementor-icon svg{height:24px;}.elementor-325 .elementor-element.elementor-element-35c9735.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-35c9735 .elementor-icon{font-size:24px;}.elementor-325 .elementor-element.elementor-element-35c9735 .elementor-icon svg{height:24px;}.elementor-325 .elementor-element.elementor-element-d093840.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-8aef35d{width:100%;max-width:100%;}.elementor-325 .elementor-element.elementor-element-8aef35d.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-325 .elementor-element.elementor-element-14606a2{--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;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-325 .elementor-element.elementor-element-d7ed7fc{--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-325 .elementor-element.elementor-element-fdd4caf{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-325 .elementor-element.elementor-element-9f250dc{--justify-content:flex-end;}}@media(max-width:1024px) and (min-width:768px){.elementor-325 .elementor-element.elementor-element-d7ed7fc{--width:auto;}.elementor-325 .elementor-element.elementor-element-9f250dc{--width:auto;}}/* Start custom CSS for icon, class: .elementor-element-301c316 */.elementor-325 .elementor-element.elementor-element-301c316 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14606a2 */.elementor-325 .elementor-element.elementor-element-14606a2 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;

  z-index: 1000 !important;
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-74020b4 */.mobile-menu-panel .mobile-menu-logo img {
  filter: brightness(0);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-35c9735 */.elementor-325 .elementor-element.elementor-element-35c9735 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-d093840 *//* =====================================
   MENU BASE
===================================== */

.menu-navbar-container a {
    position: relative;
}


/* =====================================
   MATIKAN ACTIVE BAWAAN WP
   UNTUK LINK HASH
===================================== */

.menu-navbar-container
li.current-menu-item > a[href*="#"]::after,

.menu-navbar-container
li.current_page_item > a[href*="#"]::after {
    content: none !important;
}


/* =====================================
   ACTIVE BUATAN KITA
===================================== */

.menu-navbar-container
li.hash-menu-active > a {
    font-weight: 600;
}


/* underline */
.menu-navbar-container
li.hash-menu-active > a::after {
    content: "";
    position: absolute;

    left: 0;
    right: 0;
    bottom: -6px;

    width: 100%;
    height: 1px;

    background: currentColor;

    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8aef35d */.mobile-customer-login {
  margin-top: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e067ddc */.mobile-menu-panel {
  position: fixed !important;
  inset: 0 !important;

  width: 100vw !important;
  height: 100dvh !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 18px 16px 14px !important;
  box-sizing: border-box;

  background: #fff !important;
  z-index: 999999 !important;

  gap: 0 !important;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .3s ease,
    visibility .3s ease;
}

.mobile-menu-panel.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.elementor-7 .elementor-element.elementor-element-2c7a51b {
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: stretch;
}

/* ========================
   NAVIGATION
======================== */

.mobile-nav-list {
  width: 100% !important;
  max-width: none !important;

  align-self: stretch !important;

  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

.mobile-nav-list ul {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 0 !important;

  list-style: none !important;
}

.mobile-nav-list li {
  width: 100% !important;
  margin: 0 !important;
}

.mobile-nav-list a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  box-sizing: border-box;

  padding: 11px 0 !important;

  color: #111 !important;
  text-decoration: none !important;

  font-size: 14px !important;
  line-height: 1.3 !important;
}


/* PANAH KANAN */
.mobile-nav-list .menu-item-has-children > a::after {
  content: "⌄";

  margin-left: auto;

  font-size: 18px;
  line-height: 1;

  color: #111;
}


/* ========================
   LOGIN BUTTON
======================== */

.mobile-customer-login {
  width: 100% !important;

  margin-top: auto !important;
  margin-bottom: 0 !important;

  align-self: stretch !important;
}

.mobile-customer-login .elementor-widget-container {
  width: 100% !important;
}

.mobile-customer-login .elementor-button-wrapper {
  width: 100% !important;
}

.mobile-customer-login .elementor-button {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100% !important;

  padding: 11px 16px !important;

  border-radius: 5px !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-7eb00a4 */.elementor-325 .elementor-element.elementor-element-7eb00a4 ul {
  display: flex;
  align-items: center;
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 li {
  margin: 0;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 a {
  position: relative;
  white-space: nowrap;
  color: #fff !important;
  text-decoration: none;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 a:hover {
  color: #fff !important;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;

  width: 0;
  height: 1px;
  background: #fff;

  transition: width 0.3s ease;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 a:hover::after {
  width: 100%;
}

.elementor-325 .elementor-element.elementor-element-7eb00a4 .current-menu-item > a::after,
.elementor-325 .elementor-element.elementor-element-7eb00a4 .current_page_item > a::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-22a3686 *//* DROPDOWN LINKS (hardened against theme/Elementor overrides) */
.custom-user-menu .custom-user-dropdown > a,
.custom-user-menu .custom-user-dropdown > a:visited {
    display: block !important;
    padding: 10px 12px !important;
    color: #344054 !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
    background-clip: border-box !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 6px;
    transition: color .2s ease, background-color .2s ease;
}

.custom-user-menu .custom-user-dropdown > a:hover,
.custom-user-menu .custom-user-dropdown > a:focus-visible {
    color: #4f46e5 !important;
    background: #f8f8ff !important;
}

/* Matikan pseudo-element hover effect dari theme/Elementor */
.custom-user-menu .custom-user-dropdown > a::before,
.custom-user-menu .custom-user-dropdown > a::after {
    content: none !important;
    display: none !important;
}

/* LOGOUT */
.custom-user-menu .custom-user-dropdown > a.custom-user-logout,
.custom-user-menu .custom-user-dropdown > a.custom-user-logout:visited {
    color: #b42318 !important;
}

.custom-user-menu .custom-user-dropdown > a.custom-user-logout:hover {
    color: #b42318 !important;
    background: #fff5f5 !important;
}


.elementor-325 .elementor-element.elementor-element-22a3686 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dbfaef */.header-iner {
  position: absolute !important;
  top: 0;
  left: 50% !important;
  right: auto !important;

  width: calc(100% - 48px) !important;
  max-width: 1320px !important;

  transform: translateX(-50%);
  margin: 0 !important;

  z-index: 20;
}

/* Saat login + admin bar desktop */
body.admin-bar .header-iner {
  top: 24px !important;
}

/* Saat login + admin bar mobile */
@media (max-width: 782px) {
  body.admin-bar .header-iner {
    top: 62px !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   ADAPTIVE HEADER
   Default: white over hero/image
   Light pages: dark over white background
========================================= */


/* =========================================
   DEFAULT HEADER — WHITE
========================================= */

.adaptive-header,
.adaptive-header a,
.adaptive-header nav a,
.adaptive-header .elementor-item,
.adaptive-header .elementor-icon,
.adaptive-header .menu-item > a,
.adaptive-header .menu-item > a span,
.adaptive-header .elementor-nav-menu a,
.adaptive-header .elementor-nav-menu a.elementor-item {
    color: #ffffff !important;
}


/* SVG / ICON */
.adaptive-header svg,
.adaptive-header svg path,
.adaptive-header .sub-arrow {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}


/* DEFAULT LOGO */
.adaptive-header .elementor-widget-image img,
.adaptive-header .elementor-widget-theme-site-logo img,
.adaptive-header .custom-logo {
    filter: none;
    transition:
        filter 0.2s ease,
        opacity 0.2s ease;
}


/* =========================================
   LIGHT BACKGROUND PAGE — DARK HEADER
========================================= */

body.light-header-background .adaptive-header,
body.light-header-background .adaptive-header a,
body.light-header-background .adaptive-header nav a,
body.light-header-background .adaptive-header .elementor-item,
body.light-header-background .adaptive-header .elementor-icon,
body.light-header-background .adaptive-header .menu-item > a,
body.light-header-background .adaptive-header .menu-item > a span,
body.light-header-background .adaptive-header .elementor-nav-menu a,
body.light-header-background .adaptive-header .elementor-nav-menu a.elementor-item {
    color: #111111 !important;
}


/* =========================================
   NAVIGATION LINK
========================================= */

body.light-header-background
.adaptive-header
.elementor-nav-menu
a,

body.light-header-background
.adaptive-header
.elementor-nav-menu
a.elementor-item,

body.light-header-background
.adaptive-header
.elementor-nav-menu
.elementor-item,

body.light-header-background
.adaptive-header
nav
a,

body.light-header-background
.adaptive-header
.menu-item > a,

body.light-header-background
.adaptive-header
.menu-item > a span {
    color: #111111 !important;
}


/* =========================================
   HOVER
========================================= */

body.light-header-background
.adaptive-header
.elementor-nav-menu
a:hover,

body.light-header-background
.adaptive-header
.menu-item > a:hover,

body.light-header-background
.adaptive-header
.elementor-item:hover {
    color: #111111 !important;
}


/* =========================================
   ACTIVE / CURRENT MENU
========================================= */

body.light-header-background
.adaptive-header
.current-menu-item > a,

body.light-header-background
.adaptive-header
.current_page_item > a,

body.light-header-background
.adaptive-header
.current-menu-ancestor > a,

body.light-header-background
.adaptive-header
.elementor-item.elementor-item-active {
    color: #111111 !important;
}


/* =========================================
   SVG / ICON / DROPDOWN ARROW
========================================= */

body.light-header-background
.adaptive-header
svg,

body.light-header-background
.adaptive-header
svg path,

body.light-header-background
.adaptive-header
.sub-arrow {
    fill: #111111 !important;
    stroke: #111111 !important;
    color: #111111 !important;
}


/* =========================================
   LOGO → DARK
========================================= */

body.light-header-background
.adaptive-header
.elementor-widget-image img,

body.light-header-background
.adaptive-header
.elementor-widget-theme-site-logo img,

body.light-header-background
.adaptive-header
.custom-logo {
    filter: brightness(0) saturate(100%);
}


/* =========================================
   ELEMENTOR COLOR VARIABLES
========================================= */

body.light-header-background .adaptive-header {
    --e-global-color-primary: #111111;
    --e-global-color-secondary: #111111;
    --e-global-color-text: #111111;
}


/* =========================================
   SEARCH
========================================= */

body.light-header-background
.adaptive-header
.search,

body.light-header-background
.adaptive-header
.search a,

body.light-header-background
.adaptive-header
.search span {
    color: #111111 !important;
}


/* =========================================
   BUTTON / LOGIN / PROFILE
========================================= */

body.light-header-background
.adaptive-header
.custom-login-btn,

body.light-header-background
.adaptive-header
.custom-user-trigger {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.25) !important;
}


/* =========================================
   DROPDOWN
========================================= */

body.light-header-background
.adaptive-header
.sub-menu,

body.light-header-background
.adaptive-header
.elementor-nav-menu--dropdown {
    background: #ffffff !important;
}


body.light-header-background
.adaptive-header
.sub-menu a,

body.light-header-background
.adaptive-header
.elementor-nav-menu--dropdown a {
    color: #111111 !important;
}/* End custom CSS */