.elementor-17009 .elementor-element.elementor-element-34233e2{--display:flex;--position:fixed;--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;--z-index:99;}.elementor-17009 .elementor-element.elementor-element-34233e2:not(.elementor-motion-effects-element-type-background), .elementor-17009 .elementor-element.elementor-element-34233e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17009 .elementor-element.elementor-element-4002e2f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-17009 .elementor-element.elementor-element-c9166b4{--display:flex;--min-height:30px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-17009 .elementor-element.elementor-element-a6e6147{--ecs-nav-main-display:flex;--ecs-nav-main-dir:row;--ecs-nav-toggle-display:none;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-menu-toggle{margin:0 auto;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main,
					 .elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-nav-menu{justify-content:flex-end;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown .elementor-item,
					 .elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown .elementor-sub-item{justify-content:flex-start;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:700;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item{color:#0A1638;fill:#0A1638;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item:focus{color:#D97706;fill:#D97706;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#D97706;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a:hover,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a:focus,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-menu-toggle:hover,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-menu-toggle:focus{color:#D97706;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a:hover,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a:focus,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a.highlighted{background-color:#0A1638;}.elementor-17009 .elementor-element.elementor-element-a6e6147 .elementor-nav-menu--dropdown a.elementor-item-active{color:#D97706;background-color:#0A1638;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17009 .elementor-element.elementor-element-34233e2{--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;}}@media(max-width:767px){.elementor-17009 .elementor-element.elementor-element-34233e2{--flex-wrap:nowrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17009 .elementor-element.elementor-element-4002e2f{--width:50%;}.elementor-17009 .elementor-element.elementor-element-c9166b4{--width:48%;}}@media(min-width:768px){.elementor-17009 .elementor-element.elementor-element-4002e2f{--width:20%;}.elementor-17009 .elementor-element.elementor-element-c9166b4{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17009 .elementor-element.elementor-element-4002e2f{--width:20%;}.elementor-17009 .elementor-element.elementor-element-c9166b4{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-34233e2 *//* Daftarkan custom property panjang supaya bisa dianimasikan smooth */
@property --skw-header-progress {
  syntax: '';
  inherits: true;
  initial-value: 0;
}

@supports (animation-timeline: scroll()) {

  /* Progress 0 -> 1 selama scroll 0px sampai 10px pertama */
  .unikama-header {
    animation: skw-header-progress linear both;
    animation-timeline: scroll(root);
    animation-range: 0px 10px;
  }

  @keyframes skw-header-progress {
    from { --skw-header-progress: 0; }
    to   { --skw-header-progress: 1; }
  }

  /* Logo mengecil: ganti 160px sesuai lebar logo asli kamu */
  .unikama-header .logo img {
    width: calc(160px - (60px * var(--skw-header-progress)));
    /* 160px -> 100px */
  }

  /* Menu menyusut */
  .unikama-header ul#menu-test {
    max-height: calc(80px - (50px * var(--skw-header-progress)));
    /* asumsi awal 80px -> 30px, sesuaikan angka awal */
    overflow: hidden;
  }
}

/* Fallback untuk browser yang belum dukung scroll-driven animation:
   header tetap ukuran normal, tidak ada efek shrink, tapi tidak rusak */
@supports not (animation-timeline: scroll()) {
  .unikama-header .logo img { width: 160px; }
  .unikama-header ul#menu-test { max-height: 80px; }
}

@media screen and (min-width: 768px) {
  .unikama-about__badge {
    max-height: 170px !important;
  }
}/* End custom CSS */