/* Start custom CSS for html, class: .elementor-element-c514516 */.marquee{
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding:22px 0;
  overflow:hidden;
  background:#0A0A0A;
  position:relative;
}
.marquee-track{
  display:flex;
  gap:48px;
  white-space:nowrap;
  animation:marquee 28s linear infinite;
  font-family:'Anton',sans-serif;
  font-size:34px;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  color: #F5F5F5;
}

.marquee-track span{
    display:inline-flex;
    align-items:center;
    gap:48px
}
.marquee-track .dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background: #E10620;
    display:inline-block;
    box-shadow:0 0 10px #E10620;
}
@keyframes marquee{
    from{
        transform:translateX(0)}
        to{
            transform:translateX(-50%)
        }
}

@media(max-width: 1024px){
    .marquee-track{
      gap:35px;
      font-size:30px;
    }
}

@media(max-width: 767px){
    .marquee-track{
      gap:30px;
      font-size:20px;
    }
}/* End custom CSS */