*{box-sizing:border-box}body{overflow-x:hidden!important}.splide__track{overflow:visible!important;width:100%}.splide__slide{opacity:.5;transition:opacity 1.2s ease}.splide__slide.is-active{opacity:1}.testimonial-slider-container{margin:0 auto;overflow:visible;padding:40px 0;width:100%}.testimonial-card{background-color:#fff;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.08);height:450px;overflow:hidden;position:relative}html.dark .testimonial-card{background-color:#171819}.video-container{align-items:center;border-radius:12px;display:flex;height:100%;justify-content:center;left:0;padding:30px;position:absolute;top:0;transition:width 1.2s ease;width:50%;z-index:2}.video-wrapper{aspect-ratio:16/9;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;position:relative;width:100%}.testimonial-video{height:100%;left:0;object-fit:cover;position:absolute;top:0}.play-button{align-items:center;background-color:rgba(0,0,0,.3);border-radius:50%!important;display:flex;height:60px;justify-content:center;transition:all .3s ease-in-out;width:60px}.play-button:hover{background-color:rgba(0,0,0,.5);transform:translate(-50%,-50%) scale(1.1);transition:all .3s ease-in-out}.text-container{display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:30px;position:absolute;right:0;top:0;transform:translateX(20px);transition:opacity 1.2s ease,transform 1.2s ease;width:50%;z-index:1}.splide__slide.is-active .text-container{opacity:1;transform:translateX(0);transition-delay:.3s}.metrics-container{margin-bottom:20px}.metric-item{align-items:center;color:#059669;display:flex;margin-bottom:8px;opacity:0;transform:translateY(20px)}.metric-item svg{flex-shrink:0;margin-right:8px}.quote-text{color:#4b5563;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:20px}.author-name,.quote-text{opacity:0;transform:translateY(20px)}.author-name{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:4px}.author-title{color:#059669;font-size:14px;opacity:0;transform:translateY(20px)}.success-tag{background-color:#fef3c7;border-radius:20px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 10px}.splide__arrow{@apply bg-white w-[48px] h-[48px] shadow transition-all duration-300 translate-y-[-50%] z-10}.splide__arrow:hover{@apply bg-white shadow-lg scale-[1.05]}.splide__arrow svg{@apply w-[20px] h-[20px] fill-[#333] transition-transform duration-300}.splide__arrow:hover svg{@apply scale-[1.1]}.splide__arrow--next{right:-1em!important}.splide__arrow--prev{left:-1em!important}@media (max-width:768px){.testimonial-card{display:flex;flex-direction:column;height:auto}.video-container{height:auto;padding:20px;position:relative;transition:transform .8s ease;width:100%!important;z-index:auto}.video-wrapper{aspect-ratio:16/9;width:100%}.video-wrapper iframe .video-js button.vjs-big-play-button{opacity:.5!important}.text-container{height:auto;opacity:0!important;position:relative;transform:translateY(20px)!important;transition:opacity .8s ease,transform .8s ease!important;width:100%!important}.splide__slide.is-active .text-container{display:flex!important;opacity:1!important;transform:translateY(0)!important;transition-delay:.4s!important}.splide__slide:not(.is-active) .text-container{display:none}}.testimonial-video{display:block;height:auto;width:100%}.play-button{background:transparent;border:none;cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;z-index:2}.play-button svg{height:60px;width:60px;fill:#fff}.video-controls{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:5px;position:absolute;width:100%;z-index:3}.video-controls button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;margin:0 10px}.video-controls .progress-bar{flex:1;margin:0 10px}button:focus,input:focus{outline:none}.video-controls{opacity:1;transform:translateY(0);transition:transform .4s ease,opacity .4s ease}.video-controls.hidden{opacity:0;transform:translateY(100%)}.material-icons,.material-icons:active{font-family:Material Icons!important}