/* ========================= Base Styling ========================= */
 .mtl-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     align-items: center;
}

@media (max-width: 767px) {
    .mtl-row {
        grid-template-columns: 1fr; 
        gap: 20px;
    }
}
 
/* ========================= Text Area ========================= */
 /* .mtl-text {
     padding: 10px;
     position: relative;
}
 .mtl-message {
     font-size: 16px;
     color: #374151;
     font-weight: 500;
     line-height: 1.6;
}
 @media (min-width: 768px) {
     .mtl-message {
         font-size: 18px;
    }
}
 @media (min-width: 1200px) {
     .mtl-message {
         font-size: 20px;
    }
}
 .mtl-author {
     margin-top: 14px;
}
 .mtl-name {
     font-weight: 700;
     color: #0b62e5;
     font-size: 18px;
}
 .mtl-role {
     color: #6b7280;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .mtl-name {
         font-size: 20px;
    }
     .mtl-role {
         font-size: 15px;
    }
}
 @media (min-width: 1200px) {
     .mtl-name {
         font-size: 22px;
    }
     .mtl-role {
         font-size: 16px;
    }
} */
/* ========================= Video Wrapper ========================= */
 .mtl-thumb {
     position: relative;
     display: block;
     width: 100%;
     max-width: 100%;
     line-height: 0;
}
 .mtl-testimonial-img {
     width: 100%;
     /* height: auto; */
     object-fit: cover;
     display: block;
    /* margin-top: -50px;
     */
}
 .mtl-thumb:hover .mtl-testimonial-img {
     filter: brightness(1);
}

.mtl-tvs .mtl-swiper{
    overflow: visible;
}
/* ========================= Play Button ========================= */
 .mtl-play {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     box-shadow: 0 10px 24px rgba(255, 40, 40, 0.3);
     transition: all 0.3s ease;
}
 .mtl-play:hover {
     transform: translate(-50%, -50%) scale(1.1);
     box-shadow: 0 10px 24px rgba(255, 40, 40, 0.4);
}
/* ========================= Lightbox Controls ========================= */
 button.carousel__button.is-prev, button.carousel__button.is-next {
     display: none !important;
}
 button.carousel__button.is-close {
     padding: 10px;
     background: black;
     border-radius: 10px;
     transition: transform 0.3s ease;
}
 .carousel__viewport{
     display: none;
}
 .mtl-quote {
     display: inline-block;
}