.client-testimonials {
	padding: 75px 15px 70px 15px;
	background-color: #ffffff;
}

.client-testimonials.grey { 
	background-color: #f2f2f2;
}

/*
.testimonial {
		display: flex;
		justify-content: space-between;
}
*/



.client-testimonials .content h2 {
	font-family: var(--main-font);
	font-size: 30px;
	font-weight: 700;
	color: var(--color-blue-dark);
	padding: 0px;
	padding-left: 4px;
	margin-bottom: 10px;
	line-height: 40px;
	text-align: left;
}
.client-testimonials .content h2 span {
	color: var(--color-blue-cyan);
}

.client-testimonials .content p {
	font-family: var(--main-font);
	color: #656565;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 5px;
	text-align: left;
	padding-left: 5px;
}


.client-testimonials .image-item {
	border-radius: 6px;
	padding: 0px;
	min-height: 50px;
	flex: 1 1 auto;
}
.client-testimonials .image-item img {
	border-radius: 6px;
}



.client-testimonials .testimonial-item {
	border-radius: 6px;
	padding: 35px 40px;
	border: 1px solid #d5d5d5;
	min-height: 150px;
	background: #ffffff;
	flex: 1 1 auto;
}


.client-testimonials .testimonial-item.bg-image {
	background-image: url(../images/icon-quote.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.client-testimonials .client-info {
	margin: 20px 0px 0px 0px;
	justify-content: space-between;
	align-items: center;
}

.client-testimonials .testimonial-item h4 {
	font-family: var(--main-font);
    font-size: 22px;
    font-weight: 700;
    color: var(--color-blue-dark);
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 5px;
    text-align: left;
    display: block;
}

.client-testimonials .testimonial-item h5 {
	font-family: var(--main-font);
	color: var(--color-blue-dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.client-testimonials .testimonial-item p {
	font-family: var(--main-font);
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: justify;
	margin-bottom: 0px;
}

.client-testimonials .carousel-wrappers {
	width: 100%;
	position: relative;
}

.client-testimonials .carousels .slide-item {
	scroll-snap-align: start;

	list-style: none;
	cursor: pointer;
	padding-bottom: 0px;
	flex-direction: column;
	border-radius: 8px;
}
.client-testimonials .carousels .slide-item .img {
	background: #8B53FF;
	height: 148px;
	width: 148px;
	border-radius: 50%;
}
.client-testimonials .slide-item .img img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #fff;
}
.client-testimonials .carousels .slide-item h2 {
	font-weight: 500;
	font-size: 1.56rem;
	margin: 30px 0 5px;
}
.client-testimonials .carousels .slide-item span {
	color: #6A6D78;
	font-size: 1.31rem;
}


.client-testimonials .carousel-wrappers span.material-symbols-rounded {
	font-size: 50px;
	color: #757575;
	transition: all 0.5s ease;
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}
.client-testimonials .carousel-wrappers span.material-symbols-rounded:hover {
	color: #454545;
}



.client-testimonials .carousel-wrappers i,
.client-testimonials .carousel-wrappers span {
	height: 42px;
	width: 42px;
	cursor: pointer;
	font-size: 40px;
	position: absolute;
	text-align: center;
	line-height: 35px;
	border-radius: 50%;

	background: transparent;
	color: transparent;
	padding: 2px;
}


/* left and right arrow with material icon */
.client-testimonials .carousel-wrappers span:first-child {
	right: 95px;
	top: -75px;
}
.client-testimonials .carousel-wrappers span:last-child {
	right: 35px;
	top: -75px;
}

/*
.client-testimonials .carousel-wrappers i:first-child {
	right: 95px;
	top: -75px;
	left: inherit;
	border-radius: 50%;
	background-image: url(../images/svg/expand_circle_left.svg) ;
}
.client-testimonials .carousel-wrappers i:last-child {
	right: 35px;
	top: -75px;
	background-image: url(../images/svg/expand_circle_right.svg) ;
}
*/

.client-testimonials .carousels {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% / 2) - 0px);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	gap: 16px;
	/*border-radius: 8px;*/
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.client-testimonials .carousels::-webkit-scrollbar {
	display: none;
}
.client-testimonials .carousels.no-transition {
	scroll-behavior: auto;
}
.client-testimonials .carousels.dragging {
	scroll-snap-type: none;
	scroll-behavior: auto;
}
.client-testimonials .carousels.dragging .slide-item {
	cursor: grab;
	user-select: none;
}

.client-testimonials .carousel-control-prev, 
.client-testimonials .carousel-control-next {
		bottom: inherit;
		width: 50px;
}

.client-testimonials .carousel-control-prev-icon {
		right: 0;
		top: -20px;
}
.client-testimonials .sr-only {
		display: none;
}

.client-testimonials .carousel-control-prev {
		right: 90px;
		top: -100px;
		left: inherit;
}
.client-testimonials .carousel-control-next {
		right: 30px;
		top: -100px;
}

.client-testimonials .carousel-control-prev-icon {
		background-image: url(../images/svg/arrow-left.svg) ;
		border-radius: 50%;
		border: 1px solid #EB8031;
}

.client-testimonials .carousel-control-next-icon {
		background-image: url(../images/svg/arrow-right.svg) ;
}






@media (max-width: 768px) {
	
    .client-testimonials .testimonial-item {
        width: 100%;
        padding: 25px 20px;
        min-height: 250px;
    }

    .client-testimonials .client-info {
		flex-direction: column-reverse;
		align-items: flex-start;
    }


	.client-testimonials .carousels {
		/*grid-auto-columns: 100% !important;*/
		grid-auto-columns: calc((100% / 1) - 0px);
		padding: 0px;
	}

	.client-testimonials .carousels .slide-item {
		height: auto;
	}

	.client-testimonials .carousel-wrappers {
		margin-top: 60px;
		padding-bottom: 10px;
	}



	.client-testimonials .carousel-wrappers span:first-child {
		right: 80px;
		top: -70px;
	}
	.client-testimonials .carousel-wrappers span:last-child {
		right: 20px;
		top: -70px;
	}

	/*
	.client-testimonials .carousel-wrappers i:first-child {
		/*right: calc(25%);
		right: 80px;
		top: -70px;
	}
	.client-testimonials .carousel-wrappers i:last-child {
		top: -70px;
		right: 20px;
	}
	*/



}