:root {
  --marquee-width: 100vw;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
}

.marquee-text {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.mrq-text {
  white-space: nowrap;
}

.marquee-text.style-one .marquees-list .marquee-title {
  font-family: var(--highlight-font-family);
  letter-spacing: var(--font-letter-spacing-body);
  text-transform: capitalize;
  color: transparent;
  position: relative;
  display: inline-block;
  font-weight: var(--font-weight-body);
  font-size: 7.5em;
  color: var(--global-font-color);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--global-font-color);
}

.marquee-text.left-direction.style-one .mrq-text,
.left-direction.style-one .mrq-text {
  color: var(--global-font-color);
  display: inline-block;
  width: 100%;
  will-change: transform;
  animation: marquee-left 25s linear infinite;
}

.marquee-text.style-two .mrq-text-two {
  animation: marquee 20s linear infinite;
  color: var(--global-font-color);
  width: fit-content;
  display: flex;
  transform: translate3d(var(--move-initial), 0, 0);
}

@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }

  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}

.marquee-text.left-directionstyle-one .mrq-text:hover,
.marquee-text.style-two .mrq-text-two:hover,
.marquee-text.style-two .mrq-text:hover,
.left-direction.style-one .mrq-text:hover,
.right-direction.style-one .mrq-text:hover {
  animation-play-state: paused;
}

.marquee-text.right-directionstyle-one .mrq-text,
.marquee-text.style-two .mrq-text,
.right-direction.style-one .mrq-text {
  color: var(--global-font-color);
  display: inline-block;
  width: 100%;
  animation: marquee-right 25s linear infinite;
  will-change: transform;
}

.marquee-text .marquees-list {
  margin-bottom: 0;
  display: inline-block;
}

.marquee-text .marquees-list li {
  display: inline-block;
  position: relative;
  padding: 0 1em;
}

.marquee-text .marquees-list .image-title-link {
  margin: 0;
  display: flex;
  align-items: center;

}

.marquee-text .kidsjoy_style-heading-subtitle {
  display: block;
}

.kidsjoy_style-iqonic-marquee-text .icon-effect {
  margin-left: 1.125em;
}

.kidsjoy_style-iqonic-marquee-text .circle-ring.circle-ring-1 {
  height: 3.125em;
  width: 3.125em;
  border-color: var(--color-theme-primary);
}

.kidsjoy_style-iqonic-marquee-text .circle-ring.circle-ring-2 {
  height: 3.125em;
  width: 3.125em;
}

.kidsjoy_style-iqonic-marquee-text .marquees-list.left-direction {
  animation: move-marquee-left 30s linear infinite;
  will-change: transform;
}

.kidsjoy_style-iqonic-marquee-text .marquees-list.right-direction {
  animation: move-marquee-right 50s linear infinite;
  will-change: transform;
}


/**********Slider**************/
.kidsjoy_style-marquee.kidsjoy_style-marquee-slider .kidsjoy_style-marquee-blog .kidsjoy_style-marquee-title {
  margin-top: 2em;
  text-align: center;
}

.intro-inner-slider .kidsjoy_style-marquee .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.intro-inner-slider .kidsjoy_style-marquee .owl-carousel .owl-item {
  opacity: 0;
}

.intro-inner-slider .kidsjoy_style-marquee .owl-carousel .owl-item.active {
  opacity: 1;
}

@keyframes marquee-left {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

@keyframes marquee-right {
  0% {
    transform: translate(-50%);
  }

  100% {
    transform: translate(0);
  }
}


@media(max-width:1199px) {
  .marquee-images img {
    display: none;
  }

  .marquee-text .marquees-list li::before {
    transform: rotate(0deg);
    top: 60%;
  }
}

@media (max-width:480px) {
  .marquee-text.style-three .marquees-list li {
    margin-bottom: 30px;
  }
}

/* Style-2 */
.marquee-text.style-two .marquees-list .marquee-title {
  font-weight: var(--font-weight-body);
  font-size: 7.5em;
  color: #163047;
}

.circle-transform {
  margin: 0;
  position: relative;
  left: 50%;
  transform: translateX(50%);
}

.kidsjoy_style-iqonic-marquee-text.style-one img,
.kidsjoy_style-iqonic-marquee-text.style-two img {
  object-fit: cover;
  border: 1px solid var(--border-color-light);
  border-radius: 0.5em;
} 

.marquee-text .kidsjoy_style-iqonic-marquee-text.style-two .marquees-list li {
  padding: 0 1.5625em;
}