.testimonial-hor-container{height: 100vh; display: flex; align-items: center; overflow-x:clip ;}
.testimonial-box { min-height: 400px; padding: 35px 80px 30px 30px; transform: translateY(0); transition: all 0.2s ease-in; }
.testimonial-box:hover { transform: translateY(-10px);}
.testimonial-box-text blockquote { font-size: 35px; line-height: 1; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 20px; }
.testimonial-box-img-wrapper { width: 189px; height: 201px; position: absolute; bottom: 0; right: 0; background-color: var(--kal-white); }
.testimonial-box-img { width: 115px; height: auto;}

.testimonial-item { padding: 0; display: inline-block;width: 708px;}
.testimonial-item:first-child {padding-left: 0;}
.testimonial-item:last-child {padding-right: 0;}
.testimonial-box { white-space: normal;} 

.testimonial-item:nth-child(4n+1) .testimonial-box{background-color: var(--kal-blue-light);color: var(--kal-black);}
.testimonial-item:nth-child(4n+2) .testimonial-box{background-color: var(--kal-violet);color: var(--kal-black);}
.testimonial-item:nth-child(4n+3) .testimonial-box{background-color: var(--kal-green);color: var(--kal-black);}
.testimonial-item:nth-child(4n+4) .testimonial-box{background-color: var(--kal-blue);color: var(--kal-white);}
.testimonial-item:nth-child(4n+1) .link::after, .testimonial-item:nth-child(4n+2) .link::after, .testimonial-item:nth-child(4n+3) .link::after{--icon-filter: none;} 
.testimonial-item:nth-child(4n+4) .link::after{--icon-filter: brightness(0) invert(1);}

.testimonial-hor-section-width{width: 100%; height: 1px;}
.testimonial-hor-section-parent{width:100%; display: inline-block;}
.testimonial-hor-section{white-space: nowrap;display: inline-block;}


.testimonial-name{font-size: 20px;margin-bottom: 0; font-weight: 600;}
.testimonial-title{font-size: 20px; text-transform: uppercase;}

.testimonial-box-img-wrapper + .testimonial-box-text{padding-right: 160px;}
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {

	.testimonial-box { width: 598px; min-height: 339px; padding: 28px 50px 25px 25px; }
	.testimonial-box-text blockquote { font-size: 30px; }
	.testimonial-box-img-wrapper { width: 160px; height: 170px; }
	.testimonial-box-img-wrapper + .testimonial-box-text{padding-right: 130px;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.testimonial-item{padding: 0;max-width: 598px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.testimonial-box { min-height: 309px; padding: 25px 25px 15px 25px; }
	.testimonial-box-text blockquote { font-size: 25px; }
	.testimonial-box-img-wrapper { width: 146px; height: 155px; }
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.testimonial-item { width: calc(100% - 40px); max-width: 312px; }
	.testimonial-box { padding: 15px 15px 95px; }
	.testimonial-box-img-wrapper { width: 97px; height: 103px; }
	.testimonial-box-img { width: 75px; } 
	.testimonial-box-btn { position: absolute; left: 15px; bottom: 15px; }
	.testimonial-box-img-wrapper + .testimonial-box-text .testimonial-box-btn{right: 100px;}
	.testimonial-box-img-wrapper + .testimonial-box-text{padding-right: 0px;}
 }

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }
