.elementor-kit-5{--e-global-color-primary:#016937;--e-global-color-secondary:#FFFBE6;--e-global-color-text:#030303;--e-global-color-accent:#61CE70;--e-global-color-3ab09cd:#FFFFFF;--e-global-color-b64b9b9:#02502A;--e-global-color-6a9d65f:#667085;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-7835bed-font-family:"Nunito Sans";--e-global-typography-7835bed-font-size:48px;--e-global-typography-7835bed-font-weight:700;--e-global-typography-7835bed-text-transform:capitalize;--e-global-typography-7835bed-line-height:58px;--e-global-typography-8d5026a-font-family:"Nunito Sans";--e-global-typography-8d5026a-font-size:20px;--e-global-typography-8d5026a-font-weight:700;--e-global-typography-8d5026a-text-transform:capitalize;--e-global-typography-8d5026a-line-height:28px;--e-global-typography-f799546-font-family:"Nunito Sans";--e-global-typography-f799546-font-size:16px;--e-global-typography-f799546-font-weight:400;--e-global-typography-f799546-line-height:24px;--e-global-typography-ee6f9af-font-family:"Nunito Sans";--e-global-typography-ee6f9af-font-size:16px;--e-global-typography-ee6f9af-font-weight:400;--e-global-typography-ee6f9af-line-height:24px;--e-global-typography-b64d115-font-family:"Nunito Sans";--e-global-typography-b64d115-font-size:14px;--e-global-typography-b64d115-font-weight:600;--e-global-typography-b64d115-line-height:24px;--e-global-typography-59423cf-font-family:"Nunito Sans";--e-global-typography-59423cf-font-size:14px;--e-global-typography-59423cf-font-weight:600;--e-global-typography-59423cf-text-transform:uppercase;--e-global-typography-59423cf-line-height:24px;--e-global-typography-59423cf-letter-spacing:2px;--e-global-typography-59423cf-word-spacing:0px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-b64d115-font-family ), Sans-serif;font-size:var( --e-global-typography-b64d115-font-size );font-weight:var( --e-global-typography-b64d115-font-weight );line-height:var( --e-global-typography-b64d115-line-height );color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:10px 020px 10px 20px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 label{color:var( --e-global-color-secondary );font-family:"Nunito Sans", Sans-serif;font-size:14px;font-weight:600;line-height:20px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:var( --e-global-color-text );background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D0D5DD;border-radius:10px 10px 10px 10px;padding:012px 020px 012px 20px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-b64d115-font-size );line-height:var( --e-global-typography-b64d115-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-7835bed-font-size:28px;--e-global-typography-7835bed-line-height:36px;--e-global-typography-ee6f9af-font-size:14px;--e-global-typography-ee6f9af-line-height:24px;--e-global-typography-59423cf-font-size:12px;--e-global-typography-59423cf-line-height:22px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-b64d115-font-size );line-height:var( --e-global-typography-b64d115-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
  overflow-x: hidden;
}

.site-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: transparent;
}

.site-header.is-scrolled {
  background-color: #FFFBE6 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.logo-scroll { display: none; }
.site-header.is-scrolled .logo-default { display: none; }
.site-header.is-scrolled .logo-scroll { display: block; }


.before-after-wrap {
  position: relative;
}

.ba-slider {
  width: 100%;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  object-fit: cover;
}

.ba-slider:focus,
.ba-slider:focus-visible {
  outline: none;
  box-shadow: none;
}

/* jaga-jaga kalau outline-nya muncul di elemen dalamnya, bukan di wrapper */
.ba-slider *:focus,
.ba-slider *:focus-visible {
  outline: none;
}

.ba-handle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  cursor: ew-resize;
}


/*Hitung*/
.income-calc {
  width: 100%;
}

.ic-selects {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  width: 100%;
}

.ic-select-wrap {
  flex: 1;
  min-width: 0; /* penting biar flex child gak overflow */
}

.ic-select {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid #d9dde3;
  border-radius: 12px;
  font-size: 16px;
  color: #333;
  background: #fff;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
}

.ic-result {
  width: 100%;
  animation: ic-fade-in 0.3s ease;
}

@keyframes ic-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.ic-compare {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
}

.ic-box {
  flex: 1;
  min-width: 0;
  padding: 24px;
  border-radius: 12px;
  position: relative;
}

.ic-box-old {
  background: #f5f4ef;
  color: #666;
}

.ic-box-new {
  background: #016937;
  color: #fff;
}

.ic-label {
  font-size: 12px;
  letter-spacing: 1px;
  opacity: 0.8;
  display: block;
  margin-bottom: 8px;
}

.ic-price {
  font-size: 28px;
  font-weight: 700;
}

.ic-unit-txt {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  margin-left: 4px;
}

.ic-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(255,255,255,0.15);
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.ic-diff {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e8f3ec;
  border: 1px solid #b7dcc4;
  border-radius: 12px;
  padding: 16px 20px;
  color: #0f5132;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}

.ic-diff strong {
  font-size: 18px;
}

.ic-disclaimer {
  text-align: center;
  font-size: 12px;
  color: #8a8f98;
  line-height: 1.6;
  margin: 20px 0;
}

.ic-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: #016937;
  color: #fff;
  text-decoration: none;
  padding: 18px 24px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.ic-cta:hover {
  background: #0c4028;
  color: #fff;
}

.ic-cta-note {
  text-align: center;
  font-size: 12px;
  color: #8a8f98;
  margin-top: 12px;
}

.ic-error {
  width: 100%;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  animation: ic-fade-in 0.3s ease;
}

.ic-error-text {
  color: #7f1d1d;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}


/* Responsive: stack di mobile */
@media (max-width: 640px) {
  .ic-selects,
  .ic-compare {
    flex-direction: column;
    gap:8px
  }
  .ic-select{
      font-size:14px !important;
      padding: 10px 16px;
  }
  .ic-compare{
      gap: 6px;
  }
  .ic-box{
      padding: 12px !important;
  }
  .ic-badge{
      font-size: 8px;
  }
  .ic-label{
      font-size:10px;
  }
  .ic-price {
    font-size: 14px !important;
  }
  .ic-diff strong {
  font-size: 14px;
}
  .ic-cta {
    font-size:12px !important;  
    padding: 14px 20px !important;
  }
  .ic-diff{
      margin-top: -24px;
      padding:20px 12px 10px 12px;
      border-radius: 0px 0px 12px 12px;
      gap:6px;
  }
  .ic-diff span{
      font-size:12px;
  }

  
 .ic-error{
     padding: 12px;
 }
 .ic-error-text {
     font-size: 12px;
     margin-bottom: 12px;
 }
}
/*End Hitung*/

/*Testi Video*/
.testi-wrap {
  position: relative;
  padding-right: 60px;
  padding-left: 60px;
}

.testi-nav {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-right: 60px;
  margin-bottom: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 0px;
  z-index: 13;
  pointer-events: auto; /* biar area kosong nav tidak nutup klik ke card */
  margin-bottom: 0; /* reset margin desktop kalau ada */
}

.testi-prev,
.testi-next {
  width: 44px;
  height: 44px;
  border-radius: 20px;
  border: 2px solid #016937;
  background-color: #0169372b !important;
  color: #0f5132 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}

.testi-prev:hover,
.testi-next:hover {
  background: #e8f3ec;
}

.testi-prev i,
.testi-next i {
  font-size: 16px;
}

.testi-prev svg,
.testi-next svg {
  fill: currentColor !important;
}

.testi-prev{
    margin-left: 30px;
}
.testi-next{
    margin-right: 30px;
}

.testi-swiper {
  width: 100%;;
  overflow: hidden;
}

.testi-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: #000;
}

.testi-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.testi-play-btn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fffbe61a !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(4px);
  z-index: 3;
}

.testi-play-btn svg {
  fill: currentColor !important;
}

.testi-play-btn .icon-pause {
  display: none;
}
.testi-play-btn.is-playing .icon-play {
  display: none;
}
.testi-play-btn.is-playing .icon-pause {
  display: inline-block;
}

.testi-progress {
  position: absolute;
  bottom: 2px;
  left: 16px;
  right: 16px;
  height: 3px;
  background: rgba(255,255,255,0.3);
  border-radius: 999px;
  overflow: hidden;
  z-index: 3;
}

.testi-progress-fill {
  height: 100%;
  width: 0%;
  background: #fff;
  transition: width 0.1s linear;
}

.testi-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  color: #fff;
  z-index: 2;
}

.testi-info strong {
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
}

.testi-info span {
  font-size: 13px;
  opacity: 0.85;
}


@media (max-width: 640px) {
  .testi-swiper .swiper-slide {
    transform: scale(1);
    opacity: 0.6;
    filter: blur(4px);
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .testi-swiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
     filter: blur(0);
  }
  
    .testi-wrap .testi-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 0px;
    z-index: 10;
    pointer-events: none; /* biar area kosong nav tidak nutup klik ke card */
    margin-bottom: 0; /* reset margin desktop kalau ada */
  }

  .testi-wrap .testi-nav .testi-prev,
  .testi-wrap .testi-nav .testi-next {
    pointer-events: auto; /* tombolnya sendiri tetap bisa diklik */
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
  }

  .testi-wrap {
  position: relative;
  padding-right: 0px !important;
  padding-left: 0px !important;
  width: 100%;
    /* pastikan ini jadi anchor buat .testi-nav absolute */
  }
}
/*End Testi*/

/*Indikator dots what the say*/

/*end*/


.elementor-8 .elementor-field-group {
  margin-bottom: 20px !important; /* ganti sesuai kebutuhan */
}/* End custom CSS */