.elementor-kit-6{--e-global-color-primary:#111313;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#3D88B6;--e-global-color-eebc8b7:#FFFFFF;--e-global-color-cf7bca1:#F5F5F5;--e-global-color-f5b0347:#E1E1E1;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow Condensed";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-0d0a6f9-font-family:"Barlow Condensed";--e-global-typography-0d0a6f9-font-size:55px;--e-global-typography-0d0a6f9-font-weight:600;--e-global-typography-0d0a6f9-text-transform:uppercase;--e-global-typography-d9e6af1-font-family:"Barlow Condensed";--e-global-typography-d9e6af1-font-weight:500;--e-global-typography-d9e6af1-text-transform:uppercase;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h2{font-size:45px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:17px 35px 17px 35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-0d0a6f9-font-size:45px;--e-global-typography-d9e6af1-font-size:26px;}.elementor-kit-6 h2{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-0d0a6f9-font-size:40px;--e-global-typography-d9e6af1-font-size:20px;}.elementor-kit-6 h2{font-size:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Dasar .subh */
.subh {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;                /* jarak teks ke divider */
  transform: translateX(-20px); /* slide teks dari kiri */
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

/* Divider horizontal di kiri */
.subh::before {
  content: "";
  display: block;
  width: 10%;              /* panjang divider */
  height:3px;             /* tebal garis */
  background-color: black; /* warna hitam */
  transform: scaleX(0);    /* mulai dari 0 */
  transform-origin: left;
  transition: transform 0.6s ease;
}

/* Saat elemen terlihat */
.subh.show {
  transform: translateX(0);
  opacity: 1;
}

.subh.show::before {
  transform: scaleX(1); /* divider slide in */
}

/* Elementor editor friendly */
.elementor-editor-active .subh,
.elementor-editor-active .subh::before {
  transform: none !important;
  opacity: 1 !important;
  scaleX: 1 !important;
}



.elementor-button {
    position: relative;

    background: #ECDFCA;
    border: none;
    cursor: pointer;
    overflow: visible;
}

/* Divider horizontal di kiri, selalu terlihat */
.elementor-button::before {
    content: "";
    position: absolute;
    left: -55px; /* di luar tombol */
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background: #3D88B6;
    z-index: 1;
}

/* Garis hover mencoret tombol */
.elementor-button::after {
    content: "";
    position: absolute;
    left: -55px; /* mulai dari ujung divider */
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    width: calc(100% + 25px);
    height: 2px;
    background: #3D88B6;
    transform-origin: left;
    z-index: 2;
}

/* Animasi mencoret lalu hilang */
.elementor-button:hover::after {
    animation: strike-line 0.6s forwards;
}

@keyframes strike-line {
    0% {
        transform: translateY(-50%) scaleX(0);
        opacity: 1;
    }
    50% {
        transform: translateY(-50%) scaleX(1);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%) scaleX(1);
        opacity: 0; /* hilang setelah selesai mencoret */
    }
}

/* Teks tombol tetap terbaca */
.elementor-button span {
    position: relative;
    z-index: 3;
}






.content {
  position: relative;
  overflow: visible; /* supaya highlight bisa melebar */
  opacity: 0;
  transform: translateX(-30px);
  transition: transform 0.8s cubic-bezier(0.17,0.55,0.55,1),
              opacity 0.8s cubic-bezier(0.17,0.55,0.55,1);
  z-index: 1; /* konten tetap di atas */
}

/* Pseudo-element untuk background animasi */
.content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40%;               /* mulai dari 40% */
  background-color: #3D88B6; /* bisa disesuaikan dengan background kelas .content */
  z-index: 0;               /* di bawah konten */
  transition: width 0.8s ease;
}

/* Anak elemen untuk stagger */
.content h2,
.content p,
.content a.btn {
  position: relative;
  transform: translateX(-20px);
  opacity: 0;
  transition: transform 0.7s ease, opacity 0.7s ease;
  z-index: 1; /* di atas pseudo-element */
}

/* Saat muncul */
.content.show {
  opacity: 1;
  transform: translateX(0);
}

.content.show::before {
  width: 100%; /* animasi 40% → 100% */
}

.content.show h2,
.content.show p,
.content.show a.btn {
  transform: translateX(0);
  opacity: 1;
}

/* Stagger */
.content h2 { transition-delay: 0ms; }
.content p  { transition-delay: 120ms; }
.content a.btn { transition-delay: 240ms; }

/* =========================== */
/* Elementor Editor Friendly   */
/* =========================== */
.elementor-editor-active .content,
.elementor-editor-active .content h2,
.elementor-editor-active .content p,
.elementor-editor-active .content a.btn {
  opacity: 1 !important;
  transform: none !important;
}

.elementor-editor-active .content::before {
  width: 100% !important;
}
/* Pastikan slide wrapper relative */
.elementor-swiper-slide {
  position: relative;
}

/* Pastikan slide wrapper relative */
.elementor-swiper-slide {
  position: relative;
  overflow: visible; /* supaya content bisa muncul di luar slide */
}/* End custom CSS */