.elementor-84 .elementor-element.elementor-element-c56711a{--display:flex;--min-height:78px;--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E5E7EB;--border-color:#E5E7EB;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c56711a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-84 .elementor-element.elementor-element-3bc1ca8{--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;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;}.elementor-84 .elementor-element.elementor-element-8709efd{--display:flex;--min-height:0px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:24px;}.elementor-84 .elementor-element.elementor-element-8709efd.e-con{--flex-grow:0;--flex-shrink:0;}.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-84 .elementor-element.elementor-element-a6593af{text-align:start;}.elementor-84 .elementor-element.elementor-element-a6593af img{width:48px;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-bf2fa0d.elementor-element{--align-self:center;}.elementor-84 .elementor-element.elementor-element-bf2fa0d{text-align:start;}.elementor-84 .elementor-element.elementor-element-bf2fa0d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;color:#15723B;}.elementor-84 .elementor-element.elementor-element-f1f4425{--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:flex-start;}.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-84 .elementor-element.elementor-element-b4e7179{padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-menu-toggle{margin-left:auto;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:1px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item{color:#1F2937;fill:#1F2937;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-84 .elementor-element.elementor-element-b4e7179 .e--pointer-framed .elementor-item:before,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a, .elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-menu-toggle{color:#1F2937;fill:#1F2937;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a:hover,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a:focus,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-menu-toggle:hover,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a:hover,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a:focus,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-4f0d4eb );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px;}.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-84 .elementor-element.elementor-element-3b45381 .elementor-button{background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.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-84 .elementor-element.elementor-element-3bc1ca8{--content-width:100%;}.elementor-84 .elementor-element.elementor-element-8709efd{--width:25.688%;}}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-c56711a{--min-height:72px;}.elementor-84 .elementor-element.elementor-element-a6593af img{width:50px;}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-c56711a{--min-height:64px;--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;--flex-wrap:nowrap;}.elementor-84 .elementor-element.elementor-element-3bc1ca8{--padding-top:0px;--padding-bottom:0px;--padding-left:28px;--padding-right:28px;}.elementor-84 .elementor-element.elementor-element-8709efd{--width:64.481%;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-a6593af img{width:40px;}.elementor-84 .elementor-element.elementor-element-bf2fa0d .elementor-heading-title{font-size:12px;}.elementor-84 .elementor-element.elementor-element-f1f4425{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-84 .elementor-element.elementor-element-f1f4425.e-con{--align-self:center;}.elementor-84 .elementor-element.elementor-element-b4e7179.elementor-element{--align-self:flex-end;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-84 .elementor-element.elementor-element-b4e7179 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-84 .elementor-element.elementor-element-c56711a{--width:100%;}.elementor-84 .elementor-element.elementor-element-8709efd{--width:52.535%;}}/* Start custom CSS for nav-menu, class: .elementor-element-b4e7179 *//* ==================================================
   SMPM6 — OFF CANVAS MENU
   Widget Menu class: header-mobile-menu
   Desktop Button class: portal-desktop-button
   Portal menu item class: menu-portal
   ================================================== */


/* ---------- DESKTOP ---------- */

@media (min-width:1025px){

  .header-mobile-menu .menu-portal{
    display:none!important;
  }

}


/* ---------- TABLET + MOBILE ---------- */

@media (max-width:1024px){

  .header-mobile-menu{
    --drawer-w:min(360px,86vw);
  }

  /* Desktop Elementor button */
  .portal-desktop-button{
    display:none!important;
  }


  /* Hamburger */
  .header-mobile-menu .elementor-menu-toggle{
    position:relative!important;
    z-index:10003!important;

    width:42px!important;
    height:42px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* Drawer */
  .header-mobile-menu .elementor-nav-menu--dropdown{
    position:fixed!important;

    top:0!important;
    left:0!important;

    width:var(--drawer-w)!important;
    height:100dvh!important;

    margin:0!important;
    padding:76px 26px 30px!important;

    background:#0B5C36!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    z-index:10002!important;

    transform:translateX(-105%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    border:0!important;
    box-shadow:12px 0 35px rgba(0,0,0,.16)!important;

    transition:
      transform .3s ease,
      opacity .2s ease,
      visibility .3s ease!important;
  }


  /* Drawer open */
  .header-mobile-menu:has(.elementor-menu-toggle.elementor-active)
  .elementor-nav-menu--dropdown,

  .header-mobile-menu
  .elementor-nav-menu--dropdown[aria-hidden="false"]{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }


  /* Drawer closed */
  .header-mobile-menu
  .elementor-nav-menu--dropdown[aria-hidden="true"]{
    transform:translateX(-105%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }


  /* X button */
  .header-mobile-menu
  .elementor-menu-toggle.elementor-active{
    position:fixed!important;

    top:17px!important;
    left:calc(var(--drawer-w) - 55px)!important;

    width:40px!important;
    height:40px!important;

    z-index:10006!important;

    color:#fff!important;
    background:transparent!important;

    border:0!important;
    box-shadow:none!important;

    transform:none!important;
  }


  /* Custom X */
  .header-mobile-menu
  .elementor-menu-toggle.elementor-active::before{
    content:"×"!important;

    position:absolute!important;
    inset:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    color:#111!important;

    font-size:34px!important;
    line-height:1!important;
    font-weight:300!important;
  }


  /* Hide Elementor icon when open */
  .header-mobile-menu
  .elementor-menu-toggle.elementor-active > *{
    opacity:0!important;
    visibility:hidden!important;
  }


  /* Main menu */
  .header-mobile-menu
  .elementor-nav-menu--dropdown ul{
    width:100%!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }


  .header-mobile-menu
  .elementor-nav-menu--dropdown > ul > li{
    position:relative!important;

    width:100%!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
  }


  /* Main link */
  .header-mobile-menu
  .elementor-nav-menu--dropdown > ul > li > a{
    width:100%!important;
    min-height:54px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    margin:0!important;
    padding:0 6px!important;

    color:#fff!important;
    background:transparent!important;

    font-size:15px!important;
    font-weight:600!important;

    border:0!important;
    box-shadow:none!important;
  }


  /* Active */
  .header-mobile-menu
  .current-menu-item > a,

  .header-mobile-menu
  .current-menu-parent > a,

  .header-mobile-menu
  .current-menu-ancestor > a{
    color:#FFD600!important;
  }


  /* ---------- SUBMENU ---------- */

  .header-mobile-menu
  .elementor-nav-menu--dropdown
  li.menu-item-has-children > .sub-menu{
    display:none!important;

    position:static!important;

    width:100%!important;
    height:auto!important;

    margin:0!important;
    padding:0 0 10px 14px!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;

    transform:none!important;
  }


  /* Submenu open */
  .header-mobile-menu
  li.menu-item-has-children > a.highlighted + .sub-menu,

  .header-mobile-menu
  li.menu-item-has-children > a[aria-expanded="true"] + .sub-menu{
    display:block!important;
  }


  /* Submenu item */
  .header-mobile-menu
  .sub-menu > li{
    width:100%!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
  }


  /* Submenu link */
  .header-mobile-menu
  .sub-menu > li > a{
    width:100%!important;
    min-height:36px!important;

    display:flex!important;
    align-items:center!important;

    margin:0!important;
    padding:6px 10px!important;

    color:rgba(255,255,255,.78)!important;
    background:transparent!important;

    font-size:13px!important;
    font-weight:500!important;

    border:0!important;
    box-shadow:none!important;
  }


  .header-mobile-menu
  .sub-menu > li > a:hover{
    color:#fff!important;
  }


  /* Arrow */
  .header-mobile-menu .sub-arrow{
    margin-left:auto!important;
    color:#fff!important;
  }

  .header-mobile-menu .sub-arrow svg{
    width:13px!important;
    height:13px!important;

    fill:#fff!important;
    stroke:#fff!important;
  }


  /* ---------- MASUK PORTAL ---------- */

  .header-mobile-menu
  .elementor-nav-menu--dropdown
  li.menu-portal{
    display:block!important;

    margin-top:20px!important;

    border:0!important;
  }


  .header-mobile-menu
  .elementor-nav-menu--dropdown
  li.menu-portal > a{
    min-height:48px!important;

    justify-content:center!important;

    padding:12px 18px!important;

    color:#0B5C36!important;
    background:#FFD600!important;

    border-radius:10px!important;

    font-weight:700!important;
    text-align:center!important;
  }


  .header-mobile-menu
  li.menu-portal > a:hover{
    color:#0B5C36!important;
    background:#F2CA00!important;
  }

}


/* ---------- MOBILE ---------- */

@media (max-width:767px){

  .header-mobile-menu{
    --drawer-w:min(340px,86vw);
  }

  .header-mobile-menu
  .elementor-nav-menu--dropdown{
    padding:70px 22px 24px!important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c56711a *//* =========================================================
   HEADER BASE
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a {
    background-color: transparent;

    transition:
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   BEFORE SCROLL
   ========================================================= */

/* MAIN MENU */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.nav-menu a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.wp-block-navigation-item__content {
    color: #ffffff !important;
}


/* SITE TITLE */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.header-site-title,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.header-site-title a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.header-site-title .elementor-heading-title,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.header-site-title .elementor-heading-title a {
    color: #ffffff !important;
}


/* ARROW */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-arrow i,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-arrow svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   ACTIVE MENU - BEFORE SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item.current-menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item.current_page_item > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item.current-menu-parent > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item.current-menu-ancestor > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-item-active {
    color: #FFD600 !important;
}


/* ACTIVE ARROW */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-item > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current_page_item > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-parent > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-ancestor > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-item > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current_page_item > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-parent > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-ancestor > a .sub-arrow svg {
    color: #FFD600 !important;
    fill: #FFD600 !important;
    stroke: #FFD600 !important;
}


/* =========================================================
   HOVER - BEFORE SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item > a:hover {
    color: #FFD600 !important;
}


/* HOVER ARROW */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item > a:hover .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.menu-item > a:hover .sub-arrow svg {
    color: #FFD600 !important;
    fill: #FFD600 !important;
    stroke: #FFD600 !important;
}


/* =========================================================
   POINTER / UNDERLINE - BEFORE SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-item-active::after,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-item-active::before,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-item > a::after,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-parent > a::after,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.current-menu-ancestor > a::after {
    background-color: #FFD600 !important;
}


/* =========================================================
   DESKTOP DROPDOWN - BEFORE SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-menu,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-nav-menu--dropdown {
    background: rgba(10, 65, 36, 0.82) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    overflow: hidden;
}


/* DROPDOWN TEXT */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-menu a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-sub-item {
    background: transparent !important;
    color: #ffffff !important;
}


/* DROPDOWN ACTIVE */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-menu .current-menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-menu .current_page_item > a,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-sub-item.elementor-item-active {
    background:
        rgba(255, 255, 255, 0.12) !important;

    color: #FFD600 !important;
}


/* DROPDOWN HOVER */
.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.sub-menu a:hover,

.elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
.elementor-sub-item:hover {
    background:
        rgba(255, 255, 255, 0.12) !important;

    color: #FFD600 !important;
}


/* =========================================================
   AFTER SCROLL 100PX
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects {
    background-color: #ffffff !important;

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.05);
}


/* =========================================================
   MENU AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.nav-menu a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.wp-block-navigation-item__content {
    color: #1F2937 !important;
}


/* =========================================================
   SITE TITLE AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.header-site-title,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.header-site-title a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.header-site-title .elementor-heading-title,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.header-site-title .elementor-heading-title a {
    color: #15723B !important;
}


/* =========================================================
   ARROW AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-arrow i,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-arrow svg {
    color: #1F2937 !important;
    fill: #1F2937 !important;
    stroke: #1F2937 !important;
}


/* =========================================================
   ACTIVE MENU - AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item.current-menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item.current_page_item > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item.current-menu-parent > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item.current-menu-ancestor > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-item-active {
    color: #15723B !important;
}


/* ACTIVE ARROW */
.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-item > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current_page_item > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-parent > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-ancestor > a .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-item > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current_page_item > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-parent > a .sub-arrow svg,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-ancestor > a .sub-arrow svg {
    color: #15723B !important;
    fill: #15723B !important;
    stroke: #15723B !important;
}


/* =========================================================
   HOVER - AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item > a:hover {
    color: #15723B !important;
}


.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item > a:hover .sub-arrow,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.menu-item > a:hover .sub-arrow svg {
    color: #15723B !important;
    fill: #15723B !important;
    stroke: #15723B !important;
}


/* =========================================================
   POINTER / UNDERLINE AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-item-active::after,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-item-active::before,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-item > a::after,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-parent > a::after,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.current-menu-ancestor > a::after {
    background-color: #15723B !important;
}


/* =========================================================
   DESKTOP DROPDOWN - AFTER SCROLL
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-menu,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-nav-menu--dropdown {
    background: #ffffff !important;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    border:
        1px solid #E5E7EB !important;

    border-radius: 12px !important;

    box-shadow:
        0 12px 30px rgba(31, 41, 55, 0.10) !important;
}


/* DROPDOWN TEXT */
.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-menu a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-sub-item {
    background: transparent !important;
    color: #1F2937 !important;
}


/* DROPDOWN ACTIVE */
.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-menu .current-menu-item > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-menu .current_page_item > a,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-sub-item.elementor-item-active {
    background: #EAF5E2 !important;
    color: #15723B !important;
}


/* DROPDOWN HOVER */
.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.sub-menu a:hover,

.elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
.elementor-sub-item:hover {
    background: #EAF5E2 !important;
    color: #15723B !important;
}


/* =========================================================
   TRANSITIONS
   ========================================================= */

.elementor-84 .elementor-element.elementor-element-c56711a .menu-item > a,
.elementor-84 .elementor-element.elementor-element-c56711a .nav-menu a,
.elementor-84 .elementor-element.elementor-element-c56711a .wp-block-navigation-item__content,
.elementor-84 .elementor-element.elementor-element-c56711a .header-site-title,
.elementor-84 .elementor-element.elementor-element-c56711a .header-site-title a,
.elementor-84 .elementor-element.elementor-element-c56711a .header-site-title .elementor-heading-title,
.elementor-84 .elementor-element.elementor-element-c56711a .sub-arrow,
.elementor-84 .elementor-element.elementor-element-c56711a .sub-arrow i,
.elementor-84 .elementor-element.elementor-element-c56711a .sub-arrow svg,
.elementor-84 .elementor-element.elementor-element-c56711a .sub-menu a,
.elementor-84 .elementor-element.elementor-element-c56711a .elementor-sub-item {
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        fill 0.35s ease,
        stroke 0.35s ease !important;
}



/* =========================================================
   TABLET + MOBILE ONLY
   FORCE SUBMENU TRANSPARENT
   Desktop TIDAK TERPENGARUH
   ========================================================= */

@media screen and (max-width: 1024px) {

    /* -----------------------------------------
       SUBMENU WRAPPER
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        filter: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    /* -----------------------------------------
       SUBMENU LIST
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu ul,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu li {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        filter: none !important;
    }


    /* -----------------------------------------
       SUBMENU LINKS
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu a,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        filter: none !important;
    }


    /* -----------------------------------------
       HOVER SUBMENU
       Tetap transparan
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu a:hover,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item:hover {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }


    /* -----------------------------------------
       ACTIVE SUBMENU
       Tetap transparan
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu .current-menu-item > a,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu .current_page_item > a,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item.elementor-item-active {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }


    /* -----------------------------------------
       PSEUDO ELEMENTS
       ----------------------------------------- */

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu::before,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu::after,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu li::before,

    .elementor-84 .elementor-element.elementor-element-c56711a
    .header-mobile-menu
    .elementor-nav-menu--dropdown
    .sub-menu li::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
    }
}
/* =========================================================
   HAMBURGER COLOR
   TABLET + MOBILE
   ========================================================= */

@media screen and (max-width: 1024px) {

    /* BEFORE SCROLL / 0px */
    .elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
    .header-mobile-menu
    .elementor-menu-toggle {
        color: #ffffff !important;
        background: #22A052 !important;
        border: 1px solid;
        border-radius: 20px;
    }

    .elementor-84 .elementor-element.elementor-element-c56711a:not(.elementor-sticky--effects)
    .header-mobile-menu
    .elementor-menu-toggle svg {
        color: #ffffff !important;
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }


    /* AFTER SCROLL 100px */
    .elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
    .header-mobile-menu
    .elementor-menu-toggle {
        color: #111827 !important;
        background: #ffffff !important;
    }

    .elementor-84 .elementor-element.elementor-element-c56711a.elementor-sticky--effects
    .header-mobile-menu
    .elementor-menu-toggle svg {
        color: #111827 !important;
        fill: #111827 !important;
        stroke: #111827 !important;
    }
}/* End custom CSS */