.logo-industry-ticker {
    color: #1f2937;
}

.dark .logo-industry-ticker {
    color: #f9fafb;
}

.logo-industry-ticker__inner {
    width: 100%;
}

.logo-industry-ticker__group + .logo-industry-ticker__group {
    margin-top: 4rem;
}

.logo-industry-ticker__wrap {
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-top: 2.5rem;
    margin-left: calc(50% - 50vw);
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        rgba(0, 0, 0, 1) 12%,
        rgba(0, 0, 0, 1) 88%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        transparent,
        rgba(0, 0, 0, 1) 12%,
        rgba(0, 0, 0, 1) 88%,
        transparent
    );
}

.logo-industry-ticker__line {
    flex: 1 1 auto;
    border: 2px solid #000;
    min-width: 3rem;
}

.ticker {
    display: inline-flex;
    align-items: center;
    width: max-content;
    animation: ticker-scroll var(--logo-industry-ticker-duration, 40s) linear infinite;
    animation-play-state: paused;
    will-change: transform; }

.logo-industry-ticker__wrap:hover .ticker {
    animation-play-state: paused !important;
}

.ticker__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ticker--logos .ticker__item {
    padding: 0 3.5rem;
}

.ticker--text .ticker__item {
    padding: 0 2rem;
}

.logo-industry-ticker__logo {
    display: block;
    height: 170px;
    width: auto;
}

@media (max-width: 639px) {
    .logo-industry-ticker__logo {
        height: 112px;
        max-height: 112px;
    }
}

.logo-industry-ticker__industry {
    font-size: 1.5rem;
    font-weight: 500;
    color: rgba(17, 24, 39, 0.7);
    white-space: nowrap;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.logo-industry-ticker__heading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    color: #1f2937;
}

.logo-industry-ticker__label {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.logo-industry-ticker__label span {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 1.75rem 0 1.75rem;
    border: 3px solid #000;
    border-bottom: none;
    position: relative;
    left: 2.77px;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: transparent;
}
