.elementor-2676 .elementor-element.elementor-element-36b3a81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-2676:not(.elementor-motion-effects-element-type-background), body.elementor-page-2676 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08070E;}:root{--page-title-display:none;}/* Start custom CSS */.tickerFade {
  --fade-amount: 20%; /* Controls how much of each side fades */
  --mask: linear-gradient(90deg, 
      transparent, 
      black var(--fade-amount), 
      black calc(100% - var(--fade-amount)), 
      transparent
  );
  
  -webkit-mask: var(--mask); 
  mask: var(--mask);
}


.iconRotate {
  animation: rotate 3s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



.progressBarAnimate {
  position: absolute;
  animation: slideAnim 2s ease-in-out infinite;
}

@keyframes slideAnim {
  0%   { left: -20px; }               /* start extra back */
  100% { left: calc(100%); }   /* go extra forward */
}


@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.testingAnimation {
  background: conic-gradient(
    from var(--angle),
    transparent 50%,
    #dfff08 92.5%,
    transparent 100%
  );
  animation: rotateShine 3s linear infinite;
}

@keyframes rotateShine {
  from { --angle: 0deg; }
  to { --angle: 360deg; }
}/* End custom CSS */