.bloc-testimonials-01 {
width: 100%;
box-sizing: border-box;
padding: 80px var(--section-padding-x, 64px);
background-color: #fff;
overflow-x: hidden;
}
.bloc-testimonials-01__container {
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px; position: relative;
min-width: 0;
width: 100%;
} .bloc-testimonials-01__container:has(.bloc-testimonials-01__slider-stage) {
overflow: visible;
} .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;
margin-inline: auto;
}
.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: 48px;
font-weight: 500;
line-height: 1;
color: inherit;
margin: 0;
} #testimonials-01-fc-bloc_testimonials_01-2 .bloc-testimonials-01__headline .bloc-testimonials-01__headline-highlight,
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__headline .bloc-testimonials-01__headline-highlight,
#testimonials-01-fc-bloc_testimonials_01-10 .bloc-testimonials-01__headline .bloc-testimonials-01__headline-highlight {
color: #9f2b2c !important;
} #testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__headline .bloc-testimonials-01__headline-highlight {
color: #045FFF !important;
} @media (max-width: 1024px) {
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
line-height: calc(1em - 2px) !important;
}
} @media (max-width: 1024px) {
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
font-size: 26px !important;
}
}
@media (max-width: 768px) {
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
font-size: 22px !important;
line-height: 1.25 !important;
}
}
.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: 16px;
padding: 24px;
background-color: var(--card-bg, transparent);
border-radius: inherit;
} .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: 16px; font-weight: 400; font-style: normal; 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__slider-stage {
container-type: inline-size;
container-name: bloc-testimonials-peek;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
overflow: visible; position: relative;
}
.bloc-testimonials-01__marquee--peek {
overflow: visible;
width: 100%;
position: relative;
box-sizing: border-box;
--bloc-testimonials-01-marquee-gap: clamp(16px, 2.2vw, 28px);
--bloc-testimonials-01-marquee-shift: calc(var(--bloc-testimonials-01-marquee-gap, 24px) / 2);
} .bloc-testimonials-01__container[style*="overflow"],
.bloc-testimonials-01__slider-stage[style*="overflow"],
.bloc-testimonials-01__marquee--peek[style*="overflow"] {
overflow: visible !important;
}
.bloc-testimonials-01__marquee-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: var(--bloc-testimonials-01-marquee-gap, 24px);
width: max-content;
min-width: 0;
will-change: transform;
animation: bloc-testimonials-01-marquee var(--bloc-testimonials-01-marquee-duration, 55s) linear infinite;
} .bloc-testimonials-01__marquee--peek:hover .bloc-testimonials-01__marquee-track {
animation-play-state: paused;
}
.bloc-testimonials-01__marquee-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: var(--bloc-testimonials-01-marquee-gap, 24px);
flex-shrink: 0;
flex-grow: 0;
width: max-content;
min-width: 0;
} .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__marquee-group .bloc-testimonials-01__card {
flex: 0 0 auto;
box-sizing: border-box; width: 100cqi;
max-width: 100cqi;
min-height: 280px;
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0 8px 32px rgba(35, 36, 37, 0.08);
padding: clamp(20px, 3vw, 32px);
}
@supports not (width: 1cqi) {
.bloc-testimonials-01__marquee--peek .bloc-testimonials-01__marquee-group .bloc-testimonials-01__card {
width: 100%;
max-width: 100%;
}
}
.bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
font-size: clamp(1rem, 1.35vw, 1.125rem);
font-weight: 600;
line-height: 1.45;
color: #232425;
}
.bloc-testimonials-01__marquee--peek .bloc-testimonials-01__author-name {
font-weight: 700;
}
@keyframes bloc-testimonials-01-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(calc(-50% - var(--bloc-testimonials-01-marquee-shift)), 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.bloc-testimonials-01__marquee-track {
animation: none;
transform: none;
will-change: auto;
}
} @media (max-width: 1024px) {
.bloc-testimonials-01 {
padding: 64px var(--section-padding-x, 64px);
}
.bloc-testimonials-01__container {
gap: 48px;
}
.bloc-testimonials-01__headline {
font-size: 36px;
}
.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: 48px var(--section-padding-x, 64px);
}
.bloc-testimonials-01__container {
gap: 32px;
}
.bloc-testimonials-01__headline {
font-size: 28px;
}
.bloc-testimonials-01__description {
font-size: 16px;
}
.bloc-testimonials-01__card {
padding: 24px;
gap: 20px;
}
.bloc-testimonials-01__quote {
font-size: 16px;
}
.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;
}
.bloc-testimonials-01__marquee--peek .bloc-testimonials-01__marquee-group .bloc-testimonials-01__card {
width: 100cqi;
max-width: 100cqi;
min-height: 0;
}
@supports not (width: 1cqi) {
.bloc-testimonials-01__marquee--peek .bloc-testimonials-01__marquee-group .bloc-testimonials-01__card {
width: 100%;
max-width: 100%;
}
}
} @media (max-width: 1024px) {
#testimonials-01-fc-bloc_testimonials_01-10 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-10 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
line-height: 1.2 !important;
}
} @media (min-width: 1025px) {
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-7 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
line-height: 1.2 !important;
}
} @media (min-width: 769px) and (max-width: 1024px) {
#testimonials-01-fc-bloc_testimonials_01-2 .bloc-testimonials-01__quote,
#testimonials-01-fc-bloc_testimonials_01-2 .bloc-testimonials-01__marquee--peek .bloc-testimonials-01__quote {
font-size: 26px !important;
line-height: calc(1em - 1px) !important;
}
}