.lb-testimonials-marquee .lb-container {
margin: 0 auto;
text-align: center;
}
.lb-marquee-wrapper {
position: relative;
overflow: hidden;
}
.lb-marquee {
display: flex;
gap: var(--gap, 1rem);
width: max-content;
will-change: transform;
}
.lb-testimonial-card {
display: flex;
flex-direction: column;
gap: 24px;
width: 480px;
height: 220px;
background: #0000004D;
border-radius: 16px;
padding: 24px 28px;
transition: background 0.3s ease;
}
.lb-testimonial-author {
display: flex;
align-items: center;
gap: 16px;
font-family: "Inter", sans-serif;
color: #FFFFFF;
}
.lb-testimonial-author .lb_name {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.lb-handle {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.lb-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
}
.lb-avatar img {
width: 100%;
object-fit: cover;
}
.lb-text {
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #FFFFFFB2;
} .lb-fade-left,
.lb-fade-right {
position: absolute;
top: 0;
width: 20%;
height: 100%;
pointer-events: none;
}
.lb-fade-left {
left: 0;
background: linear-gradient(to right, var(--clarte, #003366), var(--oclarte, rgba(0, 51, 102, 0)));
transform: translateX(-2px);
}
.lb-fade-right {
right: 0;
background: linear-gradient(to left, var(--clarte, #003366), var(--oclarte, rgba(0, 51, 102, 0)));
transform: translateX(2px);
}
@media (max-width: 576px) {
.lb-testimonial-card {
width: 350px;
height: 250px;
}
}