.slider{width:48%;margin:100px auto}
@media only screen and (max-width: 500px) {
.slider{width:100%;margin:100px auto}
}
.slick-slide{margin:0 40px}
.slick-prev:before,.slick-next:before{color:#000}
.slick-slide{transition:all ease-in-out .3s;opacity:.2}
.slick-active{opacity:1}
.slick-current{opacity:1}
.slick-list{overflow:unset}
.stw_mainPopWrapper{width:100%;height:100%;position:fixed;background:#00000080;top:0;bottom:0;right:0;left:0;display:none;align-items:center;justify-content:center;z-index:15}
.stw_centerPopWrapper{width:75%;height:75%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12}
.stw_centerPopWrapper span.stw_Title{font-family:'Nexa';font-weight:bolder;text-transform:uppercase;color:#fff;font-size:2.2em;text-align:center;display:block;text-shadow:2px 2px 5px #00000080;-webkit-text-stroke:1px #0084ff}
.stw_centerPopWrapper p.stw_para{font-family:'Nexa';font-weight:300;text-align:center;text-transform:uppercase;font-size:1.35em;text-align:center;color:#fff}
.wheel-container{width:400px;height:400px;position:absolute;left:0;right:0;top:20%;margin:1em auto 0}
#wheel{position:absolute;z-index:1;border-radius:50%;background-clip:padding-box;position:relative;border:25px solid transparent;border-radius:50%;background:linear-gradient(white,white) padding-box,linear-gradient(45deg,#003872,#1582c7) border-box}
.inner-border{position:absolute;z-index:2;top:4.9%;left:5%;width:89.5%;height:89.5%;border:7px solid #fff;border-radius:50%;box-sizing:border-box}
#wheel::before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:10px solid #000;border-radius:50%;z-index:1}
.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;cursor:pointer;z-index:3}
.spin-indicator{position:absolute;top:-6%;left:50%;transform:translateX(-50%);z-index:1;width:22%}
.spin-indicator img{display:block;width:100%;height:auto;margin:0 auto;text-align:center}
.spin-indicator:before{content:"";width:0;height:0;border-left:30px solid transparent;border-right:34px solid transparent;border-top:40px solid #fff;top:1px;left:1.5px;right:0;margin:0 auto;position:absolute}
.spin-indicator:after{top:calc(100% + 5px);border-top:10px solid #0003;left:0}
.stw_couponCenterWrapper{width:40%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:30px;padding:3em 0;margin:0 auto;text-align:center;display:none}
.stw_couponCenterWrapper p.stw_couponPara{text-align:center;color:#b0b0b0;font-size:1.15em;font-weight:700}
.stw_couponCenterWrapper span.stw_couponOffer{text-align:center;display:block;color:#0f126e;font-weight:bolder;font-size:2.8em}
.stw_couponCenterWrapper span.stw_couponOffer small{display:block;font-size:.4em;margin-top:-.3em}
.stw_couponCenterWrapper em.stw_couponCode{display:inline-block;text-align:center;border:1px dashed #22cae2;padding:.5em 1.5em;color:#0f126e;margin:1em auto 1.5em;font-weight:700;border-radius:30px;font-size:1.2em}
.stw_couponCenterWrapper .stw_couponFooter{border-top:1px solid #b0b0b0;padding-top:2em}
.stw_couponCenterWrapper .stw_couponFooter span{display:block;text-align:center;color:#b0b0b0;font-size:1em;font-weight:700;text-transform:uppercase;margin-bottom:1em}
.stw_couponCenterWrapper .stw_couponFooter em{text-align:center;display:block;color:#b0b0b0;font-size:.9em;font-weight:400;margin-bottom:.2em}
.stw_userFormWrapper{width:30%;height:auto;max-height:85%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;-webkit-box-shadow:10px 6px 35px 9px #00c3dd9c;-moz-box-shadow:10px 6px 35px 9px #00c3dd9c;box-shadow:10px 6px 35px 9px #00c3dd9c;display:none}
.stw_userFormWrapper.stw_userRegForm{height:85%}
.stw_userFormWrapper a.stw_closeBt{position:absolute;top:1em;right:1em;width:22px;height:auto}
.stw_userFormWrapper a.stw_closeBt img{display:block;width:100%;height:auto;margin:0 auto}
.stw_userFormWrapper .stw_userFormHeader{width:100%;height:auto;padding:1.5em 0;background:#cef2ff;border-top-left-radius:20px;border-top-right-radius:20px}
.stw_userFormWrapper .stw_userFormHeader span{display:block;text-align:center;font-weight:700;color:#055569;font-size:1.5em;margin-bottom:.7em}
.stw_userFormWrapper .stw_userFormHeader img{display:block;width:75%;height:auto;margin:0 auto;text-align:center}
.stw_userFormWrapper .stw_userForm{width:100%;height:auto;margin:0 auto;padding:1.5em 0;overflow-y:scroll}
.stw_userFormWrapper .stw_userForm form{width:80%;height:auto;margin:0 auto;text-align:left}
.stw_userFormWrapper .stw_userForm form .fieldWrapper{width:100%;height:auto;margin:0 auto 1.5em}
.stw_userFormWrapper .stw_userForm form .fieldWrapper input{width:100%;height:auto;padding:.9em .7em .7em;color:#032a35;font-size:1em;border:.5px solid #032a35;border-radius:10px}
.stw_userFormWrapper .stw_userForm form .fieldWrapper{position:relative}
.stw_userFormWrapper .stw_userForm form .fieldWrapper select{width:100%;height:auto;padding:.5em .7em;color:#032a35!important;font-size:1em;border:.5px solid #032a35!important;border-radius:10px!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='30,50 70,90 110,50' fill='none' stroke='%23032a35' stroke-width='15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1em center!important;background-size:1em!important;cursor:pointer}
.stw_userFormWrapper .stw_userForm form .fieldWrapper select option:disabled{color:#05556c99!important}
.stw_userFormWrapper .stw_userForm form .stw_subtBtWrapper{width:100%;height:auto;margin:0 auto;text-align:center}
.stw_userFormWrapper .stw_userForm form .fieldWrapper input::placeholder{color:#05556c99}
.stw_userFormWrapper .stw_userForm form .stw_subtBtWrapper input{display:inline-block;margin:0 auto;padding:.7em 2em;background:#035cf0;text-transform:uppercase;font-weight:700;color:#fff;border-radius:10px}
.stw_userFormWrapper .stw_userForm form .stw_subtBtWrapper input:hover{color:#fff}
.stw_userFormWrapper .stw_userForm form p{color:#05556c99;font-size:.75em;margin-top:1.8em;text-align:left}
.stw_userFormWrapper .stw_userForm form p a{color:#05556c99;text-decoration:underline}
.stw_userFormWrapper .stw_userForm form .fieldWrapper.errorMessage input{border-color:red}
.stw_userFormWrapper .stw_userForm form .fieldWrapper.errorMessage span{display:block;font-size:.8em;margin-top:.2em;text-align:left;color:red}
.stw_backBt{position:absolute;left:5%;top:3%;text-decoration:underline;text-transform:uppercase;font-size:.95em;display:none;}
@media (max-width: 1024px) {
.stw_couponCenterWrapper{width:45%}
.stw_userFormWrapper{width:45%}
}
@media (max-width: 480px) {
.stw_centerPopWrapper{width:90%;height:90%}
.wheel-container{width:350px;height:350px}
#wheel{width:100%;height:100%}
.stw_couponCenterWrapper{width:90%}
.spin-indicator{width:24%}
.inner-border{top:5.3%;left:5.3%}
.stw_couponCenterWrapper span.stw_couponOffer{font-size:2.4em}
.stw_userFormWrapper{width:90%}
.stw_userFormWrapper.stw_userRegForm{height:75%}
}
@media (max-width: 360px) {
.wheel-container{width:320px;height:320px}
#wheel{width:100%;height:100%}
.inner-border{width:89%;height:89%;top:5.5%;left:5.6%}
.spin-indicator{width:26%}
.stw_userFormWrapper.stw_userRegForm{height:85%}
}