@charset "utf-8";
/* CSS Document */
.reg-box {
  padding:10px 0
}
.first-bg {
	background:#010101;
	background-size:cover
}
.signup-page h2 {
	color:#fff601;
	font-family:'Rubik', sans-serif;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase
}
.title-1 p {
	color:#fff;
	line-height:15px
}
.accbtn {
	margin:0 auto;
	width:fit-content!important;
	width:100%
}
.accbtn ul {
	list-style:none;
	text-decoration:none;
	overflow:hidden
}
.accbtn ul li {
	list-style:none;
	float:left;
	background:#290821;
	padding:8px 13px;
	border-radius:5px;
	margin-right:10px;
	border:2px solid #ff0167;
	border-radius:8px
}
.accbtn ul li:hover {
	background:#fff601;
	color:#000
}
.accbtn ul li.active {
	background:#e94560;
	color:#0b0b0b
}
.accbtn ul li a {
	font-size:18px;
	color:#0b0b0b;
	font-weight:500;
	text-decoration:none
}
.second-bg {
	background-size:cover;
	margin:0 20px 20px;
	width:94%;
	padding:0;
	overflow:hidden;
	background:#fff
}
.accbtn ul li .num {
	font-size:18px;
	background:#5a1f58;
	color:#fff;
	border-radius:6px;
	width:25px;
	float:left;
	height:26px;
	padding:0 7px
}
.accbtn ul li .active {
	color:#fff
}
.accbtn ul li .text {
	font-size:18px;
	color:#fff;
	float:left;
	padding-left:10px
}
.accbtn ul li .text:hover {
	color:#5a1f58
}
.reg-box {
	color:#fff;
	font-size:22px;
	font-weight:700;
	background:#fff;
	border-radius:10px;
	min-height:411px;
	height:auto
}
.reg-box .title-1 {
	font-size:19px;
	color:#1a1a2e;
	padding:15px;
	font-weight:400
}
.reg-box .title-1 p {
	font-size:19px;
	color:#1a1a2e;
	padding:2px;
	font-weight:400;
	line-height:20px;
	margin:0 10px
}
.reg-box .title-1 span {
	font-size:14px;
	color:#e94560;
	font-weight:700
}
.reg-box .title-1 span a {
	color:#4ad7d1;
	font-weight:700
}
.active a .text {
	color:#5a1f58!important
}
.signup-page form .form-row span {
	text-align:left;
	font-weight:400;
	font-size:9px;
}
.signup-page form .form-row .msg {
	text-align:left;
	font-weight:400;
	font-size:10px;
	/*padding-left:0;*/
	color:red
}
.signup-page form .form-row {
	text-align:left;
	font-size:15px;
        /*padding-top: 10px;*/
}
.signup-page form .form-row .t-name {
	width:20%;
	float:left;
	padding-top:4px
}
.signup-page form .form-row .f-name {
	width:80%;
	float:left;
	/*padding-top:10px;*/
}
.signup-page form .form-wrapper {
	padding:4px 20px;
	overflow:hidden;
	width:100%
}
.signup-page form .form-control {
	border-radius:0;
	background-color:#d5d5d5
}
.signup-page form label {
	color:#1a1a2e;
	font-family:'Rubik', sans-serif;
	font-size:14px;
	font-weight:700
}
.signup-page form .country {
	width:100%;
	overflow:hidden
}
.signup-page form .coun-code {
	width:12%;
	float:left;
	background:#fff;
	color:#fff!important;
	border:0;
	font-weight:400;
	font-size:16px;
	padding:7px 0 7px 8px
}
.signup-page form .number {
	width:88%;
	float:left
}
.signup-page form .country .sms {
	padding-left:12%;
	float:left;
	color:#000
}
.signup-page form .country .coun-choosse {
	float:right;
	font-weight:700;
	color:#000
}
.signup-page form .country .coun-choosse span {
	color:#f3c728
}
.signup-page form .country .coun-choosse span a {
	color:#e94560;
	text-decoration:none;
	font-weight:700
}
.signup-page form .next {
	background:#ff015f;
	color:#fff;
	border-radius:7px;
	padding:5px 30px;
	font-family:'Rubik', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin:12px auto;
	border:0
}
.signup-page form .birt-date {
	width:25%;
	float:left;
	margin:0 2%
}
.signup-page form .birt-month {
	width:46%;
	float:left
}
.signup-page form .birt-year {
	width:25%;
	float:left
}
.field-icon {
	float:right;
	margin-left:-25px;
	margin-top:-25px;
	position:relative;
	z-index:2
}
.bi-eye-slash::before {
margin-top:7px
}
.update-pass {
	padding:10%
}
.reg-box-detail {
	color:#1a1a2e;
	font-size:22px;
	font-weight:700;
	width:100%;
	font-family:'Rubik', sans-serif
}
.reg-per-detail {
	color:#1a1a2e;
	font-size:22px;
	font-weight:700;
	margin:2% 16% 0;
	width:68%;
	font-family:'Rubik', sans-serif
}
.reg-box-detail .title-1 {
	font-size:19px;
	color:#fff;
	padding:15px;
	font-weight:400
}
.reg-box-detail .title-1 span {
	font-size:14px
}
.reg-box-detail .title-1 span a {
	color:#f3c728
}
.gender {
	width:100%;
	text-align:center
}
.signup-page form .center {
	text-align:center
}
.signup-page form .otp-tittle {
	text-align:center;
	font-size:20px;
	color:#1a1a2e;
	text-transform:uppercase
}
.signup-page form .otp-box {
	width:100%;
	float:left;
	margin:10px 0
}
.signup-page form .otp {
	width:60%;
	float:left
}
.signup-page form .otp p {
	line-height:16px;
	font-size:12px;
	margin:0;
	padding-top:4px;
	color:#571c52
}
.signup-page form .otp-btn {
	width:40%;
	float:left
}
.signup-page form .send-otp {
	background:#571c52;
	color:#fff;
	border-radius:7px;
	padding:5px 20px;
	margin-top:0;
	float:right;
	border:1px solid #571c52
}
.signup-page form .send-otp span {
	font-size:20px;
	font-weight:700
}
.signup-page form .redeem {
	width:48%;
	float:left
}
.signup-page form .deposit {
	width:51%;
	float:left;
	margin-left:1%
}
.redeem .redeem-btn span, .deposit .deposit-btn span {
	font-size:15px;
	font-weight:700
}
.signup-page form .redeem-btn {
	background:#ff005d;
	color:#fff;
	border-radius:7px;
	padding:5px 20px;
	margin-top:0;
	float:left;
	width:100%;
	font-weight:700;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ff005d
}
.signup-page form .redeem-btn span, .signup-page form .deposit-btn span {
	font-size:16px;
	font-weight:700
}
.signup-page form .deposit-btn {
	background:#571c52;
	color:#fff;
	border-radius:7px;
	padding:5px 20px;
	margin-top:0;
	float:right;
	width:100%;
	font-weight:700;
	font-size:16px;
	border:1px solid #571c52
}
.signup-page form .check-box {
	font-size:9px;
	color:#1a1a2e!important
}
.signup-page form .check-box label {
	color:#fff;
	font-weight:400
}
.signup-page form .check-box span {
	position:absolute;
	top:0
}
.check-box {
	display:block;
	position:relative;
	padding-left:2px;
	margin-bottom:0;
	cursor:pointer;
	font-size:20px
}
.check-box input[type=checkbox] {
	visibility:hidden
}
.geekmark {
	position:absolute;
	top:7px;
	left:0;
	height:13px;
	width:13px;
	background-color:#686868
}
.check-box:hover input ~ .geekmark {
background-color:f3c728
}
.check-box input:active ~ .geekmark {
background-color:#686868
}
.check-box input:checked ~ .geekmark {
background-color:#686868
}
.geekmark:after {
	content:"";
	position:absolute;
	display:none
}
.check-box input:checked ~ .geekmark:after {
display:block
}
.check-box .geekmark:after {
	left:4px;
	bottom:3px;
	width:5px;
	height:9px;
	border:solid #fff;
	border-width:0 2px 2px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
@media (max-width: 40em) {
.button-wrap {
margin-top:-1.5em
}
}
.button-label {
	display:inline-block;
	padding:.3em 1.8em;
	margin:.5em;
	cursor:pointer;
	color:#efefef;
	border-radius:.25em;
	border-radius:30px;
	border:2px solid #ff0167;
transition:.3s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.button-label h1 {
	padding:2px 0 4px;
	font-size:1em;
	font-family:"Lato", sans-serif;
	margin:0
}
.button-label:hover {
	color:#0b0b0b;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32)
}
.button-label:active {
	transform:translateY(2px);
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.22)
}
.showeye, .showeye-sign {
	margin-left:-30px;
	color:#000;
	cursor:pointer;
	font-size:20px;
	position:relative;
	top:43px
}
@media (max-width: 40em) {
.button-label {
margin:.25em
}
}
#yes-button:checked + .button-label {
	background:#fff601;
	color:#1a1a2e;
	border:1px solid #fff601
}
#yes-button:checked + .button-label:hover {
	background:#00fff6;
	color:#e2e2e2
}
#no-button:checked + .button-label {
	background:#00fff6;
	color:#e2e2e2;
	border:1px solid #00fff6
}
#no-button:checked + .button-label:hover {
	color:#e2e2e2
}
#maybe-button:checked + .button-label {
	background:#00fff6;
	color:#e2e2e2
}
#maybe-button:checked + .button-label:hover {
	background:#00fff6;
	color:#e2e2e2
}
.hidden {
	display:none
}
.heading {
	background:#000;
	font-size:20px;
	color:#262626;
	margin:20px 21px 0;
	width:94%
}
.heading h2 {
	font-size:24px;
	color:#fff;
	padding:0;
	text-transform:uppercase;
	font-weight:400
}
.no-padd {
	padding-right:0!important;
	padding-left:0!important
}
.desk {
	display:block
}
.mobi {
	display:none
}
.use-code {
	width:35%;
	height:32px;
	margin:0 auto;
	color:#fff;
	font-size:20px;
	text-transform:uppercase
}
.eye-signup-pass {
	margin-left:-30px;
	color:#000;
	cursor:pointer;
	font-size:20px;
	position:relative;
	top:44px;
	position:relative
}
@media screen and (max-width: 1024px) {
.eye-signup-pass {
margin-left:-30px;
color:#000;
cursor:pointer;
font-size:20px;
position:relative;
top:-4px;
position:relative
}
}
@media screen and (max-width: 768px) {
.signup-page form .form-row .msg {
padding-left:20%;
font-size:9px
}
.accbtn {
margin:5px 0;
width:100%;
margin: 0 auto;
}
.signup-page form .next {
margin-top:5px;
font-size:18px;
padding:5px 25px
}
.signup-page form .form-row {
font-size:12px;
/*padding-top: 10px;*/
}
.signup-page form .form-row .t-name {
width:20%;
float:left;
padding-top:7px
}
.signup-page form .form-row .f-name {
float:left
}
.accbtn ul {
padding:0 15px;
margin:0 auto;
display:table
}
.accbtn ul li .num {
font-size:13px;
border-radius:3px;
width:16px;
height:18px;
padding:0 5px
}
.accbtn ul li {
padding:4px 8px;
border-radius:4px;
margin-right:12px
}
.accbtn ul li:last-child {
margin-right:0
}
.accbtn ul li .text {
font-size:14px;
padding-left:5px
}
.reg-box .title-1 {
padding:5px
}
.signup-page form .coun-code {
width:20%
}
.signup-page form .number {
width:80%;
float:left
}
.signup-page form .country .sms {
padding-left:0;
font-size:8px;
padding-top:3px
}
.signup-page form .country .coun-choosse {
font-size:8px;
padding-top:3px
}
.reg-box-detail {
margin:0;
width:100%
}
.signup-page form .check-box {
font-size:10px
}
.signup-page form .redeem-btn {
padding:5px;
font-weight:700;
font-size:13px
}
.signup-page form .deposit-btn {
padding:5px;
font-weight:700;
font-size:13px
}
.signup-page form .send-otp span {
font-size:12px
}
.signup-page form .otp p {
font-size:11px;
padding-top:0
}
.log {
text-align:left!important
}
#phone {
float:left;
padding:0
}
#chat {
padding:0;
margin:0
}
.logo {
text-align:center
}
header .col-md-6 {
padding:10px 0
}
.desk {
display:none
}
.mobi {
display:block
}
.title {
width:100%
}
.mobi img {
margin-top:0
}
.btn-click img {
margin-top:20px
}
.main-bg {
background-size:cover
}
.text-box {
width:100%;
height:40px;
border:4px solid #f9790f;
margin:0 auto;
color:#fff;
font-size:19px;
font-weight:700;
padding-top:3px;
background:#000
}
.use-code {
width:35%;
height:32px;
margin:0 auto;
color:#fff;
font-size:21px;
text-transform:uppercase
}
.third-bg {
margin:20px 20px 0 13px;
width:92%;
padding:15px;
top:-12px;
left:0;
position:relative
}
.btn-click {
margin-top:0
}
.heading {
width:94%
}
.second-bg {
width:98%;
margin:4px
}
.w_offer h2 {
font-size:26px
}
.txt {
font-size:20px
}
.txt span {
font-size:20px
}
.heading h2 {
font-size:19px;
padding:10px 0
}
.dont {
font-size:20px;
padding-top:20px
}
.second-bg p {
font-size:21px
}
.second-bg p span {
color:#e94560;
font-size:40px;
font-weight:700
}
.msgtop p span {
color:#dc3545;
font-size:10px;
font-weight:700
}
.txtbox {
padding:10px
}
.col-md-12 .col-md-12 {
padding-right:0!important;
padding-left:0!important
}
.tabf .tabs-list {
padding:0
}
}
@media (min-width: 992px) {
.col-md-12 {
padding:0
}
}
.dont p {
	font-size:16px
}
.dont p span {
	color:#f17404;
	font-size:16px
}
@media (min-width: 481px) and (max-width: 767px) {
.heading {
width:89%
}
.signup-back {
margin:0 0 auto
}
.tabf .tabs-list {
padding:0
}
.logo-footer img {
width:100%
}
}
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
.mob-none {
display:none
}
.reg-box {
height:auto;
padding:0px 0
}
}
/**@media (min-width: 320px){
.signup-page form .form-row {
    padding-top: 0px;
}
}**/
@media (min-width: 320px) and (max-width: 480px) {
.signup-page form .form-row .f-name {
    padding-top: 0px;
    width: 70%;
}
.heading {
width:89%
}
.signup-back {
margin:0 0 auto
}
.tabf .tabs-list {
padding:0
}
.reg-box {
height:auto;
padding:0px 0;
}
dd, label {
    margin-bottom: 0rem;
}
.logo-footer img {
width:100%
}
.top-h .pb-3 {
padding-bottom:0!important
}
}
@media (max-width: 575px) {
.signup-page form .form-row .msg {
padding-left:0;
font-size:12px;
float:left
}
.signup-page form .form-row .t-name {
width:30%
}
.form-control {
font-size:.8rem
}
.signup-page form label {
font-size:14px
}
.accbtn ul li .text {
font-size:12px
}
.accbtn ul li .num {
height:21px
}
.reg-per-detail {
margin:2% 3% 0;
width:94%
}
.signup-page form .redeem-btn span, .signup-page form .deposit-btn span {
font-size:12px
}
.showeye {
    top: 6px;
    float: right;
    padding-right: 7px;
}
.showeye-sign {
top:-3px
}
.update-pass {
padding:5%
}
.signup-page .update-pass form .form-row .f-name {
width:100%
}
.signup-page .update-pass form .form-row .t-name {
width:100%
}
.signup-page h2 {
font-size:20px
}
.signup-back {
margin:0 0 auto
}
.signup-back .col-xl-12 {
padding-right:0
}
.signup-back .col-md-12, .signup-back .col-lg-6 {
padding-right:0;
padding-left:0
}
.tabf .tabs-list {
padding:0!important
}
.logo-footer img {
width:100%
}
.top-h p {
font-size:17px
}
.join-now {
margin:0!important
}
.signup {
line-height:0
}
.top-h .pb-3 {
padding-bottom:0!important
}
}
.signup-page .col-md-5, .signup-page .col-md-7, .signup-page .col-md-6 {
	float:left;
	padding-left:0
}
.tabf {
	height:left 0pxauto;
	margin:0 auto
}
.tabf .tabs-list {
	padding:0 20px
}
.accbtn ul li:nth-child(3) {
margin-right:0
}
.tabf .tabs-list li:hover {
	cursor:pointer
}
.tabf .tabs-list li a {
	text-decoration:none;
	color:#fff
}
.tabf .tab {
	display:none;
	clear:both
}
.tabf .tab h3 {
	border-bottom:3px solid #6495ed;
	letter-spacing:1px;
	font-weight:400;
	padding:5px
}
.signup-page .active {
	display:block!important
}
.tabf .tabs-list li.active {
	background-color:#fff601!important;
	color:#5a1f58!important;
	border:1px solid #5a1f58
}
@media (min-width: 320px) and (max-width: 480px){
#userinfoform1{
   padding-top: 10px;
}
}
@media screen and (max-width:360px) {
.tabf {
margin:0;
width:100%
}

.tabf .tabs-list li {
width:80px
}
.showeye {
margin-left:-30px;
color:#000;
cursor:pointer;
font-size:20px;
position:relative;
top:-3px;
position:relative
}
.update-pass {
padding:5%
}
.signup-page .update-pass form .form-row .f-name {
width:100%
}
.signup-page .update-pass form .form-row .t-name {
width:100%
}
.signup-page h2 {
font-size:20px
}
.update-pass .showeye {
top:36px
}
.allstepinner .msg {
color:#dc3545;
font-size:10px
}
.eye-signup-pass {
margin-left:-30px;
color:#000;
cursor:pointer;
font-size:20px;
position:relative;
top:-4px;
position:relative
}
.next-2 {
padding:0 37%
}
.signup-back {
margin:0 0 auto
}
.signup-back .col-md-12, .signup-back .col-lg-6 {
padding-right:0;
padding-left:0
}
.tabf .tabs-list {
padding:0
}
.reg-box {
height:auto;
padding:15px 0
}
.logo-footer img {
width:100%
}
.top-h p {
font-size:16px
}
.join-now {
margin:0!important
}
.signup {
line-height:0
}
.top-h .pb-3 {
padding-bottom:0!important
}
}
@media (max-width: 320px) {
.signup-page form label {
font-size:13px
}
.showeye {
top:-3px
}
.update-pass {
padding:5%
}
.signup-page .update-pass form .form-row .f-name {
width:100%
}
.signup-page .update-pass form .form-row .t-name {
width:100%
}
.signup-page h2 {
font-size:20px
}
.update-pass .showeye {
top:36px
}
.msgtop p span {
color:#dc3545;
font-size:10px;
font-weight:700
}
.eye-signup-pass {
margin-left:-30px;
color:#000;
cursor:pointer;
font-size:20px;
position:relative;
top:-4px;
position:relative
}
.next-2 {
padding:0 37%
}
.signup-back {
margin:0 0 auto
}
.signup-back .col-md-12, .signup-back .col-lg-6 {
padding-right:0;
padding-left:0
}
.tabf .tabs-list {
padding:0
}
.reg-box {
height:auto;
padding:0px 0
}
.logo-footer img {
width:100%
}
.top-h p {
font-size:14px
}
.join-now {
margin:0!important
}
.signup {
line-height:0
}
.top-h .pb-3 {
padding-bottom:0!important
}
}
.signup-box {
	padding:3% 0
}
.thanku {
	width:96%!important;
	bottom:23px
}
.reg-box .top-h h2 {
	color:#5c1f58;
	margin-bottom:0
}
.reg-box {
	color:#5c1f58
}
.top-h p {
	color:#5c1f58;
	padding-bottom:0;
	margin-bottom:0
}
.reg-box .top-h {
	padding:20px 0
}
.login-signup {
	color:#5c1f58
}
.login-signup a, .form-row a {
	color:#ff015d
}
.join-now {
	display:inline-block;
	font-weight:400;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	user-select:none;
	background-color:#ff015f;
	border-color:#ff015f;
	border:2px solid #ff015f;
padding:.275rem .75rem;
	font-size:2rem;
	line-height:1.5;
transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin:0 5px;
	font-weight:bold;
	border-radius:5px
}
.sign-up-left {
	background:#000;
	margin:16px 0;
	padding:0;
	padding-right:0!important
}
.sign-up-left .thanku {
	width:100%!important;
	bottom:0
}
@media (max-width: 768px) and (min-width: 508px) {
.sign-up-left .thanku {
display:none!important
}
.showeye, .showeye-sign {
top:10px;
float:right;
right:13px
}
}
@media (max-width: 1366px) and (min-width: 768px) {
.mob-none {
display:block
}
.accbtn ul li {
padding:5px 9px
}
.accbtn ul li .text {
font-size:15px;
line-height:25px
}
.signup-page form .form-row .f-name {
padding-top:0
}
}
.signup-page form .form-row .birthday, .signup-page form .form-row .otp-tittle {
	padding-top:10px
}
.page-responsible h1 {
	color:#fff601;
	font-family:'Rubik', sans-serif;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase
}
.page-responsible h3 {
	font-size:20px;
	font-weight:700;
	color:#fff601;
	font-family:'Rubik', sans-serif;
	text-transform:lowercase;
	text-align:center
}
.signup-page h1 {
	color:#fff601;
	font-family:'Rubik', sans-serif;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase
}
.banking-page h1 {
	color:#fff601;
	font-family:'Rubik', sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase
}
.about-page h2 {
	color:#fff601;
	font-family:'Rubik', sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase
}