/* ==========================================================
   Testimonials Widget
   ========================================================== */

.tm-section {
	padding: 60px 20px;
	background-color: #f9f9f9;
}

.tm-inner {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.tm-heading {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1.2;
	color: #000;
}

.tm-quote-icon {
	font-size: 40px;
	color: #333;
	margin-bottom: 30px;
}

/* Slider */
.tm-slider {
	position: relative;
	overflow: hidden;
	min-height: 200px;
}

.tm-slide {
	display: none;
	animation: tmFadeIn 0.5s ease;
}

.tm-slide.active {
	display: block;
}

@keyframes tmFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.tm-quote {
	font-size: 16px;
	color: #555;
	line-height: 1.8;
	font-style: italic;
	margin-bottom: 20px;
}

.tm-author {
	font-size: 14px;
	color: #000;
}

.tm-author strong {
	font-weight: 700;
}

.tm-author span {
	color: #777;
}

/* Dots */
.tm-dots {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.tm-dot {
	height: 10px;
	width: 10px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	transition: background-color 0.3s;
}

.tm-dot.active {
	background-color: #717171;
}