.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); }
}