.g55-fullwidth-ticker {
--text-main: #111111;
--text-muted: #737373;
background: transparent;
color: var(--text-main);
box-sizing: border-box;
overflow: hidden;
padding: 40px 0;
}
.g55-fullwidth-ticker *,
.g55-fullwidth-ticker *::before,
.g55-fullwidth-ticker *::after { box-sizing: border-box; } .g55-fullwidth-ticker--has-header,
.g55-fullwidth-ticker--static {
padding: 80px 0;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-header {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 760px;
margin: 0 max(40px, calc((100vw - 1400px) / 2)) 48px;
}
.g55-fullwidth-ticker .g55-section-label {
display: flex;
align-items: center;
gap: 8px;
color: var(--text-muted);
font-size: 14px;
}
.g55-fullwidth-ticker .g55-dot {
width: 7px;
height: 7px;
background: var(--g55-brand-navy);
border-radius: 50%;
flex-shrink: 0;
display: inline-block;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-title {
margin: 0;
font-size: var(--g55-h2-size);
line-height: var(--g55-h2-line);
font-weight: var(--g55-h2-weight);
letter-spacing: var(--g55-h2-tracking);
}
.g55-fullwidth-ticker .g55-title-dark  { color: var(--text-main); }
.g55-fullwidth-ticker .g55-title-light { color: var(--g55-brand-navy); }
.g55-fullwidth-ticker .g55-fullwidth-ticker-intro {
margin: 0;
color: var(--text-muted);
font-size: 17px;
line-height: 1.55;
} .g55-fullwidth-ticker .g55-ticker-carousel-col {
width: 100%;
overflow: hidden;
}
.g55-fullwidth-ticker .g55-ticker-track {
display: flex;
gap: 24px;
width: max-content;
animation: scrollFullTicker 30s linear infinite;
}
.g55-fullwidth-ticker .g55-ticker-carousel-col:hover .g55-ticker-track {
animation-play-state: paused;
}
.g55-fullwidth-ticker .g55-logo-card {
background-color: var(--g55-card-bg, #ffffff);
border-radius: 12px;
height: 80px;
min-width: 260px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.g55-fullwidth-ticker .g55-logo-card img {
max-height: 40px;
max-width: 140px;
object-fit: contain;
display: block;
}
@keyframes scrollFullTicker {
0%   { transform: translateX(0); } 100% { transform: translateX(calc(-50% - 12px)); }
} .g55-fullwidth-ticker .g55-static-scroller {
position: relative;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-static-logos {
list-style: none;
margin: 0;
padding: 0 max(40px, calc((100vw - 1400px) / 2));
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 32px 56px;
background: var(--g55-bg, #f7f7f7);
isolation: isolate;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo {
margin: 0;
flex: 0 0 auto;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a {
display: flex;
align-items: center;
height: 100%;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo img {
max-height: 96px;
max-width: 180px;
width: auto;
height: auto;
object-fit: contain;
display: block;
mix-blend-mode: multiply;
transition: transform 0.2s ease;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a:hover img,
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a:focus-visible img {
transform: scale(1.06);
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a:focus-visible {
outline: 2px solid var(--g55-brand-navy);
outline-offset: 4px;
border-radius: 4px;
} .g55-fullwidth-ticker .g55-fullwidth-ticker-static-logos:focus-visible {
outline: 2px solid var(--g55-brand-navy);
outline-offset: 2px;
} .g55-fullwidth-ticker .g55-static-scroller__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
border: 1px solid #e0e0e0;
background: var(--g55-card-bg, #ffffff);
color: var(--g55-brand-navy);
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
} .g55-fullwidth-ticker .g55-static-scroller--scrollable .g55-static-scroller__arrow {
display: flex;
}
.g55-fullwidth-ticker .g55-static-scroller__arrow:disabled {
opacity: 0.35;
cursor: default;
}
.g55-fullwidth-ticker .g55-static-scroller__arrow--prev { left: 4px; }
.g55-fullwidth-ticker .g55-static-scroller__arrow--next { right: 4px; }
.g55-fullwidth-ticker .g55-static-scroller__arrow svg {
width: 18px;
height: 18px;
display: block;
}
.g55-fullwidth-ticker .g55-static-scroller__arrow:focus-visible {
outline: 2px solid var(--g55-brand-navy);
outline-offset: 2px;
}  @media (max-width: 900px) {
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logos {
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: safe center;
overflow-x: auto;
scroll-snap-type: x mandatory; padding-inline: 52px;
scroll-padding-inline: 52px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logos::-webkit-scrollbar {
display: none;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo {
scroll-snap-align: center;
}
}
@media (max-width: 600px) {
.g55-fullwidth-ticker { padding: 24px 0; }
.g55-fullwidth-ticker--has-header,
.g55-fullwidth-ticker--static { padding: 56px 0; }
.g55-fullwidth-ticker .g55-fullwidth-ticker-header {
margin: 0 20px 32px;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logos {
padding: 0 52px;
gap: 20px 32px;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo {
height: 72px;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo img {
max-height: 72px;
max-width: 150px;
}
.g55-fullwidth-ticker .g55-logo-card {
height: 64px;
min-width: 200px;
padding: 0 22px;
}
.g55-fullwidth-ticker .g55-logo-card img {
max-height: 32px;
max-width: 110px;
}
}
@media (prefers-reduced-motion: reduce) {
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo img {
transition: none;
}
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a:hover img,
.g55-fullwidth-ticker .g55-fullwidth-ticker-static-logo a:focus-visible img {
transform: none;
opacity: 0.8;
}
}