.elementor-8836 .elementor-element.elementor-element-1b68814d{--display:flex;--min-height:55px;--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8836 .elementor-element.elementor-element-1b68814d:not(.elementor-motion-effects-element-type-background), .elementor-8836 .elementor-element.elementor-element-1b68814d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#403EF1;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8836 .elementor-element.elementor-element-53da1a79{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;align-self:center;--e-icon-list-icon-size:0px;--icon-vertical-offset:0px;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-icon{transform:rotate(0deg);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:2px;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{color:#FFFFFF;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );}.elementor-8836 .elementor-element.elementor-element-3c236747{width:auto;max-width:auto;align-self:center;}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-wrapper{max-width:100%;}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item{background-color:rgba(2, 1, 1, 0);padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-digits{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:2px;}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-label{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:2px;}.elementor-8836 .elementor-element.elementor-element-2c3c05ee{--display:flex;--min-height:45vh;--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;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8836 .elementor-element.elementor-element-2c3c05ee.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-8836 .dialog-widget-content{animation-duration:1s;background-color:#FFFFFF;box-shadow:0px 0px 35px 0px rgba(0, 0, 0, 0.15);}#elementor-popup-modal-8836{background-color:rgba(255, 255, 255, 0.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8836 .dialog-message{width:760px;height:auto;}#elementor-popup-modal-8836 .dialog-close-button{display:flex;}#elementor-popup-modal-8836 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-8836 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-8836 .dialog-close-button:hover i{color:#3AF7BD;}@media(max-width:1024px){.elementor-8836 .elementor-element.elementor-element-53da1a79{width:initial;max-width:initial;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > a{font-size:16px;}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 8px/2 );}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 8px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 8px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 8px/2 );}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-digits{font-size:16px;}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-label{font-size:16px;}#elementor-popup-modal-8836 .dialog-message{width:680px;}}@media(min-width:768px){.elementor-8836 .elementor-element.elementor-element-1b68814d{--content-width:1140px;}.elementor-8836 .elementor-element.elementor-element-2c3c05ee{--width:103.553%;}}@media(max-width:767px){.elementor-8836 .elementor-element.elementor-element-1b68814d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-8836 .elementor-element.elementor-element-53da1a79{width:100%;max-width:100%;}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(15px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(15px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(15px/2);margin-left:calc(15px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-15px/2);margin-left:calc(-15px/2);}body.rtl .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-15px/2);}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-15px/2);}.elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8836 .elementor-element.elementor-element-53da1a79 .elementor-icon-list-item > a{font-size:14px;letter-spacing:1.2px;}.elementor-8836 .elementor-element.elementor-element-3c236747{width:100%;max-width:100%;}.elementor-8836 .elementor-element.elementor-element-3c236747 > .elementor-widget-container{margin:5px 0px 0px 0px;}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 5px/2 );}body:not(.rtl) .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 5px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 5px/2 );}body.rtl .elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 5px/2 );}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-digits{font-size:12px;letter-spacing:1.2px;}.elementor-8836 .elementor-element.elementor-element-3c236747 .elementor-countdown-label{font-size:12px;letter-spacing:1.2px;}.elementor-8836 .elementor-element.elementor-element-2c3c05ee{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}#elementor-popup-modal-8836 .dialog-message{width:345px;}#elementor-popup-modal-8836 .dialog-close-button{top:10px;}body:not(.rtl) #elementor-popup-modal-8836 .dialog-close-button{right:10px;}body.rtl #elementor-popup-modal-8836 .dialog-close-button{left:10px;}}/* Start custom CSS for html, class: .elementor-element-c13ac5e */ul.colored-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 300px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
}

.colored-list li {
  padding: 16px;
  border-radius: 8px;
  color: white;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.red-box {
  background-color: #e74c3c;
}

.blue-box {
  background-color: #3498db;
}

.green-box {
  background-color: #2ecc71;
}


.wheel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: sans-serif;
  padding: 2rem;
}

#spinner {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #333;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  transition: transform 5s cubic-bezier(0.33, 1, 0.68, 1);
}
.slice1, .slice2, .slice3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform-origin: 0% 0%;
}

.slice1 {
  transform: rotate(0deg)   skewY(-30deg);
  background: #e74c3c;
}
.slice2 {
  transform: rotate(120deg) skewY(-30deg);
  background: #27ae60;
}
.slice3 {
  transform: rotate(240deg) skewY(-30deg);
  background: #2980b9;
}

.span, .span2, .span3 {
    font-size: 20px;
    margin: vh;
    transform: rotate(120deg) skewY(-10deg);
    font-weight: bold;
    color: black
}

#pointer {
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 50px solid #333;
  z-index: 999
}
.spin-button {
  margin-top: 1.5rem;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  cursor: pointer;
}
.spin-button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
#result {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}/* End custom CSS */