.elementor-36012 .elementor-element.elementor-element-f21fcda{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36012 .elementor-element.elementor-element-21cee8b{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36012 .elementor-element.elementor-element-21cee8b::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-background-video-container::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .e-con-inner > .elementor-background-video-container::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-background-slideshow::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(-90deg, var( --e-global-color-accent ) 50%, #FFFFFF00 50%);}.elementor-36012 .elementor-element.elementor-element-44f707e{--display:flex;--justify-content:center;}.elementor-36012 .elementor-element.elementor-element-f0a24c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36012 .elementor-element.elementor-element-6e6b877.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36012 .elementor-element.elementor-element-98e8d5b{--display:flex;--padding-top:150px;--padding-bottom:150px;--padding-left:150px;--padding-right:150px;}.elementor-36012 .elementor-element.elementor-element-98e8d5b:not(.elementor-motion-effects-element-type-background), .elementor-36012 .elementor-element.elementor-element-98e8d5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-36012 .elementor-element.elementor-element-ff0b794.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36012 .elementor-element.elementor-element-ff0b794{text-align:start;}.elementor-36012 .elementor-element.elementor-element-ff0b794 .elementor-heading-title{font-family:var( --e-global-typography-ae02fa9-font-family ), Sans-serif;font-size:var( --e-global-typography-ae02fa9-font-size );font-weight:var( --e-global-typography-ae02fa9-font-weight );text-transform:var( --e-global-typography-ae02fa9-text-transform );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button:hover, .elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-color:var( --e-global-color-primary );}.elementor-36012 .elementor-element.elementor-element-bade038.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button:hover svg, .elementor-36012 .elementor-element.elementor-element-bade038 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-36012 .elementor-element.elementor-element-96610aa.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-36012 .elementor-element.elementor-element-ff0b794 .elementor-heading-title{font-size:var( --e-global-typography-ae02fa9-font-size );}}@media(min-width:768px){.elementor-36012 .elementor-element.elementor-element-f21fcda{--width:100%;}.elementor-36012 .elementor-element.elementor-element-21cee8b{--content-width:1500px;}.elementor-36012 .elementor-element.elementor-element-44f707e{--width:50%;}.elementor-36012 .elementor-element.elementor-element-98e8d5b{--width:50%;}}@media(max-width:767px){.elementor-36012 .elementor-element.elementor-element-21cee8b::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-background-video-container::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .e-con-inner > .elementor-background-video-container::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-background-slideshow::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-36012 .elementor-element.elementor-element-21cee8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(0deg, var( --e-global-color-accent ) 60%, #FFFFFF00 60%);}.elementor-36012 .elementor-element.elementor-element-21cee8b{--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36012 .elementor-element.elementor-element-44f707e{--min-height:45vh;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-36012 .elementor-element.elementor-element-f0a24c1 > .elementor-widget-container{margin:0px -40px 0px 0px;padding:20px 20px 20px 20px;}.elementor-36012 .elementor-element.elementor-element-f0a24c1{z-index:1;}.elementor-36012 .elementor-element.elementor-element-98e8d5b{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-36012 .elementor-element.elementor-element-ff0b794{text-align:center;}.elementor-36012 .elementor-element.elementor-element-ff0b794 .elementor-heading-title{font-size:var( --e-global-typography-ae02fa9-font-size );}}/* Start custom CSS for container, class: .elementor-element-f21fcda *//* ==== Left container bounds ==== */
#slot-bg{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: none;
  min-height: 420px; /* adjust */
}

/* Keep slot content above the rainbow */
#slot-bg > *{
  position: relative;
  z-index: 1;
}

/* Stretch HTML widget (coins/sparkles) */
#slot-bg .elementor-widget-html{ 
  position: absolute; 
  inset: 0; 
  z-index: 2; 
  pointer-events: none; 
}
#slot-bg .elementor-widget-html .fx{ 
  position: absolute; 
  inset: 0; 
}

/* ==== Continuous rainbow wheel background (always fills section) ==== */
#slot-bg::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;   /* cover entire section */
  z-index:0;                          /* behind everything */
  background: conic-gradient(
    #ff004c 0deg, #ff7a00 30deg, #ffd000 60deg, #7dff00 90deg,
    #00ffd5 120deg, #00a2ff 150deg, #6b66ff 180deg, #c400ff 210deg,
    #ff00a8 240deg, #ff004c 270deg, #ff7a00 300deg, #ffd000 330deg, #ff004c 360deg
  );
  filter: brightness(1.35) saturate(160%) blur(22px);

  /* oversize and offset the wheel */
  transform: rotate(0deg) scale(2);
  transform-origin: 40% 50%;   /* offset center 40% left, middle vertically */
  
  animation: wheel 10s linear infinite;
  pointer-events: none;
  border-radius: inherit;
}



/* ==== Coins ==== */
#slot-bg .coin{
  position:absolute; z-index:2;
  width:26px; height:26px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff8c9 0 32%, #ffd96a 32% 60%, #d59b27 60% 100%);
  box-shadow: inset 0 0 8px rgba(0,0,0,.25), 0 0 16px rgba(255,220,120,.7);
  animation: floatCoin linear infinite, hueSpin 6s linear infinite;
  opacity:.98; pointer-events:none;
}
#slot-bg .coin.c1{ left:5%;  animation-duration:12s,7s;  animation-delay:-.5s,0s;}
#slot-bg .coin.c2{ left:18%; animation-duration:15s,8s;  animation-delay:-4s,-.5s;}
#slot-bg .coin.c3{ left:36%; animation-duration:11s,7s;  animation-delay:-2s,-1s;}
#slot-bg .coin.c4{ left:58%; animation-duration:14s,8s;  animation-delay:-7s,-1.5s;}
#slot-bg .coin.c5{ left:76%; animation-duration:12.5s,7s; animation-delay:-3.5s,-2s;}
#slot-bg .coin.c6{ left:90%; animation-duration:16s,8s;  animation-delay:-9s,-2.5s;}

/* ==== Animations ==== */
@keyframes wheel{
  from { transform: rotate(0deg) scale(2); }
  to   { transform: rotate(360deg) scale(2); } /* lock scale */
}
@keyframes twinkle{
  0%,100%{ opacity:.55; transform: translateY(0) }
  50%{ opacity:1; transform: translateY(-2px) }
}
@keyframes floatCoin{
  0%{ top:105%; transform: translateY(0) rotate(0deg) scale(1) }
  40%{ transform: translateY(-44vh) rotate(300deg) scale(1.06) }
  70%{ transform: translateY(-74vh) rotate(520deg) scale(1.02) }
  100%{ top:-10%; transform: translateY(-100vh) rotate(720deg) scale(1) }
}
@keyframes hueSpin{ to{ filter:hue-rotate(360deg) } }

/* ==== Motion safety ==== */
@media (prefers-reduced-motion: reduce){
  #slot-bg::before, #slot-bg .sparkles, #slot-bg .coin{
    animation: none !important;
  }
}/* End custom CSS */