.tc-viewport{overflow:hidden}
.tc-track{display:flex;gap:20px}
.tc-slide{flex:0 0 calc(33.33% - 14px)}
@media(max-width:900px){.tc-slide{flex:0 0 50%}}
@media(max-width:560px){.tc-slide{flex:0 0 100%}}



.tc-card{
  background:#fff;
  border-radius:16px;
  padding:22px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  height:100%;
}

.tc-user{display:flex;align-items:center;gap:12px}
.tc-avatar{width:48px;height:48px;border-radius:10px}

.tc-rating{ font-size:18px;
  display:flex;
  gap:2px;
    
}
.star{
  position:relative;
  color:#ddd;
}
.star.full{ color:#f5b400; }

.star.half{
  color:#ddd;
}
.star.half::before{
  content:'★';
  position:absolute;
  left:0;
  width:50%;
  overflow:hidden;
  color:#f5b400;
}
.tc-product{
  display:flex;
  align-items:center;
  gap:12px;
  border-top:1px solid #eee;
  padding-top:14px;
}
.tc-product-img{width:42px;height:42px;border-radius:8px}
.tc-btn{
  margin-left:auto;
  border:1px solid #ddd;
  padding:6px 14px;
  border-radius:8px;
  font-size:12px;
}

.tc-root{
  position:relative;
  padding:0 30px; /* arrows ke liye space */
}
.tc-prev,
.tc-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6); /* black 60% */
  border:none;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  cursor:pointer;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
}

/* arrows INSIDE container */
.tc-prev{left:16px;}
.tc-next{right:16px;}

.tc-prev:hover,
.tc-next:hover{
  background:#111;
  color:#fff;
}

.tc-rating{
  color:#f5b400;
  font-size:18px;
  letter-spacing:2px;
}
.gdlr-core-title-item-title.gdlr-core-skin-title.textimonial-title{
        font-size: 36px; 
        font-weight:700; 
        text-transform: uppercase; 
        letter-spacing: 0px;
        text-transform: none;
        color: #00562c; 
        padding-top:60px; 
        padding-bottom:30px;
    }

@media(max-width:768px) {
    .gdlr-core-title-item-title.gdlr-core-skin-title.textimonial-title{
         font-size: 28px;
		padding: 0;
    }
	body.infinite-body-front .testimonial_title.infinite-container{
		padding: 0px;
	}
	.tc-root{
		padding: 20px 0 0;
	}
	.tc-card{
		padding: 16px 0;
	}
	.tc-next {
		right: 0;
	}
	.tc-prev {
    	left: auto;
        right: 40px;
	}
	.tc-prev, .tc-next{
		top: 0;
	}
}
@media(max-width:560px){
  .tc-prev,
  .tc-next{
    width:34px;
    height:34px;
    font-size:16px;
  }
}