.custom-testimonials-carousel {
overflow: hidden; position: relative;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding:10px;
} .custom-testimonials-track {
overflow-x: auto !important;
display: flex;
gap: 20px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 10px 0;
} .custom-testimonials-track::-webkit-scrollbar {
display: none;
} .custom-carousel-header {
justify-content: flex-start;
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.custom-carousel-arrow {
padding: 5px 10px 10px 10px;
transition: all .2s ease;
background: transparent;
color: var(--global-palette-btn-bg);
border: solid 1px var(--global-palette-btn-bg);;
width: 50px;
height: 50px;
border-radius: 40px;
cursor: pointer;
font-size: 36px;
line-height: 26px;
}
.custom-carousel-arrow:hover, .custom-carousel-arrow:focus, .custom-testimonial-toggle:hover, .custom-testimonial-toggle:focus {
background: transparent;
color: var(--global-palette-btn-bg);
box-shadow:none;
} @media(max-width:900px){
.custom-testimonial-item {
flex: 0 0 auto;
width: calc(100% / var(--cols));
min-width: 100%;
scroll-snap-align: start;
}
.custom-testimonials-carousel {
padding:0;
}
}
.custom-testimonial-item {
flex: 0 0 auto;
width: calc((100% - 40px) / var(--cols));
} .custom-testimonials-carousel[data-cols="1"] .custom-testimonial-item { width: 100%; }
.custom-testimonials-carousel[data-cols="2"] .custom-testimonial-item { width: 50%; }
.custom-testimonials-carousel[data-cols="3"] .custom-testimonial-item { width: 33.333%; } .custom-testimonial-content {
transition: max-height .7s cubic-bezier(.22,.61,.36,1);
max-height: 160px;
overflow: hidden;
position: relative;
transition: max-height .6s cubic-bezier(.4,0,.2,1);
} .custom-testimonial-content::after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:40px;
background:linear-gradient(to bottom, rgba(255,255,255,0), var(--global-palette8));
pointer-events:none;
} .custom-testimonial-content.expanded {
max-height: 2000px;
}
.custom-testimonial-content.expanded::after {
display:none;
} .custom-testimonial-toggle {
width:100%;
text-align:right;
margin-top:-10px;
background:none;
border:none;
color:var(--global-palette-btn-bg);
font-weight:600;
cursor:pointer;
padding:0;
} .custom-testimonial-author {
margin-top:12px;
font-weight:400;
font-style: italic;
font-size:.9em;
opacity:.7;
}
.custom-testimonial-content.no-fade::after {
display: none !important;
}