@charset "UTF-8";

.block-client-logos {
max-width: 100vw;
overflow-x: hidden;
width: 100%;
padding: 0rem;
background-color: #e1e1e1;
}
.block-client-logos img {
max-width: 100%;
max-height: 100px;
filter: grayscale(100%);
}
.editor-styles-wrapper .block-client-logos {
background-color: #e1e1e1;
padding: 6rem 0;
}
.editor-styles-wrapper .block-client-logos img {
filter: grayscale(100%);
}
@media only screen and (min-width: 768px) { .marquee {
--gap: 1rem;
position: relative;
display: flex;
overflow: hidden;
user-select: none;
gap: var(--gap);
}
.marquee__content {
flex-shrink: 0;
display: flex;
justify-content: space-around;
gap: var(--gap);
min-width: 100%;
list-style: none;
padding: 0;
}
.marquee__content li {
padding: 1rem;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
} .enable-animation .marquee__content {
animation: scroll 45s linear infinite;
} .marquee--reverse .marquee__content {
animation-direction: reverse;
} .marquee--hover-pause:hover .marquee__content {
animation-play-state: paused;
} .marquee--fit-content {
max-width: fit-content;
} .marquee--pos-absolute .marquee__content:last-child {
position: absolute;
top: 0;
left: 0;
} .enable-animation .marquee--pos-absolute .marquee__content:last-child {
animation-name: scroll-abs;
}
.marquee__content > * {
flex: 0 0 auto;
color: white;
margin: 2px;
padding: 1rem 2rem;
border-radius: 0.25rem;
text-align: center;
width: 15vw;
display: flex;
align-items: center;
justify-content: center;
}
} @media (prefers-reduced-motion: reduce) {
.marquee__content {
animation-play-state: paused !important;
}
}
@keyframes scroll-abs {
from {
transform: translateX(calc(100% + var(--gap)));
}
to {
transform: translateX(0);
}
}
@media only screen and (min-width: 768px) {
.block-client-logos {
padding: 6rem 0;
}
.block-client-logos img {
max-width: 100%;
object-fit: contain;
}
}
@media only screen and (max-width: 767px) {
.block-client-logos {
padding: 1.5rem;
}
.block-client-logos .marquee__content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
}
.block-client-logos .marquee__content li {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
}
.block-client-logos .marquee__content:nth-of-type(2) {
display: none;
}
.block-client-logos img {
max-width: 80%;
object-fit: contain;
}
}