/* New CSS - SquishMallow2 starts */
.promo-container {
  display: flex;
  width : 100%;
}


.promo-item {
  width : 50%;
  text-align: center;
  box-sizing: border-box;
  padding: 8px;
}

/* Images */
.promo-item img {
  display: block;
  max-width: 100%;
  height: auto;              
  object-fit: cover;       
  margin: 0 auto 8px;
}


/* Stack the items on small screens */
@media (max-width: 768px) {
  .promo-container {
    flex-direction: column;
  }
  
  .promo-item{
    width: 100%;
    
  }
}

.purple-title-rkt{

 color: #9A6FCA;
  font-weight: 900;
    font-size: 40px;

}

.purple-text-rkt {

color: #9A6FCA;
font-size: 25px;
font-weight: 700;

}


.promo-item a {


display : inline-block;

}

.simple-signup > .simple-signup-body {
  width: 44rem;
  padding-top: 0px;
  margin: auto;
}

.simple-signup > .simple-signup {
  width: 100%;
}

.simple-signup input[type=text],
.simple-signup input[type=email],
.simple-signup input[type=number],
.simple-signup input[type=tel],
.simple-signup input[type=month],
.simple-signup select {
  padding: 0.75em;
  margin: 0;
  width: 100%;
  border: thin solid #666;
  background: #fff;
  border-radius: 0.2em;
  font-weight: normal;
}

.simple-signup form input[type=checkbox]:not(:checked), form input[type=checkbox]:checked {
  position: relative;
}

.simple-signup>.simple-signup {
    width: 100% !important;
}

.simple-signup>.simple-signup input[type=email],

.simple-signup>.simple-signup input[type=text],

.simple-signup>.simple-signup input[type=date],

.simple-signup>.simple-signup textarea,

.simple-signup>.simple-signup input[type=month]{

  border: 1px solid #003291;  

}

.rv7-signup-cookies {
    display: none;
    padding: 15px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    min-width: 320px;
    position: fixed;
    z-index: 99;
    background: #fff;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
 
.rv7-signup-cookies h1 {
    margin: 0 0 15px
}
 
.rv7-signup-cookies .ot-sdk-show-settings {
    color: #fff !important
}
 
.cookies-heading {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}
 
.cookies-heading h2 {
    padding: 0;
    border: 0
}
 
.rv7-signup-cookie-desc {
    font-size: 16px;
    line-height: 1.4;
    color: #262626;
    margin: 0 0 .5em 0
}
 
.rv7-signup-cookies .ot-sdk-show-settings {
    padding: 6px 14px;
    background: var(--button-color);
    text-decoration: none;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin: 20px 0 10px;
    display: inline-block
}
 
.rv7-signup-cookies .ot-sdk-show-settings:hover {
    background: #a71840
}

.rv7-TFA-container .twofa-step.twofa-step-1b h2,
.rv7-TFA-container .twofa-step.twofa-step-1b .twofa-description,
.twofa-step.twofa-step-1a .twofa-description,
.twofa-step.twofa-step-1a h2,
.twofa-step.twofa-step-1c h2,
.twofa-step.twofa-step-1c .twofa-description{
     color: #fff;   
     text-align: center;
}
.simple-signup .twofa-otp-container-wrapper {
   justify-content: center;
}
.twofa-step.twofa-step-1a > div,
.twofa-step.twofa-step-1b > div,
.twofa-step.twofa-step-1c > div {
    text-align: center;
}
.signup-button {
    text-align: center;
}
.simple-signup .simple-signup-reg-recaptcha {
    width: 50%;
    margin: auto;
}
.simple-signup .login-form-captcha{
    border: none;
}

.gaming-right-col.upload-content.win-mobile.submit-button .textsubmitBtn.notPhilippines {
    background-color: #0e79c0;
}
.gaming-right-col.upload-content.win-mobile.submit-button {
    background-color:#0e79c0;
}
.textsubmitBtn.notPhilippines a {
    background: #fff !important;
    color: #003291 !important;
    border: 0.1em solid #0e79c0 !important;
}
.textsubmitBtn.notPhilippines a:hover {
    text-decoration: underline !important;
}
.remove {
  background: #fff;
  border: 1px solid #003291;
  color: #003291;
}
.remove:hover {
  text-decoration: underline;
}

input#receipt:focus + .Upload-Receipt,
input#receipt:focus ~ .Upload-Receipt {
  border: 3px solid #0e79c0;
}

/* Birthdate CSS fix */
 
#birthDate .signup-Date {
    position: relative;
}
#birthDate .signup-Date:valid:after {
    display: none;
}
#birthDate .signup-Date:after {
    position: absolute;
    content: "MONTH, YEAR";
    color: #757575;    
    top: 10px;
    left: 9px;
    background: #fff;
    font-size: 1rem;
    width: 150px;
    padding: 0 1px;
    height: auto;
    font-weight: 500;
}
#birthDate .signup-Date:focus:after {
    color: transparent;
    background: transparent;
}
#birthDate .signup-Date:focus {
    position: static;
}
.simple-signup .subscription {
    display: inline-block !important;
}
/* Birthdate CSS fix ends */
@media only screen and (max-width: 650px) {
    .simple-signup > .simple-signup-body{
        width: 100%;
        min-width: 100%;
    }
    .simple-signup .simple-signup-reg-recaptcha{
        width: 100%;
    }
    .simple-signup-reg-recaptcha{
        display: flex;         /* Enables flexbox layout for the fieldset */
        justify-content: center; /* Centers the div horizontally */
        align-items: center;
    }
}

.coming-soon {
  text-align: center;
  padding: 48px 16px;  
  margin-top: 24px;    
}

.coming-soon__title {
  font-family: 'Freude', Arial, sans-serif;
  color: #6f2da8;
  font-weight: 800;
  font-size: clamp(14px, 7vw, 46px);
  line-height: 1.15;
  margin: 0;
}

.coming-soon__subtitle {
  font-family: 'Freude', Arial, sans-serif;
  color: #6f2da8;
  font-weight: 400;                 
  font-size: clamp(22px, 1vw, 26px); 
  line-height: 1.15;
  margin: 12px 0 0;                 
}

.simple-signup .twofa-otp-container-wrapper {
   justify-content: center;
  display:flex;
  gap:4px;
}
.twofa-otp-container-wrapper input[type=text] {
  width: 32px;
  height: 32px;
}


.rte-offer {
    display: inline-block;
    top: 60px;
    position : relative;
}


.simple-signup .form-inner input,.simple-signup .form-inner textarea,.simple-signup .form-inner select {
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0.2em;
    border: 1px solid #003291 !important;
    box-sizing: border-box;
}
.simple-signup .form-inner input[type="checkbox"]{
    width: auto !important;
}
 
.simple-signup>.simple-signup input[type=email],
.simple-signup>.simple-signup input[type=text],
.simple-signup>.simple-signup input[type=date],
.simple-signup>.simple-signup input[type=tel],
.simple-signup>.simple-signup textarea,
.simple-signup>.simple-signup input[type=month]{
  border: 1px solid #003291 !important;
}

 .simple-signup .form-inner input[type="checkbox"]{
    width: auto;
    height: 22px !important;
}


.skip-content-div {
    display: none;
}


h1.plushy-welcome-header {
    width: 44rem;
    margin: auto;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;
    padding-top: 20px;
}
@media(max-width: 767px) {
    h1.plushy-welcome-header {
        width: 100%;
        font-size: 36px;
        margin: 15px;
    }
}
.simple-signup .privacypolicy {
    margin-bottom: 1em !important;
}
.simple-signup .subscription{
  margin: 0 0;
}
.simple-signup .label-after{
  width: 100%;
}
.simple-signup-subscription + .rv7-consent-text {
    margin-left: 10px;
}

input[name="postalCode"] {
    margin-bottom: 1em !important;
}
.rv7-TFA-container .rv7-TFA-resendOTP-modal {
    color: #000000;
}
#twofa-step1c-resend-code:disabled,
#twofa-step1c-start-over:disabled{
    cursor: not-allowed;
    background: darkgrey !important;
    border-color: darkgray !important;
}
/* New CSS - SquishMallow2 ends */
.rv7-button{
    margin-top: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    padding: 16px 35px;
    border-radius: 999px;    
    background: #0b5cab; /* adjust to brand */
    color: #ffffff !important;    
    text-decoration: none !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;    
    border: 2px solid #0b5cab;
    transition: background 150ms ease, transform 150ms ease, border-color 150ms ease;
}
.rv7-button:hover{
	background: #003291;
    border: 2px solid #003291;
}
button#twofa-step1c-start-over,
button#twofa-step1c-resend-code,
.twofa-step.twofa-step-1b button#twofa-step1b-start-over {
    background: transparent!important;
    color: #0b5cab !important;
    border: none;
}
button#twofa-step1c-start-over:hover,
button#twofa-step1c-resend-code:hover,
.twofa-step.twofa-step-1b button#twofa-step1b-start-over:hover {
    background: transparent!important;
    color: #0b5cab !important;
    text-decoration: underline;
} 
.gaming-link-div a.responsive-button{
    background: #ffffff !important; /* adjust to brand */
    color: #0b5cab !important;    
    border: 2px solid #ffffff;
    
}
.gaming-link-div a.responsive-button:hover{
    color: #003291 !important;  
    border: 2px solid #003291;
}
.signup-monthyear {
    max-width: 100%;
}
.rv7-TFA-container .twofa-step.twofa-step-1b h2,
.rv7-TFA-container .twofa-step.twofa-step-1b .twofa-description,
.twofa-step.twofa-step-1a .twofa-description,
.twofa-step.twofa-step-1a h2,
.twofa-step.twofa-step-1c h2,
.twofa-step.twofa-step-1c .twofa-description{
     color: #000;   
     text-align: center;
}
.twofa-success-message{
     text-align: center;
}
div#twofa-2fa-form-rv7 {
    text-align:center;
}
span.rte-title-small {
    font-weight: 500;
}
.rte-offer {
    margin: 0 3%;
}
.simple-signup>.simple-signup select{
	border: 1px solid #003291 !important;
}
.twofa-otp-container-wrapper input {
    padding: 1px !important;
}
h2.plushy-welcome-desc {
    width: auto;
    margin: auto;
    font-size: 16px;
    text-align: center;
}
h1.plushy-welcome-header, .simple-signup>.simple-signup h1 {
    text-align: center !important;
}
.home #rv7-wrapper-PrivacyPolicy-1, .home #rv7-wrapper-PrivacyPolicy-2, .home #rv7-wrapper-PrivacyPolicy-3, .subscription-wrapper {
    padding: 0 0;
    width: 100%;
}
.home #rv7-wrapper-PrivacyPolicy-2 .rv7-consent-text, 
.home #rv7-wrapper-PrivacyPolicy-1 .rv7-consent-text,
.home #rv7-wrapper-PrivacyPolicy-3 .rv7-consent-text,
.subscription-wrapper .rv7-consent-text
{
    font-size: 16px;
}
@media (min-width: 320px) and (max-width: 768px) {
	.promo-item {
	  width: 90%;
	  margin: auto;
	}
    .footer-legal a:nth-child(6) {
        white-space: nowrap;
    }
}
.signup-error-field,.rv7-error-field,.twofa-form-errors,.simple-signup-error-form {
	color: #bd0706 !important;
}
.footer-links li a {
    text-transform: uppercase;
}