.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    transform: translateY(-30%);
    background: transparent;
    border: none;
    font-size: 2rem;
    color: #333;
    z-index: 1000;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 40%;  /* Adjust as needed */
}

.owl-carousel .owl-nav button.owl-next {
    right: 40%;  /* Adjust as needed */
}

.testimoni-card {
    background-color: #ffffff;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    width: 100%;
}

.testimoni-user-name {
    font-weight: bold;
    margin-top: 10px;
}

.testimoni-text {
    font-style: italic;
}

/* General Owl Carousel Customizations */
.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.owl-carousel .owl-item {
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    padding: 10px;
}


.owl-carousel .owl-item:not(.center) {
    transform: scale(0.6);
    opacity: 0.5;        
    z-index: 1;
    width: 50%;          
    margin: 0 10px;      
}

.owl-carousel .owl-item.active.center {
    transform: scale(1); 
    z-index: 2;      
    width: 100%;            
    margin: 0;              
}

.testimoni-user-name {
    font-weight: bold;
    margin-top: 10px;
    color: #333;
}

.testimoni-text {
    font-style: italic;
    color: #555;
}


/* Add this to your CSS file */
@media only screen and (max-width: 768px) {
    .testimoni-card {
      width: 150%;
      margin-left: 50px auto;
      margin-right: 20px auto; 
      right: 3rem;
    }
    .testimoni-text {
        font-size: smaller;
    }
  }