Stylish Homeware, Furniture & Decor for Every Home

.tp-subtitle{ text-align:center; margin-top:-15px; margin-bottom:35px; font-size:18px; line-height:1.6; } .tp-subtitle a{ text-decoration:none; color:#333; } .tp-green-stars, .tp-green-star{ color:#00b67a; font-size:20px; font-weight:bold; } .tp-avatar{ width:55px !important; height:55px !important; min-width:55px !important; min-height:55px !important; border-radius:50% !important; object-fit:cover !important; overflow:hidden !important; display:block !important; aspect-ratio:1/1 !important; } .tp-wrapper{ position:relative; width:100vw !important; max-width:100vw !important; margin-left:calc(-50vw + 50%) !important; margin-right:calc(-50vw + 50%) !important; padding:70px 80px; background:#f5f5f5; box-sizing:border-box; overflow:hidden; border-radius:0 !important; } .tp-wrapper{ max-width:1200px; margin:auto; padding:50px 60px; background:#f5f5f5; position:relative; overflow:hidden; border-radius:15px; } .tp-heading{ text-align:center; font-size:34px; font-weight:700; margin-bottom:35px; } .tp-slider{ overflow:hidden; position:relative; } .tp-track{ display:flex; transition:transform 0.6s ease; gap:20px; } .tp-card{ min-width:calc(25% - 15px); background:#fff; padding:25px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,.08); box-sizing:border-box; } .tp-header{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:15px; } .tp-user{ display:flex; gap:12px; } .tp-avatar{ width:55px; height:55px; border-radius:50%; object-fit:cover; } .tp-name{ font-size:18px; font-weight:600; margin-bottom:4px; } .tp-meta{ font-size:14px; color:#666; } .tp-date{ font-size:14px; color:#666; } .tp-stars{ display:flex; gap:3px; margin:15px 0; } .star{ width:25px; height:25px; background:#00b67a; display:flex; justify-content:center; align-items:center; color:white; font-size:15px; } .tp-review-title{ font-size:20px; font-weight:700; margin-bottom:10px; } .tp-review-text{ font-size:15px; line-height:1.7; color:#444; } @media(max-width:991px){ .tp-card{ min-width:calc(50% - 10px); } } @media(max-width:768px){ .tp-card{ min-width:100%; } } let track=document.querySelector(".tp-track"); let index=0; function moveSlider(){ const cards=document.querySelectorAll(".tp-card"); if(window.innerWidth>991){ index=(index+1)%cards.length; track.style.transform=`translateX(-${index*25}%)`; } else if(window.innerWidth>768){ index=(index+1)%cards.length; track.style.transform=`translateX(-${index*50}%)`; } else{ index=(index+1)%cards.length; track.style.transform=`translateX(-${index*100}%)`; } } setInterval(moveSlider,3000);