.elementor-43150 .elementor-element.elementor-element-01c911d{--display:flex;}.elementor-43150 .elementor-element.elementor-element-94789df{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-43150 .elementor-element.elementor-element-f0b1f54{text-align:center;}.elementor-43150 .elementor-element.elementor-element-f0b1f54 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#000000;}.elementor-43150 .elementor-element.elementor-element-a06cd91{--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-43150 .elementor-element.elementor-element-2b069c5{--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-43150 .elementor-element.elementor-element-a52ad21{--display:flex;}.elementor-43150 .elementor-element.elementor-element-753d389 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:700;color:#FF0000;}.elementor-43150 .elementor-element.elementor-element-dff6ae6{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cad88a7 *//* === Galeri Video Horizontal === */
.video-gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 20px;
  padding: 10px;
  scroll-behavior: smooth;
}

.video-gallery::-webkit-scrollbar { display: none; }
.video-gallery { -ms-overflow-style: none; scrollbar-width: none; }

/* === Kartu Video === */
.video-card {
  flex: 0 0 calc(25% - 20px); /* 4 kolom */
  height: 320px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.video-card iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 14px;
}

/* === Navigasi Titik === */
.video-dots {
  text-align: center;
  margin-top: 15px;
}

.video-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.video-dots span.active {
  background: #ff0000; /* warna merah seperti YouTube */
}

/* Responsif */
@media (max-width: 1024px) {
  .video-card { flex: 0 0 calc(33.33% - 20px); }
}
@media (max-width: 768px) {
  .video-card { flex: 0 0 calc(50% - 20px); height: 250px; }
}
@media (max-width: 480px) {
  .video-card { flex: 0 0 100%; height: 220px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b902b9 *//* Gaya tombol */
.lihat-btn {
  display: inline-block;
  margin-top: 15px; /* lebih kecil dari sebelumnya */
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  font-size: 16px;
  text-align: center;
}

.lihat-btn:hover {
  background-color: #0056b3;
}

/* Container utama untuk kartu */
.paket-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/* Kartu paket */
.paket-card {
  width: 250px;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background-color: #fff;
  padding: 10px;
}

/* Gambar di dalam kartu */
.paket-card img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Label nama paket */
.paket-label {
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
}

/* Judul bagian */
.judul-section {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
}

/* Wrapper tombol di bawah daftar paket */
.btn-wrapper {
  text-align: center;
  margin-top: 10px; /* jarak kecil saja dari kartu terakhir */
  margin-bottom: 30px; /* sedikit ruang di bawah tombol */
}/* End custom CSS */