.elementor-387 .elementor-element.elementor-element-1d7cc77{--display:flex;--min-height:140px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;--padding-top:110px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-387 .elementor-element.elementor-element-1d7cc77:not(.elementor-motion-effects-element-type-background), .elementor-387 .elementor-element.elementor-element-1d7cc77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-387 .elementor-element.elementor-element-7e477ac{width:100%;max-width:100%;}.elementor-387 .elementor-element.elementor-element-7e477ac > .elementor-widget-container{margin:-66px 0px 0px 0px;}@media(max-width:1024px){.elementor-387 .elementor-element.elementor-element-1d7cc77{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-387 .elementor-element.elementor-element-7e477ac > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-387 .elementor-element.elementor-element-1d7cc77{--min-height:100px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-7e477ac */.elementor-387 .elementor-element.elementor-element-7e477ac .marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 20px;
  padding-top: 3px;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-width: 100%;
  animation: scroll 65s linear infinite reverse;
  text-transform: uppercase;
}

.marquee__group span {
  font-family: "Barlow Condensed", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 2rem));
  }
}

@media (max-width: 1024px) {
    .elementor-387 .elementor-element.elementor-element-7e477ac .marquee {
        transform: skewY(0deg) !important; 
    }
}
@media (max-width: 767px){
    .marquee__group span{
        font-size: 20px !important;
    }
}/* End custom CSS */