body{font-family:Arial,sans-serif;background-color:#fff;margin:0;text-align:center;color:#000}h2{font-size:28px;margin-bottom:40px}.carousel-container{display:flex;justify-content:center;align-items:center;gap:20px}.carousel-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-width:800px;margin:0 auto;padding:20px 0}.avatar-preview{width:50px;height:50px;border-radius:12px;object-fit:cover;opacity:.5;transition:transform .3s ease}.avatar-preview:hover{transform:scale(1.1)}.main-avatar{width:100px;height:100px;border-radius:20px;border:2px solid #000;object-fit:cover}.testimonial-box{max-width:600px;margin:30px auto 10px}.stars{color:gold;font-size:22px;margin:10px 0}.testimonial-box p{font-size:16px;line-height:1.5}.testimonial-box em{display:block;margin-top:10px;font-style:italic;color:#555}.testimonial-box .social-handle{color:#777;font-size:14px}.nav-buttons{margin-top:25px}.nav-buttons button{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;margin:0 10px}.nav-buttons button:hover{background-color:#333}.avatar-preview.active{opacity:1;transform:scale(1.15);border:2px solid #000}.arrow-nav{position:relative;max-width:800px;margin:0 auto}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;background-color:#0009;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;transition:background .3s ease}.arrow:hover{background-color:#000c}.arrow.left{left:0}.arrow.right{right:0}@media (max-width: 768px){.carousel-wrapper{flex-direction:column;align-items:center;padding:10px 0}.carousel-container{flex-wrap:wrap;gap:10px;margin-bottom:20px}.main-avatar{width:80px;height:80px}.avatar-preview{width:40px;height:40px;border-radius:10px}.arrow{font-size:28px;width:36px;height:36px;line-height:36px}.testimonial-box{padding:0 15px}.testimonial-box p{font-size:14px}.stars{font-size:18px}.testimonial-box .social-handle{font-size:12px}}@media (max-width: 480px){.main-avatar{width:70px;height:70px}.avatar-preview{width:35px;height:35px}.arrow{font-size:24px;width:32px;height:32px;line-height:32px}h2{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/testimonial-carousel.css.map */