@keyframes qode-text-marquee {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0%)
    }
}
@-webkit-keyframes qode-text-marquee {
    0% {
        transform: translateX(-100%)
    }

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

.qodef-text-marquee .qodef-m-content {
    padding: 0;
    font-size: 6.4rem;
    font-size: 37px;
    line-height: 1;
    color: var(--text-color);
    line-height: 1.2391304348em;
    /* overflow: hidden; */
    white-space: nowrap
}

.qodef-text-marquee .qodef-m-content-inner {
     padding-right: 25px;
    /*display: flex; */

}

.qodef--init.qodef-direction--left.qodef-text-marquee .qodef-m-content-inner .qodef-m-content-inner-row {
    will-change: transform;
    animation: qode-text-marquee var(--marquee-speed) linear infinite forwards;
    -webkit-animation: qode-text-marquee var(--marquee-speed) linear infinite forwards;
}

.qodef--init.qodef-direction--right.qodef-text-marquee .qodef-m-content-inner .qodef-m-content-inner-row {
    will-change: transform;
    animation: qode-text-marquee var(--marquee-speed) linear infinite reverse;
    -webkit-animation: qode-text-marquee var(--marquee-speed) linear infinite reverse;
}

.qodef-text-marquee .qodef-m-text-1 {
    color: var(--qode-main-color)
}

.qodef-text-marquee .qodef-m-text-2 {
    color: var(--qode-main-color)
}

.qodef-m-content-inner .asterisk {
    display: inline-block
}
.qodef-m-content-inner .asterisk img,
.qodef-m-content-inner .asterisk svg {
    width: 100%;
    position: relative;
    top: -5px;
}

.qodef-m-content-inner .asterisk img path,
.qodef-m-content-inner .asterisk svg path {
    fill: var(--text-color)
}
.custom-asterisk{
    width: 35px;
    height: 47px;
}




.animated-right img {
    animation: marquee-animated var(--asterisk-speed) linear infinite reverse;
    -webkit-animation: marquee-animated var(--asterisk-speed) linear infinite reverse;
  }
  
  .animated-left img {
    animation: marquee-animated var(--asterisk-speed) linear infinite forwards;
    -webkit-animation: marquee-animated var(--asterisk-speed) linear infinite forwards;
  }
  
  .animated-left img,
  .animated-right img {
    transform-origin: center;
  }
  
  @keyframes marquee-animated {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes marquee-animated {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
    }
  }