.twc { --twc-accent:#2FB3CC; }
.twc-card{
background:#fff;
border-radius: 40px;
padding: 58px 72px;
overflow:hidden;
position:relative;
} .twc-track { position: relative; }
.twc-slide { display:none; }
.twc-slide.is-active {
display:block;
position:relative;
}
.twc-slide.leaving{
display:block;
position:absolute;
inset:0;
z-index:1;
will-change: transform, opacity;
}
.twc-slide.twc-measure{
display:block !important;
position:absolute !important;
inset:0 !important;
visibility:hidden !important;
} @keyframes twcInNext  { from{ transform:translateX(30%);  opacity:0 } to{ transform:translateX(0); opacity:1 } }
@keyframes twcOutNext { from{ transform:translateX(0);    opacity:1 } to{ transform:translateX(-30%); opacity:0 } }
@keyframes twcInPrev  { from{ transform:translateX(-30%); opacity:0 } to{ transform:translateX(0); opacity:1 } }
@keyframes twcOutPrev { from{ transform:translateX(0);    opacity:1 } to{ transform:translateX(30%);  opacity:0 } }
.twc[data-dir="next"] .twc-slide.is-active { animation: twcInNext .45s ease both; }
.twc[data-dir="next"] .twc-slide.leaving   { animation: twcOutNext .45s ease both; }
.twc[data-dir="prev"] .twc-slide.is-active { animation: twcInPrev .45s ease both; }
.twc[data-dir="prev"] .twc-slide.leaving   { animation: twcOutPrev .45s ease both; } .twc-head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom: 35px;
}
.twc-quote-img{
width: 81px;
height:auto;
}
.twc-stars{ display:flex; gap:4px; }
.twc-star{ width:17px; height:auto; fill:none; stroke:#F7D323; stroke-width:1.25; }
.twc-star.filled{ fill:#F7D323; stroke:#F7D323; } .twc-text{}
.twc-text p {
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight:400;
line-height: 22px;
margin: 0 0 25px;
}
.twc-name{
font-family: "Raleway", sans-serif;
font-size: 18px;
line-height: 22px;
font-weight:800;
} .twc-nav{
display:flex;
justify-content:center;
gap:30px;
margin-top: 20px;
}
.twc-prev, .twc-next {
width: 39px;
height:39px;
cursor:pointer;
}
.twc-nav-ico{
width:100%;
height:auto;
}
@media (max-width: 1200px) {
.twc-card {
padding: 58px 52px 47px;
}
}