/* Testimonials carousel. */

.sm-testimonials {
	background: linear-gradient(160deg, var(--sm-burgundy), var(--sm-burgundy-deep));
}

.sm-testimonials .sm-heading {
	color: #fff;
}

.sm-testi-carousel {
	margin-top: 40px;
	padding: 6px 4px 60px;
	position: relative;
}

.sm-testi-carousel .swiper-slide {
	height: auto;
}

.sm-testi {
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--sm-gold-30);
	border-radius: 18px;
	padding: 26px;
	height: 100%;
	position: relative;
	margin: 0;
}

.sm-testi__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.sm-testi__head img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--sm-gold);
	flex: 0 0 auto;
}

.sm-testi figcaption {
	font-family: var(--sm-font-head);
	font-weight: 700;
	font-size: 19px;
	color: #fff;
}

.sm-testi__stars {
	color: var(--sm-gold);
	font-size: 13px;
}

.sm-testi__quote {
	font-size: 14px;
	line-height: 1.65;
	color: #ece6dc;
	margin: 0;
	font-style: normal;
}

.sm-testi__source {
	position: absolute;
	top: 24px;
	right: 24px;
	color: #fff;
	opacity: .5;
	font-size: 18px;
}

.sm-testi__pagination {
	text-align: center;
	bottom: 18px;
}

.sm-testi__pagination .swiper-pagination-bullet {
	background: var(--sm-gold);
	opacity: .45;
}

.sm-testi__pagination .swiper-pagination-bullet-active {
	opacity: 1;
	width: 26px;
	border-radius: 6px;
}

.sm-testi__nav {
	position: absolute;
	top: 42%;
	z-index: 5;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
	border: 1px solid var(--sm-gold-40);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .3s ease, color .3s ease;
}

.sm-testi__nav:hover {
	background: var(--sm-gold);
	color: #1b1b1b;
}

.sm-testi__nav--prev { left: -6px; }
.sm-testi__nav--next { right: -6px; }

@media (max-width: 1340px) {
	.sm-testi__nav--prev { left: 6px; }
	.sm-testi__nav--next { right: 6px; }
}

@media (max-width: 768px) {
	.sm-testi-carousel { padding-left: 0; padding-right: 0; }
	.sm-testi__nav { display: none; }
}