/* Simple Testimonial Carousel - Frontend */
.stc-section{
  background:#0b1a2a;
  padding:48px 0;
  position:relative;
}
.stc-inner{
  width:min(1200px, calc(100% - 48px));
  margin:0 auto;
}
.stc-heading{
  color:#fff;
  font-size:28px;
  line-height:1.2;
  font-weight:600;
  text-align:center;
  margin:0 0 28px;
}
.stc-viewport{
  overflow:hidden;
}
.stc-track{
  display:flex;
  gap:22px;
  will-change:transform;
  transition:transform 500ms ease;
}
.stc-card{
  background:#152a3f;
  border-radius:10px;
  padding:26px 26px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  min-height:140px;
  display:flex;
  align-items:center;
  flex:0 0 calc((100% - (22px * 3)) / 4);
}
.stc-text{
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:14px;
  line-height:1.65;
}
.stc-empty{
  padding:16px;
  background:#fff3cd;
  border:1px solid #ffecb5;
  border-radius:8px;
  color:#664d03;
}

@media (max-width: 1100px){
  .stc-card{ flex-basis:calc((100% - 22px) / 2); }
}
@media (max-width: 640px){
  .stc-inner{ width:calc(100% - 28px); }
  .stc-heading{ font-size:22px; margin-bottom:18px; }
  .stc-card{ flex-basis:100%; padding:22px; }
}