/* Container (aliases added to match provided CSS class names) */
.vlt-slider-component, .slider-component{
  font-family: Arial, sans-serif;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin:0;
  /* margin-top:30px; */
  height: 42rem;
}

.vlt-switches, .switches{
  display:flex;
  justify-content:center;
  align-items:center;
  padding-left:207px;
  padding-right:75px;
  gap:16px;
  width:79%;
  margin-bottom: 60px;
}
.vlt-title h1{ font-family: Be Vietnam Pro; font-weight:500; font-style: Medium; font-size:44px; line-height:66px; letter-spacing:-1%; margin:0 0 8px; }
.vlt-title h1 span{ color:#FF9500; }
.vlt-title p{ margin:0; color:#333; }

.vlt-tabs, .tabs{
  display:flex;
  justify-content:center;
  border-bottom:1px solid #ddd;
  min-width:120px;
  margin:20px auto;
}
.vlt-tab, .tab{
  background:transparent;
  border:none;
  padding:10px;
  cursor:pointer;
  color:#000;
  font-size:18px;
  font-weight:500;
  position:relative;
  transition:all 0.3s ease;
}
.vlt-tab.active, .tab.active{ color:#FFA500; }
.vlt-tab.active::after, .tab.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:#FFA500; border-radius:2px;
}

.vlt-slider-container, .slider-container{
  position:relative;
  /*width: 800px; /* wider so 2 cards fit nicely */
  overflow:hidden;
  height:55%;
  display:none;
  width:890px;
  max-width:100%;
}
.vlt-slider-container.active, .slider-container.active{ display:block; }

.vlt-slider, .slider{ display:flex; transition: transform 0.5s ease-in-out; width:870px; }

.vlt-testimonial-card, .testimonial-card{
  min-width:50%;
  box-sizing:border-box;
  border-radius:12px;
  padding:20px;
  background: 
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(37deg, #f5a623, transparent 40%, transparent 60%, #f5a623) border-box;
  border:2px solid transparent;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  margin-right:15px;
  flex:0 0 50%;
}

.vlt-testimonial-header, .testimonial-header{ display:flex; align-items:center; margin-bottom:15px; }
.vlt-testimonial-header img, .testimonial-header img{ width:60px; height:60px; border-radius:50%; object-fit:cover; margin-right:15px; }
.vlt-testimonial-name, .testimonial-name{ font-weight:bold; font-size:1.1rem; }
.vlt-testimonial-position, .testimonial-position{ font-size:0.9rem; color:#555; }
.vlt-testimonial-text, .testimonial-text{ font-style:italic; color:#333; line-height:1.5; }

.vlt-video-wrapper{ position:relative; width:100%; padding-top:56.25%; border-radius:12px; overflow:hidden; }
.vlt-video-wrapper iframe, .testimonial-card iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px; }

/* Voices thumbnail card overlay */
.vlt-voice-thumb{ position:relative; width:100%; padding-top:56.25%; border-radius:12px; overflow:hidden; }
.vlt-voice-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vlt-voice-gradient{ position:absolute; left:0; right:0; bottom:0; height:45%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); }
.vlt-play-btn{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.85); box-shadow:0 2px 10px rgba(0,0,0,.2); }
.vlt-play-btn:after{ content:""; position:absolute; left:22px; top:18px; border-style:solid; border-width:10px 0 10px 16px; border-color:transparent transparent transparent #FFB000; }
.vlt-voice-meta{ position:absolute; left:16px; right:16px; bottom:12px; color:#fff; }
.vlt-voice-name{ font-weight:700; font-size:20px; margin:0 0 4px; text-shadow:0 1px 2px rgba(0,0,0,.4); }
.vlt-voice-position{ font-size:16px; opacity:.95; text-shadow:0 1px 2px rgba(0,0,0,.4); }

.vlt-navigation-arrows, .navigation-arrows{ position: relative;
    bottom: 20px;
    right: 0px;
    display: flex;
    gap: 10px;
    top: 24px;
    left: 88%; }
.vlt-nav-arrow, .nav-arrow{ width:40px; height:40px; border-radius:50%; border:none; background:#f0f0f0; color:#999; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; }
.vlt-nav-arrow.active, .nav-arrow.active{ background:#FFA500; color:#fff; }
.vlt-nav-arrow:hover:not(:disabled), .nav-arrow:hover:not(:disabled){ background:#FFA500; color:#fff; transform:scale(1.1); }
.vlt-nav-arrow:disabled, .nav-arrow:disabled{ opacity:.5; cursor:not-allowed; }


.vlt-testimonial-position{
  font-family: Be Vietnam Pro;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  font-style: italic;
  color: #333;
  line-height: 1.5;
}


.p-none{
    padding: 0!important;
}

/* Responsive */
@media (max-width: 1024px){
  .vlt-testimonial-card{ flex-basis: 66.666%; min-width:66.666%; }
}
@media (max-width: 768px){
  .vlt-switches{ flex-direction:column; align-items:flex-start; padding-left:16px; padding-right:16px; }
  .vlt-tabs{ align-self:stretch; }
  .vlt-testimonial-card{ flex-basis: 100%; min-width:100%; margin-right:12px; }
  .vlt-slider, .slider{ width:100%; }
  .vlt-slider-container, .slider-container{ width:100%; }
   .vlt-navigation-arrows, .navigation-arrows {
    left: 40%;
  }
}
@media (max-width: 480px){
  .vlt-title h1{ font-size:22px; }
  .vlt-title p{ font-size:14px; }
  .vlt-nav-arrow{ width:36px; height:36px; }
}