/* Splide CSS yang terisolasi - HANYA untuk slider containers */
/* Menggunakan namespace .splide-container untuk mencegah konflik global */

/* TESTIMONI SECTION SPACING - Jarak antara video dan text */
.testimoni-splide-section .splide-container:first-child {
  margin-bottom: 60px !important; /* Jarak antara video dan text */
}

/* Responsive spacing untuk testimoni */
@media (max-width: 768px) {
  .testimoni-splide-section .splide-container:first-child {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 480px) {
  .testimoni-splide-section .splide-container:first-child {
    margin-bottom: 30px !important;
  }
}

/* Reset namespace untuk splide containers */
.splide-container {
   width: 80%; /* Match the width of the first container */
   max-width: 1200px; /* FIXED: Batasi lebar maksimal untuk layar lebar */
    margin: 0 auto; /* Add more top/bottom margin */
    overflow: hidden; /* Pastikan overflow tersembunyi */
    padding-bottom: 100px;
    position: relative;
}

/* Mentor Section - gunakan container standard seperti section lain */
.mentors-splide-section {
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Ensure mentor section container follows the same max-width pattern */
.mentors-splide-section .row {
  max-width: 1200px !important; /* Match container max-width */
  margin: 0 auto !important;    /* Center the row */
}

/* Hapus override row - biarkan menggunakan container default dari styles2.css */
/* .mentors-splide-section .row menggunakan container standard tanpa override */

/* Splide container dalam row standard */
.mentor-splide-section .splide-container {
  position: relative;
  width: 90%;
  max-width: 1200px; /* FIXED: Batasi lebar maksimal untuk layar lebar */
  margin: 0 auto;      /* center secara horizontal */
  padding: 0;
  z-index: 1;
  display: flex;       /* aktifkan flexbox */
  justify-content: center; /* center konten secara horizontal */
}

.mentor-splide-section .column {
  padding: 0 !important;
}

.mentor-splide-section .splide {
  position: relative;
  visibility: hidden;
  width: 100% !important;
}

.mentor-splide-section .splide.is-initialized {
  visibility: visible;
}

/* Pastikan splide track dan slides tidak di-override ukurannya */
.mentor-splide-section .splide__track {
  width: 100% !important;
}

.mentor-splide-section .splide__list {
  width: 100% !important;
}

/* Khusus untuk mentors - FIXED: Hidden overflow untuk menyembunyikan slide yang tidak aktif */
.mentor-splide-section .splide-container .splide__track {
  position: relative !important;
  overflow: hidden !important; /* CRITICAL: Hidden untuk menyembunyikan border slide yang tidak aktif */
  padding: 0 !important; /* Remove padding to prevent border showing */
}

.mentor-splide-section .splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Khusus untuk mentors - pastikan list tidak bocor ke sisi kiri/kanan */
.mentors-splide-section .splide-container .splide__list {
  backface-visibility: hidden !important;
  display: flex !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  overflow: hidden !important; /* CRITICAL: Prevent border bleeding */
}

/* Slides - hanya di dalam splide container */
.splide-container .splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
}

/* Navigation arrows - scoped dengan specificity tinggi untuk menghindari konflik */
.mentors-splide-section .splide-container .splide__arrow {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 50% !important;
  width: 3rem !important; /* Perbesar sedikit dari 2.5rem */
  height: 3rem !important; /* Perbesar sedikit dari 2.5rem */
  border: none !important;
  opacity: 0.7 !important;
  transition: opacity 0.3s ease !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.mentors-splide-section .splide-container .splide__arrow:hover {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.9) !important;
  transform: translateY(-50%) scale(1.1) !important;
}

.mentors-splide-section .splide-container .splide__arrow:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}

.mentors-splide-section .splide-container .splide__arrow svg {
  fill: white !important;
  width: 1.4rem !important; /* Perbesar icon sedikit */
  height: 1.4rem !important; /* Perbesar icon sedikit */
  stroke: white !important;
  pointer-events: none !important;
}

.mentors-splide-section .splide-container .splide__arrow--prev {
  left: 0.5rem !important; /* Pindahkan lebih ke kiri */
}

.mentors-splide-section .splide-container .splide__arrow--next {
  right: 0.5rem !important; /* Pindahkan lebih ke kanan */
}

/* Pagination - scoped */
.splide-container .splide__pagination {
  bottom: -2rem;
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
}

.splide-container .splide__pagination__page {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.3rem;
  border: none;
  transition: background 0.3s ease;
  cursor: pointer;
  display: inline-block;
}

.splide-container .splide__pagination__page.is-active {
  background: white;
  transform: scale(1.2);
}

/* Mentors specific styling - Kembalikan ke ukuran asli */
.mentors-splide-section .splide-container .splide__slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  padding: 0 !important; /* Hilangkan padding yang mengubah spacing */
}

.mentors-splide-section .mentors-item {
  text-align: center !important;
  width: 210px !important; /* Dikurangi lagi untuk memberikan ruang gap */
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

.mentors-splide-section .mentors-image-container {
  width: 180px !important; /* Kembali ke ukuran asli */
  height: 180px !important; /* Kembali ke ukuran asli */
  overflow: hidden !important;
  border-radius: 10px !important;
  border-style: solid !important;
  border-color: var(--color-1) !important;
  transition: box-shadow 0.3s ease !important;
  position: relative !important;
  margin-bottom: 0 !important;
}

.mentors-splide-section .mentors-image-container:hover {
  box-shadow: 0 10px 20px var(--color-1) !important;
}

.mentors-splide-section .mentors-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top !important; /* Kembali ke posisi asli */
  border-radius: inherit !important; /* Inherit dari container, bukan forced bulat */
}

.mentors-splide-section .mentors-name {
  font-size: calc(var(--text-xl) * 0.6111) !important; /* Kembali ke ukuran asli */
  margin: 20px 0 5px 0 !important; /* Kembali ke margin asli */
  font-weight: 900 !important;
  background: linear-gradient(to right, #d44c02, #e67a11) !important; /* Kembali ke gradient asli */
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
  z-index: 2 !important;
  line-height: 1 !important;
  text-align: center !important;
  width: 100% !important;
}

.mentors-splide-section .mentors-title {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--color-white) !important; /* Kembali ke warna asli */
  font-size: medium !important; /* Kembali ke ukuran asli */
  font-weight: 100 !important; /* Kembali ke weight asli */
  line-height: 1 !important;
  text-align: center !important;
  width: 100% !important;
}

/* Testimonial specific styling */
.testimonial-splide-section .splide-container .splide__slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video placeholder untuk testimonials */
.testimonial-splide-section .video-placeholder {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.testimonial-splide-section .video-placeholder img {
  width: 100%;
  height: auto;
  display: block;
}

.testimonial-splide-section .video-placeholder .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.testimonial-splide-section .video-placeholder .play-button:hover {
  background: white;
  transform: translate(-50%, -50%) scale(1.1);
}

.testimonial-splide-section .video-placeholder .play-button::before {
  content: "▶";
  font-size: 1.5rem;
  color: #333;
  margin-left: 0.2rem;
}

/* Responsive adjustments - hanya untuk splide containers */
@media (max-width: 768px) {
  .splide-container .splide__arrow {
    width: 2rem;
    height: 2rem;
  }
  
  .splide-container .splide__arrow svg {
    width: 1rem;
    height: 1rem;
  }
  
  .testimonial-splide-section .video-placeholder .play-button {
    width: 3rem;
    height: 3rem;
  }
  
  .testimonial-splide-section .video-placeholder .play-button::before {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .splide-container .splide__arrow {
    width: 1.8rem;
    height: 1.8rem;
  }
  
  .splide-container .splide__pagination {
    bottom: -1.5rem;
  }
  
  .splide-container .splide__pagination__page {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.2rem;
  }
}

/* ========================================= */
/* ========================================= */
/* RESPONSIVE CONTAINER FIXES */
/* ========================================= */

/* Ultra Wide Screens - Keep container fixed */
@media (min-width: 1400px) {
  .mentors-splide-section .splide-container {
    max-width: 1200px !important; /* Fixed width untuk ultrawide */
    width: 1200px !important;     /* Fixed width, tidak persentase */
  }
  
  /* Ensure consistent spacing on ultra-wide */
  .mentors-splide-section .splide__list {
    gap: 1.5rem !important; /* Slightly larger gap for better proportion */
  }
  
  .mentors-splide-section .splide__slide {
    max-width: 220px !important; /* Limit slide width */
  }
}

/* Large Desktop - Standard max-width */
@media (min-width: 1200px) and (max-width: 1399px) {
  .mentors-splide-section .splide-container {
    width: 95% !important;
    max-width: 1150px !important;
  }
}

/* Desktop - Normal responsive */
@media (min-width: 992px) and (max-width: 1199px) {
  .mentors-splide-section .splide-container {
    width: 90% !important;
    max-width: 1000px !important;
  }
}

/* Tablet - Smaller container */
@media (min-width: 768px) and (max-width: 991px) {
  .mentors-splide-section .splide-container {
    width: 85% !important;
    max-width: 800px !important;
  }
}

/* MOBILE MENTOR FIXES */
/* ========================================= */

/* ALL MOBILE DEVICES - Force 1 item only */
@media (max-width: 767px) {
  .mentors-splide-section .splide__list {
    gap: 1rem !important;
    justify-content: center !important;
  }
  
  .mentors-splide-section .splide__slide {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    flex: none !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .mentors-splide-section .splide-container {
    width: 90% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  .mentors-splide-section .mentors-item {
    width: 100% !important;
    max-width: 250px !important;
    margin: 0 auto !important;
  }
}

/* Extra small mobile - reduce sizes */
@media (max-width: 375px) {
  .mentors-splide-section .splide__slide {
    max-width: 250px !important;
  }
  
  .mentors-splide-section .splide-container {
    width: 95% !important;
    max-width: 280px !important;
  }

  .mentors-splide-section .mentors-item {
    max-width: 220px !important;
  }
}

/* Tablet Landscape - Force 3 item */
@media (min-width: 768px) and (max-width: 991px) {
  .mentors-splide-section .splide__list {
    gap: 0.4rem !important;
  }
  
  .mentors-splide-section .splide__slide {
    width: calc(33.333% - 0.27rem) !important;
    flex: none !important;
  }
}

/* ========================================= */
/* VALUE SECTION CONTAINER FIXES */
/* ========================================= */

/* Fix value section untuk layar lebar - sama seperti mentor section */
.s-value .value-container {
  max-width: 1200px !important; /* Fixed max-width untuk mencegah gepeng */
  margin: 0 auto !important;   /* Always centered */
}

.s-value .section-header {
  max-width: 1000px !important; /* Sedikit lebih lebar untuk header */
  margin: 0 auto !important;
}

/* Responsive value container untuk berbagai layar */
@media (min-width: 1400px) {
  .s-value .value-container {
    max-width: 1200px !important;  /* Fixed untuk ultrawide */
    width: 90% !important;      /* Fixed width, tidak persentase */
  }
  
  .s-value .section-header {
    max-width: 1200px !important;
    width: 90% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .s-value .value-container {
    width: 90% !important;
    max-width: 1200px !important;
  }
  
  .s-value .section-header {
    width: 80% !important;
    max-width: 950px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-value .value-container {
    width: 75% !important;
    max-width: 800px !important;
  }
  
  .s-value .section-header {
    width: 85% !important;
    max-width: 900px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-value .value-container {
    width: 80% !important;
    max-width: 700px !important;
  }
  
  .s-value .section-header {
    width: 90% !important;
    max-width: 800px !important;
  }
}

@media (max-width: 767px) {
  .s-value .value-container {
    width: 80% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important; /* Single column di mobile */
  }
  
  .s-value .section-header {
    width: 95% !important;
    max-width: none !important;
  }
}

/* ========================================= */
/* CURRICULUM SECTION CONTAINER & IMAGE FIXES */
/* ========================================= */

/* Fix curriculum section untuk layar lebar - sama seperti value section */
.s-curriculum .curriculum-container {
  max-width: 1200px !important; /* Fixed max-width untuk mencegah gepeng */
  margin: 0 auto !important;    /* Always centered */
}

.s-curriculum .section-header {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Force 16:9 aspect ratio untuk gambar curriculum */
.item-curriculum-image {
  aspect-ratio: 16 / 9 !important;  /* Force 16:9 ratio */
  width: 100% !important;
  max-width: none !important;       /* Remove max-width restriction */
  max-height: none !important;      /* Remove max-height restriction */
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #f0f0f0 !important;   /* Fallback background */
}

.item-curriculum-image img {
  width: 100% !important;
  height: 100% !important;          /* Fill container completely */
  object-fit: cover !important;     /* Cover for thumbnail effect */
  border-radius: 8px !important;
}

/* Responsive curriculum container untuk berbagai layar */
@media (min-width: 1400px) {
  .s-curriculum .curriculum-container {
    max-width: 1200px !important;  /* Fixed untuk ultrawide */
    width: 1200px !important;      /* Fixed width, tidak persentase */
  }
  
  .s-curriculum .section-header {
    max-width: 1200px !important;
    width: 1200px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .s-curriculum .curriculum-container {
    width: 85% !important;
    max-width: 1150px !important;
  }
  
  .s-curriculum .section-header {
    width: 90% !important;
    max-width: 1150px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-curriculum .curriculum-container {
    width: 90% !important;
    max-width: 1000px !important;
  }
  
  .s-curriculum .section-header {
    width: 95% !important;
    max-width: 1000px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-curriculum .curriculum-container {
    width: 95% !important;
    max-width: 800px !important;
  }
  
  .s-curriculum .section-header {
    width: 95% !important;
    max-width: 800px !important;
  }
}

@media (max-width: 767px) {
  .s-curriculum .curriculum-container {
    width: 95% !important;
    max-width: none !important;
  }
  
  .s-curriculum .section-header {
    width: 95% !important;
    max-width: none !important;
  }
  
  /* Mobile specific untuk gambar curriculum */
  .item-curriculum-image {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
  }
}

/* ================================
   TESTIMONI SPLIDE STYLES - CONTAINER SEPERTI MENTOR
   ================================ */

/* Testimoni Section - Container setup seperti section mentor */
.testimoni-splide-section {
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Ensure testimoni section container follows the same max-width pattern seperti mentor */
.testimoni-splide-section .row {
  max-width: 1200px !important; /* Match container max-width */
  margin: 0 auto !important;    /* Center the row */
}

/* Testimoni Splide container dalam row standard seperti mentor */
.testimoni-splide-section .splide-container {
  position: relative;
  width: 90%;
  max-width: 1200px; /* FIXED: Batasi lebar maksimal untuk layar lebar */
  margin: 10px auto;      /* center secara horizontal */
  padding: 0;
  z-index: 1;
  display: flex;       /* aktifkan flexbox */
  justify-content: center; /* center konten secara horizontal */
}

.testimoni-splide-section .column {
  padding: 0 !important;
}

/* PENTING: Jangan override styling video asli - biarkan natural */
/* Hanya override yang minimal untuk Splide functionality */
.testimoni-splide-section .splide {
  position: relative;
  visibility: hidden;
  width: 100% !important; /* Pastikan splide menggunakan full width */
}

.testimoni-splide-section .splide.is-initialized {
  visibility: visible;
}

/* Pastikan splide track dan slides tidak di-override ukurannya */
.testimoni-splide-section .splide__track {
  width: 100% !important;
}

.testimoni-splide-section .splide__list {
  width: 100% !important;
}

.testimoni-splide-section .splide__slide {
  /* Force slide untuk mengikuti aspect ratio */
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Force all slide content to follow 16:9 aspect ratio */
.testimoni-splide-section .splide__slide > * {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

/* TESTIMONI VIDEO RATIO 16:9 (Thumbnail Normal) - FORCE OVERRIDE */
.testimoni-splide-section .curriculum-item-content {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  position: relative !important;
  display: block !important;
  /* Fallback untuk browser yang tidak support aspect-ratio */
  padding-bottom: 56.25% !important; /* 16:9 = 56.25% */
}

/* Remove padding-bottom when aspect-ratio is supported */
@supports (aspect-ratio: 16 / 9) {
  .testimoni-splide-section .curriculum-item-content {
    padding-bottom: 0 !important;
  }
}

.testimoni-splide-section .video-wrapper {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  display: block !important;
  /* Fallback positioning */
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* When aspect-ratio is supported, use relative positioning */
@supports (aspect-ratio: 16 / 9) {
  .testimoni-splide-section .video-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
}

.testimoni-splide-section .testimonial-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  aspect-ratio: 16 / 9 !important;
}

/* Force iframe (YouTube embed) to follow 16:9 ratio */
.testimoni-splide-section iframe {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 10px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border: none !important;
}

/* Specific targeting untuk iframe dengan class testimonial-video */
.testimoni-splide-section iframe.testimonial-video {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* Play button tetap centered pada ratio 16:9 */
.testimoni-splide-section .play-button-overlay {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
}

/* Navigation arrows untuk testimoni - gunakan styling minimal */
.testimoni-splide-section .splide__arrow {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid #007bff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

.testimoni-splide-section .splide__arrow:hover {
  background: #007bff !important;
  transform: translateY(-50%) scale(1.1) !important;
}

.testimoni-splide-section .splide__arrow svg {
  color: #007bff !important;
  transition: color 0.3s ease !important;
}

.testimoni-splide-section .splide__arrow:hover svg {
  color: white !important;
}

.testimoni-splide-section .splide__arrow--prev {
  left: -20px !important;
}

.testimoni-splide-section .splide__arrow--next {
  right: -20px !important;
}

/* Responsive styles untuk testimoni container */
@media (max-width: 1400px) {
  .testimoni-splide-section .splide-container {
    width: 95% !important;
    max-width: 1200px !important;
  }
  
  /* Maintain 16:9 ratio pada large screens */
  .testimoni-splide-section .curriculum-item-content {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .video-wrapper {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 1200px) {
  .testimoni-splide-section .splide-container {
    width: 95% !important;
    max-width: 900px !important;
  }
  
  /* Maintain 16:9 ratio pada tablets */
  .testimoni-splide-section .curriculum-item-content {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .video-wrapper {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 992px) {
  .testimoni-splide-section .splide-container {
    width: 95% !important;
    max-width: 700px !important;
  }
  
  /* Maintain 16:9 ratio pada small tablets */
  .testimoni-splide-section .curriculum-item-content {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .video-wrapper {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 768px) {
  .testimoni-splide-section .splide-container {
    width: 95% !important;
    max-width: none !important;
  }
  
  /* Maintain 16:9 ratio pada mobile */
  .testimoni-splide-section .curriculum-item-content {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .video-wrapper {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .splide__arrow {
    width: 35px !important;
    height: 35px !important;
  }
  
  .testimoni-splide-section .splide__arrow--prev {
    left: -17px !important;
  }
  
  .testimoni-splide-section .splide__arrow--next {
    right: -17px !important;
  }
}

@media (max-width: 480px) {
  /* Maintain 16:9 ratio pada small mobile */
  .testimoni-splide-section .curriculum-item-content {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .video-wrapper {
    aspect-ratio: 16 / 9 !important;
  }
  
  .testimoni-splide-section .splide__arrow {
    width: 30px !important;
    height: 30px !important;
  }
  
  .testimoni-splide-section .splide__arrow--prev {
    left: -15px !important;
  }
  
  .testimoni-splide-section .splide__arrow--next {
    right: -15px !important;
  }
}