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

.mrq-text-main,
.iqonic-marquee-text .mrq-text {
  white-space: nowrap;
  display: flex;
  position: relative;
  overflow:hidden;
}

.iqonic-marquee-text .marquees-list{
  color: var(--global-font-color);
  display: flex;
  position: relative;
  
}
.iqonic-marquee-text .marquees-list.left-direction{
  animation: move-marquee-left 30s linear infinite;
  will-change: transform;
}

.marquees-list.left-direction.marquees-copy{
  animation: move-marquee-left-copy 30s linear infinite;
  will-change: transform;
  position: absolute;
  top:0;
  left:0;
  backface-visibility: hidden;
  transform: translateX(100%) translateZ(0);
}

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

.marquees-list.right-direction.marquees-copy{
  animation: move-marquee-right-copy 50s linear infinite;
  will-change: transform;
  position: absolute;
  top:0;
  left:0;
  backface-visibility: hidden;
  transform: translateX(0) translateZ(0);
}
.iqonic-marquee-text .marquees-list .hovered-marquee-text{
  white-space: nowrap;
}
.iqonic-marquee-text.style-one .marquees-list .hovered-marquee-text{
  width:40.625em;
}
.iqonic-marquee-text.style-two .marquees-list .hovered-marquee-text{
  width:27.625em;
  margin: 0 0.625em;
}

.iqonic-marquee-text .mrq-text-main{
  margin-top:1.25em;
}

@keyframes move-marquee-left{
  0% {
   transform: translateX(0) translateZ(0);
}

100% {
   transform: translateX(-100%) translateZ(0);
}
}

@keyframes move-marquee-left-copy{
  0% {
    transform: translateX(100%) translateZ(0);
  }

  100% {
      transform: translateX(0) translateZ(0);
  }
}

@keyframes move-marquee-right{
  100% {
    transform: translateX(0) translateZ(0);
  }

  0% {
    transform: translateX(-100%) translateZ(0);
  }
}

@keyframes move-marquee-right-copy{
  100% {
    transform: translateX(100%) translateZ(0);
  }

  0% {
      transform: translateX(0) translateZ(0);
  }
}
.marquee-text .mrq-text:hover .marquees-list,
.marquee-text .mrq-text-main:hover .marquees-list{
  animation-play-state: paused;
} 

.marquee-text.right-direction .marquees-list{
  color: var(--global-font-color);
  display: inline-block;
  width: 100%;
  animation: marquee-right 15s linear infinite;
  will-change: transform;
}

.marquee-text .marquees-list li {
  display: inline-block;
  position: relative;
  height: auto;
}

.iqonic-marquee-text.style-two li {
  width: 27.625em;
  margin: 0 1.875em 0 0;
} 

.marquee-text .marquees-list .image-title-link img{
  display: block;
  width:27.625em;
  height: 17.1875em;
  object-fit: cover;
  border: solid 0.125em transparent;
  border-radius: 0.625em;
  background: linear-gradient(rgba(229,9,20,1), rgba(235,63,73,0)), linear-gradient(to bottom, rgba(229,9,20,1),rgba(229,9,20,0.3), rgba(235,63,73,0));
  background-origin: border-box; 
  background-clip: content-box, border-box; 
}
.marquee-text .streamit-heading-subtitle{
  display: block;
}
.marquee-text .marquees-list .marquee-title{
  font-family: var(--highlight-font-family);
  letter-spacing: var(--font-letter-spacing-body);
  text-transform: capitalize;
  color: var(--global-font-color);
  position: relative;
  display: block;
  z-index: 1;
    text-decoration: none;
    -webkit-transition: background-size 3s ease-out;
    transition: background-size 3s ease-out;
    -o-transition: background-size 3s ease-out;
}
.marquee-text .marquees-list .marquee-title:hover ,.hovered-marquee-text.list-hovered .marquee-title {
  background-size: 100% 2px;
    background-image: linear-gradient( 
293deg,var(--text-gradient-one) -15.38%,var(--text-gradient-two) 57.43%,var(--text-gradient-three) 94.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-color .marquee-title {
  background-size: 100% 2px;
  background-image: linear-gradient( 
293deg,var(--text-gradient-one) -15.38%,var(--text-gradient-two) 57.43%,var(--text-gradient-three) 94.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.iqonic-marquee-text.style-one .marquees-list .hovered-marquee-text{
  margin: 0 0.625em;
  overflow: hidden;
} 
.iqonic-marquee-text.style-one .marquees-list .hovered-marquee-text .card{
  padding: 2.5em;
  background: #282828;
  overflow: hidden;
} 
.iqonic-marquee-text.style-one .marquees-list .card .blur-shape{
  width: 12.5em;
  height: 18em;
  position: absolute;
  left: -6.875em;
  top: -1.375em;
  background: var(--iq-primary);
  border-radius: 50%;
  opacity: 0.8;
  filter: blur(9.6875em);
  transform: matrix(-0.89, -0.65, -0.38, 0.84, 0, 0);
}
.iqonic-marquee-text.style-one .marquees-list .rating i{
  color:#D48300;
  margin-right: 0.5em;
}
.iqonic-marquee-text.style-one .marquees-list .rating i:last-child{
  margin-right:0;
}
.iqonic-marquee-text.style-one .marquees-list .card-body{padding:0;}
.iqonic-marquee-text.style-one .marquees-list .card-body .review{
  color: var(--iq-white-color);
  display: block;
  position: relative;
  white-space: normal;
  margin-bottom: 1.875em;
  padding-bottom: 1.875em;
}
.iqonic-marquee-text.style-one .marquees-list .card-body .review p{
  font-weight: 700;
  line-height: 2.5;
  margin:0;
}
.iqonic-marquee-text.style-one .marquees-list .card-body .review:before{
  content: '';
  position: absolute;
  left:0;
  bottom:0;
  width:70%;
  height: 0.09375em;
  background: rgba(var(--iq-rgb-25), 0.2);
}
.iqonic-marquee-text.style-one .marquees-list .card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0;
  margin-bottom: 3em;
  border:none;
  background: none;
}
.iqonic-marquee-text.style-one .marquees-list .review-type{
  color: #dedede;
  font-weight: 400;
  margin-top: 1.875em;
}
.iqonic-marquee-text .marquees-list li .card{
  background: transparent;
}
.iqonic-marquee-text.style-one .marquees-list li{
  width: 33.33%;
}
.iqonic-marquee-text .marquees-list li .card:before{
  content: '';
  position: absolute;
  right:3.125em;
  bottom: 3.125em;
  background: url(../img/quote.svg);
  width:5.5625em;
  height: 4.4375em;
  background-repeat: no-repeat;
}
/**********Slider**************/
.streamit-marquee.streamit-marquee-slider .streamit-marquee-blog .streamit-marquee-title{
  margin-top: 2em;
  text-align: center;
}

.intro-inner-slider .streamit-marquee .owl-carousel .owl-stage-outer {
  overflow:visible;
}
.intro-inner-slider .streamit-marquee .owl-carousel .owl-item {
  opacity: 0;
}
.intro-inner-slider .streamit-marquee .owl-carousel .owl-item.active {
  opacity: 1;
}

/**********New style**************/

.marquee-images img{
  position: absolute;
  right: 3.125em;
  top: 0;
  display: block;
  opacity: 0;
  transform: rotate(0deg);
  transition: opacity .3s ease-out,transform .4s cubic-bezier(.22,.61,.36,1);
  width: 25em;
  height: 25em;
  object-fit: cover;
  will-change: transform;
}
.marquee-images.marquee-hovered img{
  opacity: 1;
  transform: rotate(-10deg);
}

/**********New style three**************/
.marquee-text.style-three .mrq-text{
  white-space: inherit;
}
.marquee-text.style-three .marquees-list .marquee-title{
  color: var(--color-theme-white);
}
.marquee-text.style-three .marquees-list li{
  margin-bottom: 3.125em;
  padding-left: 0;
}
.marquee-text.style-three .marquees-list .image-title-link ,.marquee-text.style-three .mrq-text{
  margin: 0;
}

.marquee-text.style-three .marquees-list{
  padding-left: 0;
}

.rtl .iqonic-marquee-text.style-one .marquees-list .card-body .review p,
.rtl .marquee-text{
  direction: ltr;
}
.rtl .iqonic-marquee-text.style-one .marquees-list .card-body .review::before{
  left:auto;
  right: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: 1.875em;
  }
  .iqonic-marquee-text.style-one .marquees-list .card-header{
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .iqonic-marquee-text.style-one .marquees-list li{
    width: 25em;
  }
  .iqonic-marquee-text.style-one .marquees-list li .client{
    margin-top:1em;
  }
  .iqonic-marquee-text.style-two li{
    width: 15em;
  }
  .iqonic-marquee-text.style-one .marquees-list .hovered-marquee-text {
    width: 20.625em;
  }
  .iqonic-marquee-text.style-two .marquees-list .hovered-marquee-text{
    width: 17em;
  }
  .iqonic-marquee-text.style-two .marquees-list .hovered-marquee-text img{
    width: 100%;
  }
}