/* ================= SECTION ================= */
.gcs-ts-section{
  width:100%;
  padding:10px 16px;
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
}

/* ================= CONTAINER ================= */
.gcs-ts-container{
  max-width:100%;
  margin:auto;
  position:relative;
}

/* ================= VIEWPORT ================= */
.gcs-ts-viewport{
  overflow:hidden;
  width:100%;
}

/* ================= TRACK ================= */
.gcs-ts-track{
  display:flex;
  transition:transform 0.6s ease-in-out;
}

/* ================= SLIDE ================= */
.gcs-ts-slide{
  padding:16px;
  flex:0 0 100%;
}

@media(min-width:768px){
  .gcs-ts-slide{flex:0 0 50%;}
}

@media(min-width:1200px){
  .gcs-ts-slide{flex:0 0 33.3333%;}
}

/* ================= CARD ================= */
.gcs-ts-card{
  height:100%;
  background:#fff;
  border-radius:18px;
  padding:24px;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
  display:flex;
  flex-direction:column;
}

/* ================= HEADER ================= */
.gcs-ts-header{
  display:flex;
  align-items:center;
  gap:14px;
}

.gcs-ts-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  background:#e5e7eb;
}

.gcs-ts-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.gcs-ts-name{
  font-size:16px;
  font-weight:700;
  color:#0f172a;
}

.gcs-ts-role{
  font-size:13px;
  color:#64748b;
}

/* ================= STARS ================= */
.gcs-ts-stars{
  display:flex;
  gap:14px;
  margin:12px 0;
}

.gcs-ts-stars{
  width:18px;
  height:18px;
  color:rgb(255, 204, 0);
}

/* ================= TEXT ================= */
.gcs-ts-text{
  font-size:1.4rem;
  line-height:1.6;
  color:#334155;
  margin-bottom:20px;
}

/* ================= FOOTER ================= */
.gcs-ts-footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:600;
  color:#374151;
}

.gcs-ts-footer img{
  width:20px;
}

/* ================= NAV ================= */
.gcs-ts-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
  cursor:pointer;
  font-size:22px;
}

.gcs-ts-prev{left:-10px;}
.gcs-ts-next{right:-10px;}

@media(max-width:768px){
  .gcs-ts-nav{display:none;}
   .gcs-ts-heading h2{
    font-size:24px;
  }
  .gcs-ts-heading-text{
    font-size:16px;
    text-align:center;
  }
}

/* ================= INLINE HEADING ================= */
.gcs-ts-heading-inline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:5px;
  font-weight:700;
  color:#0f172a;
}

.gcs-ts-heading-inline img{
  width:24px;
}

.gcs-ts-heading-text{
  font-size:20px;
  font-family: "Nunito Sans", sans-serif;
  color: #025c97;
}

.gcs-ts-heading-stars{
  font-size:18px;
  color:rgb(255, 204, 0);
  letter-spacing:2px;
  font-family: "Nunito Sans", sans-serif;
}

.dot{
  margin:0 6px;
  color:#94a3b8;
}