.elementor-995 .elementor-element.elementor-element-184b591a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-995 .elementor-element.elementor-element-184b591a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-995 .elementor-element.elementor-element-47e916dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-995 .elementor-element.elementor-element-47e916dd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-995 .elementor-element.elementor-element-678228ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title, .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title:before, .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title:after, .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-content, .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title, .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title a{color:#FFFFFF00;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title.elementor-active,
					 .elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title.elementor-active a{color:#FFFFFF00;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title{font-size:15px;font-weight:600;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-content{font-size:14px;font-weight:400;line-height:2em;}.elementor-995 .elementor-element.elementor-element-1cf3e95{width:var( --container-widget-width, 105.68% );max-width:105.68%;--container-widget-width:105.68%;--container-widget-flex-grow:0;}.elementor-995 .elementor-element.elementor-element-1cf3e95.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px) and (min-width:768px){.elementor-995 .elementor-element.elementor-element-184b591a{--content-width:100%;}.elementor-995 .elementor-element.elementor-element-47e916dd{--width:100%;}.elementor-995 .elementor-element.elementor-element-678228ff{--width:100%;}}@media(max-width:1024px){.elementor-995 .elementor-element.elementor-element-184b591a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap:wrap;--padding-top:3em;--padding-bottom:3em;--padding-left:2em;--padding-right:2em;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title{font-size:14px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-content{font-size:14px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 > .elementor-widget-container{margin:0px 0px 0px -20px;}.elementor-995 .elementor-element.elementor-element-1cf3e95{width:initial;max-width:initial;}}@media(max-width:767px){.elementor-995 .elementor-element.elementor-element-184b591a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:18px;}.elementor-995 .elementor-element.elementor-element-47e916dd{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-995 .elementor-element.elementor-element-e0d1a7a{text-align:center;}.elementor-995 .elementor-element.elementor-element-439a8a7{text-align:center;}.elementor-995 .elementor-element.elementor-element-678228ff{--margin-top:0px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;--padding-top:01px;--padding-bottom:01px;--padding-left:28px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-title{font-size:13px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 .elementor-tab-content{font-size:13px;letter-spacing:-0.1px;}.elementor-995 .elementor-element.elementor-element-1cf3e95 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-1cf3e95.elementor-element{--align-self:center;}}/* Start custom CSS for tabs, class: .elementor-element-1cf3e95 *//* Scrollable tab horizontal - khusus untuk #custom-tab */
#tab-area-telkomsel .elementor-tabs-wrapper {
  display: flex !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */

  /* Padding untuk Desktop (default) */
  padding-left: 28px;
  margin-left: -18px;
  padding-right: 18px;
}

#tab-area-telkomsel .elementor-tabs-wrapper::-webkit-scrollbar {
  display: none; /* Safari & Chrome */
}

/* --- Kustomisasi Tab Item --- */

/* Gaya dasar untuk tab item (Desktop) */
#tab-area-telkomsel .elementor-tab-title {
  flex: 0 0 auto;
  padding: 10px 16px;
  border: 0.5px solid #0F223640;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(80%);
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  
  /* Animasi masuk */
  opacity: 0;
  animation: fadeInRight 0.2s ease-out forwards;
}

/* Efek hover untuk Desktop */
#tab-area-telkomsel .elementor-tab-title:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ED0226;
  color: #333;
  transform: scale(0.975)!important; /* Hanya scale */
  z-index: 1;
}

/* Tab aktif untuk Desktop */
#tab-area-telkomsel .elementor-tab-title.elementor-active {
  background: rgba(255, 255, 255, 0.1);
  border: 0.8px solid #ED0226;
  color: #333;
}

/* --- Kustomisasi Tab Item untuk Tablet --- */
@media (max-width: 1024px) {
  #tab-area-telkomsel .elementor-tab-title {
    padding: 8px 14px;
  }
  #tab-area-telkomsel .elementor-tab-title:hover {
    transform: scale(0.975)!important;
  }
}

/* --- Kustomisasi Tab Item untuk Mobile --- */
@media (max-width: 767px) {
  #tab-area-telkomsel .elementor-tab-title {
    padding: 8px 14px;
  }
  #tab-area-telkomsel .elementor-tab-title:hover {
    transform: scale(0.98)!important;
  }
}

/* Sembunyikan tab accordion di mobile */
#tab-area-telkomsel .elementor-tab-mobile-title {
  display: none !important;
}

/* --- Kustomisasi Link Kota --- */

.wifi-kota-links {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
  gap: 2px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  
  /* Padding untuk Desktop */
  padding-top: 8px;
  padding-bottom: 18px;
  padding-left: 15px;
  margin-left: -18px;
  padding-right: 10px;
  margin-right: -10px;
}

.wifi-kota-links a {
  display: inline-block;
  flex-shrink: 0;
  margin: 2px 2px;
  padding: 4px 16px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(80%);
  border: 0.5px solid #0F223640;
  border-radius: 30px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;

  /* Animasi masuk */
  opacity: 0;
  animation: fadeInRight 0.5s ease-out forwards;
}

/* Efek hover untuk Desktop */
.wifi-kota-links a:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ED0226;
  color: #333;
  transition: all 0.3s ease-in-out;
  transform: scale(0.97)!important;
}

/* --- Kustomisasi Link Kota untuk Tablet --- */
@media (max-width: 1024px) {
  .wifi-kota-links a {
    padding: 2px 12px;
  }
  .wifi-kota-links a:hover {
    transform: scale(0.975) !important;
  }
}

/* --- Kustomisasi Link Kota untuk Mobile --- */
@media (max-width: 767px) {
  .wifi-kota-links a {
    padding: 2px 10px;
  }
  .wifi-kota-links a:hover {
    transform: scale(0.975)!important;
  }
}

/* Definisi keyframes untuk animasi muncul dari kanan */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Menambahkan penundaan untuk efek berurutan pada Tab (lebih cepat) */
#tab-area-telkomsel .elementor-tab-title:nth-child(1) { animation-delay: 0.05s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(2) { animation-delay: 0.1s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(3) { animation-delay: 0.15s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(4) { animation-delay: 0.2s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(5) { animation-delay: 0.25s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(6) { animation-delay: 0.3s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(7) { animation-delay: 0.35s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(8) { animation-delay: 0.4s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(9) { animation-delay: 0.45s; }
#tab-area-telkomsel .elementor-tab-title:nth-child(10) { animation-delay: 0.5s; }


/* Menambahkan penundaan untuk efek berurutan pada Link Kota (lebih cepat) */
.wifi-kota-links a:nth-child(1) { animation-delay: 0.15s; }
.wifi-kota-links a:nth-child(2) { animation-delay: 0.2s; }
.wifi-kota-links a:nth-child(3) { animation-delay: 0.25s; }
.wifi-kota-links a:nth-child(4) { animation-delay: 0.3s; }
.wifi-kota-links a:nth-child(5) { animation-delay: 0.35s; }
.wifi-kota-links a:nth-child(6) { animation-delay: 0.4s; }
.wifi-kota-links a:nth-child(7) { animation-delay: 0.45s; }
.wifi-kota-links a:nth-child(8) { animation-delay: 0.5s; }
.wifi-kota-links a:nth-child(9) { animation-delay: 0.55s; }
.wifi-kota-links a:nth-child(10) { animation-delay: 0.6s; }/* End custom CSS */