.testimonial-carousel {
	overflow: hidden;

	.section-heading {
		max-width: 800px;
		margin-inline: auto;

		.section-heading__desc,
		.section-heading__link {
			margin-top: 32px;
		}
	}

	.testimonial-card {
		padding: 32px;
		background: #eee;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 60px;
		height: auto;
		color: var(--stk-primery);
		
		.content {
			font-size: 16px;
		}
	}

	.client-info {
		display: flex;
		gap: 16px;
		align-items: center;
		margin-top: auto;
	}

	.info__img-wrap {
		width: 68px;
		height: 68px;
		border-radius: 68px;
		flex-shrink: 0;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 68px;
		}
	}

	.info__text-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;

		.name {
			font-size: 18px;
			line-height: 1.3;
		}

		.designation {
			font-size: 14px;
			line-height: 1.3;
			margin-bottom: 0;
		}
	}

	.testimonial-swiper {
		overflow: unset;
		
		&:not(.swiper-initialized) {
			.swiper-wrapper {
				display: flex;
				gap: 24px;
				
				.swiper-slide {
					max-width: 330px;
				}
			}
		}

		.btn-wrap {
			display: flex;
			width: 100%;
			justify-content: center;
			gap: 16px;
			margin-top: 50px;
		}

		.prev-btn,
		.next-btn {
			width: 45px;
			height: 45px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 45px;
			background: transparent;
			border: 1px solid #B4ABB0;
			outline: none;
			box-shadow: none;
			transition: background 0.3s, color 0.3s ease;
			color: var(--stk-primary);
			
			&.swiper-button-disabled {
				opacity: 0.5;
			}
			
			&:hover:not(.swiper-button-disabled) {
				background: #f4eff0;
			}
		}
	}
	
	.btn-rounded {
		padding: 12px 20px;
		background: var(--stk-primary);
		color: #fff;
		font-size: 18px;
		line-height: 1.3;
		border-radius: 24px;
		border: none;
		transition: background 0.3s, color 0.3s ease;
		
		&:hover {
			background: #ffc700;
			color: var(--stk-primary);
		}
	}
}

@media (min-width: 992px) {
	.testimonial-carousel {
	  .testimonial-swiper {

			.btn-wrap {
				margin-top: 70px;
			}
	}
}