.wof-wheels {
    z-index: 9999999999;
    position: absolute;
}
/* Custom styling */
.wof-title.wof-fgcolor {
    font-family: Montserrat!important;
    font-weight: 500;
    font-size: 30px!important;
    line-height: 38px!important;
    text-align: center;
    text-transform: none!important;
}
.wof-explainer.wof-fgcolor p {
    font-family: Segoe UI;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}
.wof-form-wrapper button.wof-btn-submit.wof-color-2,
.wof-form-wrapper button.wof-btn-done.wof-close {
    border-radius: 50px;
    opacity: 1;
    background: #0A8A0F !important;
    padding: 0;
    height: 52px;
    color: #FFFFFF !important;
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0 30px;
    /* max-width: calc(100% - 60px); */
    position: absolute;
    bottom: 35px;
    max-width: 276px;
}
.wof-offer-item a {
    padding: 8px 4px;
    border-radius: 6px;
    opacity: 1;
    gap: 10px;
    background: #404040BF;
}
.wof-offer-item div img {
    margin: 10px 0 0;
}
.wof-offer-item {
    margin: 0 4px;
}
.wof-form-fields {
    margin-bottom: 115px;
}

.wof-offers-slider.wof-slider-active:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    height: 60px;
    width: 40px;
    z-index: 2;
    background: linear-gradient(90deg, #3e3e3ecc 0%, rgb(28 22 22 / 0%) 100%);
    opacity: 1;
    border-radius: 8px;
}
.wof-offers-slider.wof-slider-active:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    height: 60px;
    width: 40px;
    z-index: 2;
    top: 0;
    background: linear-gradient(270deg, #3e3e3ecc 0%, rgb(28 22 22 / 0%) 100%);
    opacity: 1;
    border-radius: 8px;
}
    
.wof-disclaimer.wof-fgcolor {
    margin: 30px 0 16px;
    font-family: Segoe UI;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color:#FFFFFF;
}
.wof-wheel .wof-form-wrapper .wof-form-fields input {
    height: 44px;
}





.wof-custom-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.wof-custom-checkbox {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 4px;
  flex-shrink: 0;
  position:relative;
}
.wof-custom-checkbox.checked:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    position: absolute;
    left: 1px;
    border: 1px solid #000;
    border-radius: 2px;
    top: 1px;
}

.wof-custom-label {
  font-size: 14px;
  color: #fff;
}
.wof-prize-offer {
    display: none;
}

.wof-offers-slider .slick-list {
    background: rgba(77, 77, 77, 0.8);
    height: 60px;
    border-radius: 8px;
}

input.wof-input.wof-locked {
    background-color: #878787 !important;
    pointer-events: none;
}   
input#ckb-consent_checkbox_3 {
    width: 16px;
    float: left;
    margin-right: 11px;
}



.custom-prize-card {
    display: flex;
    align-items: center;       
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;     
    background: #4D4D4DCC;      
    border-radius: 8px;        
    overflow: hidden;
    padding:12px;
    gap: 8px;
    margin-bottom:24px;
}

.custom-prize-card__image {
    flex: 0 0 98px;           
    max-width: 98px;
}

.custom-prize-card__image img {
    display: block;
    width: 100%;
    height: auto;
    background: #333333;
    border-radius: 2px;
    padding: 5px;       
}

.custom-prize-card__content {
    flex: 1;                 
    color: #fff;              
}

.custom-prize-card__content h3 {
    font-family: Segoe UI;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color:#D9D9D9;
    margin:0;

}

.custom-prize-card__content p {
    margin: 0;
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #EFC32D;
}

.wof-btn-custom-1{
    border-radius: 50px;
    opacity: 1;
    background: #0A8A0F !important;
    padding: 0;
    height: 52px;
    color: #FFFFFF !important;
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0 30px;
    max-width: calc(100% - 60px);
    width: 100%;
}
.wof-right-content.prize a {
    width: 100%;
}
p.wof-chance {
    font-family: Segoe UI;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 16px;
}
.wof-close.wof-close-icon {
    background: #F2F2F2;
    width: 40px;
    height: 40px;
    opacity: 1;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
}
.wof-close.wof-close-icon svg {
    display: inline-block;
    width: 24px;
}

.wof-close.wof-close-icon svg path {
    fill: #000;
}



.wof-wheels .wof-right{
    height: 658px;
    position: relative; 
    margin-left:0!important;
}
.wof-right-content.prize {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 45px);
}
.wof-svg-bg .wof-slice-bg {
    stroke: #262626;
    stroke-width: 0.04;
    stroke-linejoin: bevel;
}
.wof-svg-bg .wof-slice-bg:last-child {
    stroke: #262626;
    stroke-width: 0.02;
}
.wof-left .wof-left-inner {
    left: -41px;
}
.wof-custom-label a {
    color: #E4CC7A;
}
svg.wof-svg-wheel circle:last-child {
    display: none;
}




button.wof-btn-submit.wof-color-2 {

}
@media screen and (max-width: 600px) {
    .wof-wheel .wof-wrapper {
        position:relative
    }

    .wof-wheel .wof-left {
        order: 1;
        transform: rotate(0deg)!important;
        position: absolute;
        top: -235px;
    }

    .wof-wheel .wof-left .wof-pointer {
        height: 59px;
        right: 0px;
        width: 31px;
    }
    .wof-wheel .wof-left .wof-pointer svg {
        width: 32px;
    }

    .wof-wheel .wof-right {
        order: 2;
        padding-top: 75px !important;
    }

    .wof-wheel .wof-right.wof-move-down {
        /*padding-top: 268px !important;*/
        padding-top: 312px !important;
        transition: paddingTop 0.5s ease
    }

    .wof-wheel .wof-right.wof-move-down .wof-title,.wof-wheel .wof-right.wof-move-down .wof-explainer,.wof-wheel .wof-right.wof-move-down .wof-winnings {
        opacity: 0;
        visibility: hidden
    }

    .wof-wheel .wof-right .wof-form-wrapper {
        margin-top: 0
    }

    .wof-wheel .wof-right .wof-form-fields>div {
        margin-top: 0px!important;
    }

    .wof-wheel .wof-left-move-down {
        top: 20px!important;
        transition: top 0.5s ease
    }

    /*  */

    .wof-title.wof-fgcolor {
        font-family: Montserrat!important;
        font-weight: 500!important;
        font-size: 18px!important;
        line-height: 24px!important;
        text-align: center!important;
        margin-bottom:8px!important;

    }

    .wof-explainer.wof-fgcolor p {
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        padding: 0 13px;
    }
    .wof-explainer.wof-fgcolor {
        margin-bottom: 12px;
    }
    .wof-wheels .wof-wheel .wof-form-wrapper .wof-form-fields input {
        margin-bottom: 16px;
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0px;
        text-align: left;
        height: 44px;
    }
    .wof-form-fields {
        margin-bottom: 18px;
    }

    /* weheel size */
    .wof-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

   

    .wof-left .wof-svg-wheel,
    .wof-left .wof-svg-bg,
    .wof-left .wof-svg-ornaments {
        max-width: 100%;
        height: auto;
    }

    .wof-left .wof-pointer {
        transform: scale(0.8); 
        transform-origin: top right;
    }
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg, div.wof-wheel .wof-wheel-container, div.wof-wheel .wof-wheel-container .wof-shadows {
        width: 100%;
        height: 350px;
        overflow: hidden;
    }
    .wof-right-content.prize {
        margin-top: 67px;
        position: relative;
        width: 100%;
    }
    .wof-offer-item div img {
        margin: 16px 0 0;
        width: 60px;
    }



    svg.wof-svg-wheel {
        max-width: 313px !important;
    }
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg, div.wof-wheel .wof-wheel-container, div.wof-wheel .wof-wheel-container .wof-shadows {
        width: 313px !important;
        height: 313px !important;
    }


    .wof-right {
        height: auto;
    }

    div.wof-wheel .wof-inner-wrapper {
        padding: 0 12px!important;
    }
    .wof-right-inner {
        margin-top: 17px;
    }
    .wof-disclaimer.wof-fgcolor {
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 23px 0 8px;
        opacity: 1!important;
    }
    .wof-left .wof-left-inner {
        left: 0;
    }
    .wof-form-wrapper button.wof-btn-submit.wof-color-2 {
        width: 100% !important;
        max-width: 100%;
        left: 0 !important;
        margin: 0;
        bottom:8px;
    }






}