.testimonial-carousel{
    margin-left: max(calc(50% - var(--container-width)/2),var(--content-padding));
}
.testimonial-carousel .quote-wrapper{
	position:relative;
}
.testimonial-carousel .testimonial {
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	width: 320px;
	padding: 0 16px 16px;
	margin-top: 64px;
	background-color: var(--color-background-section-alternate);
	margin-right: 16px;
}

.testimonial-carousel .entity-wrapper{
	display:flex;
	column-gap:20px;
	align-items:center;
}

.testimonial-carousel .testimonial .logo-wrapper {
	display: flex;
	background-color: var(--color-background-section);
	width: 70.652px;
	height: 70.652px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-carousel .testimonial .logo {
	width: 65px;
	height: 65px;
	object-fit: contain;
}

.testimonial-carousel .testimonial .author {
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 175% */
	letter-spacing: 1px;
}

.testimonial-carousel .testimonial .company {
	line-height: 1.125;
}

.testimonial-carousel .testimonial .stars {
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 16px;
	margin-top: 16px;
	gap:10px;
}

.testimonial-carousel .testimonial .star {
	width: 24px;
	height: 24px;
}

.testimonial-carousel .testimonial .star svg {
	fill: var(--color-star);
}

.testimonial-carousel .testimonial .quote {
	position: absolute;
	width: 16px;
	height: 16px;
}

.testimonial-carousel .testimonial .open-quote {
	top: 0;
	left: 0;
}

.testimonial-carousel .testimonial .close-quote {
	bottom:0;
	right:0;
}

.testimonial-carousel .testimonial .quote {
	fill: var(--color-quote);
	opacity: 0.1;
}

.testimonial-carousel .testimonial .rich-text {
	padding-left:26px;
	padding-right:26px;
	display:inline-block;
}

.testimonial-carousel .testimonial .rich-text p{
	font-family: Mulish;
	font-size: 14px!important;
	font-style: normal;
	font-weight: 400;
	line-height: 26px!important; /* 185.714% */
	letter-spacing: 1px;
	margin-block-end:0px;
}

.testimonial-carousel .navigation {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 42px auto 0;
	width: 100%;
	transform: translateX(-10px);
}

.testimonial-carousel .navigation .arrow {
	display: flex;
	padding: 10px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 50%;
	transition: border 0.3s ease;
}

.testimonial-carousel .navigation .arrow:hover {
	border: 1px solid var(--color-icon-accent);
}

.testimonial-carousel .navigation .arrow-right {
	margin-left: 20px;
}
.testimonial-carousel .quote svg{
	width: 16px!important;
	height: 16px!important;
}


.testimonial-carousel .navigation .arrow svg {
	fill: var(--color-icon-accent);
}
.testimonial-carousel:has(.testimonial:only-child) .navigation {
    display: none;
}
.testimonial-carousel .star path{
	fill:#F8B90D
}

@media (max-width: 500px) {

	.testimonial-carousel .testimonial .quote {
		display: none;
	}
}

.testimonial-carousel .quote-wrapper-in {
	position: relative;
	display: inline-block;
}

.testimonial-carousel .quote-wrapper-in.expanded {
	max-height: none;
}

.testimonial-carousel .view-more {
	cursor: pointer;
	font-family: Mulish;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 185.714% */
	letter-spacing: 1px;
	padding:16px 27px;
	display:block;
}

.testimonial-carousel .view-more.hidden {
	display: none;
}
.testimonial-carousel .testimonial .close-quote{
	bottom:10px;
}

To ensure that the ellipsis appears when the content exceeds 130px in height and the "VIEW MORE" link is displayed only when necessary, you can use JavaScript to dynamically check the content height and adjust the styles accordingly.

Here is the updated code:

html
Copy code
<style>
    {% scope_css %}
    .testimonial-carousel .testimonial .logo {
        
    }
    {% end_scope_css %}

    .testimonial-carousel .rich-text {
        max-height: 130px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        transition: max-height 0.5s ease;
    }



    .testimonial-carousel .view-more {
        cursor: pointer;
        visibility: hidden;
		pointer-events:none;
    }

    .testimonial-carousel .rich-text.overflow {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5; /* Number of lines before truncation */
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.testimonial-carousel .rich-text.expanded {
        max-height: none;
		display:inline-block;
    }