.tc-carousel {
--tc-section-bg: #e7edee;
--tc-card-bg: #8fa3ad;
position: relative;
width: 100%;
max-width:1440px;
margin: 0 auto;
overflow: hidden;
font-family: 'Poppins';
}
.tc-quote-short{
font-weight: 400;
line-height: 30px;	
}
.tc-nav-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1280px;
height: 0;
z-index: 10;
pointer-events: none;
display: flex;
justify-content: space-between;
}
.tc-nav {
position: absolute;
top: -22px; 
pointer-events: auto;
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #8a3b2b;
background: #8a3b2b;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease;
}
.tc-prev { left: 20px; }
.tc-next { right: 20px; }
.tc-prev svg { transform: rotate(180deg); }
.tc-nav svg { width: 11px; height: 20px; display: block; }
.tc-nav:not(:disabled):hover,
.tc-nav:not(:disabled):focus{
background: #A55445 !important;
border-color: #A55445 !important;
color: #fff !important;
}
.tc-nav:disabled,
.tc-nav.is-disabled {
background: transparent !important;
border-color: #8a3b2b !important;
color: #8a3b2b !important;
cursor: not-allowed;
opacity: 1;
}
.tc-nav:disabled:hover,
.tc-nav.is-disabled:hover {
border-color: #A55445 !important;
color: #A55445 !important;
background: transparent !important;
}
.tc-carousel::before,
.tc-carousel::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 15%;
min-width: 80px;
z-index: 5;
pointer-events: none;
}
.tc-carousel::before { left: 0; background: linear-gradient(90deg, #E3EBE7 0%, rgba(227, 235, 231, 0) 100%); }
.tc-carousel::after { right: 0; background: linear-gradient(270deg, #E3EBE7 0%, rgba(227, 235, 231, 0) 100%); }
.tc-viewport { 
overflow: visible; 
width: 100%;
}
.tc-track {
display: flex;
align-items: center; 
transition: transform .45s ease;
will-change: transform;
}
.tc-card {
flex: 0 0 auto;
width: min(560px, 75vw);
margin: 0 -12px; 
box-sizing: border-box;
background: var(--tc-card-bg);
border-radius: 10px;
padding: 40px;
color: #fff;
position: relative;
transition: transform .45s ease, opacity .45s ease;
transform: scale(1);
opacity: 1;
z-index: 2;
}
.tc-card:not(.is-active) { 
transform: scale(0.85); 
opacity: 0.4;
z-index: 1;
}
.tc-avatar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; margin-bottom: 14px; }
.tc-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tc-stars { margin-bottom: 14px; font-size: 18px; letter-spacing: 2px; display: flex; column-gap: 3px;}
.tc-star { color: rgba(255,255,255,.35); }
.tc-star-filled { color: #f0ab1f; }
.tc-quote { font-size: 15.5px; line-height: 1.7; margin-bottom: 18px; }
.tc-quote-collapse-wrapper {
overflow: hidden;
position: relative;
will-change: height;
}
.tc-quote p { margin: 0; }
.tc-more-btn, .tc-less-btn {
background: none; border: none; padding: 0; margin-left: 4px;
color: #fff; font-weight: 600; text-decoration: underline;
cursor: pointer; font-size: inherit;
}
.tc-byline { font-weight: 700; margin: 0; font-size: 15px; }
@media (max-width: 1320px) {
.tc-nav-container { max-width: 100%; }
}
@media (max-width: 767px) {
.tc-carousel { padding-bottom: 80px; } 
.tc-carousel::before, .tc-carousel::after { display: none !important; }
.tc-nav-container {
position: absolute; top: auto; bottom: 0px; left: 50%;
transform: translateX(-50%); width: 120px; height: 44px;
display: flex; justify-content: space-between; pointer-events: none;
}
.tc-nav { position: relative; top: 0; left: auto; right: auto; }
.tc-card { width: 85vw; padding: 26px 24px; margin: 0 4px; }
.tc-card:not(.is-active) { transform: scale(0.9); }
}