* {
  scrollbar-color: #888 #f4f4f4;
}
p{
letter-spacing: normal;
}
.game_labels{position: absolute; z-index: 111; width: auto; overflow: hidden; min-height: 100px;}
.game_labels .label1{float: left; background: rgba(235, 72, 2, 1); color: #fff; font-size: 12px; font-weight: 400;  padding: 0px 15px; margin: 10px 0px 0px 10px; border-radius: 8px;
    text-transform: uppercase; box-shadow: 0px 4px 4px rgba(235, 72, 2, 0.5); line-height: 22px; min-width: 55.22px;}
.game_labels .label2{float: none; background: rgba(0, 113, 212, 1); color: white; font-weight: 500;  font-size: 12px; padding: 4px 30px; transform: rotate(40deg);
  align-items: center; box-shadow: 0px 4px 4px rgba(0, 113, 212, 0.52); right: -30px; position: absolute; top: 30px;}
  .game_labels .label2 span{padding-right: 3px; }
 .main-banner .swiper-slide{overflow:Hidden;}
 
.error_kyc{text-align: center; line-height: 30px !important; font-weight: 500 !important; font-size:14px !important; color: #eb1717 !important;}
.fade.games_model.in{background: rgb(57 67 120 / 90%); backdrop-filter: blur(15px); overflow: hidden;}

.games_model .modal-dialog{display: flex; align-items: center; justify-content: center;  min-height: 100vh;}
.games_model .login-div{ top: 50%; left: 45%; transform: translate(-50%, -10%); width: 90%; padding:0px; background: transparent; box-shadow: none;}
.games_model img{border-radius: 15px;}
.games_model .login-btn{ position: relative;  margin: -91px 80px auto auto; text-transform: capitalize;}
.games_model .close{opacity: 1; position: absolute; top: -18px; right: -30px; width: 27px; display: block;}
#check_wager .close{display: block; opacity: 1; position: absolute; right: 15px; top: 10px;}
#check_wager .close img{ Width:30px;}
/*KYC start  */
.tooltip-icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            text-align: center;
            font-weight: 500;
            font-size: 11px;
            border-radius: 50%;
            background-color: rgba(152, 152, 152, 1);
            color: #fff;
            line-height: 16px;
            cursor: pointer;
            margin-left: 5px;
            position: relative;
        }

        .tooltip-text {
            background-color: #fff;
			color: rgba(141, 137, 137, 1);
			text-align: left;
			padding: 4px 8px;
			border-radius: 6px;
			position: absolute;
			top: -5px;
			left: 20px;
			font-size: 11px;
			z-index: 10;
			white-space: nowrap;
			visibility: hidden;
        }

        .tooltip-icon:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }

#Account_Verification{padding-top: 70px;}
.kyc_heading{ Color:rgba(40, 40, 40, 1); font-size:18px; font-weight:600; text-align: center;}
.kyc_text{ Color:rgba(133, 133, 133, 1) !important; font-size:16px; font-weight:400; text-align: center;}
.req_heading{ Color:rgba(40, 40, 40, 1); font-size:16px; font-weight:600; padding-bottom: 5px;}
.select_kyc{border: 1px solid rgba(207, 207, 207, 1); border-radius: 5px;  padding: 12px 8px; Color:rgba(92, 92, 92, 1); font-size:14px; font-weight:600;}
.kyc-container .col-md-6{ padding-left:0px;}
.vs_rp p{ color:rgba(250, 0, 0, 1) !important; font-size:11px; font-weight:500;}
.kyc-container .col-md-4{padding: 0px 0px 0px 13px;}
.vs_rp{padding: 16px 0px 0px 0px; text-align: center;}
.vs_rp img{width: 90%;}
.kyc_suc{background-color: rgba(237, 248, 235, 1); color: rgba(24, 172, 0, 1);  padding: 9px 15px;  border-radius: 5px; text-align: center; font-size: 14px; font-weight: 500; margin-right: 15px; margin-top: 10px;}
.kyc_p{background-color: rgba(245, 118, 32, 0.08); color: rgba(255, 132, 0, 1);  padding: 9px 15px;  border-radius: 5px; text-align: center; font-size: 14px; font-weight: 500; margin-right: 15px; margin-top: 10px;}
.kyc-container select{ height:50px;}
.kyc-container input{ height:50px; width: 100%;}
.max_bg{ background:rgba(245, 245, 245, 1); border-radius: 10px; padding:15px; float: left; width: 100%;}
.max_file{color: rgba(130, 130, 130, 1); font-size: 12px; font-weight: 400; margin-bottom: 5px;}
.max_title{color: rgba(22, 19, 19, 1); font-size: 14px; font-weight: 600;}
.max_bg .col-md-9{padding:0px 7px 0px 0px;}
.max_bg .col-md-8{padding:0px; border-right:1px solid rgba(222, 222, 222, 1);}
.close-icon {
    position: absolute;
    top: 1px;
    right: 1px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    display: none; /* Hidden by default */
	float: right;
  }
.kyc-container {
            max-width: 900px;
            margin: 20px auto;
            padding: 15px 0px 15px 15px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid rgba(235, 235, 235, 1);
            border-radius: 15px;
			display: grid;
        }
		.kyc-container .form-group{float: left; width: 100%;}
		.d_flx{display: flex; column-gap: 15px;}
		.sub_btn{ background:rgba(154, 154, 154, 1); border-radius:5px; Color:#fff; padding: 9px 50px;}
		.kyc-container .row{float: left; width: 100%; margin: 20px auto; text-align: center;}
		#imagePreviewFront {
            background: url(../images/inactivebg.png) no-repeat;
            background-size: 100% 100% !important; 
			width: 100%;
			height: 100%;
			border-radius: 10px;
			position: relative;
			background-color: #fff;
		 
        }
        #imagePreviewBack{
            background: url(../images/inactivebg2.png) no-repeat;
            background-size: 100% 100% !important; 
			width: 100%;
			height: 100%;
			border-radius: 10px;
			position: relative;
			background-color: #fff;
		 
        }
		#imagePreviewSelfie{
            background: url(../images/inactivebg3.png) no-repeat;
            background-size: 100% 100% !important; 
			width: 100%;
			height: 100%;
			border-radius: 10px;
			position: relative;
			background-color: #fff;
		 
        }
        .file-upload input {
           
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
        .upload-box {
            border: 1px dashed rgba(0, 0, 0, 1);
			text-align: center;
			padding: 0px;
			cursor: pointer;
			height: 120px;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			width: 100%;
			border-radius: 10px;
			margin-top: 6px;
			position: relative;
        }
        .submit-btn {
            width: 100%;
            margin-top: 20px;
            background-color: #007bff;
            color: white;
            font-size: 16px;
            padding: 10px;
            border-radius: 5px;
            border: none;
        }
        .submit-btn:hover {
            background-color: #0056b3;
        }
        .visual-representation {
            text-align: center;
        }
        .visual-representation img {
            width: 80px;
            margin-top: 5px;
        }
        label {
            font-weight: bold;
        }
        .form-group .row {
            margin-bottom: 15px;
        }
        .form-row {
            align-items: center;
        }
        .form-control::placeholder {
            font-weight: normal;
        }

/* KYC end */
#bank_information_update{display:none;}
	#DREAM50 .coupon-code-box{ display:none;}
	#DREAM50 .content h5{ display:block;}
	#DREAM50 .mobile_ver{ display:block;}
#DREAM50 .content h2{ display:none;}
.mobile_ver{width: 180px; color:#fff !important; text-align: left; line-height: 23px;}
.coupon-item .content h5{font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
	
	
	}
	#saved_address h3{ Color:rgba(40, 40, 40, 1); font-size:16px; font-weight:600; padding:10px 0px;}
.clearadres{ Color:rgba(117, 117, 117, 1); font-size:14px; font-weight:400; background:rgba(255, 255, 255, 1); border-radius:10px; padding: 10px 10px; margin: 0px 0px 10px;}
	.closeadres{border-radius: 8px;
    background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));
    color: #000 !important;
    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 150px;
    height: 37px;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.savedad a{color: rgba(0, 147, 147, 1) !important;  font-size: 14px;  padding: 15px 20px; text-decoration: underline; cursor: pointer;}
.savedad a::before {
	display:none;
    content: "";
    position: absolute;
    top: 47%;
    width: 1px;
    height: 33px;
    background-color: #ccc;
    transform: translateY(30%);
    right: 170px;
}
.savedad input {width: 70%; border: 0px !important; padding: 15px 10px;  border-radius: 10px;  color: #000 !important;  }
#saved_address div {cursor: pointer;}
.input-container {
            display: flex;
            align-items: center;
            border: 1px solid rgba(207, 207, 207, 1);
            border-radius: 10px;
            width: 400px;
            justify-content: space-between;
			margin-top: 15px !important;
        }
        
		
        .saved-address-popup {
            display: none; background: rgba(246, 246, 246, 1);
            padding: 0px 15px;
            border-radius: 10px;
			width: 97%;
    position: absolute;
    z-index: 11111;
			
        }
		#saved_address .close{opacity: 1; position: absolute; margin: 0px 0px 0px 0px; right: 10px; top: 2px; display: block;}
        .popup button {
            display: block;
            width: 100%;
            margin: 5px 0;
            padding: 10px;
            cursor: pointer;
        }
    .card {
      padding: 20px;
      border-radius: 12px;
      margin: 10px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
	  min-height: 145px;
    }
.righ a{background: rgba(219, 34, 52, 1);
    color: #fff !important;
    padding: 15px 11px;
    border-radius: 10px;
    font-weight: 600; float: right; margin:-12px 0px 10px;}
	.deposit_nav .submit-sec.withdraw_text {
    padding-bottom: 9px;
}
	#wid_br{ border-bottom: 1px solid; color: rgba(228, 228, 228, 1); float: left;  width: 100%; margin-bottom: 15px;}
	#wid_br .nms{ font-weight:400; font-style: normal;}
	#cry_wth{ padding: 10px 0px 0px 10px; float: left; width: 100%;}
	#cry_wth .month_tab .label2{ Width:21%; background: #fff; height: 50px; font-weight: 400; color: rgba(40, 40, 40, 1) !important; border: 1px solid rgba(207, 207, 207, 1); border-radius: 10px;}
    #cry_wth .month_tab{ width: 64.66666667%; margin: 0px auto;}
	#cry_wth .col-md-4{ padding:0px;}
	#cry_wth #crypto_withdraw_amount{border: 1px solid rgba(207, 207, 207, 1); border-radius: 10px; padding: 16px 10px; width: 100%;}
	.withdrawable {
      background-color: rgba(227, 255, 237, 1);
    }

    .pending {
      background-color: rgba(251, 232, 233, 1);
    }


    .content {
      text-align: center;
      flex: 1;
    }

    .content h2 {
      margin: 0;
      font-size: 21px;
      color: rgba(111, 147, 0, 1);
	  font-weight: 700;
    }

    .content p {
      margin: 5px 0 0;
      font-size: 12px;
      color: #fff;
	  font-weight: 600;
    }
	.content p a{
      font-size: 12px;
      color: rgba(40, 40, 40, 1);
	  font-weight: 600;
    }

    .pending .content h2 {
      color: #f44336;
    }
	.pending .content p {
      text-decoration: underline;
    }
.hide{display: none;}
#DEPOSIT-GSCCModal .modal-title{text-align: center;
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 145%;}
.promoinside .deposit-terms{color: #fff;}
#Verify_email_login #otp_login{ border: 0px !important;
    padding: 5px 0px 5px 0px !important;
    color: #282828;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;}
	.otp_parent #timer_login {
    width: 100%;
    float: right;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.otp_parent #timer_login1 {
    width: 100%;
    float: right;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#resend_email_login_otp {
    background: none;
}
#resend_email_login_otp span {
    color: #DB2234;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
#timer_login {
	position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
	}

#timer_login1 {
	position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
.support-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fbe3e4;
  color: #000;
  padding: 2px 5px 2px 15px;
  border-radius: 15px;
  font-size: 14px;
  width: max-content;
  margin: 0px auto;
}

.support-banner a {
  text-decoration: none;
  margin-left: 10px;
}
.support-banner_botm{
	height: -webkit-fill-available;
    align-items: flex-end;
	display:flex;
}

img.dream-royale-logo-11 {
  height: 120px;
}
#Verify_email_login #otp_login {
  border: 0px !important;
  padding: 5px 0px 5px 0px !important;
  color: #282828;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.otp_parent #timer_login {
  width: 100%;
  float: right;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.otp_parent #timer_login1 {
  width: 100%;
  float: right;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#resend_email_login_otp {
  background: none;
}

#resend_email_login_otp span {
  color: #DB2234;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

#timer_login {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#timer_login1 {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.support-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fbe3e4;
  color: #000;
  padding: 2px 5px 2px 15px;
  border-radius: 15px;
  font-size: 14px;
  width: max-content;
  margin: 0px auto;
}

.support-banner a {
  text-decoration: none;
  margin-left: 10px;
}

.support-banner_botm {
  height: -webkit-fill-available;
  align-items: flex-end;
  display: flex;
}
.litc{ display: none;}
#litecoin .litc{ display: block;
  border-radius: 5px;
  background: #000;
  color: #FFF !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px 3px;
  margin-bottom: 0;
  margin-right: 5px;
  
}
#depositSummaryModal  .modal-dialog{max-width: 420px;}
#depositSummaryModal .modal-content {
          
         background: url('../images/deposit_bg.jpg') no-repeat;
          border-radius: 15px;
          border: none;
          color: white;
          padding: 0px 10px;
          text-align: center;
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
          background-size: 100% 100%;
          
      }

      /* Header icon */
      #depositSummaryModal  .icon-wrapper {
          width: 80px;
          height: 80px;
          margin: 0 auto;
          
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 20px;
          position: relative;
          padding-top: 20px;
      }

      #depositSummaryModal .icon-wrapper img {
          height: auto;
      }

      /* Notification badge */
      #depositSummaryModal .badge {
          background: #f44336;
          color: white;
          font-size: 12px;
          position: absolute;
          top: -5px;
          right: -5px;
          padding: 3px 6px;
          border-radius: 50%;
      }
      #depositSummaryModal .modal-body{padding:0px 20px;}
      /* Modal title */
      #depositSummaryModal .modal-title {
        color: #FFF;
text-align: center;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 30.45px */
      }

      /* Information rows */
      #depositSummaryModal .info-row {
          display: flex;
          justify-content: space-between;
          font-size: 16px;
          margin: 10px 0;
      }

      #depositSummaryModal .info-row span {
          font-weight: bold;
      }

      #depositSummaryModal .info-value {
          color: #ffa726;
      }

      #depositSummaryModal .success-value {
          color: #00e676;
      }

      /* Footer button */
      #depositSummaryModal .btn-ok {
          background-color: #2196f3;
          color: white;
          font-size: 16px;
          font-weight: bold;
          border-radius: 10px;
          padding: 10px 30px;
          border: none;
      }

      #depositSummaryModal .btn-ok:hover {
          background-color: #1e88e5;
      }
      #depositSummaryModal .modal-footer{ text-align:center;}
      

.summary-container {
 
    padding: 10px 10px 0px 0px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    border-radius: 10px;
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(12.5px);
  }

  .summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #2e425a; /* Separator line */
    padding-bottom: 10px;
  }

  .summary-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }

  .summary-container .label {
    color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 23.2px */
  }

 .summary-container .label img {

    margin-right: 5px;
  }

  .value {
    font-size: 16px;
  }

  .value.success {
    color: #C5FD0A;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 20.3px */
  }

  .value.amount {
    color: #FFCB89;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 20.3px */
  }
  #depositSummaryModal .close{color:#fff;}
.otp_parent{border-radius: 5px; border: 1px solid #CFCFCF; padding: 10px 5px 0px 10px; margin-bottom: 10px;}
.otp_parent .input_dec{margin-bottom: 4px;}
.otp_parent .input_dec label{color: #7A7A7A !important; font-size: 12px !important;  font-style: normal;  font-weight: 400 !important; line-height: normal; text-transform: capitalize;}
.prom_p #list-promotion-no-deposit-code .deposit-code-para{color: #fff; font-size: 12px;}
.prom_p #list-promotion-no-deposit-code .coupon-code{font-size: 12px; font-weight: 700;}
.prom_p #list-promotion-no-deposit-code .col-md-6{ padding: 0px 5px;}
.prom_p #list-promotion-no-deposit-code .coupon-item .content{ width: 45%;}
.table-condensed .datepicker-switch{width: 100px !important;}
.prom_tc {
  color: #FFF;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  line-height: 150%;
  text-decoration-line: underline;
  position: absolute;
    bottom: 10px;
    right: 15px;
    cursor: pointer;
}
.prom_tc:hover{color: #fff;}
.btn-claim_pro{margin-top: 0px; cursor: pointer;
  background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));
  border: none;
  padding: 6px 20px;
  color: white;
  border-radius: 8px;
  color: #06040B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47);
  text-align: center;
  text-shadow: 0 0 BLACK;
  float: left;}
#list-promotion-no-deposit-code{float: left;
  width: 100%;
  padding: 0px 17% 170px;}
  #prompage{float: left;
    width: 100%;
    padding: 0px 10% 0px;
}
    #prompage .col-md-6 {
      padding: 0px 5px;
  }
  #prompage .deposit-code-para {
    color: #fff;
    font-size: 12px;
}
#prompage .coupon-code {
  font-size: 12px;
  font-weight: 700;
}
#prompage .coupon-item {
  margin-bottom: 10px;
}
.promoinside .promo-code-box1{flex-wrap: wrap;}
.pcde {border-radius: 5px;
  border: 1px dashed #747474;
  color: #747474;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  text-align: center;
  padding: 9px 20px;
  cursor: pointer;
  margin-bottom: 0px;
  float: left;
  background: #000;
}
/* amit changes - deposit promo css start */
.deposit-coupon-item .content {
    float: right;
    padding: 93px 0px;
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    margin-right: 40px;
}

.deposit-coupon-code-box {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    /* padding: 1px 0px 4px 6px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    position: relative;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    border: 2px dotted #fff;
    font-weight: 700;
    line-height: 140%;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
    display: flex;
    justify-content: space-between;
}

.deposit-coupon-code {
    margin: 0;
    letter-spacing: 2px;
    color: #FFF;
    /*font-size: 14px;*/
   font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    overflow: hidden;
    /* padding: 4px 5px 4px 15px; */
   padding: 4px 5px 4px 5px;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}

.deposit-code-title {
    
    color: #fff !important;
    font-family: Rubik;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    text-align: left;
    overflow-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
	overflow: hidden;
}

.deposit-code-para {
    padding: 5px 0px;
    text-align: left;
    margin-bottom: 0;
    color: #fff;
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    display: contents;
    display: none;
}
.deposit-copy-btn {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 14px;
    margin-left: -8px;
}
.deposit-copy-btn:hover {
  color: #0c6dc6;
}
.deposit-terms {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: white;
    text-decoration: underline;
    font-size: 12px;
}
#active_bonus .apply_code{margin-bottom: 0px;}
/* my bonuses start */
#active_bonus .active{color: #fff; background: #4E4E4E !important;}
   #active_bonus .deactive {
    background: #000 !important;
    color: #747474;
    box-shadow: none;
    float: left;
}

    #active_bonus .promo-code-box1{display: block; background-size: 100% 100% !important; padding: 45px 0px;}
    #active_bonus .deposit-code-title{background: #ffd70000;
    color: #fff !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    text-align: left;
    overflow-wrap: break-word;}
    #active_bonus .page_id11 p{text-align: left;
    margin-bottom: 0;
    padding: 5px 0px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;}
    #active_bonus .code-para span {
    color: #DB2234;
}
.promoinside .coupon-item .content{ margin-right: 10px; padding: 33px 0px;}
.promoinside .deposit-code-title{ font-size: 15px;}
.promoinside .coupon-item1 .content{ margin-right: 10px; padding: 33px 0px;}
.promoinside .deposit-coupon-code{ font-size: 10px;}
.apply_code a{ text-shadow: none !important; color: #000;}
#active_bonus .deposit-terms{
    color: #FFF;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    right: 15px;
    cursor: pointer;
    line-height: 150%;
    text-decoration-line: underline;
  }
    #active_bonus .deposit-coupon-code-box{background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 0px 5px 0px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0;
    position: relative;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    border: 2px dotted #fff;
    font-weight: 700;
    line-height: 140%;
    margin: 10px 0;

}
    /*#active_bonus .copyPromoCode{background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 20px;
    margin-left: 20px;}
    #active_bonus .copy-btn {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 14px;
    margin-left: 0px;
    
}*/
.foc{border-color: #FFD700 !important;}
.promoinside .deactive{box-shadow: none;
  border-radius: 5px;
  border: 0px dashed #fff;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
  text-shadow: none;
  float: left;
  margin-bottom: 0px;}
#active_bonus .apply_code{margin-top: 0px; background:var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%)); padding: 10px 6px; font-size: 16px;
  float: left;
  padding: 8px 20px;
}
.apply_code img{ width: auto !important;}
.otp_dv{padding: 15px 20px;
  display: flex;
  float: left;
    width: 100%;
  flex-direction: column;
  background: #fff;
 
  border-radius: 0;
  text-align: center;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.otp_dv b{color: #2B2B32;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  padding-top: 20px;}
  .otp_dv .prev-agreement_otp{color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 360px;
    margin-inline: auto;
    line-height: 145%; /* 20.3px */}
    #verify_email_otp{background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%)); padding: 16px 32px; color: #000;
      border-radius: 5px;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 25.2px */}
#resend_email_signup_otp{background: none;}
      #resend_email_signup_otp span{
        color: #DB2234;
  
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;}
        .otp-verify-message{text-align: center;
          float: left;
          width: 100%;
          padding-top: 10px;
        
          color: #FF1212;
          
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 145%; /* 17.4px */}
          .otp_dv #error_login1{ margin-bottom: 5px;}
          .otp_parent .input_dec{ width: 85%;}
          .otp_parent #timer{ width: 100%; float: right; color: #000;
            text-align: center;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;}
          .otp_parent #otp{border: 0px !important; padding: 5px 0px 5px 0px !important; color: #282828; font-size: 14px;  font-style: normal; font-weight: 600;  line-height: normal; text-transform: capitalize;}
          .timer-container {
            position: relative;
            width: 46px;
            height: 40px;
            float: right;
          }
          
          #timer{
            position: absolute;
            top: 59%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 24px;
            color: black;
          }
          #timer1 {
            position: absolute;
            top: 59%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 12px;
            color: black;
          }
          
          .progress-ring__circle {
            transition: 0.5s stroke-dashoffset;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
          }
          .progress-ring__circle1 {
            transition: 0.5s stroke-dashoffset;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
          }
          
          .otp_parent label{margin-bottom: 0;}

#active_bonus .page_id11{padding-bottom:30px !important;}
/* my bonuses end */
#DEPOSIT-GSCCModal p{color: var(--Black-heading, #2B2B32);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
    text-align: left;
  line-height: 145%;}
/* amit changes - deposit promo css end */


/* radeem css start*/
#GSCCModal p{color: var(--Black-heading, #2B2B32);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
    text-align: left;
  line-height: 145%;}
.rebem-head{ font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;}
#playpop .content{ display: block !important;}
.coupon-code-box {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 4px 5px 4px 5px;
  white-space: nowrap;

  text-overflow: ellipsis;
  max-width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  position: relative;
  color: #FFF;
font-size: 14px;
font-style: normal;
border: 2px dotted #fff;
font-weight: 700;
line-height: 140%; /* 30.8px */

}
.coupon-code {
  margin: 0;
  letter-spacing: 2px;
  color: #FFF;

font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 30.8px */
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  

}
.copy-btn {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 14px;
  margin-left: 10px;
}
.copy-btn:hover {
  color: #0c6dc6;
}
.copy-message {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #0c6dc6;
  color: white;
  padding: 1px 10px;
  border-radius: 5px;
  display: none;
  font-size: 14px;
}


#playpop .modal-content{ background: none;}
#confirmClaimBonus .modal-content{ background: none; box-shadow: 0px 0px 0px 0px; border: 0px;}
#confirmClaimBonus .content p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 130%;
}

#confirmClaimBonus .modal-header {
  min-height: 0;
  padding: 0;
}
#confirmClaimBonus .modal-body{padding: 0px;}
#confirmClaimBonus .content{ display: block !important;}
#confirmClaimBonus .coupon-item .content {
  width: 50%;
  padding: 89px 0px;
}
#confirmClaimBonus .coupon-item{ border-radius: 30px;}
#confirmClaimBonus .modal-dialog {
  max-width: 600px;
}

/* cancel bonus confirmation modal - amit changes */
#confirmCancelBonus .modal-content{ background: none; box-shadow: 0px 0px 0px 0px; border: 0px;}
#confirmCancelBonus .content p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 130%;
}

#confirmCancelBonus .modal-header {
  min-height: 0;
  padding: 0;
}
#confirmCancelBonus .modal-body{padding: 0px;}
#confirmCancelBonus .content{ display: block !important;}
#confirmCancelBonus .coupon-item .content {
  width: 50%;
  padding: 50px 0px;
}
#confirmCancelBonus .coupon-item{ border-radius: 30px;}

/* cancel bonus confirmation modal - amit changes */
.dec12{cursor: default !important;
  pointer-events: none !important;
  opacity: 0.6 !important;}
.dec122{ cursor: default !important;
  pointer-events: none !important;
  opacity: 0.6 !important;}
.cancel{color: #fff !important; background: red !important;}
.content .deactive{background: #000;
  
  color: #747474;
  box-shadow: none;}
  .dec12 .copyDepositPromoCode{pointer-events: none;}
  .cc{opacity: 0.5; background: #0C6DC6 !important;}
.bg12 {opacity: 1 !important;}
  .content .active{background: #4E4E4E !important;
    
    color: #fff;
    box-shadow: none;}
    
#playpop .modal-header {
  min-height: 0;
  padding: 0;
}
#playpop .coupon-item .content h3{color: #FFF;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
  line-height: 110%; /* 44px */}
  #playpop .coupon-item .content h2{color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 44px */}

#playpop .coupon-item .content{width: 50%;  padding: 44px 0px;}
#playpop .modal-header .close{color:#fff; z-index: 111;}
#playpop .modal-body{ padding: 0px;}
#playpop .coupon-item{ margin:0px; border-radius: 27px;}
.coupon-item .terms{color: #FFF;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  line-height: 150%; /* 27px */
  text-decoration-line: underline;}
.redeem-section h2{
  font-size: 30px;
  font-weight: 600;
  line-height: 39px;
  text-align: center;
  margin-bottom: 10px;
  }
  .btn-clc{border-radius: 8px; background: #363636; color: #C9C9C9;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; 
    padding: 8px 20px;
    margin-right: 5px;/* 28px */}
  #playpop .content p{color: #FFF;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 130%; /* 23.4px */}
.redeem-section .form-control{ width: 23%; display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.9px;
  text-align: left;
  border-radius: 10px;
border: 1px solid #CFCFCF;
padding: 18px 20px !important;
background: #FFF;
text-transform: uppercase;
  }
  #Redeems .col-md-6{ padding: 0px 5px;}
  #active_bonus .col-md-6{ padding: 0px 5px; margin-bottom: 10px;}
  .redeem-section .btn-success{background-color: #19B100 !important;  border-color: #19B100 !important; padding: 10px 10px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    border-radius: 8px !important;
    line-height: normal;}
.coupon-item {
  
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
  background-size: 100% 100% !important;
  background-position: 0px 0px !important;
min-height: 173px;
}

.coupon-item1 {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
  background-size: 100% 100% !important;
  background-position: 0px 0px !important;
}
.promoinside .deposit-coupon-code-box{margin: 5px 0;}
#list-promotion-no-deposit-code .coupon-item{margin-bottom: 10px;}
.coupon-item1{margin-bottom: 10px;}
.coupon-item img {
  width: 100%;
  height: auto;
}

.coupon-item1 img {
  width: 100%;
  height: auto;
}

.coupon-item .content {
  
  float: right;
  padding: 45px 0px;
  color: white;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  margin-right: 25px;
  min-width: 160px;
  text-align:left;
}

.coupon-item1 .content {
  float: right;
  padding: 45px 0px;
  color: white;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  margin-right: 25px;
  min-width: 160px;
  text-align: left;
}

.coupon-item .content h3 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 55px */
  
}

.coupon-item1 .content h3 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 55px */
}

.coupon-item .content h2 {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 55px */
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.coupon-item1 .content h2 {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 55px */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.inside_box .coupon-item{ background-size:100% 100% !important; min-height: auto;}
.inside_box .coupon-item1{ background-size:100% 100% !important;}
.btn-claim {
  margin-top: 0px;
  background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));
  border: none;
  padding: 6px 20px;
  color: white;
  border-radius: 8px;
  color: #06040B;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 28px */
box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47);


}
.btn-claim:hover {
  background-color: #ff8c00;
}
.terms {
  position: absolute;
  bottom: 10px;
  right: 15px;
  color: white;
  text-decoration: underline;
}
.redeem-section {
  text-align: center;
  margin: 20px 0;
}
/* radeem css end */

.btbg{margin-left:10px; background:rgba(247, 147, 26, 0.09); border-radius: 10px; float: left;
  width: 100%;   
  margin-top: 20px;
  margin-bottom:10px;    
  font-size: 12px;
font-weight: 600;
line-height: 16.2px;
text-align: left;
padding: 11px 0px;               
}
.etb{background:#F6F5F5 !important;}
.usdb{background:#E5F4F4 !important;}
.btbg .col-md-8{text-align:right; }
.dicbg{ margin-left:10px; background: rgba(255, 248, 232, 1); padding: 15px 8px; border-radius: 10px; float: left;
  width: 100%; margin-bottom: 20px; }
  .dic_title{color: #11151F;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 14px */}
.dicbg p{color: #000;
font-size: 12px;
padding-left: 20px;
font-style: normal;
font-weight: 400;
line-height: 17px;
margin-bottom: 0px;
padding-top: 5px;}
.dicbg svg{float: left;
margin-right: 5px;}

.affsec .col-md-7{order: 1;}
  .affsec .col-md-4{order: 2;}
.mob-coupen{ display: none;}
.desk-coupen{ display: block;}
.play_game11{position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 111;
display: flex;
opacity: 0;
display: -webkit-box;
display: block;
border-radius: 15px;

-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.game-box .play_game11:hover{opacity: 1; cursor: pointer; display: flex; background: linear-gradient(180deg, rgb(0 0 0 / 61%) 30%, rgb(0 0 0 / 44%) 50%); transition: 0.3s all;}



  .play_game11 .newbutton{background: #DB2234;
    width: 51px;
    height: 51px;
    transition: 0.3s all;
    cursor: pointer;
    border: 1px solid #fff;
    margin-bottom: 20px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    position: unset;
    flex-wrap: wrap;
    text-align: center;
  }
  .play_game11 .perplay{color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    position: unset;
    text-align: center;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: underline;
  }
  .play_game11 .st_featured_thumb .login-overlay{ position: unset; margin-inline: unset;}
  


.jackpot img.image-2302-icon {
  mix-blend-mode: lighten;
}
.jackpot-section-necolumn {
  padding-top: 100px;
  padding-left: 0px;
}
.total-jackpot-amount-parent .top-games {
  max-width: unset !important;
}
.amoun_pad{padding: 0px 6px 0px 9px;}
.amoun_pad2{padding: 0px 0px 0px 6px;}
.bacode_title-columun{ padding: 24px 15px 0px 7px !important;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{padding-right: 70px !important;}
#cryptopool .submit-sec.withdraw_text.ismai {
  padding-bottom: 10px;
}
#enable_two_factor .rebem-me1 {
  text-align: left;
  white-space: nowrap;
  padding-top: 7px;
  line-height: 10px;
  font-size: 14px;
}
#cryptopool_back_payment_form{ background: none;}
.rebem-me a {
  font-size: 14px;
}
/*footer css cms start*/
#signup label.error {
  position: absolute !important;
}
/*table {
  table-layout: fixed;
}*/

#eth_alphapopay, #btc_alphapopay, #usdte_alphapopay, #cryptopool{padding-top: 0px;}
.top-winner.top-winner-casino {
margin-top: 0px !important;
}
.col-md-3.col-sm-12.col-xs-12.p000.banner-destop-sign-up img {
width: 99.4%;
border-radius: 16px;
}
#topwin-slider-casino-game .rectangle-parent15 {
width: 100%;
flex-direction: row;
align-items: center;
gap: 9px;
display: flex;
}
#topwin-slider-casino-game .item {
float: left;
width: 100%;
padding: 0px;
}
.team_schedule_page{ padding-top: 20px;}
#FAQ h1{ font-size: 38px !important;}
ul.anti-money-ul li {
float: left;
padding-bottom: 10px;
}
.footer-links-add-new ul li:nth-last-child(1) {
border-right: none;
}
.no_games_available{float: left;
  width: 100%;
  text-align: center;
  font-weight: 700;
}
.download-area-bottom #SPNL-1179732{ display: none !important;}
.download-area-bottom .SPNL-1179732{ display: none !important;}

.download-area-bottom #SPNL-1179769{ display: none !important;}
.download-area-bottom .SPNL-1179769{ display: none !important;}

.download-area-bottom #SPNL-1179862{ display: none !important;}
.download-area-bottom .SPNL-1179862{ display: none !important;}


.footer-links-add-new{ padding-left: 30px;}
.footer-links-add-new ul li a i{ color: #DB2234; padding-right: 5px;}
.footer-links-add-new ul li a {
  color: #232329;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  line-height: 35px;
}
#verity-bank-otp_btn{background: linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%) !important;  padding: 6px 20px;}
.footer-img {
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
}
.footer-img embed { float: left;}
.footer-links-add-new ul li a:hover {
color: #1965bc;
}
.footer-links-add-new ul li {
float: left;
padding: 0px 6px;
float: left;
width: 50%;
}
.footer-links-add-new ul {
float: left;
width: 100%;

line-height: 25px;
}
#support {
margin: 0 auto;
}
/*xyz*/
div#signup {
padding-right: 0px !important;
}
p.faq-content {
font-family: "Rubik", sans-serif;
font-size: 18px;
font-weight: 400;
color: #343437;
margin-left: 13px;
}
.panel-heading {
display: flex;
}
h4.panel-title {
font-family: "Rubik", sans-serif;
font-size: 24px;
font-weight: 500;
color: #2b2b32;
display: flex;
align-items: center;
padding-left: 16px;
}

.top-winner.top-winner-casino h1 {
font-size: 30px !important;
}
.top-winner-casino .col-md-8.col-sm-8.col-8.col-xs-6 {
width: 100%;
}


/*recently-play-game start*/
.grid-container.recently-play-game {
padding-top: 30px;
}
/*recently-play-game End*/
.about-us-all {
background-image: url(../images/abbg.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom left;
}
.group {
vertical-align: middle;
}
.vip-program h1.text-center{ font-size: 38px !important;}
#promotions-page .text_2 h3{ font-size: 38px !important;}
.main-banner .swiper-container {
border-radius: 16px;
}
.jackpot {
background-repeat: no-repeat;
}
.logo-main1 img {
padding: 10px 0px;
}
.login-reg-section a,
.userdtls_hdr22 {
margin-left: 15px;
}
.header_username {
font-size: 17px;
font-weight: 500 !important;
}
.container {
width: 100% !important;
margin: 0px 0px;
padding: 0px 60px;
}
.dep_btn a{border-radius: 8px;
  background: #1965BC;
  line-height: 50px;
  padding: 11px 12px;
  color: #F5EEE8;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;}
.container .container {
width: 100% !important;
margin: 0px 0px;
padding: 0px !important;
}
#txw{color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  display: block;
  margin:5px 0px 5px;
  line-height: 145%; /* 37.7px */}
  #deposit_error_modal .login-btn1 a{border-radius: 8px;
    background: #1965BC;
    line-height:50px;
    padding: 11px 12px;
    color: #F5EEE8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    }
    #paymentmode .login-btn11 a{border-radius: 8px;
      background: #1965BC;
      line-height:50px;
      padding: 11px 12px;
      color: #F5EEE8;
      font-size: 16px;
      font-style: normal;
      cursor: pointer;
      font-weight: 500;
      }
      #paymentmode_promo .login-btn12 a{border-radius: 8px;
        background: #1965BC;
        line-height:50px;
        padding: 11px 12px;
        color: #F5EEE8;
        font-size: 16px;
        font-style: normal;
        cursor: pointer;
        font-weight: 500;
        }
.customNavigation i {
text-align: center;
font-size: 28px;
font-family: "FontAwesome";
font-style: normal;
color: #000;
}
button.silder-button {
width: 40px;
height: 40px;
border-radius: 10px;
font-size: 22px;
background: #fff;
}
.customNavigation {
.prev {
  left: -33px !important;
}
}
.customNavigation {
.next {
  right: -33px !important;
}
}
button.silder-button:hover {
background: #db2234;
color: #fff;
}
.we.pur-silde i {
text-align: center;
font-size: 22px;
font-family: "FontAwesome";
font-style: normal;
}
.banking-new {
  float: left;
  width: 100%;
}
.withdrawal-method {
  float: left;
  width: 100%;
  padding-top: 100px;
}

.lable-row-banking h3 {
  color: #0C6DC6;
  text-align: center;
  font-family: Rubik;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 0px;
}

.banking-new h2 {
  color: #282828;
  text-align: center;
  font-family: Rubik;
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.lable-row-banking {
  display: flex;
  justify-content: space-around;
  border-radius: 15px;
  border: 1px solid #E1E1E1;
  background: #FFF;
  height: 70px;
  align-items: center;
}

.banking-new h3 {
  color: #282828;
  text-align: center;
  font-family: Rubik;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 40px;
}

.banking-new p {
  color: #282828;
  text-align: center;
  font-family: Rubik;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 20px;
  padding-bottom: 50px;
}
.inner_bannerv1 .notes{padding-left: 0px;}
.baning-table_uni {
  float: left;
  width: 100%;
border: 1px solid #E1E1E1;
  background: #FFF;
padding: 18px 0px;
      border-radius: 15px !important;
display: grid;
  grid-template-columns: 25% 25% 25% 25%; 
}
.baning-table_uni li{    color: #0C6DC6;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 0px;}
.baning-table_uni_inner{float: left;
  width: 100%;
border: 1px solid #E1E1E1;
  background: #FFF;
padding: 13px 0px;
margin: 10px 0px 0px 0px;
      border-radius: 15px !important;
display: grid;
  grid-template-columns: 25% 25% 25% 25%; }
.baning-table_uni_inner li{        color: #282828;
  text-align: center;

  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;}
/*purvita Css END*/
.text_22{float: left;
  width: 99%;
  background: #E3F1FF;
  padding: 14px 20px;
  border-radius: 5px;
  margin: 10px 7px;}
  .text_22 .st_date1 {color: #282828;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 18.9px */}
    .text_22 .value-amt{float: right;
      color: #0C6DC6;
      text-align: right;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 135%;}
.swiper-container {
z-index: unset !important;
}
.frame-parent16 {
text-align: left;
}
#tournaments-slider .image-1710-icon {
width: 230.11px !important;
}
#tournaments-slider .swiper-slide {
display: block;
}
#tournaments-slider .user-user {
width: 24px !important;
}
html {
visibility: hidden;
}

.content-heading {
color: #000;
}

.panel-content {
display: none;
}
.panel.open .panel-content {
display: block;
}
.toggle-btn {
border: none;
font-size: 1.5em;
cursor: pointer;
outline: none;
vertical-align: middle;
text-align: center;
position: absolute;
width: 28px;
height: 28px;
border-radius: 50px;
background: #ffd700;
display: flex;
justify-content: center;
align-items: center;
left: 0;
font-size: 24px;
font-weight: 500;
transition: 0.3s all;
}
.main-banner .swiper-slide {
background: transparent;
}
#DEPOSIT-GSCCModal .modal-content{background: #fff;}
.header_error_msg {
font-size: 12px;
}
/* footer cms css End*/

/*bonus style start*/
button.copy-crypto-address-wallent {
border-radius: 5px;
background: #fff;
color: #db2234;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
float: right;
width: 82px;
height: 22.32px;
}
.crypto-type-lable-wallet p {
font-size: 12px !important;
}
.timeline {
  position: relative;
  margin: 0px 0;
  
  border-left: 0px solid #ccc;
  max-height: 290px;
    overflow: auto;
    padding: 10px 20px;
    min-height: 50px;
}
/* Custom scrollbar styling for webkit-based browsers (Chrome, Safari, etc.) */
.timeline::-webkit-scrollbar {
  width: 5px; /* Width of the scrollbar */
}

.timeline::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the track (background of the scrollbar) */
  border-radius: 5px; /* Optional: round the scrollbar track */
}

.timeline::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the thumb (scrollbar handle) */
  border-radius: 5px; /* Optional: round the scrollbar handle */
  border: 2px solid #f1f1f1; /* Optional: add a border around the thumb */
}

.timeline::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Change color on hover */
}

/* For Firefox (using scrollbar-width and scrollbar-color properties) */
.timeline {
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #e9e9e9 #f1f1f1; /* Thumb and track colors */
}


.timeline p{color: var(--Black-heading, #2B2B32);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 17.4px */}

.timeline .event {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
}

.timeline .event:before {
  content: '';
  position: absolute;
  left: -9px;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #4CAF50;
  border-radius: 50%;
  border: 0px solid white;
  box-shadow: 0 0 0 2px #4CAF50;
}

.timeline .event .checkmark {
  position: absolute;
  left: -10px;
  top: 0px;
  font-size: 14px;
  color: white;
  font-weight: bold;
}
#GSCCModal .modal-content{background: #fff;}
#GSCCModal .modal-header .modal-title{text-align: center; color: #000;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 145%; }

#GSCCModal1 .modal-content{background: #fff;}
#GSCCModal1 .modal-header .modal-title{text-align: center; color: #000;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 145%;}
.st_overview_nav ul .active .cash-img2{ display: block;}
.st_overview_nav ul .active .cash-img{ display: none;}
.st_overview_nav ul .cash-img2{ display: none;}
.terms_btn:hover{color:#fff;}
.terms_btn{position: absolute;
    margin: -10px 0px 0px 0px;
cursor: pointer;
    bottom: 5px;
    right: 40px;
    color: #fff;
}
.page_id11{/*padding-top: 30px; */float: left; /*padding-bottom: 50px;*/}
.page_id11 h1{color: #101010; font-size: 30px;font-style: normal;
font-weight: 600;
line-height: 130%;}
.page_id11 p{overflow: hidden;
color: #101010;
padding: 5px 0px;
text-align: center;
text-overflow: ellipsis;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; }

.col-lg-12.col-md-12.col-sm-12.col-xs-12.crypto-currency-bank-info-column {
display: flex;
text-align: center;
justify-content: center;
}
button#crypto-currency-bank-info-button {
align-items: center;
vertical-align: middle;
display: flex;
justify-content: center;
clear: both;
float: left;
text-align: center;
margin-top: 10px;
background: #0c6dc6;
color: #fff !important;
font-size: 14px;
font-weight: 600;
padding: 10px 53px;
}
button.copy-crypto-address-key {
border-radius: 5px;
background: #f5f5f5;
width: 121.364px;
height: 26px;
color: #282828;
text-align: center;

font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
.crypto-type-bank-address-first-col p {
padding: 0px;
margin: 0px;
color: #282828;

font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.crypto-type-bank-address-first-col h2 {
color: #7a7a7a;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.crypto-type-bank-address {
display: flex;
justify-content: space-between;
border-radius: 5px;
border: 1px solid #cfcfcf;
padding: 9px;
vertical-align: middle;
align-items: center;
}
.react-game-new .single-download-box{ margin-bottom: 15px; width: 19%;}

.crypto-type-lable-wallet {
display: flex;
justify-content: space-between;
border-radius: 5px;
padding: 9px;
vertical-align: middle;
align-items: center;
background: #f5f5f5;
}
.crypto-type-bank {
display: flex;
justify-content: space-between;
border-radius: 5px;
border: 1px solid #f5f5f5;
background: #f5f5f5;
padding: 16px;
}
.login-reg-section #signbtn:hover{box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47);}
.login-reg-section #loginbutton:hover{box-shadow: 0px 4px 10px 0px rgba(90, 171, 253, 1); background: rgba(16, 103, 191, 1);
 color: #fff !important;  border: 0px solid #fff;} 
 .hero-btns__Container .header_signup_btn:hover{box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47) !important;}
 
 .hero-btns__Container .wa1:hover{box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47) !important;}
 .hero-btns__Container #loginbutton:hover{box-shadow: 0px 4px 10px 0px rgba(90, 171, 253, 1); background: rgba(16, 103, 191, 1);
    color: #fff !important;  border: 0px solid #fff;} 
    #banktransfer_btn:hover{box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47) !important;}
    .topcl{ padding-top: 10px;}
h2.crypto-type-fisrt-lable {
color: #7a7a7a;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
h2.crypto-type-lable {
color: #0c6dc6;

font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}

.innner_banner_bank_account.crypto-currency-wallet {
padding: 20px 0px 0px 0px;
border-top: 1px solid #ebebeb;
margin-top: 20px;
}
.innner_banner_bank_account.crypto-currency-bank-info {
padding: 20px 0px 0px 0px;
border-top: 1px solid #ebebeb;
margin-top: 20px;
}
table.table.table-striped.bank-account-my-profile-table
thead
> tr
> th:first-child {
border-radius: 5px 0px 0px 0px;
}
table.table.table-striped.bank-account-my-profile-table
thead
> tr
> th:last-child {
border-radius: 0px 5px 0px 0px;
}
table.table.bank-account-my-profile-table > tbody > tr > td:first-child {
border-radius: 0px 0px 0px 5px !important;
}
.bank-account-my-profile-table > tbody > tr:nth-of-type(odd) {
background-color: #f5f5f5;
}
td.edit-button-bank-account {
margin: -10px 20px 0px 0px;
float: right;
}

table.table.table-striped.bank-account-my-profile-table {
margin: 0px;
}
table.table.table-striped.bank-account-my-profile-table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 0px 0px 10px 10px;
border: 0px;
background: #f5f5f5 !important;
}

table.table.table-striped.bank-account-my-profile-table thead > tr > th {
border: 0px;
color: #282828 !important;
font-family: Rubik;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 135%;
text-align: left;
padding: 10px 0px 0px 10px;
background: #f5f5f5 !important;
}
.submit-sec button {
background: #0c6dc6;
color: #fff !important;
font-size: 14px;
font-weight: 600;
padding: 10px 53px;
}

.switch {
position: relative;
display: inline-block;
width: 70px;
height: 34px;
margin: 10px 10px 10px 0px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 10px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}

input:checked + .slider {
background-color: #2196f3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}
.authentication-input {
display: flex;
vertical-align: middle;
align-items: center;
border: 1px solid #cfcfcf;
justify-content: space-between;
}
.popup-bank-info .login-head {
font-size: 23px;
}
#History .tab-bonus {
margin-top: -39px;
}
.st_overview_contant span {
color: #282828;
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.container-fluid.myacc_bar {
display: none;
}
#timeout_checkbox-error {
text-align: center;
position: absolute !important;
}
#detactivate_checkbox-error {
text-align: center;
position: absolute !important;
}
label.error {
position: initial !important;
}

.deposit_nav .st_overview_nav {
height: auto !important;
padding-top: 10px;
}
.deposit_nav .st_overview_nav li a span {
word-break: break-word;
white-space: initial;
line-height: 1.1;
}
.re{float: right;
border-radius: 8px;
border: 1px solid #9F9F9F;
padding: 7px 7px;
background: var(--White, #FFF);}
.st_overview_nav .active .re{ border-color: #000;  background: #fff; padding: 4px 4px;}
.st_overview_nav .active .re i{width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 13px;
  float: left;}

.newsletter_dec label {
color: #fb0000;
display: block;
font-weight: 400;
margin-bottom: -8px;
position: absolute;
bottom: -11px;
font-size: 12px;
}
.newsletter_dec input[type="text"]:disabled {
background-color: #fff;
}

.newsletter_dec .email-error {
margin: 0px 0 0px !important;
font-size: 11px;
}

.validation-doc h2 {
color: #000;
font-family: Rubik;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.list_meta li em{ padding-right: 0px !important;}
.list_meta li{ padding-right: 0px !important;}
.validation-doc p {
color: #807b61;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding-top: 10px;
}
ul.validation-list li {
color: #807b61;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
list-style: disc;
padding-bottom: 9px;
margin-left: 29px;
}
.validation-doc {
padding-bottom: 25px;
}
.credit-card,
.proof-of-address,
.proof-of-id {
padding: 24px 24px 32px 24px;
border-radius: 16px;
border: 1px solid var(--stoke-2, #f5eee8);
background: #f8f8f8;
height: 530px;
}

.validation-three-card h2 {
color: var(--Black-heading, #2b2b32);
font-family: Rubik;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.validation-three-card p {
color: var(--Pragraph-2, #55555e);
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding-top: 6px;
}

button.bank-info-design {
border-radius: 6px;
background: linear-gradient(180deg, #ffd700 0%, #ffd700 100%);
box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.3) inset;
color: #2e3a59 !important;
padding: 14px 30px;
}
button.bank-info-design a {
color: #000;
font-size: 17px;
font-weight: 500 !important;
}

.col-md-4.changes-password h2 {
padding-bottom: 20px;
}
.col-md-4.email-verification h2 {
padding-bottom: 20px;
}
.personal-details label,
.email-verification label,
.changes-password label {
margin-bottom: 0px;
}
.personal-details input[type="text"],
.email-verification input[type="email"],
.changes-password input[type="password"] {
display: flex;
width: 75%;
height: 56px;
min-height: 48px;
padding: 14px 16px;
justify-content: center;
align-items: center;
gap: 8px;
margin-bottom: 20px;
border-radius: 8px;
border: 1px solid var(--stoke-2, #f5eee8);
background: #ece5df;
}

.personal-details label:nth-child(2) {
padding-top: 15px;
}

#MyTransaction .text-history-startdateenddate {
margin-right: 20px;
}
#MyPayment button.text-history-showbutton {
margin-left: 20px;
}
.help-section{ display: none;}
button.text-history-showbutton {
display: inline;
width: 194.75px;

padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 8px;
border: 1px solid var(--button, #ffd700);
background: #fdd602;
margin-top: 25px;
}
.d-flex-history {
display: flex;
align-items: center;
}
.text-history-startdateenddate {
width: 15%;
}
.text-history-startdateenddate label {
color: var(--Pragraph-2, #55555e);
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 10px;
padding-bottom: 0px;
}
input#start_date {
width: 100%;
height: 40px;
}
input#end_date {
width: 100%;
height: 40px;
}
.select-history-roll {
width: 16%;
margin-right: 20px;
}
.text-history-startdateenddate:nth-child(2) {
width: 15%;
margin-right: 20px;
}
.text-history-startdateenddate:nth-child(3) {
margin-right: 20px;
}
.select-history-roll select {
color: var(--Pragraph, #879688);
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-top: 10px;
}
.text-history-startdateenddate input[type="date"] {
padding: 8px 12px;
}
.d-flex-history lable {
color: var(--Pragraph-2, #55555e);
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.main-bonuse-container .tab-bonus-main .st_date1 {
font-size: 24px;
}
.main-bonuse-container .tab-bonus-main {
background: transparent;
}

.comppoints-input {
padding-top: 15px;
}
button.redeem {
margin-bottom: 50px;
display: flex;
padding: 17px 74px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 8px;
color: var(--Black-heading, #2b2b32);
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
background: #f8f8f8;
margin-top: 20px;
}
input#amount {
display: flex;
width: 25%;
height: 49px;
padding: 8px 16px;
align-items: center;
gap: 8px;
}

.main-bonuse-container .container {
padding: 0px 40px !important;
}
div#available-bonus {
float: left;
width: 100%;
}
.bonus-status-title h2 {
color: #000;
font-family: Rubik;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.bonus-status-selectore select {
color: #000;
width: 15%;
margin-top: 20px;
}
.nodatahistory {
border-radius: 16px;
border: 1px solid var(--stoke-2, #f5eee8);
background: #f8f8f8;
margin-top: 30px;
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
margin-bottom: 30px;
}
.tab-bonus-main {
display: flex;
height: 55px;

align-items: center;
border-radius: 15px;
background: #fff;
backdrop-filter: blur(18.149999618530273px);
}
button.tablinksbonusmain.col-md-3 {
display: flex;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
height: 45px;
color: #2e3a59;
font-family: Rubik;
font-weight: 400;
line-height: 150%;
font-family: Rubik;
font-size: 16px;
font-style: normal;
}
button.tablinksbonusmain.col-md-3.active {
display: flex;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin: 0px 3px;
border-radius: 10.445px;
background: #0c6dc6;
color: #fff;
}

button.tablinkshistory.active {
background: #000000;
color: #fff;
border-color: #000;
font-weight: 600;
}
button.tablinkshistory {
display: flex;
height: 45px;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
gap: 8px;

color: #090417;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 0px 5px;
line-height: 150%;
border-radius: 10.445px;
border: 1px solid #ebebeb;
background: #fff;
}
div#History {
border-radius: 15px;
border: 1px solid #ebebeb;
background: #fff;
backdrop-filter: blur(18.149999618530273px);
padding: 15px;
float: left;
width:  100%;
}
#MyProfile .tab-bonus {
max-width: 100%;
}
button.tablinksmyprofile.active {
background: #ffd700;
border: 1px solid var(--button, #ffd700);
}
button.tablinksmyprofile {
padding: 11px 0px;
background: transparent;
border-radius: var(--2, 8px);
color: #2e3a59;
leading-trim: both;
text-edge: cap;
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
div#Cashier {
border-radius: 15px;
border: 1px solid #ebebeb;
background: #fff;
backdrop-filter: blur(18.149999618530273px);
}
button.tablinkscashier.active {
background: #000000;
color: #fff;
border-color: #000;
font-weight: 600;
}
button.tablinkscashier {
display: flex;
height: 45px;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 10.445px;
border: 1px solid #ebebeb;
background: #fff;
color: #090417;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 0px 5px;
line-height: 150%;
}
.rebem-me1{ display: flex;}
a.tablinkscashier {
  display: flex;
  height: 45px;
  padding: var(--3, 12px) 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10.445px;
  border: 1px solid #ebebeb;
  background: #fff;
  color: #090417;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 0px 5px;
  line-height: 27px;
  padding: 8px 12px !important;
  }
  .tab-bonus .active{background: #000000; color: #fff;  border-color: #000;  font-weight: 600;}

button.tablinksbonus.active {
background: #000000;
color: #fff;
border-color: #000;
font-weight: 600;
}
.tab-bonus {
display: flex;
margin-top: -27px;
}
button.tablinksbonus {
display: flex;
width: 138px;
height: 45px;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 10.445px;
border: 1px solid #ebebeb;
background: #fff;
color: #090417;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 0px 5px;
line-height: 150%;
}
.tabcontenttablinksbonus {
display: none;
padding: 15px;
}
div#MyBonuses {
border-radius: 15px;
border: 1px solid #ebebeb;
background: #fff;
float: left;
    width: 100%;
backdrop-filter: blur(18.149999618530273px);
}
.tabcontentlinkshistory {
display: none;
}

.tabcontenttablinksprofile {
display: none;
}
.tabcontenttablinkscashier {
display: none;
}
.tabcontent {
display: none;
margin-top: 60px;
}
.active-code-button button {
border-radius: 8px;
border: 1px solid #f7f7fc;
background: #f5eee8;
display: flex;
height: 47px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
margin-left: 11px;
}
.col-md-4.col-sm-4.col-4.col-xs-12.bonus-code-form {
display: flex;
align-items: center;
}
.bonus-code-main input[type="text"] {
display: flex;
width: 308px;
height: 43px;
padding: 8px 16px;
align-items: center;
}
span.bonus-code-span {
color: var(--cap, #fdc448);
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
p.bonus-code-text {
color: var(--Black-heading, #2b2b32);
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
width: 100%;
padding-bottom: 0px !important;
margin: 0px;
}
.bonus-code-main {
display: flex;
padding: 18px 16px 18px 45.777px;
align-items: center;
border-radius: 16px;
background: #f8f8f8;
margin-top: 30px;
margin-bottom: 30px;
}
h2.nomore-data {
display: flex;
height: 175px;
justify-content: space-evenly;
align-items: center;
border-radius: 16px;
border: 1px solid var(--stoke-2, #f5eee8);
background: #f8f8f8;
margin-top: 25px;
margin-bottom: 25px;
width: 100% !important;
padding: 0px 60px !important;
}
h1.active-bonus-title {
color: #000;
font-family: Rubik;
font-size: 38px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.available-bonus-silder {
background: #fff;
padding: 30px;
border-radius: 15px;
float: left;
width: 100%;
height: 260px;
}
.available-bonus-title-tc {
display: flex;
text-align: left;
}
.tandcondition {
text-align: right;
width: 30%;
text-decoration: underline;
}
.available-bonus-title-tc .title {
font-size: 16px;
font-family: "Rubik";
font-weight: 500;
width: 100%;
color: #000;
}
.available-bonus-text {
font-size: 14px;
padding-top: 12px;
padding-bottom: 40px;
}
.fheading{color: #232329;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-left: 6px;
    padding-top: 10px;
    padding-bottom: 20px;
  line-height: 150%; /* 30px */}
.available-bonus-button {
border-radius: 6px;
background: linear-gradient(180deg, #ffd700 0%, #ffd700 100%) !important;
box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.3) inset;
color: #000 !important;
padding: 17px;
text-align: center;
font-size: 14px;
font-weight: 500;
font-family: "Rubik";
float: left;
position: absolute;
bottom: 20px;
}
.available-bonus h1 {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 38px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.available-bonus .all {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
float: right;
padding-top: 20px;
line-height: 150%;
text-decoration-line: underline;
}
.react-game-new{ margin-bottom: 60px;}
.bns-claim-btn {
border: 2px solid #eb7511 !important;
background: none !important;
padding: 4px 16px !important;
border-radius: 50px !important;
color: #eb7511 !important;
font-weight: 600;
cursor: pointer;
}
body .hr_bottom {
border-top: 2px solid #eaeaea;
width: 36%;
display: none;
}
body .wallet_overview {
width: 100%;
margin: 0 auto;
box-shadow: none;
margin: 50px auto;
border-radius: 25px;
max-width: 84%;
background: #ffffff;
border-radius: 0px;
overflow: hidden;
border: 1px solid #efefef;
}
.st_nav_main_bonus {
clear: both;
float: none;
}
body .wallet_overview .tab-pane p {
margin: 10px 0;
}
body span.first_td_head {
font-weight: bold;
}
body .wallet_overview .tab-content {
padding: 0 3%;
background: #ffffff;
border-radius: 0;
position: relative;
z-index: 1;
top: 0;
padding-bottom: 21px;
box-shadow: none;
}
body .deposit_btn {
background: #ffbe00;
color: #fff;
border-radius: 0px;
text-align: center;
padding: 5px;
width: 150px;
margin: 20px auto 0;
text-transform: uppercase;
padding: 10px 20px 11px;
font-weight: bold;
}
body .deposit_btn:hover {
background: #000;
color: #fff;
}
body .deposit_btn:hover a {
color: #fff;
}
body .wallet_overview .nav-tabs .nav-item {
width: 49%;
box-shadow: none;
border-radius: 25px 25px 0 0;
margin-right: 1%;
margin-bottom: 0;
}
body .wallet_overview .nav-tabs .nav-item:last-child {
margin-right: 0%;
}
body .wallet_overview .nav-tabs .nav-link {
color: #000000;
font-weight: bold;
padding: 10px 5px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
font-size: 14px;
text-align: center;
box-shadow: none;
border-radius: 0;
background: #ffffff;
position: relative;
z-index: 1;
text-transform: uppercase;
}
body .wallet_overview .nav-tabs .nav-link.active {
position: relative;
z-index: 11;
box-shadow: none;
border: none;
border-bottom: none;
color: #000000;
background: #ffbe00;
font-weight: bold;
text-transform: uppercase;
border-color: #ffbe00;
}
.list_meta li:before{background-color:#000;}
body .bonus_title {
background: #fff;
font-size: 1em;
font-weight: normal;
color: #000;
padding: 5px 0;
text-align: center;
border-radius: 0;
border: 1px solid #ddd;
margin-bottom: 10px;
}
body .h3_title {
color: #666;
text-align: center;
font-weight: bold;
padding: 0px 0 15px 0;
font-size: 16px;
margin-bottom: 0;
}
body .bonus_visible:before {
content: "";
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
right: 15px;
background-color: #9c9c9c;
padding-bottom: 30px;
width: 0px;
z-index: -1;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
}
body .bonus_visible {
position: relative;
}
body .status_active {
background: #0c6dc6;
text-align: center;
border-radius: 0 0 10px 10px;
margin-bottom: 30px;
color: #daefe7;
padding: 10px 5px;
position: relative;
z-index: 1;
}
body .bonus_visible .table-responsive {
margin-bottom: 0;
}
body .valid_status {
background: #767676;
text-align: center;
border-radius: 0;
margin-bottom: 15px;
color: #fefefe;
padding: 6px 0;
position: relative;
z-index: 1;
font-size: 14px;
}
body .valid_status strong {
font-weight: 700;
}
body .wallet_tab .table {
margin-bottom: 0px;
}
body .bonus_tab .table {
margin-bottom: 0;
}
body .bonus_tab .bonus_title {
margin-top: 50px;
}
body .bonus_tab .bonus_title:first-child {
margin-top: 0;
}
body .wallet_tab .table {
background: #f4f4f4;
text-align: center;
border-radius: 0;
}
body .wallet_tab .table thead th {
color: #424242;
padding: 8px 5px;
border: none !important;
font-size: 14px;
vertical-align: middle;
border-right: 2px solid #d6d6d6 !important;
line-height: 18px;
text-align: center;
}
body .wallet_tab .table td {
color: #424242;
padding: 5px 5px 5px;
border: none !important;
width: 33.3%;
font-size: 14px;
vertical-align: middle;
border-right: 2px solid #d6d6d6 !important;
line-height: 18px;
}
body .wallet_tab .table td:last-child {
border-right: none !important;
}
body .wallet_tab .table th:last-child {
border-right: none !important;
}
body .wallet_tab .bonus_visible .table,
.bonus_tab .table {
margin-bottom: 0;
position: relative;
z-index: 11;
}
body .wallet_tab .bonus_visible .table td {
line-height: 25px;
border-bottom: 2px solid #d6d6d6 !important;
}
body .wallet_tab .bonus_visible .table tr:last-child td {
border-bottom: none !important;
}
body .bonus_tab .table td {
width: 25%;
}
.st_nav_main_bonus ul li {
width: 100%;
margin: 0;
padding: 0;
float: none;
min-width: initial;
}
.st_nav_main_bonus ul {
margin: 0;
}
body .bonus_tab .bonus_title {
border-radius: 0px;
margin-bottom: 20px;
}
body .bonus_tab .table {
border-radius: 0px;
}
body .bonus_click {
cursor: pointer;
border: none;
}
body .bonus_visible {
display: none;
margin-top: 15px;
}
.st_overview_nav.st_nav_main_bonus a span {
font-size: 12px;
}

button.tablinksbonusmain.col-md-3 {
width: 100%;
border-radius: 10.445px;
background: #e3f1ff;
margin: 0px 4px;
}

.swal2-confirm {
order: 3 !important;
}
.cancel_deposit {
cursor: pointer !important;
}
.dataTables_scrollHeadInner {
width: 100% !important;
}
.dataTables_scrollHeadInner .dataTable {
width: 100% !important;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
color: black !important;
}
/*bonus style end*/
body {
/*background: url("../images/bg.webp") no-repeat;*/
 background: #d4e3fe;
background-size: 100%;
padding-top: 25px;
}
#withdraw_amount-error,
#btc_alphapopay_amount-error,#crypto_withdraw_amount-error {
color: #eb1717 !important;
width: 100% !important;
padding: 10px 0px 5px 0px;
font-size: 12px;
font-weight: 400;
}
.dataTables_processing {
margin-top: -15px !important;
}
.dataTables_empty {
padding: 20px 0px 0px !important;
}
/*label.error{color: #eb1717 !important; padding-top: 5px !important;}*/
label.error {
color: #eb1717 !important;
padding-top: 5px !important;
font-size: 0.75em !important;
font-weight: normal !important;
width: 100% !important;
}
.cptext img{ padding: 0px 6px;}
.cptext{  font-size: 19px;
  font-weight: 700;
  line-height: 24.7px;
  text-align: left;
  color: #fff;
  padding: 20px 0px 0px 0px;
  }
  .cptext b{color: rgba(219, 34, 52, 1);  }
.affli{background: url(../images/affliate/affbody.jpg) no-repeat;
  background-size: 100% 100%; }
  .logoa{margin: 0px auto;    text-align: center;  padding: 20px 0px 40px;}
  .afbg a{float: left;
    width: 100%;
    margin: 30px auto;
    text-align: center;}
    .affooter{background: rgba(14, 10, 36, 1);padding: 16px 0px;    }
    .cpimg{ float: right;}
  .logoa img{ width: 200px;}
 
.payment-amount-margin .col-md-6 {
padding: 0px 7px;
}
.payment-amount .col-md-6 {
padding: 0px 7px;
}
.cc1 .promo-code {
padding: 0px 7px;
}
.cc1 {
margin-bottom: 20px;
float: left;
width: 100%;
}
.promo-code {
padding: 0px 5px 0px 5px;
}


.clear{ background: #DB2234 !important;}
.min-max-rule{ display: none !important;}
.copy_aply{color: #FFF;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
letter-spacing: -0.154px;
border-radius: 8px;
background: #0C6DC6;
display: flex;

height: 30px;
padding: 16px 20px 18px 22px;
align-items: center;
gap: 15px;
flex-shrink: 0;
position: absolute;
  right: 2px;
  top: 3px;
}
.code-para span{ color: #DB2234;}
.promoinside{ margin:0px -4px 0px 5px;}
.input_dec .amount {
background: #fff !important;
}
.cc1 .promo-code-box1 {
background: #f6f5f5;
box-shadow: none;
border: 1px solid #cbcbcb;
}
.cc1 .code-title {
color: #282828 !important;
}
.inside_box {
float: left;
width: 100%;
border: 1px solid #ebebeb;
border-radius: 20px;
margin-bottom: 50px;
}
.bacode_title {
float: left;
width: 100%;
text-align: center;
padding: 26px 0px;
color: #282828;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 135%; /* 24.3px */
}
.bacode_title span {
color: #282828;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
float: left;
width: 100%;
padding-top: 10px;
}
.round-time-bar {
margin: 1rem;
overflow: hidden;
}
.round-time-bar div {
height: 5px;
animation: roundtime calc(var(--duration) * 1s) steps(var(--duration))
  forwards;
transform-origin: left center;
background: #db2234;
animation: roundtime calc(var(--duration) * 1s) steps(var(--duration))
  forwards;
transform-origin: left center;
}

.round-time-bar[data-style="smooth"] div {
animation: roundtime calc(var(--duration) * 1s) linear forwards;
}

.round-time-bar[data-style="fixed"] div {
width: calc(var(--duration) * 5%);
}
.bacode_title span b {
color: #db2234;
font-weight: 600;
}
.single-download-box img.img-fluid.lozad:hover {
opacity: 0.4;
background: linear-gradient(
  180deg,
  rgba(54, 54, 54, 0.46) 51%,
  rgba(0, 0, 0, 0.9) 100%
);
}
img.rectangle-icon {
border-radius: 16px;
}
.coupn .col-md-4 {
padding: 0px 10px;
margin-bottom: 20px;
}
b.title-react-cat {
color: var(--Black-heading, #2b2b32);
text-align: center;
font-family: Rubik;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100% !important;
}
.title-react-cat-name-div {
padding-top: 12px;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}
.logout-user-game {
inset-inline: 0;
bottom: 32px !important;
margin-inline: auto;
width: fit-content;
background: transparent;
color: #fff !important;
text-align: center;
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
/*text-decoration-line: underline;*/
}

@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
.header_notify {
display: none;
}
.headerbg {
border-radius: 16px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
width: 100%;
margin: 35px 0px;
}
.menu_section_main22 .nav a:hover {
background: #0c6dc6;
border-radius: 10.445px;
color: #fff;
}
.menu_section_main22 .nav a:hover svg {
fill: #fff;
}
.menu_section_main22 .nav a svg {
fill: #000;
}
.tens {
float: left;
border: 1px solid #282828;
border-radius: 8px;
padding: 12px 10px;
margin-right: -26px;
}
.tens img {
float: left;
padding-right: 5px;
}
.tens .header_username {
float: left;
width: 70%;
color: #282828;
text-align: center;
font-size: 10px;
font-style: normal;
font-family: "Rubik", sans-serif;
line-height: normal;
}
.tens #player-balance-head {
float: left;
width: 70%;
color: #282828;
text-align: center;
font-size: 12px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.main-banner {
position: unset;
}
.header_sec_main {
position: relative;
z-index: 10;
}
.userdtls_hdr22_dropdown {
width: 280px;
}
.swiper-container.main-banner-static.swiper-container-horizontal.swiper-container-android {
z-index: -1 !important;
}
.main-banner .swiper-container {
z-index: -1;
}
.header_sec_main {
background: transparent !important;
}
.top-header-1 {
background: transparent !important;
}
.menu_section_main22 {
background: transparent;
}
.logo-main a {
background: transparent;
}
.logo-main:before {
background: transparent;
border-bottom: 0px solid #f7f1ed;
}
.right-section-header {
margin-left: initial;
}
.top-header-1 .container {
height: auto;
}
.header_login_btn {
padding: 10px 20px;
font-size: 18px;
font-family: "Rubik", sans-serif;
margin-left: 10px;
/* height: 50px !important; */
}

.ryal .we {
padding: 12px 5px 12px 16px;
}
.top-winner .we {
padding: 12px 10px 12px 25px;
}
.searchbar {
position: relative;
min-width: 50px;
width: 100% !important;
height: 40px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
border-radius: 8px;
border: 1px solid #e3e3e3;
background: #fff;
}
.searchbar-input {
top: 0;
right: 0;
border: 0;
outline: 0;
background: #fff;
width: 100%;
height: 40px;
margin: 0;
padding: 0px 15px 0px 20px;
font-size: 20px;
color: #000;
}
.searchbar-icon i {
display: block !important;
padding: 12px 15px;
border: 0px solid #fff;
border-radius: 5px;
}
.searchbar .searchbar-input {
border-radius: 5px;
background: transparent;
border: 0px solid #fff;
}
.searchbar-open .searchbar-input {
border: 0px solid #E3E3E3;
}
.searchbar-input::-webkit-input-placeholder {
color: #000;
}
.searchbar-input:-moz-placeholder {
color: #000;
}
.searchbar-input::-moz-placeholder {
color: #000;
}
.searchbar-input:-ms-input-placeholder {
color: #000;
}

.searchbar-icon,
.searchbar-submit {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 0;
font-family: verdana;
font-size: 14px;
right: 0;
padding: 0;
margin: 0;
border: 0;
outline: 0;
line-height: 47px;
text-align: center;
cursor: pointer;
color: #000;
background: transparent;
border-radius: 5px;
border-right: 0px solid #fff;
}

.game-box.st_featured_thumb .icond {
top: 68px;
}
.rectangle-parent {
margin: 0px 0px;
}
.searchbar-submit .searchbar-icon {
display: block !important;
}
.searchbar-open {
width: 100%;
}
.searchbar-open {
width: 100%;
}
.searchbar-open:hover {
width: 100%;
}
.header-search-wrapper {
margin-left: unset;
position: unset;
}
.top-header-1 .container {
display: flex;
}

.containersearch {
  max-width: 100%;
  margin: 12px 30px 20px 0px;
  float: right;
  width: 50%;
}
.waq32{text-transform: capitalize !important;}
.myacc_bar {
border-top: 0;
background: transparent;
border-color: transparent;
}
.myacc_bar .container {
background: #000;
}
.myacc_bar .sat_navigation li a {
color: #fff;
}
.myacc_bar .active-myaccmenu a {
color: #000 !important;
}
.jackpot-support h1.top-games {
color: #fff;
}
.jackpot-support {
background: url(/assets/images/maingp-images.jpg);
float: left;
width: 100%;
padding: 13px 70px;
margin-top: 50px;
padding-bottom: 50px;
background-size: auto;
border-radius: 62px;
}
.transaction_menu_main {
border-bottom: 0;
background: transparent;
border-color: transparent;
}
.transaction_menu_main .container {
background: #000;
}
.transaction_menu_main ul.transaction_menu_lst li a {
color: #fff;
}
.login-reg-section a,
.userdtls_hdr22 {
height: 42px;
text-align: center;
}
.right-section-header .login-reg-section a#loginbutton {
  width: 115px;
}
.header_signup_btn {
/* height: 50px !important; */
padding: 11px 29px;
font-size: 18px;
font-family: "Rubik", sans-serif;
margin-left: 10px;
}

#owl-demo .item img {
width: 100% !important;
}
.logo {
float: left;
width: 100%;
text-align: center;
margin: 0px auto;
padding: 16px 0px;
}

.mene {
float: left;
width: 100%;
padding: 15px 20px;
}

.header-serach {
display: flex;
width: 55px;
height: 55px;
padding: 15.5px;
justify-content: center;
align-items: center;
border-radius: var(--2, 8px);
border: 1px solid #fff;
flex-shrink: 0;
float: right;
margin: 16px 0px;
}

.frame-parent {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 16px;
margin: 15px 17px;
float: right;
}

.p-0 {
padding-right: 0px;
}

.log-in-wrapper {
display: flex;
width: 142px;
height: 55px;
color: #2e3a59;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
padding: 15px 26px;
justify-content: center;
align-items: center;
gap: var(--2, 8px);
border-radius: var(--2, 8px);
font-family: "Rubik", sans-serif;
border: 1px solid #f5eee8;
background: #fff;
}

.sign-in-wrapper {
display: flex;
width: 142px;
height: 55px;
padding: 15px 26px;
justify-content: center;
align-items: center;
border-radius: var(--2, 8px);
color: #2e3a59;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
background: #ffd700;
font-family: "Rubik", sans-serif;
gap: var(--2, 8px);
}

#owl-demo1 .item {
img {
  width: auto;
}
}

#owl-demo2 .owl-item {
padding: 0px 10px;
}

#owl-demo3 .owl-item {
padding: 0px 10px;
}

.we {
float: right;
padding: 12px 22px;
}

.we img {
width: 40px;
cursor: pointer;
}

#owl-demo1 .owl-item {
padding: 0px 10px;
}

#owl-demo4 .owl-item {
padding: 0px 5px;
}

#owl-demo5 .owl-item {
padding: 0px 5px;
}

.banerbg {
background: url("../images/rectangle-4613@2x.png") no-repeat;
min-height: 640px;
width: 100%;
background-size: 100%;
float: left;
}

.carousel {
float: left;
width: 100%;
}

.leftimg {
float: left;
position: absolute;
bottom: 10px;
}

.rightimg {
float: right;
position: absolute;
bottom: 15px;
right: 10px;
}

.frame-group {
position: absolute;
top: calc(50% - 150.5px);
left: 445.07px;
flex-direction: column;
align-items: center;
gap: var(--gap-13xl);
}

.get-a-100 {
position: relative;
line-height: 130%;
display: inline-block;
width: 60%;
color: #fff;
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 53px;
font-style: normal;
font-weight: 700;
line-height: 130%;
/* 68.9px */
}
.p0 {
padding-left: 0px !important;
}
.p00 {
padding-right: 0px !important;
}
.p000 {
padding: 0px !important;
}
.embark-on-an {
color: #e4e4f0;
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
width: 60%;
line-height: 140%;
/* 25.2px */
}

.frame-container {
display: flex;
gap: 15px;
margin: 20px 200px;
}

.lets-play-wrapper {
display: flex;
padding: 20px 48px;
justify-content: center;
align-items: center;
gap: var(--2, 8px);
border-radius: 40px;
background: #ffd700;
}

.log-in-container {
display: flex;
width: 156px;
height: 65px;
color: #fff;
padding: 15px 26px;
justify-content: center;
align-items: center;
gap: var(--2, 8px);
border-radius: 40px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12.5px);
}
.latest_arr_sec2_main {
float: left;
width: 100%;
padding-top: 0px;
}

.frame-parent31 {
border-radius: 16px;
background: url("../images/aboutbg.webp");
float: left;
width: 100%;
margin: 0px 0px;
padding: 17px 15px 0px 17px;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.tron {
color: #fff;
text-align: center;
leading-trim: both;
text-edge: cap;

font-size: 67px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 100.5px */
}

.group {
padding: 10px 0px;
float: left;
width: 100%;
display: flex;
}

.sign-up {
color: #fff;

font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 30.8px */
text-transform: uppercase;
}
.header_username {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 70px;
}
.creat-a-free {
color: #fff;

font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
}
.sign-up-parent .sign-up {
color: #fff;
font-family: Rubik;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
}
.sign-up-parent {
float: left;
padding: 20px 0px 0px 20px;
}

.claim-now-wrapper {
border-radius: 8px;
background-color: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 20px 18px;
font-size: 18px;
color: #000;
height: 65px;
width: 180px;
margin-top: 0px;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin: 23px auto;
text-align: center;
}

.newgamebg {
border-radius: 0px;
float: left;
width: 100%;
}

.newgamebg h1 {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 130%;
padding-top: 5px;
/* 55.9px */
}

.newgamebg .all {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
float: right;
padding-top: 20px;
line-height: 150%;
/* 24px */
text-decoration-line: underline;
}

.tournaments {
float: left;
width: 100%;
margin: 30px 0px;
}

.tournaments h1 {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 43px;
font-style: normal;
font-weight: 700;
line-height: 130%;
/* 55.9px */
}

.tournaments .all {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
float: right;
padding-top: 20px;
line-height: 150%;
/* 24px */
text-decoration-line: underline;
}
input#banktransfer_btn, input#crypto_transfer_btn {
border-radius: 8px;
background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));
color: #000 !important;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
width: 150px;
height: 37px;
}
.st_blog_detail .select_dec {
margin-top: 15px;
}
.rigspac{ float: left; width: 98%; margin: 0px 0px 0px 10px;}
.sub_mar{ margin-top: 20px !important;}
.right_men{ padding-top: 30px;}
.ismai .input_dec {
float: right;
width: 62% !important;
border: 0px !important;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 0px;
}
.dispflex{float: left;  width: 100%; padding-bottom: 20px;}
.certificat{ float: left;}
.footer-img{ float: left; padding-left: 0px; width: 80%;}
#cerfied {line-height: 70px;}
#cerfied .certificat{line-height: 70px; padding-right: 10px;}
.ismai .input_dec #withdraw_amount {
border: 0px;
background: #fff;
margin-bottom: 0px;
border-radius: 5px !important;
}
.ismai .input_dec #crypto_withdraw_amount {
  border: 0px;
  background: #fff;
  margin-bottom: 0px;
  border-radius: 5px !important;
  }
.ismai label {
float: left;
width: 70%;
text-align: left;
color: #282828;

font-size: 12px;
font-style: normal;
font-weight: 500;
padding-top: 19px;
line-height: normal;
}
.ismai {
float: left;
width: 100%;
margin-bottom: 10px;
background: #eeeeee;
border-radius: 5px;
padding: 0px 20px;
}
.btn_1,
.input-btn {
box-shadow: none;
}
.st_date1 {
float: left;
width: 50%;
color: #282828;
text-align: left;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 135%; /* 16.2px */
}
.righ {
float: right;
width: 40%;
color: #000;
text-align: right;
font-family: Rubik;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 135%; /* 16.2px */
text-align: right;
}
.righ b {
color: #db2234;
font-family: Rubik;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.input_textarea textarea,
.select_dec select,
.input_dec input[type="text"] {
border-radius: 5px;
border: 1px solid #EBEBEB;
}

.input_textarea textarea,
.select_dec select,
.input_dec input[type="number"] {
border-radius: 5px;
border: 1px solid #EBEBEB;
min-height: 40px;
    padding: 10px 10px 10px;
    width: 100%;
}

.withdraw_section .submit-sec .select_dec2 {
width: 100%;
}

.st_date {
color: #282828;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 135%; /* 24.3px */
}
.month_tab .label2:hover {
background: #000;
cursor: pointer;
color: #fff;
}
.month_tab .label2:focus {
background: #000;
cursor: pointer;
color: #fff;
}
.month_tab .label2:active {
background: #000;
cursor: pointer;
color: #fff;
}
.deposit_nav .month_tab .label2 {
background: #eeeeee;
}

.deposit_nav .month_tab .label2 {
margin: 0px 6px;
display: block;
width: 15%;
float: left;
height: 40px;
color: #282828;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.month_tab .label2:nth-child(6) { margin-right: 0px;}
.month_tab .label2:nth-child(1) { margin-left: 0px;}

.tab-pane .text_2 .st_date {
margin-bottom: 0px !important;
}
.wallet-sec-body1 {
float: left;
width: 100%;
margin-top: 20px;
}
.wallet-sec-body1 .col-md-3 {
padding: 0px 7px;
}
.wallet-sec-body1 .money-cash {
float: left;
width: 100%;

color: #282828;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 135%;
border: 1px solid #cbcbcb;
padding: 30px 20px;
border-radius: 5px;
}
.text_2 {
border-color: transparent;
}
.wallet-sec-body1 .money-cash b {
float: right;
color: #282828;
text-align: right;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%;
}

.top-games {
color: var(--Black-heading, #2b2b32);
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
padding: 10px 0px 5px 0px;
line-height: 150%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100% !important;
/* 40.5px */
}

.online-slot {
color: #4c4c58;
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
/* 24px */
}

.frame-parent6 {
display: flex;
padding: 20px;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}

.rectangle-parent img {
width: 100%;
}

.m-t {
margin-top: 0px;
}

.jungle-orginal {
border-radius: 14.362px;
border: 1.306px solid #f5eee8;
background: #f5eee8;
float: left;
width: 70%;
display: flex;
margin-bottom: 20px;
}

.icon-casino-page-tab-parent {
border-radius: 10.44px;
background-color: #fdd602;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 12px 16px;
gap: 10px;
color: #2e3a59;
}

.icon-casino-page-tab {
position: unset;
width: 20.89px;
height: 20.89px;
overflow: hidden;
flex-shrink: 0;
}

.top-games1 {
position: relative;
line-height: 150%;
font-weight: 400;
font-family: "Rubik", sans-serif;
font-size: 15px;
}

.frame-parent1,
.icon-casino-page-tab-group {
border-radius: 10.44px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0px 16px;
gap: 10px;
}

.frame-div {
font-size: 16px;
color: #807b61;
}

.icon-casino-page-tab-parent:hover {
cursor: pointer;
}

.icon-casino-page-tab-group:hover {
cursor: pointer;
}

.frame-parent15 {
position: relative;
border-radius: 16px;
background: linear-gradient(90.87deg, #bf05bf, #65003d);
height: 258px;
cursor: pointer;
}

.vector-parent {
cursor: pointer;
}
.cashback {
cursor: pointer;
}
#exampleModal .modal-header {
display: flex;
justify-content: space-between;
}
button.modal-closed {
color: #000;
background-color: #f1f1f1;
padding: 0px 16px;
font-size: 27px;
}

.frame-parent16 {
position: absolute;
top: calc(50% - 81px);
left: 24.4px;
}

.vip-wheel-parent {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 8px;
}

.frame-parent17 {
flex-direction: row;
align-items: center;
gap: 16px;
font-size: 18px;
color: #2a2a31;
display: flex;
justify-content: flex-start;
padding-top: 20px;
}

.user-user-parent {
border-radius: 40px;
background-color: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 12px 24px;
gap: 8px;
}
@keyframes roundtime {
to {
  /* More performant than animating `width` */
  transform: scaleX(0);
}
}
.bonus-terms {
position: relative;
font-size: 16px;
text-decoration: underline;
line-height: 140%;
color: #fff;
white-space: pre-wrap;
display: inline-block;
width: 119.73px;
flex-shrink: 0;
}
.btc_bb {
background: #f6f5f5;
border-radius: 5px;
color: #282828;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
margin-top: 10px;
line-height: 36px !important;
padding: 10px 40px;
line-height: normal;
}
.btc_bb p {
color: #1965bc;
float: right;
padding-left: 5px;
line-height: 36px;
margin-bottom: 0px;
}
.pad-13 label {
color: #282828;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%; /* 21.6px */
}
.user-user {
position: relative;
width: 24px;
height: 24px;
overflow: hidden;
flex-shrink: 0;
}

.image-1710-icon {
position: absolute;
top: 13.94px;
left: 306.89px;
width: 230.11px;
height: 230.11px;
object-fit: cover;
}
.menu_section_main22 .nav li .active{background: #0c6dc6;  border-radius: 10.445px;   color: #fff;}
.menu_section_main22 .nav li .active svg{fill: #fff;}
.frame-parent14 {
font-size: 27px;
color: #fff;
}
.mob {
display: none;
}
.desk {
display: none;
}
.deskheader {
display: block;
}
.mobheader {
display: none;
}
.vip-wheel {
line-height: 150%;
text-transform: uppercase;
font-weight: 500;
color: #f3f3f3;
font-family: "Rubik", sans-serif;
font-size: 27px;
font-weight: 500;
line-height: 150%;
/* 40.5px */
text-transform: uppercase;
}

.obtain-free-spins {
font-size: 16px;
line-height: 140%;
color: #ddd;
width: 266.31px;
}

/*14/1/2023*/
.vector-parent {
background: linear-gradient(90.87deg, #9400d3, #cf00d3);
position: relative;
border-radius: 16px;
height: 258px;
}

.vector-parent .vip-wheel {
width: 304.93px;
}

.cashback {
background: linear-gradient(97.2deg, #4e6bea, #d718e8);
position: relative;
border-radius: 16px;
height: 258px;
}

.cashback .vip-wheel {
width: 283.2px;
margin-top: -20px;
}

.about-us-all {
border-radius: 25px;
float: left;
width: 100%;
background-color: #F8F8F8;
padding: 45px 0px 0px 0px;
}

.about-us {
color: var(--Black-heading, #2B2B32);
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 49.5px */
}
.deposit_nav .st_overview_nav li a label{border-radius: 5px;
  background: #DB2234;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px 5px;
  margin-bottom: 0;
  margin-right: 10px;
}
#usdtether a label{ display: none;}
#cryptopool a label{ display: none;}
.deposit_nav .month_tab label{color: #FFF;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 5px;
  background: #DB2234;
  position: absolute;
  padding: 3px 7px;
  text-transform: capitalize;
  margin-top: -32px;}
.enjoy-5000-crypto p {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
width: 248px;
padding-top: 19px;
}

img.icon2 {
object-fit: cover;
margin-left: -43px;
margin-bottom: -77px;
margin-top: 65px;
}

.frame-parent23 {
flex-direction: row;
align-items: flex-start;
padding: 16px;
}

.frame-parent23,
.frame-parent24 {
display: flex;
justify-content: flex-start;
}

.frame-wrapper6 {
position: relative;
border-radius: var(--2, 8px);
background-color: #fff;
width: 100%;
height: 240px;
}

img.question-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
text-align: center;
}

.home-2-group {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 15px 10px;
}

.frame-parent22-abouts .top-games {
padding-top: 16px;
color: var(--Black-heading, #2b2b32);
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%;
max-width: unset !important;
text-transform: capitalize;
/* 40.5px */
}

.frame-parent22-abouts .our-licensed-casino {
overflow: hidden;
color: var(--black-pragraph, #343437);
text-align: center;
text-overflow: ellipsis;
font-family: "Rubik", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding-top: 6px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}

img.question-icon.last-col {
margin-top: 10px;
}

.row.second-row {
padding-top: 15px;
}

.col-md-4.col-sm-4.col-4.second-row {
padding-top: 20px;
}

.frame-child11 {
float: left;
width: 100%;
background: url(../images/kaka.webp)
  no-repeat;
background-position: bottom left;
border-radius: 10px;
padding: 0px 40px 45px 40px;
background-size: auto 75%;
}

.jackpot {
background: linear-gradient(161deg, #A4021A 13.05%, #1864BB 63.82%);
border-radius: 32px;
float: left;
width: 100%;
padding: 0px 0px 0px 85px;
margin-top: 50px;
padding-bottom: 0px;
background-size: 100% 100%;
}

.jackpot .top-games {
color: #fff;
font-family: "Rubik", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-align: unset;
padding: 0px;
}

.jackpot .b {
color: #ffd700;
font-family: "Rubik", sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 185%;
}

.top-games-new-jackpot {
color: #fff;
font-family: "Rubik", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

.redeem-your-welcome {
padding: 20px 48px;
border-radius: var(--2, 8px);
background: #DB2234;
color: #fff;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}

.go-to-casino-wrapper {
display: flex;
padding: 20px 0px;
align-items: center;
margin: 0 auto;
}
.team_schedule_page .container{ padding: 0px !important;}
.go-to-casino-wrapper .redeem-your-welcome{  background: linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%);  color: #000;}
.go-to-casino-wrapper .redeem-your-welcome:hover{box-shadow: 0px 4px 9px 0px rgba(247, 228, 202, 0.47) !important;}
.promotions-page-banner .go-to-casino-wrapper .redeem-your-welcome{  background: linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%); color:#000;}

.item {
.img-box {
  padding: 10px;
}

img {
  width: 100%;
}
}

.customNavigation {
a {
  position: absolute;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  top: calc(50% - 20px);
  cursor: pointer;
  color: #ddd;
}

.prev {
  left: -15px;
}

.next {
  right: -24px;
}
}

img.group-inner {
position: absolute;
left: -13px;
width: 40px;
height: 40px;
object-fit: contain;
}

.rectangle-parent10 {
border-radius: 16px;
background: #041d3d;
margin: 0px auto;
text-align: center;
padding-bottom: 20px;
}

.owl-silder .log-in {
color: var(--button, #ffd700);
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}

.owl-silder .redolphs-revenge {
color: var(--pragraph-2, #ddd);
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}

.col-md-12.col-sm-12.col-12.owl-silder {
padding:0px 70px 0px 0px;
}
.top-winner .col-md-8{ padding-left: 0px;}
.jackpot .row{ margin-right: 0px !important;}
.top-winner {
float: left;
width: 100%;
margin: 30px 0px 30px;
padding-right: 70px;
}
.top-winner-casino{padding-right: 0px !important;}
.top-winner-casino .col-md-8 {
padding-left: 10px;
}


.top-winner h1 {
color: #fff;
font-family: "Rubik", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 55.9px */
}

.top-winner .all {
color: var(--Black-heading, #fff);
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
float: right;
padding-top: 20px;
line-height: 150%;
text-decoration-line: underline;
}
.item {
float: left;
width: 100%;
padding: 0px 8px 20px 8px;
}
.rectangle-parent15 {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
gap: 16px;
}

.frame-wrapper17-topwin {
border-radius: 16px;
border: 1px solid #c8bbc6;
box-sizing: border-box;
background: #f8f8f8;
overflow: hidden;
flex-shrink: 0;
display: flex;
padding: 16px 13px 16px 16px;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}

img.frame-child24 {
position: relative;
border-radius: 12px;
width: 122px !important;
height: 122px;
object-fit: cover;
}

.frame-wrapper17-topwin .log-in {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
text-align: left;
line-height: 140%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
}

.frame-wrapper17-topwin .lovl6 {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;

}

.log-in-price {
color: #000;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}

.wrapper-button {
border-radius: var(--2, 8px);
margin-top: 7px;
}

.log-in-price {
color: #1864bb;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-align: start;
background: #e4f0ff;
display: inline-block;
padding: 10px 0px;
border-radius: var(--2, 8px);
float: left;
min-width: 100px;
text-align: center;
}

.buccaneer-bash-parent {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}

.row.first-row-topwin {
padding-top: 30px;
}

.col-md-3.col-sm-3.col-3.second-row-topwin {
padding-top: 32px;
}

.top-winner.recent-big-wins {
margin: 0px;
}

.top-games-footer {
color: #232329;
font-family: "Rubik", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
padding-bottom: 15px;
}

.row.row-cols-2.row-cols-lg-4.footer-grid {
justify-content: space-between;
padding-bottom: 20px;
}
.footer-grid {
display: flex;
}
#verity-bank-otp_btn_crypto{background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));  padding: 10px 20px;}
.footer {
width: 100%;
float: left;
margin-top: 10px;

}
.pp1 .col-md-4{ padding: 0px 0px;}
.pp1 .col-md-6 {padding: 0px 0px;}
.footer .home {
color: #232329;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 178%;
}

.footer .home a {
color: #232329;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 178%;
}
.footer .home a:hover {
color: #232329;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 178%;
text-decoration: none;
}

.facebook-parent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
background: unset;
}

.footer img.arrow-icon {
position: relative;
width: 16px;
height: 16px;
overflow: hidden;
flex-shrink: 0;
}

.line-div {
align-self: stretch;
position: relative;
border-top: 1px solid #dbdbdb;
box-sizing: border-box;
height: 1px;
margin: 0px 0px 30px;
}
.paymnt {
padding: 30px 0px;
float: left;
width: 100%;
text-align: center;
}
.paymnt img {
width: 20%;
}
.paymnt p {
color: #0c0d11;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
text-align: right;
padding-top: 10px;
line-height: 139.5%; /* 25.11px */
text-transform: capitalize;
}
.icon-footer {
width: 33.607px;
height: 33.607px;
flex-shrink: 0;
}

.currency-icon-parent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6.72px;
}

.footer .frame-parent30 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-around;
gap: 2px;
overflow: hidden;
}

.currency-icon {
position: relative;
width: 33.61px;
height: 33.61px;
object-fit: cover;
}

.currency-icon-parent b.privacy-policy {
color: var(--Paragraph, #acccac);
font-family: Proxima Nova;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}

.tron-footer {
position: relative;
color: var(--Paragraph, #acccac);
font-family: Proxima Nova;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}

.footer-icone {
padding-bottom: 10px;
}

.dream-royale-logo-1-parent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: var(--gap-base);
color: #adadad;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-align: center;
padding-bottom: 12px;
padding-top: 30px;
}

.coyright .privacy-policy {
color: #adadad;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;

line-height: 150%;
}
.coyright .privacy-policy1 {
padding: 15px 0px 0px 0px;
color: #1965BC;
font-family: Rubik;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 27.2px */
}
.footer{ padding-bottom: 20px; padding-top: 40px;}
.privacy-policy1 a {
color: #0c6dc6;
}
.footer {
background-image: url("../images/footerbg.webp");
padding-top: 40px;
background-size: 100% 100%;
}
.mainslider-container .col-md-9 {
width: 77.2%;
}
.mainslider-container .col-md-3 {
width: 22.8%;
}
.desknone {
display: none;
}
.demo-one.col-md-9.col-sm-9.col-9.col-12 {
display: none;
}
#popup_freespin .modal-dialog {
max-width: none;
}
#popup_freespin table thead tr th {
color: #2b2b32 !important;
}

#popup_freespin .modal-content {
height: fit-content;
display: block;
border-radius: 0px;
}

.modal-content {
height: fit-content;
display: block;
border-radius: 30px;
background: linear-gradient(
  246deg,
  #9ab3f2 -1.35%,
  #fff 50.01%,
  #fe97a0 108.65%
);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
.rwea .login-overlay{bottom: 53px;}
.allrecenly {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
float: right;
padding-top: 20px;
line-height: 150%;
text-decoration-line: underline;
}
.allrecenlyheading {
color: var(--Black-heading, #2b2b32);
font-family: "Rubik", sans-serif;
font-size: 30px;
margin-bottom: 10px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}

.swiper-pagination {
display: none;
}

.col-md-9.col-sm-9.col-9.abouts-section-new {
padding-right: 20px !important;
}

.tournaments {
display: none;
}
.about-us-all {
margin-top: 20px;
}

.banner-mobile-sign-up {
display: none;
}

.line-barcode {
height: 1px;
animation: roundtime calc(var(--duration) * 1s) steps(var(--duration))
  forwards;
transform-origin: left center;
background: #EBEBEB;
}
.pad-13.bacode_title-columun::after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #ebebeb;
left: 100%;
right: 0px;
top: 0px;
}
.col-md-4.col-sm-4.col-xs-12.pad-13.spin-input-new-right-column {
padding-top: 25px;
border-left: 1px solid #EBEBEB;
}
.process-payment-button {
border-radius: 8px;
background: #db2234 !important;
width: 162px;
height: 37.434px;
flex-shrink: 0;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
align-items: center;
display: flex;
justify-content: center;
margin: 0px auto;
}
h2.subtotal-price-discount-total {
color: #282828;
text-align: right;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%;
}
.sub-total-barcode-discount-total label {
color: #282828;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
h2.subtotal-price-discount {
color: #09b810;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%;
}
.sub-total-barcode-discount label {
color: #09b810;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
h2.subtotal-price {
color: #282828;
text-align: right;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%;
}
.sub-total-barcode label {
color: #282828;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.sub-total-barcode {
display: flex;
justify-content: space-between;
margin: 16px 16px 0px 15px;
}
.sub-total-barcode-discount-total {
display: flex;
justify-content: space-between;
margin: 15px 16px 5px 16px;
}

.sub-total-barcode-discount {
display: flex;
justify-content: space-between;
padding: 0px 16px 0px 15px;
}
.spin-button button {
border-radius: 5px;
background: #0c6dc6;
display: flex;
width: 75px;
height: 38px;
padding: 16px 20px;
align-items: center;
margin-left: 10px;
color: #fff;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.132px;
}
.spin-input input {
border-radius: 5px;
border: 1px solid #cfcfcf;
background: #fff;
display: flex;
width: 100%;
height: 38px;
padding: 16px 20px;
align-items: center;
gap: 15px;
}

.spin-input-div {
display: flex;
}
.barcode-new .copy-btn:hover {
transform: unset;
color: #fff;
cursor: pointer;
}

.col-md-6.back-button-div {
display: flex;
justify-content: end;
}
button.back-button {
border-radius: 8px;
background: #000;
width: 162px;
display: flex;
height: 37px;
align-items: center;
justify-content: center;
margin-top: 10px;
color: #fff;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.back-button2 {
  border-radius: 8px;
  background: #000;
  width: 162px;
  display: flex;
  height: 37px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  }
.bacode_title-columun .payment-amount{ margin-top: 10px;}
.deposit_nav .st_overview_nav ul li a{ margin-bottom: 5px;}
button.check-status-button {
border-radius: 8px;
background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%));
width: 162px;
display: flex;
height: 37px;
align-items: center;
justify-content: center;
margin-top: 10px;
color: #000;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.payment-amount-margin {
height: 40px;
background: #f6f5f5;
align-items: center;
display: flex;
justify-content: space-between;
border-radius: 9px;
}
h2.amount-in-btc {
color: #0c6dc6;
text-align: right;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
h2.payment-amount-price {
color: #000;
text-align: right;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.payment-amount .col-md-6 label {
color: #282828;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
align-items: center;
display: flex;
padding: 0px;
margin: 0px;
}
.payment-amount .col-md-5 {
padding: 0px;
}

.icond p {
    color: white;
}

.barcode-new .copy-btn {
width: 71px;
padding: 7px 9px;
margin-left: -84px;
transition: all 0.4s;
border: none;
border-radius: 5px;
background: #0c6dc6;
color: #fff;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.barcode-new input#btc_coin_address,
input#eth_coin_address,
input#usdte_coin_address,
input#ltc_coin_address {
border-radius: 5px;
border: 1px solid #cfcfcf;
background: #fff;
padding: 16px 20px;
height: 38px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: #0c6dc6;
border: 1px solid #0c6dc6;
}
input#start_date1,
input#start_date2,
input#start_date3,
input#start_date4,
input#start_date5,
input#start_date6,
input#start_date7,
input#start_date8 {
width: auto;
border: unset;
text-align: right;
display: block;
color: #000;
}
input#end_date1,
input#end_date2,
input#end_date3,
input#end_date4,
input#end_date5,
input#end_date6,
input#end_date7,
input#end_date8 {
width: auto;
border: unset;
text-align: right;
display: block;
color: #000;
}

.payment-btn {
border-radius: 8px;
box-shadow: 0px 4px 9px 0px rgba(222, 222, 222, 0.47);
background: linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%) !important;

width: auto;
height: 37.434px;
flex-shrink: 0;
color: #000;
text-align: center;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
align-items: center;
display: flex;
justify-content: center;

border: none;
width: 100%;
}

.address-barcode {
border: 8px solid #000;
width: 50%;
margin: auto;
border-radius: 20px;
display: inline-block;


}

.address-barcode-img {
border-radius: 9px;
}

.payment-submit-loader {
display: none;
padding: 29px 0;
text-align: center;
}

.payment-loader {
border-radius: 100%;
position: relative;
margin: 0 auto;
}

.payment-loader-2 span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #db2234;
margin: 0 2px;
}

/*.payment-loader-2 span:nth-child(1) {
animation: bounce 1s ease-in-out infinite;
}

.payment-loader-2 span:nth-child(2) {
animation: bounce 1s ease-in-out 0.33s infinite;
}

.payment-loader-2 span:nth-child(3) {
animation: bounce 1s ease-in-out 0.66s infinite;
}*/

.payment-loader-2 span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
    -webkit-animation: bounce 1s ease-in-out infinite;
}

.payment-loader-2 span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
    -webkit-animation: bounce 1s ease-in-out 0.33s infinite;
}

.payment-loader-2 span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
    -webkit-animation: bounce 1s ease-in-out 0.66s infinite;
}

.modal_trnx_summary_heading {
display: flex;
padding: var(--3, 12px) 16px;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin: 0px 3px;
border-radius: 10.445px;
background: #0c6dc6;
color: #fff;
}

.modal_trnx_summ_close_btn {
width: 71px;
padding: 7px 9px;
/* margin-left: -84px; */
transition: all 0.4s;
border: none;
border-radius: 5px;
background: #db2234;
color: #fff;
text-align: center;
font-family: Rubik;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.btc-subm{ margin: 0px 15px 15px 15px;}
.rightmenu{border: 1px solid #CBCBCB;
border-radius: 8px;}
.payment-amount-summary {
font-weight: 600;
color: #282828;
font-size: 16px;
text-align: center;
letter-spacing: 0;
border-bottom: 1px solid #CBCBCB;
line-height: 21.6px;
border-radius: 8px;

padding: 9px 0px;
background: #F5F5F5;

}
.payment-btn:hover{box-shadow: 0px 4px 9px 0px rgba(222, 222, 222, 0.47);}
.level_default a.logout_btn22:hover{box-shadow: 0px 4px 9px 0px rgba(222, 222, 222, 0.47);}
button.tablinksbonusmain.col-md-3.active a {
  color: #fff !important;
}
table.table.table-striped.bank-account-my-profile-table>tbody>tr>td:last-child {
  float: right;
}
table.table.table-striped.bank-account-my-profile-table>tbody>tr>td{ font-size: 10px;}
/*meida Query start*/


@media only screen and (max-width: 1760px){
.games_card > div .icond {
  width: 65px;
  height: 65px;
  top: 26%;}
}

@media only screen and (max-width: 1950px) and (min-width: 1100px) {
  #about-us-slider .swiper-wrapper{transform: none !important;}
}
@media only screen and (max-width: 1650px) and (min-width: 1350px) {
  .sign-up-parent .sign-up { font-size: 19px;  }
  .promoinside .coupon-item .content {padding: 15px 0px;}
  .promoinside .coupon-item1 .content {padding: 15px 0px;}
  .coupon-item .content {
  
    padding: 30px 0px;
  }
.game-box.st_featured_thumb .icond {
  width: 51px;
  height: 51px;
  top: 66px;
}
.games_card > div .icond {
  top: 28%;
}

.sign-up-parent {
  padding: 10px 0px 0px 20px;
}

.tron {
  font-size: 47px;
}
.group {
  padding: 6px 0px;
}

.claim-now-wrapper {
  margin: 0px auto;
}
.tens img {
  padding-right: 0px;
}
.tens {
  padding: 10px 5px;
}
.header_wallet {
  padding: 15px 20px;
}
}
@media only screen and (max-width: 1349px) and (min-width: 1025px) {
  .sign-up-parent .sign-up { font-size: 15px;  }
  .promoinside .coupon-item .content {padding: 15px 0px;}
  .promoinside .coupon-item1 .content {padding: 15px 0px;}
  .coupon-item .content {
  
    padding: 30px 0px;
  }
.game-box.st_featured_thumb .icond {
  width: 51px;
  height: 51px;
  top: 66px;
}
.games_card > div .icond {
  top: 28%;
}

.sign-up-parent {
  padding: 10px 0px 0px 20px;
}

.tron {
  font-size: 40px;
}
.group {
  padding: 3px 0px;
}
.banner-destop-sign-up .hero-btns__Container{line-height: 80px;}
.claim-now-wrapper {
  margin: 0px auto;
}
.tens img {
  padding-right: 0px;
}
.tens {
  padding: 10px 5px;
}
.header_wallet {
  padding: 15px 20px;
}
}

@media screen and (max-width:1200px) {
  .coupon-item .content {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 770px) {
  .tron{font-size: 22px;}
  .sign-up-parent{float: left;
    padding: 0px 0px 0px 10px;}
    .sign-up-parent .sign-up{font-size: 14px;}
    .banner-destop-sign-up .hero-btns__Container{line-height: 50px;}
    .group {
      padding: 3px 0px;}

      .creat-a-free{display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;}
      
}

@media only screen and (max-width: 1450px) {
.game-box.st_featured_thumb .icond {
  top: 39px;
}
/*  .innner_banner_bank_account {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}*/
}
@media only screen and (max-width: 1440px) and (min-width: 1400px) {

/*.logout-user-game{ bottom: 40px !important;}*/

.deposit_nav .month_tab .label2{ width: 88px;}
.deposit_nav .st_overview_nav li a span{ font-size: 13px;}
}
@media only screen and (max-width: 1420px) {
  
.games_card > div .icond {
      width: 60px;
      height: 60px;
  }
  .logout-user-game {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1350px) {
/*#Refer_A_Friend,#My_Messages,#AllTransactions,#DepositSummary,#WithdrawalSummary,#GameHistory .d-flex {
  display: block;
}
#Refer_A_Friend,#My_Messages,#AllTransactions,#DepositSummary,#WithdrawalSummary,#GameHistory .d-flex .month_tab {
margin-top: 15px;
float: left;
width: 100%;
}*/
}

@media only screen and (max-width: 1320px) {
/*.logout-user-game {
  bottom: 33px !important;
}
*/}
@media only screen and (max-width: 1310px) and (min-width: 1284px) {
.sign-up-parent .sign-up {
  font-size: 20px;
}
}
@media only screen and (max-width: 1284px) and (min-width: 1255px) {
.sign-up-parent .sign-up {
  font-size: 17px;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1100px) {

.frame-parent22-abouts .top-games{ font-size: 22px;}
table.table.table-striped.bank-account-my-profile-table thead > tr > th{ font-size: 10px;}
table.table.table-striped.bank-account-my-profile-table>tbody>tr>td{ font-size: 10px;}
img.frame-child24 {
  width: 102px !important;
  height: 102px;
}
.frame-wrapper17-topwin .log-in{font-size: 16px;}
}
@media only screen and (max-width: 1255px) and (min-width: 1200px) {
.sign-up-parent .sign-up {
  font-size: 13px;
}
.claim-now-wrapper {
  height: 37px !important;
}

}
@media only screen and (max-width: 1200px) and (min-width: 1180px) {
.sign-up-parent .sign-up {
  font-size: 13px;
}
.group {
  display: flex;
  padding: 3px 0px;
}
.tron {
  font-size: 39px;
}
.claim-now-wrapper {
  height: 37px;
}
}
@media only screen and (max-width: 1180px) and (min-width: 1140px) {
.sign-up-parent .sign-up {
  font-size: 13px;
}
.creat-a-free {
  font-size: 15px;
}
.group {
  display: flex;
  padding: 3px 0px;
}
.tron {
  font-size: 39px;
}
.claim-now-wrapper {
  height: 37px;
}
}

@media only screen and (max-width: 1140px) and (min-width: 1100px) {
.sign-up-parent .sign-up {
  font-size: 13px;
}
.claim-now-wrapper {
  height: 20px;
}
.creat-a-free {
  font-size: 14px;
}
}
@media only screen and (max-width: 1100px) and (min-width: 1080px) {
.sign-up-parent .sign-up {
  font-size: 13px;
}
.claim-now-wrapper {
  height: 20px;
  margin: 0px;
}
.creat-a-free {
  font-size: 14px;
}
.sign-up-parent {
  padding: 4px 16px;
}
.frame-parent31 {
  padding: 0px 17px;
}
}
@media only screen and (max-width: 1080px) and (min-width: 1025px) {
.sign-up-parent .sign-up {
  font-size: 12px;
}
.claim-now-wrapper {
  height: 20px;
  margin: 0px;
}
.creat-a-free {
  font-size: 12px;
}
.sign-up-parent {
  padding: 0px 16px;
}
}
@media only screen and (max-width: 1280px) {
b.title-react-cat {
  font-size: 23px;
}
.label2{padding: 5px 4px 6px;}
.month_tab .label2{ margin-right: 0px; font-size: 11px;}
}

@media only screen and (max-width: 1240px) {
.select-history-roll {
  width: 100%;
}
.text-history-startdateenddate:nth-child(2) {
  width: 100%;
}
.text-history-startdateenddate {
  width: 100%;
}
button.tablinksmyprofile {
  font-size: 16px;
}
}

@media only screen and (max-width: 1220px) {
.game-box.st_featured_thumb .icond {
  top: 30px;
}
.game-box.st_featured_thumb .icond {
  width: 53px;
  height: 53px;
}
}

@media only screen and (max-width: 1199px) and (min-width: 800px) {
img.frame-child24 {
  height: auto;
}
.frame-child11 {
  background-size: 30%;
}
.frame-wrapper17-topwin .lovl6 {
  font-size: 14px;
}
.frame-wrapper17-topwin .log-in {
  font-size: 13px;
}

.wrapper-button {
  width: 64%;
}
.log-in-price {
  font-size: 14px;
  min-width: 80px;
}
body {
 background-repeat: no-repeat;
}

.main-banner {
  overflow: hidden;
  margin: 0 auto;
}
.top-games {
  font-size: 20px;
  line-height: 113%;
}
.vector-parent .vip-wheel {
  width: unset;
}

.owl-silder .redolphs-revenge {
  font-size: 16px;
  padding: 6px;
}
.vip-wheel {
  font-size: 25px;
}
.frame-parent22-abouts .top-games {
  font-size: 14px;
}
.logsign-modal .modal-dialog{max-width:80%;}
.top-header-1{padding:0px 30px;}
.container{ padding: 0px 30px;}
.jackpot{padding: 13px 0px 0px 45px;}
.top-winner{ padding-right: 30px;}
.col-md-12.col-sm-12.col-12.owl-silder{padding: 0px 30px 0px 0px;}
.frame-parent22-abouts .our-licensed-casino {
  font-size: 14px;
}
.home-2-group {
  padding: 19px 6px;
}
.vip-page .vip-tabs-wrapper{margin-block:0px;}
.blog_detail_wrap .container .st_blog_detail{ padding: 22px 24px;}
.vip-page .vip-tabs-wrapper .nav-tabs li button{ font-size: 14px;}
.about-us {
  font-size: 17px;
}
.promotions-page-banner .b{ font-size: 45px !important;}

.jackpot .b {
  font-size: 50px;
}
.owl-silder .log-in {
  font-size: 21px;
}
a.next5.next {
  right: -33px;
}
#tournaments-slider .image-1710-icon {
  display: none;
}
}
@media only screen and (max-width: 1200px) {
.games_card > div .icond {
  width: 51px;
  height: 51px;
}
.logout-user-game {
/*  bottom: 27px !important;*/
  font-size: 14px;
}
.col-md-4.col-sm-4.col-4.col-xs-12.bonus-code-form {
  display: block;
  margin: 10px;
}
.active-code-button {
  margin-top: 16px;
}
.active-code-button button {
  margin-left: 0px;
}
}
@media only screen and (max-width: 1100px) {
.games_card > div .icond {
  width: 48px;
  height: 48px;
  top: 21%;
 }
}
@media only screen and (max-width: 1040px) {
  .logout-user-game {
/*      bottom: 17px !important;}*/
    }
@media screen and (min-width: 1025px) and (max-width: 1450px) {
  .title-react-cat-name-div{max-width:100% !important;}
.about-us-all {
  background-size: 29px;
}
.login-reg-section a,
.userdtls_hdr22 {
  min-width: 0px !important;
}
.menu_section_main22 .nav li {
  margin-right: 0px;
}
/*.login-reg-section a,
.userdtls_hdr22 {
  padding: 5px 6px;
}*/

.userdtls_hdr22 {
  height: 50px;
}
a.header_wallet {
  font-size: 16px;
}
.header_username {
  font-size: 16px !important;
}
}
@media only screen and (max-width: 1050px) {
button.input-btn.submit_dec {
  margin-top: 10px;
}
}

@media only screen and (max-width: 1024px) {
  .coupon-item .content h3{ font-size: 18px;}
  .coupon-item .content h2{ font-size: 18px;}
  .coupon-item1 .content h3{ font-size: 18px;}
  .coupon-item1 .content h2{ font-size: 18px;}
  .btn-claim{ font-size: 12px; padding: 6px 10px;}
  .react-game-new .single-download-box{ width: 24%;}
  .deposit_nav .month_tab .label2{width: 46%; margin: 5px 6px;}
  .react-game-new .grid-container {
    grid-template-columns: repeat(4, 1fr);
}
   .container.react-game-new .grid-container .single-download-box:nth-child(5), .container.react-game-new .grid-container .single-download-box:nth-child(6), .container.react-game-new .grid-container .single-download-box:nth-child(7), .container.react-game-new .grid-container .single-download-box:nth-child(8), .container.react-game-new .grid-container .single-download-box:nth-child(9), .container.react-game-new .grid-container .single-download-box:nth-child(10), .container.react-game-new .grid-container .single-download-box:nth-child(11), .container.react-game-new .grid-container .single-download-box:nth-child(12), .container.react-game-new .grid-container .single-download-box:nth-child(13), .container.react-game-new .grid-container .single-download-box:nth-child(14) {
    display: none;
}
  .title-react-cat-name-div{max-width: 100% !important;}
.play_game11 .newbutton{ width: 44px; height: 44px;}
.re{ display: none;}
.righ b{ font-size: 10px;}
.righ { font-size: 10px;}
.start_new {gap: 11px !important;}
.enddate_new {gap: 11px !important;} 
.month_tab .label2{margin-top: 10px;}

.banner-destop-sign-up .hero-btns__Container a#signbtn{padding: 10px 34px; font-size: 13px;}
.main-banner .swiper-slide:has(.banner-side) .hero-btns__Container a{padding: 10px 34px; font-size: 13px;}
.image-2302-parent{ padding-top: 0px;}
.jackpot-section-necolumn{ padding-top: 50px;}
.top-winner{margin: 20px 0px 10px;}
.row.first-row-topwin{padding-top: 10px;}
.game-box.st_featured_thumb .icond {
  width: 44px;
  height: 44px;
}
.game-box.st_featured_thumb .icond img {
  width: 11px;
}
b.title-react-cat {
  font-size: 14px;
}
.games_card > div .icond {
  width: 52px;
  height: 52px;
}
.login-overlay {
  bottom: -30px;
}

.available-bonus h1 {
  font-size: 31px;
}
h1.active-bonus-title {
  font-size: 31px;
}
h2.nomore-data {
  font-size: 31px;
}
div#available-bonus {
  margin-top: 22px;
  margin-bottom: 40px;
}
.bonus-code-main input[type="text"] {
  width: 100%;
}
.col-md-4.col-sm-4.col-4.col-xs-12.bonus-code-form {
  display: block;
  margin: 0px;
  padding: 0px;
}
.active-code-button button {
  height: 40px;
  padding: 0px 13px;
}
.bonus-code-main input[type="text"] {
  height: 38px;
}

.bonus-status-selectore select {
  color: #000;
  width: 40%;
}

input#amount {
  width: 100%;
}
}

@media screen and (min-width: 769px) and (max-width: 950px) {
.rectangle-parent10 {
  width: 150px;
}
.item{padding: 0px 4px 15px 4px;}

.container {
width: unset !important;
}

.header_sec_main_flex22 .container {
width: 100% !important;
padding: 5px 5px;
}
.main-banner {
overflow: hidden;
margin: 0 auto;
}
.home-submenu-main-22 {
display: none;
}
.frame-parent16 {
top: 10%;
left: unset;
padding: 10px;
}
.vip-wheel {
font-size: 23px;
}
.cashback .vip-wheel {
width: unset;
margin-top: 0px;
}
.user-user-parent {
padding: 12px 17px;
}
.about-us-all {
padding: 40px 31px;
}
.enjoy-5000-crypto {
width: unset;
}

img.icon2 {
margin-left: -26px;
}
.rectangle-parent10 {
width: 171px;
}
}
@media only screen and (max-width: 991px) {


  .games_card > div .icond {
      width: 47px;
      height: 47px;
      top: 15%;
  }
  
  .cptext{ padding: 0px;}
.innner_banner_bank_account {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.crypto-type-lable-wallet {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.col-lg-6.col-md-6.col-sm-12.col-xs-12.crypto-type-bank-address-second-col-new {
  padding-top: 10px;
}
.crypto-type-bank-address {
  margin-top: 10px;
  display: block;
}
button.copy-crypto-address-key {
  margin-top: 5px;
}
.col-lg-6.col-md-6.col-sm-12.col-xs-12.bank-account-deatils-table-second-row {
  padding-top: 10px;
}
#tab-bonus .tab-bonus {
  max-width: 80%;
}
body .wallet_overview {
  width: 100%;
  max-width: 100%;
}
.bonus-status-selectore select {
  color: #000;
  width: 80%;
}

button.tablinkscashier {
  padding: 11px 28px;
}
button.tablinksbonus {
  padding: 11px 51px;
}
button.tablinksmyprofile {
  padding: 10px 10px;
}
#MyProfile .tab-bonus {
  display: block;
}
#MyBonuses .tab-bonus {
  max-width: 100%;
}
button.tablinkshistory {
  font-size: 14px;
}
}
@media only screen and (max-width: 1001px) {
  .ban_iner{ width: 100% !important;}
}
@media (min-width: 768px) {
  
  
.modal-daa {
  width: 600px;
  margin: 30px auto;
}
.right-section-header .login-reg-section a#loginbutton{ width: auto;}
}
@media only screen and (max-width: 768px) {
	.game_labels .label1{font-size: 9px; padding: 0px 5px; margin: 5px 0px 0px 5px; min-width: auto;}
	.game_labels .label2{font-size: 7px; top: 12px; right: -33px;}
		.kyc_text{ font-size:14px;}
	.kyc-container .col-md-6{ margin:10px 0px;}
	.upload-box{ height:90px;}
	.vs_rp img { width: 60%;}
	.max_bg .col-md-8{ border:0px;}
	.kyc_p{ font-size:12px;}
	.kyc_suc{ font-size:12px;}
	.savedad a::before{ background:none;}
	#cry_wth .month_tab{ width:100%;}
	.savedad input{ width:50%;}
.mobile_ver{width: 180px;}
	.error_kyc{ font-size:13px !important;}
	.games_model .close{top: 0; right: 5px;}
  #litecoin .litc{ max-width: 60px; margin-left: 20px; position: absolute;  right: 50px; top: 13px;}
  .home_banner{ display: block !important;}
  .download-area-bottom #SPNL-1179732{ display: block !important;}
  .download-area-bottom .SPNL-1179732{ display: block !important;}


  .download-area-bottom #SPNL-1179769{ display: block !important;}
.download-area-bottom .SPNL-1179769{ display: block !important;}

.download-area-bottom #SPNL-1179862{ display: block !important;}
.download-area-bottom .SPNL-1179862{ display: block !important;}

  .otp_parent .input_dec{ width: 80%;}
  .otp_dv{border-radius: 32px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;}
  label.error{ font-size: 12px !important;}
  .mob-coupen .deactive{border-radius: 5px;
    border: 1px dashed #747474;
    color: #747474;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    text-align: center;
    padding: 9px 20px;
    cursor: pointer;
    margin-bottom: 0px;
    float: left;
    background: #000;}
  .prom_p #list-promotion-no-deposit-code{ padding: 0px;}
  .prom_p #list-promotion-no-deposit-code .coupon-item .content {
    width: auto;
}

.prom_p #list-promotion-no-deposit-code .coupon-item1 .content {
  width: auto;
}

  .promo-code{margin-block:10px;}
  #list-promotion-no-deposit-code{ padding: 0px 20px;}
  #active_bonus .apply_code{float: left;    width: auto;}
  #active_bonus .deposit-coupon-code-box{width: auto;}
  /* .deposit-coupon-code-box{width: 70%;} */
  #loginOtpAuthForm .input_dec, .col-md-12 {
    float: left;
    width: 100%;
}
  #confirmCancelBonus .coupon-item .content{ padding: 49px 0px;}
  #confirmCancelBonus .coupon-item .content1{ padding: 49px 0px;}
  #confirmClaimBonus .modal-dialog{margin: 0px 10px;}
  #confirmClaimBonus .coupon-item .content1{padding: 40px 0px;}
  #confirmCancelBonus .modal-dialog{margin: 0px 10px;}
  #playpop .modal-dialog {
    margin: 0px 10px;
}
  .copy-message{padding: 5px 10px; top: -50px;}
  #confirmClaimBonus .coupon-item .content{padding: 40px 0px;}
  .content .active svg{float: left;  margin: 0px 5px 0px 0px;}
  
  .coupon-item{background-size: 100% 100% !important; min-height: 140px;}
  .coupon-item1{background-size: 100% 100% !important; min-height: 140px;}
  .coupon-code{font-size: 10px; font-weight:400;}
  #playpop .content p{ font-size: 15px;}
  #playpop .coupon-item .content h3{font-size: 20px;}
  #playpop .coupon-item .content{top: 50px; padding: 12% 0px;}
  .btn-clc{padding: 10px 10px; font-size: 12px;}
  /* .copy-btn{ font-size: 10px; padding: 0px 0px !important; width: 20px;} */
  .coupon-item .content h3{ font-size: 20px;}
  .coupon-item .content h3{ font-size: 20px;}
  .redeem-section .form-control{ width: 70%;}
  .coupon-item .content{padding: 6% 10px 20px 0px; margin-right: 20px; min-height: auto;}
  .btn-claim{padding: 8px 20px;    font-size: 14px;    font-weight: 600; box-shadow: none;}
  .coupon-item .terms{ font-size: 12px; bottom: 5px; right: 5px;}
  .coupon-item1 .content{padding: 6% 10px 20px 0px; margin-right: 20px;}
  .coupon-item1 .terms{ font-size: 12px; bottom: 5px; right: 5px;}
  .bacode_title span{ font-size: 13px;}
  .payment-amount-margin{ margin-bottom: 10px;}
  .btbg{ width: 94%;}
  .dicbg{ width: 94%;}
  .col-xs-0{ display: none;}
  .btbg .col-md-8{ text-align: center;}
  .page_id11 p{ font-size: 13px !important;    font-weight: 400 !important;}
  /* .coupon-code-box{padding: 4px 5px 4px 5px; max-width: 90px;} */
  #active_bonus .copy-btn{ font-size: 10px;}
  #active_bonus .apply_code {
    padding: 10px 20px;
    font-size: 14px;
    margin-top: 0px;
}
#prompage{ padding: 0px 0% 50px;}
.deposit-copy-btn {
  font-size: 10px;
}
  .page_id11 br{ display: none;}
  .banking-new br{ display: none;}
  .banking-new h2{ font-size: 22px;}
  .banking-new p{ font-size: 14px; font-weight: 400;}
  .banking-new h3{ font-size: 18px;}
 
  .baning-table_uni li{ font-size: 14px;}
  .baning-table_uni_inner li { font-size: 12px; line-height: 40px;}
  .baning-table_uni_inner li img{ width: 60px; height: 25px;}
  .baning-table_uni{ padding: 10px 0px;}
  .withdrawal-method{ padding-top: 40px;}
  .inner_bannerv1 .notes h4{ font-size: 18px !important;}
  .banking-new .list_meta li{ font-size: 12px; margin-left: 10px;}
  .banking-new .list_meta li:last-child {    margin-left: 10px;}
.banking-new .notes {
  padding: 28px 0px 0px;
  border: 0;
}
.banking-new .list_meta { margin-bottom: 20px;}
  .baning-table_uni_inner{ padding: 0px;}
  .ban_iner{ width: 100% !important;}
  .affooter .col-md-9{ padding: 0px !important;}
  .cptext img {
    padding: 0px 0px;
}
  .pp0{padding: 0px !important;}
  .afbg .mobheader{margin: 0px auto;}
  .affsec .mobheader{margin: 0px auto;}
  .affsec{display: flex; flex-flow: column;}
  .logoa img{ width: 90px;}
  .logoa{padding: 10px 0px 10px;}
  .cptext{font-size: 15px; padding-top: 10px;}
  .cpimg {
    float: initial;
    text-align: center;
    margin: 10px auto;
}
.cpimg img{ width: 180px;}
.affooter { padding: 0px;}
.afbg a img{ width: 215px;}
  .affsec .col-md-7{order: 2;}
  .affsec .col-md-4{order: 1;}
  .footer-links-add-new ul li{ padding: 0px;}
  .modal-dialog{max-width: 100%; padding: 0px 20px;}
  #deposit_error_modal .login-head img{ width: 90px;}
  #txw{font-size: 20px;}
  #deposit_error_modal .login-btn1 a{font-weight: 400; font-size: 13px;}
  .page_id11 h1{ font-size: 25px;}
 
  .terms_btn{bottom: 15px;}
  .page_id11 img{ margin-bottom: 10px;}
  .allrecenly{ font-size: 12px;}
  .react-game-new .single-download-box{ width: 32%;}
  .footer-links-add-new ul li a{ font-size: 11px;}
  .dispflex { display: flex; flex-flow: column;}
  .coyright .row{display: flex; flex-flow: column;}
  .ord1{ order: 1;}
  .ord2{ order: 2;}
  .footer-links-add-new { padding: 0px 0px 30px 0px; float: left;}
  .certificat{text-align: center; padding: 0px 0px 0px 0px; order: 2;}
  .footer-img embed { float: none;}
  .footer-img{border-top: 1px solid #E8DFD7; text-align: center; border-bottom: 1px solid #E8DFD7;  padding: 15px 0px; width: 100%;}
  .co-footer .col-md-6{ padding: 0px !important;}
  .deposit_nav .st_overview_nav li a label{ display: inline-block; margin-top: 3px;}
  .right_men{padding-top: 0px;  padding-bottom: 30px;}
  .grid-container{grid-template-columns: repeat(3, 1fr) !important;}
  .title-react-cat-name-div{max-width:100% !important;}
  .st_date1{width: 40%;  font-size: 14px;}
.promo-code-box1{ padding: 15px 0px 0px;}
.apply_code{border: 0px dashed #0C6DC6; margin-top: 0px;}
.promo-code-box1{ display: block;  background-size: 100% !important;}
.copy_aply{padding: 14px 18px 16px 22px; height: 25px;}
.select_dec2 input[type="text"]{border: 1px solid #CFCFCF; border-radius: 10px; min-height: 37px; font-size: 12px;}
.amoun_pad2{ padding: 0px 10px;}
.amoun_pad{ padding: 0px 10px;}
.inside_box{ border: 0px;}
.bacode_title-columun{ padding: 5px 5px 0px 7px !important;}
.text_22{width: 98%;}
.month_tab .label2:nth-child(1){margin-left:inherit;}
.month_tab .label2:nth-child(6){margin-right:inherit;}
.deposit_nav .month_tab .label2{ width: 29%;}
.mob-coupen{ display: block; padding-top: 20px;}
.desk-coupen{ display: none;}

.play_game11 .perplay{font-size: 16px;}
.deposit_nav .st_overview_nav ul li{ width: 100%;}
.deposit_nav .st_overview_nav .active a{ border-radius: 5px;}
.deposit_nav .st_overview_nav li a{ display: block;}
.deposit_nav .st_overview_nav li img{ float: left; width: 100px;}
.withdraw_section .st_overview_nav li a { padding: 10px; border-radius: 5px;}
.active .re{margin: 5px 10px 0px 0px;}
.re{ margin: 5px 10px 0px 0px; display: block;}

.vip-page .vip-tabs-wrapper{margin-block:0px}
.vip-program p.vip-banner-p{ font-size: 15px !important;}
.promotions-page-banner .b{font-size: 44px !important;}

input[type="search"] {
  font-size: 16px;
}
input[type="text"] {
  font-size: 16px;
}
input[type="password"] {
  font-size: 16px;
}

.top-winner{ padding-right: 0px; margin: 15px 0px 0px;}
.col-md-12.col-sm-12.col-12.owl-silder{ padding-right: 0px;}
.top-winner .col-md-8{ padding-left: 10px;}
.jackpot .row{margin: auto;}
.nav.mainmenu_nav1{ margin-top: 10px;}
.section, section{padding: 0px 0px 0px;}
#loader-2 span {
  margin: 40px 2px 0px;
}
.jackpot-section-necolumn {
  padding-top: 20px;
}
.jackpot img.image-2302-icon {
  mix-blend-mode: lighten;
  padding: 20px 0px;
 }
.frame-parent31{background:url("../images/aboubg1.webp") no-repeat; background-size:100% 100%;}
.grid-container{grid-gap: 10px;}
.tab-bonus :is(.tablinkshistory,.tablinksbonus,.tablinkscashier){padding: 8px 6px !important;}
#FAQ .panel-collapse .panel-body p{padding-left: 50px;}
.tab-pane .text_2 {
  padding: 10px 10px 10px;
  
}
.st_date1{ font-size: 14px; width: 35%;}
.text_22 .st_date1{color: #282828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;}
  .text_22 .value-amt{color: #0C6DC6;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%; /* 16.2px */}
.righ {
  float: right;
  width: 65%;
  color: #000;
  font-family: Rubik;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-align: right;
  margin-top: 4px;
}
.logout-user-game {
/*   bottom: 15px !important;*/
}
img.frame-child24 {
  width: 68px !important;
}
.banner-mobile-sign-up {
  display: block;
}
.mainslider-container .col-md-3 {
  width: 100%;
}
.banner-destop-sign-up {
  display: none;
}
.mainslider-container .col-md-9 {
  width: 100%;
}
.mainslider-container .col-md-3 {
  width: 100%;
  margin-top: 10px;
}
b.title-react-cat {
  font-size: 12px;
  font-weight: 700;
}
.ismai .input_dec {
  width: 100%;
}
.deposit_nav .month_tab .label2 {
  padding: 8px 15px;
}
.ismai label {
  width: 40%;
      text-align: left;
      font-size: 12px;
}
.game-box.st_featured_thumb .icond {
  top: 46px;
}
.game-box.st_featured_thumb .icond {
  width: 54px;
  height: 54px;
}
.footer {
  margin-top: 0px;
  padding-top: 20px;
}
.container {
  padding: 0px 15px !important;
}
.dream-royale-logo-1-parent {
  display: block;
}
div#signup {
  padding-right: 0px !important;
}
.redeem-your-welcome {
  padding: 20px 25px;
}
.enjoy-5000-crypto p {
  width: unset !important;
}
.top-header-1 {
  padding: 0px 10px;
}
.footer-grid {
  display: block !important ;
}
.col-4.col-lg-2.col-6.community {
  padding-left: 0 !important ;
}
.top-winner-box .swiper-slide {
  float: left !important;
  display: block !important;
  background: unset !important;
}

.startdate_lable {
  width: 50% !important;
}
.main-bonuse-container .container {
  padding: 0px 0px !important;
}
.tab-bonus {
  max-width: 100%;
}
.bonus-status-selectore select {
  color: #000;
  width: 100%;
}
body .wallet_tab .table {
  width: 100%;
  max-width: 767px;
}
body .wallet_overview .nav-tabs .nav-link {
  font-size: 12px;
}
.available-bonus h1 {
  font-size: 26px;
}
h1.active-bonus-title {
  font-size: 26px;
}
h2.nomore-data {
  font-size: 26px;
}
button.tablinksbonus {
  padding: 11px 28px;
  font-size: 14px;
  line-height: 16px;
}
.bonus-code-main {
  padding: 18px 16px 18px 10px;
}

.available-bonus .all {
  padding-top: 0px;
}
button.tablinkshistory {
  font-size: 14px;
}

.d-flex-history {
  display: block;
}

#MyPayment button.text-history-showbutton {
  margin-right: 0px;
}

.deskheader {
  display: none !important;
}
.mobheader {
  display: block;
}
.row1 {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1111;
}
.sign-up-parent .sign-up {
  font-size: 10px;
}
.containersearch {
  display: block;
  width: 100%;
  margin:0px 0px 20px 0px;
}
.ryal .we {
  padding: 0px 16px;
}
/* .frame-wrapper13 {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
 
} */
.top-winner .we {
  padding: 12px 10px 12px 10px;
}
button.silder-button {
  width: 29px;
  height: 29px;
}
/* .group {
  padding: 10px 5px;
  float: left;
  width: auto;
} */

.group {
  padding: 5px;
  float: left;
  width: 33.33%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.sign-up-parent {
  padding: 11px 0px 11px 6px;
}
.games-title{ margin-left: -10px;}
.tron {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 43.5px */
}
.main-banner {
  position: sticky;
  margin-bottom: 0px;
}
.claim-now-wrapper {
  display: none;
}
.creat-a-free {
  display: none;
}
.p0 {
  padding: 0px !important;
}
.paymnt {
  padding: 10px 30px;
}
.paymnt p {
  color: #222;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 139.5%; /* 18.135px */
  text-transform: capitalize;
}
.paymnt img {
  width: 70%;
  padding: 0;
}
.casino-parent {
  padding: 10px 30px;
}
.allrecenlyheading {
  font-size: 16px;
}
.allrecenly{ padding-top: 5px;}
.main-banner .swiper-container {
  border-radius: 20px;
}
.rectangle-parent {
  margin: 0px 0px;
}

.silder-button i {
  font-size: 17px !important;
  display: block;
}
.ryal .we {
  padding: 2px 8px 12px 16px;
}
.games_card > div:has(.icond) .icond img {
  width: 7px;
}
.item {
  padding: 0px 5px 0px 5px;
}
.top-header-1 .container {
  overflow: visible !important;
  display: block;
}

.main-banner .swiper-slide:has(.banner-side) .hero-btns__Container a {
  padding: 7px 10px;
  margin-inline: auto;
  color: #fff;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.login-reg-section a,
.userdtls_hdr22 {
  margin-left: 5px !important;

  padding: 8px 2px !important;
}
.header_username {
  font-size: 11px !important;
  width: auto;
}
.logo-main img {
  max-width: 35px;
  padding-top: 7px;
}

.wrapper-button {
  width: 71% !important;
}
.sat_content_wrap,
.sat_wrapper,
header,
section {
  float: left;
}

.first-row-topwin > div {
  overflow: hidden;
}

.sat_content_wrap,
.sat_wrapper,
header,
section {
  float: none !important;
}

.st_social3 li a {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  float: inline-end;
  clear: both;
}
.nav > li > a {
  padding: 6px 6px;
}

.st_social3 li a .fa {
  font-size: 17px;
}
.logo-main {
  width: auto;
}
.right-section-header .login-reg-section .userdtls_hdr22 {
  padding: 5px !important;
  width: 37px !important;
  }
.login-reg-section a,
.userdtls_hdr22 {
  width: auto !important;
  height: 36px !important;
  min-width: auto;
  padding: 9px 12px !important;
  font-size: 14px !important;
  line-height: 18px;
}
.tens {
  padding: 8px 3px;
}
.tens .header_username {
  width: 40%;
  font-size: 8px !important;
}
.tens #player-balance-head {
  width: 40%;
  font-size: 9px;
}

.userdtls_hdr_span_sec {
  align-items: last baseline;
}
.right-section-header {
  float: right;
  margin-left: auto;
  margin-top: 10px;
}
.logo-main1 {
  margin: 0 !important;
}
.logo-main1 img {
  padding: 0px !important;
  width: 70px;
}
.top-header-1 {
  margin: 10px 0px;
}
.top-header-1 .container {
  padding: 5px 10px;
}
.item-new {
  margin-top: 17px;
  padding-bottom: 0px;
}
.owl-theme .owl-controls {
  margin-bottom: 10px;
  margin-top: 5px;
}
.owl-theme .owl-controls .owl-page span {
  background: #ffd700 !important;
  margin: 5px 3px !important;
}
.abouts-new-mobile-silder .frame-parent22-abouts {
  margin: 5px;
}
.frame-parent22-abouts .top-games {
  color: var(--Black-heading, #2b2b32);
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 33px */
  max-width: unset !important;
  text-transform: capitalize;
}
.frame-parent22-abouts .our-licensed-casino {
  color: var(--black-pragraph, #343437);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.abouts-new-mobile-silder .frame-parent22-abouts .top-games {
  font-size: 22px;
}
.frame-wrapper6 {
  width: auto;
  margin-bottom: 12px !important;
}
.abouts-new-mobile-silder .frame-parent22-abouts .our-licensed-casino {
  font-size: 14px;
}

.abouts-new-mobile-silder .home-2-group {
  padding: 0px;
}

.abouts-new-mobile-silder .frame-wrapper6 {
  width: unset;
  height: 220px;
  padding: 24px 22.698px 24.085px 22.698px;
}

.col-md-4.col-sm-4.col-4.second-row {
  padding-top: 0px;
}

.abouts-new-mobile-silder .frame-wrapper6 {
  width: unset;
  height: 220px;
}
.demo-one.col-md-9.col-sm-9.col-9.col-12 {
  display: block;
}
.col-md-9.col-sm-9.col-9.abouts-section-new {
  display: block;
}
.we {
  display: block;
  padding: 0px 16px;
}
.we.pur-silde i {
  font-size: 15px !important;
  display: block;
}
button.silder-button {
  width: 35px !important;
  height: 29px !important;
  font-size: 14px;
}
.desknone {
  display: block;
}

body {
  /*background: url("../images/Mob-BGn.jpg") no-repeat;*/
  background: #d4e3fe;
  background-size: 100% 100%;
}

.icon-casino-page-tab-parent {
  padding: 12px 16px;
  display: block;
  width: 43%;
  float: left;
}
.frame-parent1,
.icon-casino-page-tab-group {
  display: block;
  width: 43%;
  float: left;
  height: 50px;
}
.icon-casino-page-tab-group {
  display: block ruby;
  padding: 12px 16px;
}
.latest_arr_sec2_main {
  padding-top: 0px;
}

.newgamebg {
  padding: 0px 0px;
  margin-top: 0px;
  border-radius: unset;
  margin-bottom: 0px;
  padding-top: 0px;
}
.coyright .row{ margin: 0px  !important;}
.co-footer .row{ margin: 0px  !important;}


.jungle-orginal {
  width: 100%;
  overflow: hidden;
  display: -webkit-inline-box;
}

.newgamebg h1 {
  font-size: 20px;
  margin-bottom: 20px;
}

.frame-parent6 {
  padding: 20px 10px;
}

.newgamebg .all {
  padding-top: 7px;
  z-index: 99999;
  position: relative;
  font-size: 12px;
}

.top-games {
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0px 10px;
}

.online-slot {
  font-size: 13px;
}

.m-t {
  margin-top: 0px;
}

.leftimg {
  display: none;
}

.banerbg {
  min-height: 280px;
  background-size: 100% 100%;
  background: url("../images/banerbg.png") no-repeat;
  background-size: 100%;
}

.rightimg {
  text-align: center;
  display: none;
}

.rightimg img {
  width: 40%;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  border: 0px;
  position: absolute;
  bottom: -4px;
}
.swiper-pagination-bullet-active {
  background: #ffd700 !important;
}
.swiper-pagination-bullet {
  border: 0px solid #7e807f !important;
  opacity: 3 !important;
  background: #000 !important;
}
.get-a-100 {
  font-size: 24px;
  width: 100%;
  padding-top: 150px;
}

.frame-group {
  left: auto;
  position: relative;
}

.embark-on-an {
  display: none;
}

.frame-container {
  display: none;
}

.mobnone {
  display: none;
}

.logo {
  text-align: left;
}

.logo img {
  width: 100px;
}
.frame-child11 {
  background: none !important;
  background-position: bottom !important;
  padding: 0px 30px 0px 30px !important;
}
.about-us-all {
  background-image: url(../images/abbg_mob.png) !important;
  background-size: cover !important;
}
.log-in-wrapper {
  display: flex;
  height: 32px;
  max-height: 40px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  color: #2e3a59;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 14.4px */
  gap: 10px;
  width: 80px;
}

.sign-in-wrapper {
  display: flex;
  height: 32px;
  max-height: 40px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  color: #2e3a59;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  width: 80px;
  /* 14.4px */
  gap: 10px;
}

.headerbg {
  margin: 15px 0px;
}

.tournaments {
  display: none;
}

.about-us-all .row {
  display: block;
}

.about-us-icone {
  display: none;
}

.about-us-all {
  padding: 0px;
  border-radius: 0px;
}

.col-md-3.col-sm-3.col-3.abouts-mobile {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
}

.about-us {
  font-size: 24px;
  padding: 8px 6px;
}

.enjoy-5000-crypto {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.mob {
  display: none;
}
.desk {
  display: none;
}
.jackpot .b {
  font-size: 41px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.jackpot .top-games {
  font-size: 20px;
  text-align: center;
  max-width: none !important;
}
.total-jackpot-amount-parent .top-games {
  max-width: unset !important;
  text-align: center;
  width: unset;
}


.top-games-new-jackpot {
  font-size: 18px;
  text-align: center;
}

.go-to-casino-wrapper {
  display: block;
  padding: 20px 0px;
  text-align: center;
}
.frame-parent31 {
  padding: 0px 28px;
}
.jackpot {
  padding: 20px 10px;
  padding-top: 30px;
  margin-top: 20px;
  background-size: 100%;
  background: linear-gradient(161deg, #A4021A 13.05%, #1864BB 63.82%);
}

.image-2302-parent img {
  width: 100%;
}
@media screen and (max-width: 376px){
  .frame-parent31 {
    padding: 0px 13px;
}
}
.customNavigation.prev_next {
  display: none;
}

.rectangle-parent10 {
  padding: 10px;
  width: unset;
  height: unset;
  margin: 5px;
}

.top-winner h1 {
  font-size: 20px;
  padding-bottom: 15px;
}
#jackpot-slider .item {
  padding: 0px 3px 0px 3px;
}
.topcl {
  padding: 12px 0px 0px 0px;
}
.p000 {
  padding: 0px 0px 0px 0px !important;
}
.top-winner .row {
  display: flex;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
}

.top-winner .all {
  padding-top: 24px;
  margin-top: -6px;
  font-size: 12px;
}

.frame-wrapper17-topwin {
  width: unset;
  height: unset;
  padding: 8px 11px 8.25px 8px;
}

.col-md-3.col-sm-3.col-3.second-row-topwin {
  padding-top: 0;
}

.top-winner-box .col-md-3.col-sm-3.col-3.col-12 {
  margin-bottom: 20px;
}

.fiat {
  float: left;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.line-div {
  display: block;
  margin: 0px 0px 10px;
}
.community .casino-parent {
  padding: 10px 0px;
}
.footer .home {
  color: #232329;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.footer {
  background-image: url("../images/foterbgmob.png");
  background-size: 100% 100%;
  float: left !important;
}

.footer .col-4.col-lg-2 {
  padding-bottom: 20px;
}

.top-winner-box img.frame-child24 {
  width: 60.214px;
  height: 73.75px;
}

.owl-silder .log-in {
  font-size: 20px;
}

.owl-silder .redolphs-revenge {
  font-size: 12px;
}

.coyright .privacy-policy {
  color: #adadad;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  float: left;
  width: 100%;
}

.btc-2673082 {
  font-size: 14px;
}

.dream-royale-logo-1-parent img {
  padding-bottom: 10px;
  width: 85px;
}

.coyright .privacy-policy1 {
  text-align: center;
  
  font-weight: 400;
  line-height: 150%;
  float: right;
  width: 100%; /* 21px */
}
.frame-wrapper17-topwin .log-in {
  font-size: 12px;
  text-align: left;
}

.frame-wrapper17-topwin .lovl6 {
  font-size: 12px;
}

.top-winner-box .col-md-3.col-sm-3.col-3.col-6 {
  padding: 5px;
}

.log-in-price {
  font-size: 10px;
  min-width: 80px;
}

.rectangle-parent15 {
  gap: 8px;
}

.row.first-row-topwin {
  padding-top: 0px;
}

.row.row-cols-2.row-cols-lg-4.footer-grid {
  justify-content: flex-start;
}

.col-4.col-lg-2.col-6.community {
  padding-left: 86px;
}
.icon-casino-page-tab {
  float: left;
}
.kyc_text{ font-size:14px;}
.kyc-container .col-md-6{ margin:10px 0px;}
.upload-box{ height:90px;}
.vs_rp img { width: 60%;}
.max_bg .col-md-8{ border:0px;}
.kyc_p{ font-size:12px;}
.kyc_suc{ font-size:12px;}
}


/* pur */


@media screen and (min-width: 676px) and (max-width: 767px)  {
.games_card > div .icond {
   top: 30%;
}
.logout-user-game {
/*   bottom: 33px !important;*/
}
.games_card > div:has(.icond) .icond img {
    width: 12px;
}
}   


@media screen and (min-width: 610px) and (max-width: 676px)  {
.logout-user-game {
/*    bottom: 23px !important;*/
} 
.games_card > div:has(.icond) .icond img {
    width: 12px;
}
}

@media screen and (min-width: 610px) and (max-width: 676px)  {
  .logout-user-game {
/*     bottom: 30px !important;*/
    } 
    .games_card > div:has(.icond) .icond img {
     width: 12px;
    }
    .games_card > div .icond {
     top: 24%;
    }
}
/* pur end */

@media only screen and (max-width: 620px) {
.game-box.st_featured_thumb .icond {
  top: 22px;
}
.game-box.st_featured_thumb .icond {
  width: 44px;
  height: 44px;
}
}
@media only screen and (max-width: 600px) {
.available-bonus-silder {
  padding: 15px;
  height: 100%;
}
.available-bonus-button {
  position: relative;
  bottom: 5px;
  padding: 11px;
}
.available-bonus h1 {
  font-size: 23px;
}
h1.active-bonus-title {
  font-size: 23px;
}
h2.nomore-data {
  font-size: 23px;
}
}

@media only screen and (max-width: 550px) {
button.tablinkscashier {
  padding: 9px 13px;
}
}

@media only screen and (max-width: 500px) {
.login-overlay {
  bottom: -27px;
}
}

@media only screen and (max-width: 490px) {
#game-iframe .purplay.login-overlay {
  bottom: 15px !important;
      left: 0px !important;
      font-size: 12px;
  
}

div#userimageold1:before {
  background-color: #fff;
  background-image: unset;
}
.log-in-price {
  min-width: 46px !important;
}
.purplay.login-overlay {
  bottom: -27px !important;
}
.frame-wrapper17-topwin .log-in {
  font-size: 11px;
  max-width: 47px;
}
.frame-wrapper17-topwin .lovl6 {
  font-size: 10px;
}
.purplay.login-overlay {
  bottom: 15px !important;
  left: 0px;
  font-size: 12px;
      text-transform: unset;
}
.waq32{ font-size: 20px; text-transform: capitalize;}
.game-box.st_featured_thumb .icond {
  top: 27% !important;
}
.games_card > div .icond {
  width: 27px;
  height: 27px;
  top: 27%;
}
}

@media only screen and (max-width: 430px) {
#topwin-slider-casino-game img.frame-child24 {
  width: 59px !important;
  height: 59px;
}
#topwin-slider-casino-game .frame-wrapper17-topwin .log-in {
  font-size: 13px !important;
}
#topwin-slider-casino-game .frame-wrapper17-topwin .lovl6 {
  font-size: 12px !important;
}
.logout-user-game {
/* bottom: 15px !important;*/
 font-size: 12px;
}
}
@media only screen and (max-width: 420px) {
button.tablinkscashier {
  padding: 5px 8px;
  font-size: 14px;
}
#MyBonuses .tab-bonus {
  display: block;
}
}

@media only screen and (max-width: 400px) {
button.tablinksbonusmain.col-md-3 {
  padding: var(--3, 12px) 22px;
  display: block;
  width: 100%;
}
.tab-bonus-main {
  display: block;
  height: 100%;
}

button.tablinksbonus {
  padding: 10px;
}
}
@media only screen and (max-width: 365px) {
  .logout-user-game {
/*      bottom: 5px !important;*/
      font-size: 10px;
  }
  
}
/* media Query End*/


/* pur */
@media only screen and (max-width: 340px) {
.games_card > div .icond {
   top: 19%;
}
}
/* pur */
.pfp-clr{
color: #FFF !important; 
}

.imag-paynow-button img{width: 10px;}
.play_game11 .newbutton{width: 32px;   height: 32px;}
.play_game11 .perplay {  font-size: 12px;}
.play_game11 .newbutton{ margin-bottom: 6px;}

@media (min-width: 576px) { 
  .play_game11 .newbutton{width: 44px;   height: 44px;}
  .play_game11 .perplay {
    font-size: 16px;
  }
  
  .play_game11 .newbutton{ margin-bottom: 12px;}
}

@media (min-width: 768px) {
  .imag-paynow-button img{width: 12px;}
 
}
@media (min-width: 992px) {
  .imag-paynow-button img{width: 15px;}
  .play_game11 .perplay { font-size: 18px;}
 .play_game11 .newbutton { margin-bottom: 15px;}
 
  
}
@media (min-width: 1200px) {
  .play_game11 .newbutton {  width: 51px;  height: 51px;}
  .play_game11 .newbutton {  margin-bottom: 15px;}
  }

@media (min-width: 1400px) {
.play_game11 .newbutton {  width: 60px;  height: 60px;}
.play_game11 .newbutton {  margin-bottom: 18px;}
}
@media (min-width: 1600px) {
  .play_game11 .newbutton {  width: 70px;  height: 70px;}
  .play_game11 .newbutton {  margin-bottom: 20px;}
  .play_game11 .perplay { font-size: 20px;}
  
  }
  @media screen and (min-width: 580px) and (max-width: 766px)  {
    .re{ display: none !important;}
    .deposit_nav .st_overview_nav li a label{ display: none;}
  }

  @media screen and (min-width: 430px) and (max-width: 452px) {
    .group {
      width: auto;
      text-wrap: balance;
    }
    .frame-wrapper13 {
      display: flex;
  }
  }

/* amit changes */
 .active-promo-indicator {
      position: absolute;
      top: 10px;
      right: 16px;
  }

/* Loader Overlay - Gray out the background */
.claimed-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Gray out the page */
    z-index: 9999; /* Ensures it stays on top */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Loader Image */
.claimed-loader-image {
    width: 60px;
    height: 60px;
}

.spinner-img {
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px;
    display: none; /* Hidden by default */
    /*animation: spin 1s linear infinite;*/ /* Animation to spin the image */
}

.spn-img{
    padding: 6px 20px;
}

/* amit changes */


#resend_button_forgot span{
  color: #DB2234;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
#cryptopool_back_payment_form{display: none;}
.home_banner{display: flex; justify-content: space-between;}
.pd27{ padding-left: 27px;}
#verify_email_otp_login{background: var(--new-golden, linear-gradient(180deg, #FFAE54 20.88%, #FDF7DD 100%)); 
  padding: 16px 32px; color: #000;
  border-radius: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */}
  .litc{ display: none;}
#litecoin .litc{ display: block;
  border-radius: 5px;
  background: #000;
  color: #FFF !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px 3px;
  margin-bottom: 0;
  margin-right: 5px;
}
#changelly_back_payment_form{display: none;}

/*KYC start  */
#Account_Verification{padding-top: 70px;}
.kyc_heading{ Color:rgba(40, 40, 40, 1); font-size:18px; font-weight:600; text-align: center;}
.kyc_text{ Color:rgba(133, 133, 133, 1) !important; font-size:16px; font-weight:400; text-align: center;}
.req_heading{ Color:rgba(40, 40, 40, 1); font-size:16px; font-weight:600; padding-bottom: 5px;}
.select_kyc{border: 1px solid rgba(207, 207, 207, 1); border-radius: 5px;  padding: 12px 8px; Color:rgba(92, 92, 92, 1); font-size:14px; font-weight:600;}
.kyc-container .col-md-6{ padding-left:0px;}
.vs_rp p{ color:rgba(250, 0, 0, 1) !important; font-size:11px; font-weight:500;}
.kyc-container .col-md-4{padding: 0px 0px 0px 13px;}
.vs_rp{padding: 16px 0px 0px 0px; text-align: center;}
.vs_rp img{width: 90%;}
.kyc_suc{background-color: rgba(237, 248, 235, 1); color: rgba(24, 172, 0, 1);  padding: 9px 15px;  border-radius: 5px; text-align: center; font-size: 14px; font-weight: 500; margin-right: 15px; margin-top: 10px;}
.kyc_p{background-color: rgba(245, 118, 32, 0.08); color: rgba(255, 132, 0, 1);  padding: 9px 15px;  border-radius: 5px; text-align: center; font-size: 14px; font-weight: 500; margin-right: 15px; margin-top: 10px;}
.kyc-container select{ height:50px;}
.kyc-container input{ height:50px; width: 100%;}
.max_bg{ background:rgba(245, 245, 245, 1); border-radius: 10px; padding:15px; float: left; width: 100%;}
.max_file{color: rgba(130, 130, 130, 1); font-size: 12px; font-weight: 400; margin-bottom: 5px;}
.max_title{color: rgba(22, 19, 19, 1); font-size: 14px; font-weight: 600;}
.max_bg .col-md-9{padding:0px 7px 0px 0px;}
.max_bg .col-md-8{padding:0px; border-right:1px solid rgba(222, 222, 222, 1);}
.close-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    display: none; /* Hidden by default */
	float: right;
  }
.kyc-container {
            max-width: 900px;
            margin: 20px auto;
            padding: 15px 0px 15px 15px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid rgba(235, 235, 235, 1);
            border-radius: 15px;
			display: grid;
        }
		.kyc-container .form-group{float: left; width: 100%;}
		.d_flx{display: flex; column-gap: 15px;}
		.sub_btn{ background:rgba(154, 154, 154, 1); border-radius:5px; Color:#fff; padding: 9px 50px;}
		.kyc-container .row{float: left; width: 100%; margin: 20px auto; text-align: center;}
		.file-upload {
            background: url(../images/inactive1.svg) no-repeat;
            background-size: 100% 100%;
			width: 100%;
			height: 100%;
			border-radius: 10px;
			position: relative;
		 
        }
        
        .file-upload input {
           
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
        .upload-box {
            border: 1px dashed rgba(0, 0, 0, 1);
			text-align: center;
			padding: 0px;
			cursor: pointer;
			height: 120px;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			width: 100%;
			border-radius: 10px;
			margin-top: 6px;
        }
        .submit-btn {
            width: 100%;
            margin-top: 20px;
            background-color: #007bff;
            color: white;
            font-size: 16px;
            padding: 10px;
            border-radius: 5px;
            border: none;
        }
        .submit-btn:hover {
            background-color: #0056b3;
        }
        .visual-representation {
            text-align: center;
        }
        .visual-representation img {
            width: 80px;
            margin-top: 5px;
        }
        label {
            font-weight: bold;
        }
        .form-group .row {
            margin-bottom: 15px;
        }
        .form-row {
            align-items: center;
        }
        .form-control::placeholder {
            font-weight: normal;
        }
    }
/* KYC end */

.playnow_icon {
  display: flex;
  color: white;
  flex-direction: column;
  cursor: pointer;
}

.icond img {
  cursor: pointer !important;
  z-index: 11199;
}


.icond img {
}

.icond {
   /* width: 65px !important;
    height: 65px !important;*/
}

.icond img {
   /* width: 27px !important;*/
}


.playnow_icon p {
  color: white !important;
  /*font-size: 18px !important;
  margin-top: 10px;*/
}

@media screen and (min-width: 900px) and  (max-width: 1200px) {
    a.login-overlay.logout-user-game {
    bottom: 13px !important;
}
}

@media screen and (min-width: 630px) and (max-width: 991px) {
    a.login-overlay.logout-user-game {
    bottom: 55px !important;
}
}

@media only screen and (max-width: 365px) {
    .logout-user-game {
        bottom: -5px !important;
        font-size: 10px;
    }

    .playnow_icon p {
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 630px) {
    .logout-user-game {
        bottom: 8px !important;
        font-size: 12px;
    }

    .playnow_icon p {
        font-size: 10px !important;
    }
}

/*@media only screen and (max-width: 500px) {
    .login-overlay {
        bottom: -27px;
    }
}

@media only screen and (max-width: 1024px) {
    .login-overlay {
        bottom: -30px;
    }
}*/

@media only screen and (max-width: 768px) {
    .we.pur-silde i {
        font-size: 15px !important;
        display: block;
    }
}
@media only screen and (max-width: 1040px) {
    @media only screen and (max-width: 768px) {
        button.silder-button {
            width: 35px !important;
            height: 29px !important;
            font-size: 14px;
        }
    }
}

@media only screen and (max-width: 1040px) {
    @media only screen and (max-width: 768px) {
        .logout-user-game {
            /*bottom: 15px !important;*/
        }
    }
}



@media screen and (max-width: 991px) {
    #prompage {
    padding: 0;
  }

}