.elementor-28327 .elementor-element.elementor-element-7695260{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--z-index:9999;}.elementor-28327 .elementor-element.elementor-element-10c14ce{--display:flex;--min-height:82px;--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:24px;--padding-right:24px;}.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-28327 .elementor-element.elementor-element-7b660f9{width:var( --container-widget-width, 140px );max-width:140px;--container-widget-width:140px;--container-widget-flex-grow:0;}.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-28327 .elementor-element.elementor-element-5741abc.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:1;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF1A;border-width:1px;border-radius:10px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item{color:#F4F7FB;fill:#F4F7FB;padding-left:12px;padding-right:12px;padding-top:14px;padding-bottom:14px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#EFE517;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed .elementor-item:before,
					.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed .elementor-item:after{border-color:#EFE517;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#EFE517;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#EFE517;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-underline .elementor-item:after,
					 .elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-overline .elementor-item:before,
					 .elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-double-line .elementor-item:before,
					 .elementor-28327 .elementor-element.elementor-element-5741abc .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-28327 .elementor-element.elementor-element-5741abc{--e-nav-menu-horizontal-menu-item-margin:calc( 3px / 2 );--nav-menu-icon-size:24px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:3px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a, .elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle{color:#0B2447;fill:#0B2447;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE6F1;border-radius:14px 14px 14px 14px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a:hover,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a:focus,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a.highlighted,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle:hover,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle:focus{color:#07366E;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a:hover,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a:focus,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFDEA;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown .elementor-item, .elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:14px;border-top-right-radius:14px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:14px;border-bottom-left-radius:14px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 16px 40px 0px rgba(4.000000000000004, 31.000000000000014, 66, 0.0784313725490196);}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown a{padding-left:14px;padding-right:14px;padding-top:11px;padding-bottom:11px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#E7EEF6;border-bottom-width:1px;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}.elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle{color:#FFFFFF;}.elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle:hover, .elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle:focus{color:#07366E;}.elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle:hover svg, .elementor-28327 .elementor-element.elementor-element-5741abc div.elementor-menu-toggle:focus svg{fill:#07366E;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle:hover, .elementor-28327 .elementor-element.elementor-element-5741abc .elementor-menu-toggle:focus{background-color:#EFE517;}.elementor-28327 .elementor-element.elementor-element-aeb11a2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-28327 .elementor-element.elementor-element-10c14ce{--width:1480px;}}@media(max-width:1366px){.elementor-28327 .elementor-element.elementor-element-7695260{--grid-auto-flow:row;}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main .elementor-item{padding-left:9px;padding-right:9px;}.elementor-28327 .elementor-element.elementor-element-5741abc{--e-nav-menu-horizontal-menu-item-margin:calc( 2px / 2 );}.elementor-28327 .elementor-element.elementor-element-5741abc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2px;}}@media(max-width:1024px){.elementor-28327 .elementor-element.elementor-element-7695260{--grid-auto-flow:row;}.elementor-28327 .elementor-element.elementor-element-7b660f9{--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;}}@media(max-width:767px){.elementor-28327 .elementor-element.elementor-element-7695260{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28327 .elementor-element.elementor-element-7b660f9{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}}@media(min-width:2400px){.elementor-28327 .elementor-element.elementor-element-7695260{--grid-auto-flow:row;}}/* Start custom CSS *//* =====================================================
   MUAT HEADER GLOBAL
   Grid luar + Flexbox dalam
   Transparan hanya di awal homepage
===================================================== */

:root {
  --muat-blue: #0E468F;
  --muat-blue-dark: #052A58;
  --muat-yellow: #EFE517;
  --muat-white: #FFFFFF;

  --muat-header-gradient:
    linear-gradient(
      110deg,
      #052A58 0%,
      #0E468F 52%,
      #07376F 100%
    );
}


/* =====================================================
   CONTAINER LUAR — KISI / GRID
===================================================== */

.muat-header {
  --muat-logo-width: 140px;
  --muat-cta-width: 206px;
  --muat-inner-gap: 20px;
  --muat-inner-padding: 24px;
  --muat-header-height: 82px;
  --muat-header-height-sticky: 70px;

  position: relative;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  /*
   * Default semua halaman adalah solid.
   * Homepage posisi awal akan ditimpa menjadi transparan.
   */
  background: var(--muat-header-gradient);

  /*
   * Jangan gunakan border transparan.
   * Border tetap mengambil ruang walaupun warnanya transparan.
   */
  border: 0 !important;
  outline: 0 !important;

  box-sizing: border-box !important;
  overflow: visible !important;

  isolation: isolate;

  box-shadow:
    0 6px 20px rgba(2, 22, 48, 0.18);

  transition:
    background 220ms ease,
    box-shadow 220ms ease;
}


/* =====================================================
   SCRIM / LAPISAN KONTRAS HOMEPAGE
===================================================== */

.muat-header::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -1;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(2, 23, 50, 0.78) 0%,
      rgba(2, 23, 50, 0.44) 55%,
      rgba(2, 23, 50, 0.12) 100%
    );

  opacity: 0;

  transition:
    opacity 220ms ease;
}


/* =====================================================
   GARIS KUNING
   Overlay visual, tidak memengaruhi tinggi header
===================================================== */

.muat-header::after {
  content: "";

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;

  width: 100%;
  height: 2px;

  pointer-events: none;

  background: var(--muat-yellow);

  opacity: 1;

  box-shadow:
    0 1px 5px rgba(239, 229, 23, 0.18);

  transition:
    opacity 180ms ease;
}


/* =====================================================
   STICKY STATE
===================================================== */

.muat-header.elementor-sticky--effects {
  background: var(--muat-header-gradient) !important;

  border: 0 !important;

  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.12),
    0 8px 24px rgba(2, 22, 48, 0.22) !important;
}

.muat-header.elementor-sticky--effects::before {
  opacity: 0;
}

.muat-header.elementor-sticky--effects::after {
  opacity: 1;
}


/* =====================================================
   CONTAINER DALAM — FLEXBOX
===================================================== */

.muat-header-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

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

  width: 100% !important;
  max-width: 1480px !important;
  min-width: 0 !important;

  min-height: var(--muat-header-height);

  margin-inline: auto !important;

  padding-top: 0 !important;
  padding-right: var(--muat-inner-padding) !important;
  padding-bottom: 0 !important;
  padding-left: var(--muat-inner-padding) !important;

  gap: var(--muat-inner-gap) !important;

  box-sizing: border-box !important;
  overflow: visible !important;

  transition:
    min-height 220ms ease;
}

.muat-header.elementor-sticky--effects
.muat-header-inner {
  min-height: var(--muat-header-height-sticky);
}


/* Semua child harus boleh mengecil */
.muat-header-inner > *,
.muat-header-inner > .elementor-element,
.muat-header-inner > .e-con {
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* =====================================================
   LOGO
===================================================== */

.muat-header-logo {
  flex: 0 0 var(--muat-logo-width) !important;

  width: var(--muat-logo-width) !important;
  max-width: var(--muat-logo-width) !important;
  min-width: 0 !important;

  margin: 0 !important;
}

.muat-header-logo > .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 100% !important;
  min-width: 0 !important;

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

.muat-header-logo img {
  display: block;

  width: 100% !important;
  max-width: var(--muat-logo-width) !important;
  height: auto !important;
  max-height: 56px;

  object-fit: contain;

  transition:
    max-width 220ms ease,
    max-height 220ms ease;
}

.muat-header.elementor-sticky--effects
.muat-header-logo img {
  max-width:
    calc(var(--muat-logo-width) - 10px) !important;

  max-height: 48px;
}


/* =====================================================
   MENU NAVIGASI
===================================================== */

.muat-primary-nav {
  flex: 1 1 0% !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
}

.muat-primary-nav > .elementor-widget-container,
.muat-primary-nav .elementor-nav-menu--main,
.muat-primary-nav .elementor-nav-menu {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* Menu desktop */
.muat-primary-nav
.elementor-nav-menu--main
.elementor-nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 0 !important;
}

.muat-primary-nav
.elementor-nav-menu--main
.elementor-item {
  min-height: 42px;

  padding-left:
    clamp(7px, 0.55vw, 10px) !important;

  padding-right:
    clamp(7px, 0.55vw, 10px) !important;

  border-radius: 8px;

  color: var(--muat-white) !important;

  font-size:
    clamp(14px, 0.82vw, 15px) !important;

  font-weight: 600;
  line-height: 1.2;

  white-space: nowrap;

  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.muat-primary-nav
.elementor-nav-menu--main
.elementor-item:hover,
.muat-primary-nav
.elementor-nav-menu--main
.elementor-item:focus-visible {
  color: var(--muat-yellow) !important;

  background:
    rgba(255, 255, 255, 0.1);
}

.muat-primary-nav
.elementor-nav-menu--main
.current-menu-item > .elementor-item,
.muat-primary-nav
.elementor-nav-menu--main
.current-menu-ancestor > .elementor-item {
  color: var(--muat-yellow) !important;

  background:
    rgba(239, 229, 23, 0.1);
}

.muat-primary-nav
.elementor-nav-menu--main
.elementor-item:focus-visible {
  outline:
    3px solid rgba(239, 229, 23, 0.48);

  outline-offset: 2px;
}


/* =====================================================
   DROPDOWN MENU
===================================================== */

.muat-primary-nav
.elementor-nav-menu--dropdown {
  min-width: 230px;

  padding: 8px !important;

  background: var(--muat-white) !important;

  border:
    1px solid rgba(14, 70, 143, 0.12);

  border-radius: 12px;

  box-shadow:
    0 18px 42px rgba(2, 28, 62, 0.2);
}

.muat-primary-nav
.elementor-nav-menu--dropdown
.elementor-item {
  min-height: 42px;

  padding:
    10px 12px !important;

  color: var(--muat-blue) !important;
  background: transparent !important;

  font-size: 14px !important;
  text-shadow: none !important;

  border-radius: 8px;
}

.muat-primary-nav
.elementor-nav-menu--dropdown
.elementor-item:hover,
.muat-primary-nav
.elementor-nav-menu--dropdown
.elementor-item:focus-visible {
  color: var(--muat-blue-dark) !important;

  background:
    rgba(14, 70, 143, 0.08) !important;
}


/* =====================================================
   WIDGET DUAL CTA
===================================================== */

.muat-header-actions {
  flex:
    0 0 var(--muat-cta-width) !important;

  width:
    var(--muat-cta-width) !important;

  max-width:
    var(--muat-cta-width) !important;

  min-width: 0 !important;

  margin:
    0 0 0 auto !important;

  padding: 0 !important;
}

.muat-header-actions >
.elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  width:
    var(--muat-cta-width) !important;

  max-width:
    var(--muat-cta-width) !important;

  min-width: 0 !important;

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

.muat-header-actions
.muat-clean-cta {
  flex:
    0 0 var(--muat-cta-width) !important;

  width:
    var(--muat-cta-width) !important;

  max-width:
    var(--muat-cta-width) !important;

  min-width: 0 !important;
}


/* =====================================================
   HOMEPAGE OVERLAY
===================================================== */

/*
 * Header keluar dari alur halaman hanya di homepage,
 * sehingga gambar hero berada tepat di belakang header.
 */
body.home
.elementor-location-header {
  position: absolute !important;

  top: 0;
  left: 0;
  right: 0;

  z-index: 9999;

  width: 100% !important;
  max-width: 100% !important;

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


/* Homepage posisi paling atas */
body.home
.muat-header:not(.elementor-sticky--effects) {
  background: transparent !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;
}


/*
 * Perpanjang scrim 2 px ke bawah.
 * Ini menutup seam/subpixel line tanpa mengubah layout.
 */
body.home
.muat-header:not(.elementor-sticky--effects)::before {
  inset: 0 0 -2px 0;

  opacity: 1 !important;
}


/* Tidak ada garis kuning ketika homepage belum discroll */
body.home
.muat-header:not(.elementor-sticky--effects)::after {
  opacity: 0 !important;
}


/* Homepage setelah scroll */
body.home
.muat-header.elementor-sticky--effects {
  background:
    var(--muat-header-gradient) !important;

  border: 0 !important;

  box-shadow:
    inset 0 -1px 0
      rgba(255, 255, 255, 0.12),
    0 8px 24px
      rgba(2, 22, 48, 0.22) !important;
}

body.home
.muat-header.elementor-sticky--effects::before {
  opacity: 0 !important;
}

body.home
.muat-header.elementor-sticky--effects::after {
  opacity: 1 !important;
}


/* Pastikan sticky memenuhi viewport */
body.home
.muat-header.elementor-sticky--active {
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  max-width: 100% !important;
}


/* =====================================================
   HALAMAN SELAIN HOMEPAGE
===================================================== */

body:not(.home)
.elementor-location-header {
  position: relative !important;

  top: auto !important;
  left: auto !important;
  right: auto !important;

  width: 100% !important;
}


/* Langsung solid pada halaman internal */
body:not(.home)
.muat-header {
  background:
    var(--muat-header-gradient) !important;

  border: 0 !important;

  box-shadow:
    inset 0 -1px 0
      rgba(255, 255, 255, 0.12),
    0 6px 20px
      rgba(2, 22, 48, 0.18) !important;
}

body:not(.home)
.muat-header::before {
  opacity: 0 !important;
}

body:not(.home)
.muat-header::after {
  opacity: 1 !important;
}


/* =====================================================
   LAPTOP — MAKSIMAL 1366 PX
===================================================== */

@media (max-width: 1366px) {

  .muat-header {
    --muat-logo-width: 128px;
    --muat-cta-width: 176px;
    --muat-inner-gap: 14px;
    --muat-inner-padding: 18px;
    --muat-header-height: 78px;
    --muat-header-height-sticky: 68px;
  }

  .muat-primary-nav
  .elementor-nav-menu--main
  .elementor-item {
    padding-left: 7px !important;
    padding-right: 7px !important;

    font-size: 14px !important;
  }

}


/* =====================================================
   LAPTOP KECIL / MENU HAMBURGER
===================================================== */

@media (max-width: 1200px) {

  .muat-header {
    --muat-logo-width: 116px;
    --muat-inner-gap: 10px;
    --muat-inner-padding: 14px;
    --muat-header-height: 74px;
    --muat-header-height-sticky: 66px;
  }

  .muat-primary-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex: 1 1 0% !important;
  }

}


/* =====================================================
   TABLET / HEADER PADAT
===================================================== */

@media (max-width: 1120px) {

  .muat-header {
    --muat-logo-width: 112px;
    --muat-cta-width: 144px;
    --muat-inner-gap: 10px;
    --muat-inner-padding: 14px;
  }

}


/* =====================================================
   SELULER
===================================================== */

@media (max-width: 767px) {

  .muat-header {
    --muat-logo-width: 96px;
    --muat-cta-width: 94px;
    --muat-inner-gap: 8px;
    --muat-inner-padding: 10px;
    --muat-header-height: 68px;
    --muat-header-height-sticky: 62px;
  }

  .muat-header-logo img {
    max-height: 40px;
  }

  .muat-primary-nav {
    flex: 1 1 0% !important;

    width: auto !important;
    min-width: 40px !important;
  }

}


/* Mobile sempit */
@media (max-width: 390px) {

  .muat-header {
    --muat-logo-width: 90px;
    --muat-inner-gap: 6px;
    --muat-inner-padding: 8px;
  }

}


/* =====================================================
   WORDPRESS ADMIN BAR
===================================================== */

body.home.admin-bar
.elementor-location-header {
  top: 32px !important;
}

body.admin-bar
.muat-header.elementor-sticky--active {
  top: 32px !important;
}

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

  body.home.admin-bar
  .elementor-location-header {
    top: 46px !important;
  }

  body.admin-bar
  .muat-header.elementor-sticky--active {
    top: 46px !important;
  }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .muat-header,
  .muat-header::before,
  .muat-header::after,
  .muat-header-inner,
  .muat-header-logo img {
    transition: none !important;
  }

}/* End custom CSS */