.client-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px
}

.testimonial-navigation {
	display: flex;
	gap: 10px;
	margin-top: 20px
}

.arrow-btn {
	width: 40px;
	height: 40px;
	border: none;
	background-color: #f0f0f0;
	border-radius: 50%;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #00205b !important;
	transition: background-color .3s, color .3s
}

.arrow-btn:hover {
	background-color: #00205b !important;
	color: #fff !important
}

.testimonial-card-box {
	opacity: 1;
	transition: opacity .5s ease-in-out
}

.testimonial-card-box.fade-out {
	opacity: 0
}

.load-more-btn.testimonials-btn {
	margin: 30px 0
}

#testimonial-text {
	height: 350px;
	overflow-y: auto
}

.banner-thumbnail img {
	object-fit: cover;
	width: 100%;
	height: auto;
	max-height: 600px
}

@media (min-width:1200px) {
	.testimonial-style-5::before {
		width: 610px;
		height: 898px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.testimonial-style-5::before {
		width: 500px;
		height: 750px;
		background-size: contain
	}
}

@media (min-width:768px) and (max-width:991px) {
	.testimonial-style-5::before {
		width: 400px;
		height: 600px;
		background-size: contain;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1
	}

	.testimonial-style-5 .container {
		position: relative;
		z-index: 1
	}

	#testimonial-text {
		height: 300px
	}
}

@media (max-width:767px) {
	.testimonial-style-5::before {
		width: 300px;
		height: 450px;
		background-size: contain;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
		top: 50px
	}

	.testimonial-style-5 .container {
		position: relative;
		z-index: 1
	}

	.banner-thumbnail {
		margin-bottom: 20px
	}

	#testimonial-text {
		height: 250px
	}

	.section-title.text-start {
		text-align: center !important
	}

	.testimonial-navigation {
		justify-content: center
	}

	.load-more-btn.testimonials-btn {
		text-align: center
	}
}