:root{--white_color:#fff;--gold_color:gold;--green_color:#2dfc1a;--body_background:linear-gradient(90deg,#141e30,#243b55);--spin_background:linear-gradient(90deg,#fc4a1a,#f7b733)}*{box-sizing:border-box;font-family:Noto Sans,sans-serif;margin:0;padding:0}.wrapper{background-color:#fff;position:relative}.wheel-wrapper h1{color:var(--gold_color);font-size:4rem;left:50%;position:absolute;top:10%;transform:translate(-50%,-50%)}.wheel-wrapper .wheel_box{height:360px;position:relative;width:360px}.wheel-wrapper #spinWheel{max-height:inherit;width:inherit}.wheel-wrapper #spin_btn{background:var(--spin_background);border:0;border-radius:50%;color:var(--white_color);cursor:pointer;font-size:1.8rem;font-weight:600;height:26%;left:50%;letter-spacing:.1rem;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:26%}.wheel-wrapper .fa-solid{color:var(--green_color);font-size:4rem;left:43.7%;position:absolute;top:-8%;transform:rotate(-225deg)}#trial-txt{color:var(--gold_color);font-size:1.5rem;font-weight:500;margin-top:1.5rem;text-align:center}.btn-style-1{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;font-size:26px;font-weight:700;height:62px;line-height:62px;min-width:288px;padding:0;text-transform:uppercase;transition:all .3s}.btn-test-spin{background:#fbce3d;box-shadow:inset 0 -5px #fef269;color:#6a4c08}.btn-spin{background:#463996;box-shadow:inset 0 -5px #7a62e2;color:#bbb3ea}.btn-spin:hover{color:#fff}.scroll-up-icon{align-items:center;background-color:#f1f1f1;border-radius:50rem;bottom:20px;box-shadow:0 2px 4px 0 #bdc1c9;cursor:pointer;display:flex;height:42px;justify-content:center;position:fixed;right:20px;width:42px;z-index:1000}.scroll-up-icon i{color:#333;font-size:24px}#winPrize #winPrize-txt{color:var(--gold_color);font-size:2rem;font-weight:500}#winPrize .modal-title{font-size:18px;margin-bottom:1.5rem}.app-navbar{background-color:#0e8bd3;padding-bottom:0;padding-top:0}.app-navbar .navbar-nav .nav-item .nav-link{color:#fff;font-weight:500;padding:1rem 2rem;text-transform:uppercase;transition:.3s}.app-navbar .navbar-nav .nav-item .nav-link:hover{background-color:#0a7cbe;color:#fff}.app__title{color:#d30e0e;display:inline;padding-left:12px;position:relative}.app__title:before{background-color:#d30e0e;content:"";height:60%;left:0;position:absolute;top:55%;transform:translateY(-50%) rotate(-10deg);width:4px}@media (min-width:320px) and (max-width:1024px){.app__title{font-size:18px}}.app__banner .banner--bg{background-color:#0e8bd3;border-radius:8px;color:#fff;max-width:420px;padding:8px}@media (min-width:320px) and (max-width:1024px){.app__banner .banner--bg{width:100%}.app__banner .banner--bg h1{font-size:24px}}.mh-table{max-height:336px}.color-box{border:1px solid gray;height:12px;width:42px}.footer{background-color:#768192;color:#fff;padding-bottom:12px;padding-top:12px}