.elementor-6773 .elementor-element.elementor-element-2a1b9dd{--display:flex;}.elementor-6773 .elementor-element.elementor-element-a04e751{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6773 .elementor-element.elementor-element-e66ebd4{--display:flex;}.elementor-6773 .elementor-element.elementor-element-9d397d7{padding:10px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-45dbb3a{--display:flex;}.elementor-6773 .elementor-element.elementor-element-c2ac25e{padding:30px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-d76db62{--display:flex;}.elementor-6773 .elementor-element.elementor-element-39b4696{padding:30px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-67a57a1{--display:flex;}.elementor-6773 .elementor-element.elementor-element-2054d01{padding:30px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-bb068d3{--display:flex;}.elementor-6773 .elementor-element.elementor-element-9f96495{padding:30px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-e624629{--display:flex;}.elementor-6773 .elementor-element.elementor-element-1545243{padding:30px 0px 0px 0px;}.elementor-6773 .elementor-element.elementor-element-8fdf642{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color-active:#FFFFFF;}.elementor-6773 .elementor-element.elementor-element-807c2de{--display:flex;}@media(max-width:767px){.elementor-6773 .elementor-element.elementor-element-8fdf642{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}}/* Start custom CSS for nested-tabs, class: .elementor-element-8fdf642 *//* ============================================================
   1. STICKY TABS HEADER FULL-WIDTH DI DESKTOP, TAB & HP
   ============================================================ */
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tabs-heading {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px) !important;
  padding: 10px 16px !important;
  margin: 0 !important;
  width: 100% !important; /* LEBAR FULL 100% SELAYAR DESKTOP */
  box-sizing: border-box !important;
  
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important; /* 1 BARIS 6 KOLOM SEJAJAR DI PC */
  gap: 10px !important;
  
  max-width: 900px !important; /* BATAS MAKSIMAL TOMBOL AGAR TETAP RAPI DI TENGAH */
  margin-left: auto !important;
  margin-right: auto !important;
  
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* ============================================================
   2. TOMBOL OPSI A-F RAMPING & SEJAJAR
   ============================================================ */
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tab-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border-radius: 20px !important;
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 8px 6px !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

/* WARNA OPSI AKTIF (HIJAU TEAL) */
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tab-title[aria-selected="true"],
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tab-title.e-active {
  background-color: #0b8a7e !important;
  color: #ffffff !important;
  border-color: #0b8a7e !important;
  box-shadow: 0 3px 8px rgba(11, 138, 126, 0.3) !important;
}

/* POTONG JARAK BOLONG DI BAWAH TOMBOL */
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tabs-content {
  padding-top: 8px !important;
  margin-top: 0 !important;
}

.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tabs-heading::after,
.elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tabs-heading::before {
  display: none !important;
}

/* ============================================================
   3. KHUSUS LAYAR HP (< 600px): UBAH JADI GRID 3 KOLOM X 2 BARIS
   ============================================================ */
@media (max-width: 600px) {
  .elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tabs-heading {
    grid-template-columns: repeat(3, 1fr) !important; /* HP: 3 KOLOM X 2 BARIS PAS */
    gap: 6px !important;
    padding: 8px 10px !important;
  }
  .elementor-6773 .elementor-element.elementor-element-8fdf642 .e-n-tab-title {
    font-size: 11.5px !important;
    padding: 6px 4px !important;
  }
}
/* PROPORSI FOTO 16:9 PERFECT DINAMIS + ZOOM EFFECT SAAT HOVER */
  .tbl-app-img-holder {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    background-color: #f1f5f9 !important;
    overflow: hidden !important; /* Kunci biar zoom-nya gak keluar kotak */
  }
  .tbl-app-img-holder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Efek transisi halus */
  }
  /* Efek Zoom pas kursor lewat / disentuh */
  .tbl-app-spot-card:hover .tbl-app-img-holder img {
    transform: scale(1.08) !important; /* Zoom in 8% dengan mulus */
  }/* End custom CSS */
/* Start custom CSS */.breadcumb-wrapper {
    display: none !important;
}/* End custom CSS */