.bg-btn {
    max-width: 65%;
    border: 2px solid #ffffff !important;
    border-radius: 40px !important;
    font-size: 17px !important;
}
.confetti-image {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
    width: 100%;
}
.terms-data {
    font-size: 14px;
}
.terms-popup {
    max-width: 90%;
    border-radius: 10px;
    height: 80vh;
    max-height: 80vh;
}
.terms-popup .title {
    color: #0132a0 !important;
    padding-top: 25px;
    margin-bottom: 10px;
    font-size: 22px;
}
.mfp-close-btn-in .mfp-close {
    color: #0132a0 !important;
    font-weight: 600;
    opacity: 1;
}
.terms-popup .button-container a {
    max-height: 48px !important;
}
.accept-btn {
    border: 2px solid #0132a0 !important;
}
.decline-btn {
    background: #ffffff !important;
    color: #0132a0 !important;
    border: 2px solid #0132a0 !important;
}
.data-screen .content-area-outer {
    padding-top: 33%;
}
.data-top-content {
   font-size: 24px;
    font-weight: 600;
}
.input-field {
    border: 2px solid #0132a0;
    padding: 10px 15px;
    max-width: 310px !important;
    color:#0032A0 !important;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color:  rgb(242, 169, 0) !important;
}
/*input:focus {*/
  
/*      border-color:  rgb(242, 169, 0) !important;*/
/*      outline:  rgb(242, 169, 0);*/
/*    }*/
.custom-checkbox .custom-control-label::before {
    border-radius: 1rem;
    border: 2px solid #F2A900;
}
.custom-control-label:before {
    width: 1.4rem;
    height: 1.4rem;
}
.custom-control-label::before {
    top: 0rem;
}
.custom-control-label::after {
    width: 1.4rem;
    height: 1.4rem;
}
.custom-control-label::after {
    top: 0rem;
}
.custom-control-label {
    font-size: 14px;
}
.terms-content {
    font-size: 8px;
}
.ready-screen .start-screen-content {
    margin-top: 0px !important;
    font-size: 14px;
}
.site-logo img {
    max-width: 60%;
}
.site-logo {
    padding: 24px 0 !important;
}
.mfp-auto-cursor .mfp-content {
    max-width: 450px;
}
.loser-screen .content-area-outer {
    padding-top: 45%;
}
.result-font {
    font-size: 36px;
}
.last-screen .result-font {
    margin-bottom:0px !important;
    line-height: 1;
}
.thank-last .result-font{
    margin-bottom: 18px !important;
}
.loser-screen .result-font {
    line-height: 1.3;
}
.taking-part{
    font-size:14px;
}
.sun-safety{
    font-size:13px;
}
.result-screen-img {
    margin: 40px 0;
}
.wheel-logo{
    top:0 !important;
    width:32% !important;
}
.winner-screen .bg-btn {
   max-width: 43% !important;
    /* border: 2px solid #ffffff !important; */
    border-radius: 40px !important;
    padding: 10px;
}
.winner-screen .button-container {
    justify-content: space-evenly !important;
}
.pointer-image {
    top: -35px;
    width: 62px;
}
.wheel-content {
    padding-top: 30% !important;
}
.input-field::placeholder{
   color:#0032A0 !important;
   opacity:0.5;
}
@media only screen and (min-width:1000px) and (max-width:1100px){
.container {
    max-width: 100%;
}
.home-bg-screen {
    background-size: cover !important;
}
.start-screen .button-container {
    margin-bottom: 80px !important;
}
.max-wrapper {
    max-width: 100%;
    min-height: calc(var(--vh, 1vh)* 100);
}
.bg-btn {
    max-width: 62%;
    border: 4px solid #ffffff !important;
    border-radius: 90px !important;
    font-size: 50px !important;
    padding: 40px 0;
    font-weight: normal;
}
.mfp-auto-cursor .mfp-content {
    max-width: 90%;
}
.terms-popup .title {
    font-size: 70px;
    font-weight: 900 !important;
    padding-top:42px;
}
.terms-popup p {
    color: #061a39;
    font-size: 35px;
    margin-bottom: 40px;
}
.terms-popup .button-container a {
   max-height: 114px !important;
        width: 48%;
        font-size: 50px !important;
        padding: 60px 0 !important;
}
.mfp-close-btn-in .mfp-close {
    font-size: 78px;
    padding-right: 65px;
    padding-top: 11px;
}
.decline-btn {
    border: 4px solid #0132a0 !important;
}
.lbar-message {
    font-size: 58px;
}
.page-loader img.loader {
    width: 150px;
}
.terms-popup {
    max-width: 100%;
    height: 87vh;
    max-height: 87vh;
    padding: 32px !important;
}
.ldBar-label {
    font-size: 60px;
}
.terms-popup .button-container {
    
    margin-bottom: 20px !important;
}
.ldBar {
    width: 400px !important;
    height: 400px !important;
}
.spin-screen .bg-btn {
    font-size: 50px !important;
    padding: 40px 0;
    }
  .spin-screen  .button-container {
    margin-bottom: 45px;
}
.pointer-image {
    width: 160px;
    top: -100px;
}
.wheel-content {
    padding-top: 29% !important;
}
.wheel-content h1{
    font-size:90px;
}
.result-font {
    font-size: 90px;
}
.taking-part{
    font-size:40px;
}
.winner-screen .taking-part{
    margin-bottom:40px;
}
.sun-safety{
   font-size:40px;
}
.winner-screen .bg-btn {
    max-width: 43%;
    margin: 0 auto;
    border: 4px solid #ffffff;
    border-radius: 90px !important;
    font-size: 50px !important;
    padding: 30px !important;
    }
.winner-screen .accept-btn {
    margin-left: 10px !important;
}
 .winner-screen .decline-btn {
margin-right: 10px !important;
}
.input-field {
    border: 5px solid #0132a0;
    padding: 37px 40px;
    font-size: 42px !important;
    max-width: 850px;
    border-radius: 90px;
}
.custom-control-label {
    font-size: 34px;
    padding-left: 70px;
}
.terms-content {
    font-size: 23px;
    margin-top: 50px;
    max-width: 850px;
    margin: 0 auto;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 2rem !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    border-radius: 2rem;
}
.custom-control-label:before {
    width: 3.4rem;
    height: 3.4rem;
}
.custom-control-label:after {
    width: 3.4rem;
    height: 3.4rem;
}
.field-group {
    margin-bottom: 70px;
}
.wheel-logo {
    width: 42% !important;
}
.data-top-content p{
    font-size: 68px;
    margin-bottom: 50px;
}
.ready-screen .subtitle{
 font-size: 42px;
} 
.ready-screen .button-container {
    margin-bottom: 64px !important;
}
.custom-control {
    max-width: 850px;
    margin: 0 auto;
}
.data-screen .button-container {
margin-bottom: 50px !important;
}
.thank-last .result-font {
    margin-bottom: 34px !important;
    font-size: 90px !important;
    line-height: 1.4;
}
.thank-last .taking-part {
font-size: 44px !important;
}
}
@media only screen and (min-width:390px) and (max-width:414px){
.home-bg-screen {
    background-size: cover !important;
}
.ready-screen .button-container {
    margin: 18px 0 !important;
}
.big-wheel {
    width: 160%;
        bottom: -24%;
}
.bg-btn {
    max-width: 60%;
}
.wheel-content {
    padding-top: 28% !important;
}
}
@media only screen and (min-width:360px) and (max-width:385px){
.home-bg-screen {
    background-size: cover !important;
}
.result-font {
    font-size: 30px;
}
}
@media only screen and (min-width:415px) and (max-width:430px){
.home-bg-screen {
    background-size: cover !important;
}
}
@media only screen and (min-width:320px) and (max-width:340px){
.home-bg-screen {
    background-size: cover !important;
}
.big-wheel {
    position: absolute;
    bottom: -37%;
}
.wheel-content {
    padding-top: 36% !important;
}
}