.bloc-testimonials-01 {
width: 100%;
box-sizing: border-box;
padding: 80px var(--section-padding-x, 64px);
background-color: #fff;
overflow-x: visible;
}
.bloc-testimonials-01__container {
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 80px;
}
.bloc-testimonials-01__container--auto-strip {
gap: 80px;
} .bloc-testimonials-01__header {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 24px;
width: 100%;
}
.bloc-testimonials-01__header--fullwidth {
max-width: none;
}
.bloc-testimonials-01__header--boxed {
max-width: 768px;
}
.bloc-testimonials-01__header--center {
align-items: center;
text-align: center;
}
.bloc-testimonials-01__header--right {
align-items: flex-end;
text-align: right;
}
.bloc-testimonials-01__header--wrapped {
padding: var(--bloc-testimonials-01-intro-wrapper-padding, 24px);
}
.bloc-testimonials-01__tagline {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: inherit;
margin: 0;
}
.bloc-testimonials-01__headline {
font-size: var(--bloc-testimonials-01-headline-font-size, 48px);
font-weight: 500;
line-height: var(--bloc-testimonials-01-headline-line-height, 1);
color: inherit;
margin: 0;
}
.bloc-testimonials-01__description {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: inherit;
margin: 0;
} .bloc-testimonials-01__cards {
display: grid;
grid-template-columns: repeat(var(--grid-cols, 3), 1fr);
gap: 24px;
width: 100%;
} .bloc-testimonials-01__cards--peek {
display: flex;
justify-content: center;
gap: 24px;
width: 100%;
}
.bloc-testimonials-01__cards--peek .bloc-testimonials-01__card {
flex: 0 0 clamp(340px, 36vw, 460px);
}  .bloc-testimonials-01__card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 32px;
min-height: var(--bloc-testimonials-01-card-min-height, 445px);
background-color: var(--card-bg, transparent);
border-radius: inherit;
}
.bloc-testimonials-01__card--center {
align-items: center;
}
.bloc-testimonials-01__card--center .bloc-testimonials-01__rating {
justify-content: center;
}
.bloc-testimonials-01__card--center .bloc-testimonials-01__author,
.bloc-testimonials-01__card--center .bloc-testimonials-01__author-info {
align-items: center;
text-align: center;
}
.bloc-testimonials-01__card--right {
align-items: flex-end;
}
.bloc-testimonials-01__card--right .bloc-testimonials-01__rating {
justify-content: flex-end;
}
.bloc-testimonials-01__card--right .bloc-testimonials-01__author,
.bloc-testimonials-01__card--right .bloc-testimonials-01__author-info {
align-items: flex-end;
text-align: right;
} .bloc-testimonials-01__rating {
display: flex;
gap: 4px;
}
.bloc-testimonials-01__star {
width: 20px;
height: 20px;
color: inherit;
}
.bloc-testimonials-01__star--filled {
fill: currentColor;
}
.bloc-testimonials-01__star svg {
width: 18px;
height: 18px;
color: inherit;
fill: currentColor;
} .bloc-testimonials-01__logo {
font-size: 28px;
font-weight: 700;
color: inherit;
}
.bloc-testimonials-01__logo-image {
max-height: 40px;
width: auto;
} .bloc-testimonials-01__quote {
font-size: var(--bloc-testimonials-01-quote-font-size, 16px);
font-weight: 400; font-style: normal; line-height: var(--bloc-testimonials-01-quote-line-height, 1.5);
color: inherit;
margin: 0;
padding: 0;
border: none;
} .bloc-testimonials-01__author {
display: flex;
align-items: center;
gap: 16px;
margin-top: auto;
}
.bloc-testimonials-01__author--vertical {
flex-direction: column;
align-items: flex-start;
}
.bloc-testimonials-01__avatar {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
background: #E6E7E7;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.bloc-testimonials-01__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloc-testimonials-01__avatar svg {
width: 24px;
height: 24px;
opacity: 0.5;
}
.bloc-testimonials-01__author-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.bloc-testimonials-01__author-name {
font-size: 16px;
font-weight: 600;
color: inherit;
margin: 0;
}
.bloc-testimonials-01__author-position {
font-size: 14px;
font-weight: 400;
color: inherit;
margin: 0;
}  .bloc-testimonials-01__cards-slider {
overflow-x: visible;
overflow-y: visible;
padding-bottom: 56px; }
.bloc-testimonials-01__cards-slider--auto-strip {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
padding-bottom: 0;
}
.bloc-testimonials-01__cards-slider--footer-controls {
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-areas:
"track track track"
"dots prev next";
column-gap: 16px;
row-gap: 24px;
align-items: center;
padding-bottom: 0;
}
.bloc-testimonials-01__cards-slider .us-slider__track {
overflow: visible;
}
.bloc-testimonials-01__cards-slider--auto-strip .us-slider__track {
align-items: stretch;
}
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__track {
grid-area: track;
}
.bloc-testimonials-01__cards-slider .us-slider__track > .bloc-testimonials-01__card {
flex: 0 0 calc((100% / var(--us-slider-visible, 1)) - 24px);
margin: 0 12px;
}
.bloc-testimonials-01__cards-slider--auto-strip .us-slider__track > .bloc-testimonials-01__card {
flex: 0 0 clamp(324px, 32vw, 416px);
width: clamp(324px, 32vw, 416px);
margin: 0 16px;
padding: 32px;
gap: 32px;
}
.bloc-testimonials-01__cards-slider--auto-strip .bloc-testimonials-01__rating {
gap: 2px;
}
.bloc-testimonials-01__cards-slider--auto-strip .bloc-testimonials-01__author {
gap: 24px;
}
.bloc-testimonials-01__cards-slider--auto-strip .bloc-testimonials-01__avatar {
width: 80px;
height: 80px;
} .bloc-testimonials-01__cards-slider .us-slider__prev,
.bloc-testimonials-01__cards-slider .us-slider__next {
top: auto;
bottom: 0;
transform: none;
}
.bloc-testimonials-01__cards-slider .us-slider__prev {
left: auto;
right: 80px;
}
.bloc-testimonials-01__cards-slider .us-slider__next {
right: 16px;
}
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__prev,
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__next {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
transform: none;
margin: 0;
}
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__prev {
grid-area: prev;
}
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__next {
grid-area: next;
} .bloc-testimonials-01__cards-slider .us-slider__prev,
.bloc-testimonials-01__cards-slider .us-slider__next {
background-color: var(--slider-nav-bg, transparent);
border: var(--slider-nav-border-width, 0) solid var(--slider-nav-border-color, transparent);
border-radius: var(--slider-nav-radius, 50%);
box-shadow: var(--slider-nav-shadow, none);
color: var(--slider-nav-icon-color, inherit);
}
.bloc-testimonials-01__cards-slider .us-slider__prev svg,
.bloc-testimonials-01__cards-slider .us-slider__next svg {
color: var(--slider-nav-icon-color, inherit);
fill: var(--slider-nav-icon-color, inherit);
}
.bloc-testimonials-01__slider-nav-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.bloc-testimonials-01__slider-nav-icon--prev {
transform: rotate(180deg);
}
.bloc-testimonials-01__slider-nav-icon img,
.bloc-testimonials-01__slider-nav-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
} .bloc-testimonials-01__cards-slider .us-slider__dots {
margin-top: 24px;
justify-content: flex-start;
}
.bloc-testimonials-01__cards-slider--footer-controls .us-slider__dots {
grid-area: dots;
align-self: center;
margin-top: 0;
min-width: 40px;
width: auto;
}
.bloc-testimonials-01__cards-slider[data-show-dots="0"] .us-slider__dots {
display: none !important;
}
.bloc-testimonials-01__header--center {
align-items: center;
text-align: center;
margin-inline: auto;
} @media (max-width: 1024px) {
.bloc-testimonials-01 {
padding: 64px clamp(32px, 5vw, 48px);
}
.bloc-testimonials-01__container {
gap: 48px;
}
.bloc-testimonials-01__headline {
font-size: min(var(--bloc-testimonials-01-headline-font-size, 48px), 36px);
line-height: max(var(--bloc-testimonials-01-headline-line-height, 1), 1);
}
.bloc-testimonials-01__quote {
font-size: min(var(--bloc-testimonials-01-quote-font-size, 16px), 24px);
line-height: max(var(--bloc-testimonials-01-quote-line-height, 1.5), 1.15);
}
.bloc-testimonials-01__cards {
grid-template-columns: repeat(2, 1fr); }
.bloc-testimonials-01__cards--peek {
flex-wrap: wrap;
justify-content: flex-start;
}
.bloc-testimonials-01__cards--peek .bloc-testimonials-01__card {
flex: 1 1 calc(50% - 12px);
min-width: 280px;
}
}
@media (max-width: 768px) {
.bloc-testimonials-01 {
padding: 40px clamp(20px, 5vw, 28px);
}
.bloc-testimonials-01__container {
gap: 24px;
}
.bloc-testimonials-01__headline {
font-size: min(var(--bloc-testimonials-01-headline-font-size, 48px), 28px);
line-height: max(var(--bloc-testimonials-01-headline-line-height, 1), 1);
}
.bloc-testimonials-01__description {
font-size: 16px;
}
.bloc-testimonials-01__card {
padding: 16px;
gap: 16px;
}
.bloc-testimonials-01__quote {
font-size: min(var(--bloc-testimonials-01-quote-font-size, 16px), 20px);
line-height: max(var(--bloc-testimonials-01-quote-line-height, 1.5), 1.15);
}
.bloc-testimonials-01__avatar {
width: 48px;
height: 48px;
}
.bloc-testimonials-01__cards {
grid-template-columns: 1fr; }
.bloc-testimonials-01__cards--peek {
flex-direction: column;
gap: 16px;
}
.bloc-testimonials-01__cards--peek .bloc-testimonials-01__card {
flex-basis: auto;
min-width: 0;
}
}