*{box-sizing:border-box;margin:0;border:none}
body{margin:0;font-family:Arial,sans-serif;background-color:rgb(249,249,249)}
.main-container{min-height:100vh;position:relative}
.page-container{background:rgb(249,249,249)}
.page-container html{font-size:16px;font-family:sans-serif}
.page-container body{margin:0px;min-height:100vh}
.page-header{background-color:rgb(255,255,255);background-position:center center;background-size:cover;background-repeat:no-repeat;padding:0rem 0px 6rem;text-align:center;color:rgb(255,255,255);z-index:1;position:relative;background-image:url("/signup/background-header.png")}
.wrapperCenter{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:2rem 0px;flex-direction:row;--max-width:1000px;--padding:1rem;width:min(var(--max-width),calc(100% - var(--padding) * 2));margin-inline:auto}
.logo{max-width:150px}
.main-content{--max-width:600px;--padding:.5rem;width:min(var(--max-width),calc(100% - var(--padding) * 2));margin-inline:auto;background-color:rgb(249,249,249)}
.paymentCard{background-color:rgb(255,255,255);border:1px solid rgb(222,222,222);border-radius:.5rem;margin-top:-5rem;position:relative;z-index:1;box-shadow:rgba(50,50,93,.25) 0px 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px}
.secure-banner{background-color:rgb(248,250,251);display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:1.5rem 3rem;gap:.3rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}
.icon{width:1.9rem;height:auto}
.text{font-size:1.1rem;color:rgb(0,0,0);font-weight:500}
.card-header{padding:2rem 2rem 1rem}
.card-wrapper{display:flex;flex-direction:column}
.offer-container{display:flex;flex-direction:column;border-radius:.5rem;padding:1rem;border:1px solid rgb(11,200,109);gap:1rem}
.offer-header{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;width:100%}
.offer-title{font-weight:700;font-size:1.7rem;display:flex;gap:.5rem}
.price-text{font-weight:700;font-size:1.3rem;color:rgb(11,200,109)}
.offer-description{font-size:.8rem;line-height:1.1;color:rgb(42,42,42);margin-top:-.8rem}
.highlight-text{font-weight:700}
.offer-features{display:flex;-webkit-box-align:center;align-items:center;width:100%;gap:.8rem}
.offer-features p{font-size:.9rem;text-align:center;width:100%;margin-top:.5rem;font-weight:300 !important}
.features-text{font-size:1rem;line-height:1.3;font-weight:500;color:rgb(0,0,0)}
.security-info{display:none;background-color:rgb(248,250,251);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:1rem 3rem 1.5rem;gap:.2rem;white-space:nowrap}
.security-icon{width:1.9rem;height:auto}
.security-text{font-size:1.1rem;color:rgb(0,0,0);font-weight:500}
.form-container #formWrapper{display:flex;flex-direction:column;padding:0 2rem 2rem 2rem}
.form-container #formWrapper .header{display:none}
.form-container #formWrapper #cardData{display:flex;flex-direction:column;gap:0rem}
.form-container #formWrapper #cardData div p{display:block}
.form-container #formWrapper #divcardno{margin-top:2rem;position:relative}
.form-container #formWrapper #divexpire{margin-top:3rem;position:relative}
.form-container #formWrapper #divcvv{position:relative;margin-top:3rem}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],select{border:1px solid rgb(204,204,204);border-radius:.5rem;width:100%;height:40px;padding:1px 10px 0px;font-size:14px;font-weight:500;line-height:21px;color:rgb(117,117,117);background-color:rgb(246,248,250);box-sizing:border-box}
label{display:none}
.labelCheckbox{display:block}
.form-container #formWrapper #divsubmit > p > button{height:75px;width:100%;background:url("/signup/chevron-right-black.png") right 1rem center / 45px no-repeat rgb(46,240,208);box-shadow:rgba(46,240,208,.35) 0px 10px 30px 0px;border-radius:.5rem;letter-spacing:0px;font-size:1.3rem;color:rgb(0,0,0);text-align:center;text-transform:uppercase;cursor:pointer;font-weight:600;margin-top:2rem}
.form-container #formWrapper #divsubmit > p > button:hover{background-size:35px}
.form-container #formWrapper .termsAndConditions{padding:2rem 0px 1rem;line-height:1.2;color:rgb(147,147,147);text-align:center;font-size:.7rem !important}
.form-container #formWrapper .termsAndConditions a{text-decoration:none;color:rgb(147,147,147)}
.terms-container{padding:2rem}
.terms-container .text{font-size:.7rem;font-weight:400;line-height:1.2;color:rgb(147,147,147);text-align:justify}
.footer-container{margin-top:2rem;width:100%}
.footer-container .wrapper{display:flex;-webkit-box-align:center;align-items:center;padding:2rem 0px;-webkit-box-pack:center;justify-content:center;--max-width:600px;--padding:1rem;width:min(var(--max-width),calc(100% - var(--padding) * 2));margin-inline:auto}
.footer-container .text{font-size:.875rem;font-weight:500;color:rgb(151,151,151)}
.cs-d-none{display:none}
.main-message{padding:1em 2em;border:1px solid gray;margin:0 2em;border-radius:8px;background:#ccc}
.main-message.message-success{background:#e7fff4;color:#05b52c;border-color:#cce1c6}
.main-message.message-warning{color:#ff7800;background:#fff3e7;border-color:#e5e2d4}
.cs-field-error{color:orange;display:block;font-size:94%}
@media(max-width:600px){.page-header{display:none}
.page-header .wrapper,.page-header .wrapperCenter{padding:1rem 0px}
.page-header .logo{max-width:100px}
.paymentCard{margin-top:1.2rem}
.secure-banner{padding:1rem}
.secure-banner.showInMobile{display:flex}
.secure-banner .icon{width:1.4rem}
.secure-banner .text{font-size:.875rem}
.card-header{padding:1rem 0rem 0rem}
.offer-container{padding:.5rem 1rem;margin:0px .5rem}
.price-text{font-size:.8rem}
.offer-title{font-size:clamp(.8rem,85% + 1px,1.7rem)}
.offer-description{font-size:.75rem}
.offer-features p{font-size:clamp(.6rem,56% + 1px,.9rem);padding:0px .5rem}
.security-info{padding:.75rem;margin-bottom:1.5rem;display:none}
.security-info .security-icon{width:1.4rem}
.security-info .security-text{font-size:clamp(.6rem,60% + 1px,1rem)}
.form-container{margin-top:2rem}
.form-container #formWrapper{padding:0rem .5rem 2rem}
#fnameLabel,#lnameLabel,#cardnoLabelElement,#securityCodeText,#expireYearElement,#expireMonthElement,#emailLabelElement,#passLabelElement,#geoLabelElement,#zipLabelElement{font-size:.9rem !important}
.terms-container{padding:0px 1rem 1rem;font-size:.7rem}
.footer-container{margin-top:1rem}
.footer-container .wrapper{padding:0px 0px 1rem}}
.name-fields-container{display:flex;gap:0;margin-top:3rem}
.divfname,.divlname{flex:1;position:relative}
#fnameLabel,#lnameLabel,#cardnoLabelElement,#securityCodeText,#expireMonthElement,#expireYearElement{position:absolute;top:-1.6rem;left:0px;color:rgb(0,0,0);font-size:1rem;font-weight:500}
#expireYearElement{left:180px}
#rg_Fname{border-top-right-radius:0;border-bottom-right-radius:0}
#rg_Lname{border-top-left-radius:0;border-bottom-left-radius:0}
.card-input-container{position:relative;display:flex;align-items:center}
.card-icons-container{position:absolute;right:10px;display:flex;align-items:center;gap:5px}
.card-icon{height:20px}
#rg_Cardno{width:100%;border-radius:.5rem}
.expiry-cvv-container,.expiry-address-container{display:flex;gap:20px}
.expiry-address-container{margin-top:1.5rem}
#divexpire,.country-container{flex:1.5;position:relative}
#divcvv,.zip-container{flex:1;position:relative}
.expiry-fields{display:flex;width:100%;gap:0}
.expiry-month-container,.expiry-year-container{display:block;width:50%}
.expiry-month-container{padding-right:0}
.expiry-year-container{padding-left:0}
#rg_Expire_month{border-top-right-radius:0;border-bottom-right-radius:0;width:100%}
#rg_Expire_year{border-top-left-radius:0;border-bottom-left-radius:0;width:100%}
.cvv-input-container{position:relative}
#rg_Cvv2{border-radius:.5rem;padding-right:30px}
#cvvInfoIcon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:1rem;cursor:pointer}
#cvvInfoPopup{display:none;position:absolute;right:0px;top:3.5rem;background:rgb(255,255,255);border:1px solid rgb(151,151,151);padding:17px 19px;width:260px;border-radius:5px;box-shadow:rgba(0,0,0,.06) 0px 4px 16px 0px,rgba(0,0,0,.06) 0px 4px 16px 0px;z-index:100}
#cvvInfoPopup img{margin-top:22px;max-width:100%}
#failed{display:none;width:100%;color:rgb(213,69,83);background-color:rgba(213,69,83,.25);position:relative;top:-15px}
#errorMessage{text-align:center;position:relative;top:-5px}
#emailLabelElement{margin-top:1.5rem}
.spinner-border{display:inline-block;width:2em;height:1em;--g1:conic-gradient(from 90deg at .15em .15em,#0000 90deg,currentColor 0);--g2:conic-gradient(from -90deg at .375em .375em,#0000 90deg,currentColor 0);background:var(--g1),var(--g1),var(--g1),var(--g2),var(--g2),var(--g2);background-size:.5em .5em;background-repeat:no-repeat;animation:l6 1s infinite alternate}
@keyframes l6{0%{background-position:0 50% ,50% 50% ,100% 50%}
20%{background-position:0 0 ,50% 50% ,100% 50%}
40%{background-position:0 100%,50% 0 ,100% 50%}
60%{background-position:0 50% ,50% 100%,100% 0}
80%{background-position:0 50% ,50% 50% ,100% 100%}
100%{background-position:0 50% ,50% 50% ,100% 50%}}