.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-03122d6:#A12929;--e-global-color-ad0ff6c:#C29A54;--e-global-color-1c522de:#6C533D;--e-global-typography-82291fe-font-family:"Ainsle";}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* state awal */
.khumais {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.6s ease, transform 1.6s ease; /* 1600ms */
  will-change: opacity, transform;
}

/* saat tampil */
.khumais.visible {
  opacity: 1;
  transform: translateY(0);
}

/* saat menghilang (scroll-up, halus) */
.khumais.hiding {
  opacity: 0;
  transform: translateY(40px);
}

/* optional: jika user memilih reduced motion */
@media (prefers-reduced-motion: reduce) {
  .khumais,
  .khumais.visible,
  .khumais.hiding {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* state awal: hidden & siap reveal */
.floating {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity var(--kh-reveal, 1s) ease, transform var(--kh-reveal, 1s) ease;
  will-change: opacity, transform;
}

/* saat tampil: mulai animasi mengambang SETELAH reveal (delay = --kh-float-start-delay) */
.floating.visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  animation: khFloat var(--kh-float-duration, 8s) ease-in-out var(--kh-float-start-delay, 1s) infinite alternate;
}

/* hide halus saat scroll ke atas */
.floating.hiding {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}

/* animasi mengambang pelan */
@keyframes khFloat {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg); }
  50%  { transform: translate3d(var(--kh-float-x, 5px), var(--kh-float-amp, 14px), 0) rotate(var(--kh-float-rot, .5deg)); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .floating, .floating.visible, .floating.hiding {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ainsle';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://inv.berwarna.com/wp-content/uploads/2025/10/AinslieW01.ttf') format('truetype');
}
/* End Custom Fonts CSS */