.elementor-8 .elementor-element.elementor-element-983cd66{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8 .elementor-element.elementor-element-f6b6795{--e-image-carousel-slides-to-show:5;}.elementor-8 .elementor-element.elementor-element-f6b6795 .swiper-wrapper{display:flex;align-items:center;}.elementor-8 .elementor-element.elementor-element-f6b6795 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c249ebf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--justify-items:center;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-0b1187b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--lottie-container-max-width:40%;}.elementor-8 .elementor-element.elementor-element-0b1187b .e-lottie__container{filter:brightness( 121% ) contrast( 200% ) saturate( 160% ) blur( 0px ) hue-rotate( 261deg );}.elementor-8 .elementor-element.elementor-element-b578445{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--lottie-container-max-width:70%;}.elementor-8 .elementor-element.elementor-element-b578445 .e-lottie__container{filter:brightness( 156% ) contrast( 175% ) saturate( 140% ) blur( 0px ) hue-rotate( 237deg );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-fda4c97{font-family:"Outfit", Sans-serif;font-size:10px;font-weight:300;line-height:1.7em;letter-spacing:-0.04em;color:#FFFFFFB3;}.elementor-8 .elementor-element.elementor-element-2fa3e97{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--justify-items:center;}.elementor-8 .elementor-element.elementor-element-6c40e66{font-family:"Outfit", Sans-serif;font-size:10px;font-weight:300;line-height:1.7em;letter-spacing:-0.04em;color:#FFFFFFB3;}.elementor-8 .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-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-f6b6795{--e-image-carousel-slides-to-show:5;}.elementor-8 .elementor-element.elementor-element-c249ebf{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-2fa3e97{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-f6b6795{--e-image-carousel-slides-to-show:5;}.elementor-8 .elementor-element.elementor-element-c249ebf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-2fa3e97{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-983cd66 *//* Target the main container */
.elementor-8 .elementor-element.elementor-element-983cd66 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    align-items: center;
    justify-content: center;
    background-color: #000;
    overflow: hidden;
}

/* For the background container - use on the nested container */
.elementor-8 .elementor-element.elementor-element-983cd66 {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

/* For the HTML widget containing the animated div */
.elementor-8 .elementor-element.elementor-element-983cd66 .jumbo-bg {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0.5;
    pointer-events: none;
    
    --stripes: repeating-linear-gradient(
        100deg,
        #000 0%,
        #000 7%,
        transparent 10%,
        transparent 12%,
        #000 16%
    );
    --rainbow: repeating-linear-gradient(
        100deg,
        #60a5fa 10%,
        #e879f9 15%,
        #60a5fa 20%,
        #5eead4 25%,
        #60a5fa 30%
    );
    
    background-image: var(--stripes), var(--rainbow);
    background-size: 300%, 200%;
    background-position: 50% 50%, 50% 50%;
    filter: blur(10px) opacity(50%) saturate(200%);
    mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
}

.elementor-8 .elementor-element.elementor-element-983cd66 .jumbo-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--stripes), var(--rainbow);
    background-size: 200%, 100%;
    animation: jumbo-animation 60s linear infinite;
    background-attachment: fixed;
    mix-blend-mode: difference;
}

@keyframes jumbo-animation {
    from {
        background-position: 50% 50%, 50% 50%;
    }
    to {
        background-position: 350% 50%, 350% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-f6b6795 */.elementor-8 .elementor-element.elementor-element-f6b6795 img {
    width: auto;
    height: 30px;
}

.elementor-8 .elementor-element.elementor-element-f6b6795 .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

/* hover anywhere on widget */
.elementor-8 .elementor-element.elementor-element-f6b6795:hover .swiper-wrapper {
  transition-duration: 6000ms !important;  /* slow speed */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c249ebf */.elementor-8 .elementor-element.elementor-element-c249ebf{
    max-width: 1200px;
    min-width: 50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fa3e97 */.elementor-8 .elementor-element.elementor-element-2fa3e97{
    max-width: 1200px;
    min-width: 50px;
}/* End custom CSS */
/* 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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Outfit';
	font-display: auto;
	src: url('http://webnext.pro/wp-content/uploads/2025/08/Outfit-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */