.ccpro-scrolling-text .ccpro-st__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  font-size: inherit;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  z-index: 2
}

.ccpro-scrolling-text .ccpro-st__inner>div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-animation: marqueeLeft var(--marquee-speed) linear infinite;
  animation: marqueeLeft var(--marquee-speed) linear infinite
}

.ccpro-scrolling-text .ccpro-st__inner:hover > div {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ccpro-scrolling-text .ccpro-st__inner.ccpro-st__direction-right>div {
  -webkit-animation: marqueeRight var(--marquee-speed) linear infinite;
  animation: marqueeRight var(--marquee-speed) linear infinite
}

.ccpro-scrolling-text .ccpro-st__item {
  pointer-events: none;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1.5rem;
}

.ccpro-scrolling-text .ccpro-st__item span {
  transition: all .25s cubic-bezier(0.104, 0.204, 0.492, 1)
}

.ccpro-scrolling-text .ccpro-st__item-icon {
  width: 100%;
  margin-right: 10px
}

.ccpro-scrolling-text .ccpro-st__item-text {
  font-weight: var(--text-font-weight)
}

.ccpro-scrolling-text .ccpro-st__item-text a {
  color: inherit
}

@keyframes marqueeLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes marqueeRight {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}