/*Header start*/

body {
	width: 512px;
	margin: 0 auto;
}
.pop{
font-family:"Poppins";
}
/* css for scrolling */

.section-overflow {
	overflow: auto !important;
	height: 100vh;
}
.dash-wrap {
	height: 90vh;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
	z-index: 9;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto;
	scrollbar-width: thin;
	scrollbar-color: #f00 #ddd;
	padding-bottom: 40px;
}
.br-10 {
	border-radius: 10px;
}

/* default menu */

/* default header */
.dash-nav iconify-icon {
	font-size: 28px;
	color: #FF000E;
}
.header-nav-bg {
	background: #fff;
}
/* default end */

/* footer */
.footer-link li {
	display: inline-block;
	position: relative;
	padding: 0px 17px;
}
.footer-nav-list li iconify-icon {
	color: #fff;
	font-size: 22px;
	position: relative;
	z-index: 1;
}
.footer-nav-list li a {
	color: #fff;
}
.footer-link li h6 {
	font-size: 14px;
}
.footer {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
	bottom: 15px !important;
	width: 465px;
	margin: 0 auto;
	background: rgb(157, 36, 8);
	background: #232429;
	background-size: cover;
	border-radius: 50px;
}
.footer-link .footer-nav-list a {
  transition: color 0.3s ease;
}

.footer-link .footer-nav-list a:hover h6,
.footer-link .footer-nav-list a:hover iconify-icon {
  color: #ff000e; /* or your preferred hover color */
  transform: scale(1.1);
  transition: color 0.3s ease, transform 0.3s ease;
}
.footer-link .footer-nav-list a {
  display: inline-block;
  text-align: center;
  transition: color 0.3s ease;
}

.footer-link .footer-nav-list a:hover iconify-icon, .footer-link .footer-nav-list a:hover h6 {
	color: #e72c37 !important;
	transform: scale(1.1);
	transition: color 0.3s ease, transform 0.3s ease;
}

/* Ensure icon and text inherit color properly */
.footer-link .footer-nav-list iconify-icon,
.footer-link .footer-nav-list h6 {
  color: white;
  transition: color 0.3s ease;
}



.dashboard-sec-bg {
	background: #FCE3E6;
	background: linear-gradient(90deg, rgba(252, 227, 230, 1) 0%, rgba(252, 241, 227, 1) 100%);
}
.text-grey {
	color: #7C7C7C;
}
/**********************************new common 26-08-2025**********************************/
.side-title h3 {
	color: #000;
	font-weight: 600;
	margin: 15px 0px;
}
.text-shade {
	text-shadow: 2px 2px 4px #fffefe;
}

.dark-bg {
	background: #E72C37;
}
.lite-bg {
	background: #F7F7F7;
}
a.link-lite {
	color: #7C7C7C;
}
a.link-lite:hover {
	color: #000;
}
a.link-dark {
	color: #FF0000;
}
a.link-dark:hover {
	color: #000;
}
.form-link small {
	color: #A4A4A4 !important;
}
.form-control:focus-visible {
	outline: none;
}

.form-select:focus-visible {
	outline: none;
}

.form-control.error-form {
	border: 1px solid #FF0000;
}
.form-select:focus-visible {
	outline: none;
}
.form-select.error-form {
	border: 1px solid #FF0000;
}
.error-indicator {
	text-align: start;
}
.centric {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.grade-bg{
	background: #FCE3E6;
	background: linear-gradient(90deg, rgba(252, 227, 230, 1) 0%, rgba(252, 241, 227, 1) 100%);
}
.title h2{
	font-size: 20px;
}
.bottom-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.top-title h3{
	font-size: 16px;
}
.title-header {
	display: flex;
	align-items: center;
	margin: 27px 0px 60px 0px;
}
.title-pad {
	padding: 30px 0px 40px 0px;
}
.text-lite {
  color: var(--text-lite) !important;
}
.side-title h2 {
	font-size: 20px;
	font-weight: 600;
}

/* HEADER */
.inner-header {
	padding: 19px 0px;
	position: relative;
	z-index: 2;
}

/* POP UP */

.pop-up {
	background: #fff;
	border-radius: 20px;
	width: 90%;
	margin: 5px auto;
	text-align: center;
	padding: 32px 10px;
	box-shadow: rgba(162, 162, 162, 0.16) 1px 9px 9px 1px;
}
.pop-up-button .btn {
	width: 80%;
}
.popup-msg {
	margin-top: 30px;
	margin-bottom: 20px;
}


.sucess-elllipse {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	background: #1ECB4F;
	background: radial-gradient(circle, rgba(30, 203, 79, 1) 0%, rgba(217, 217, 217, 1) 100%);
	border-radius: 50%;
	width: 57%;
	z-index: -1;
	height: auto;
	filter: blur(50px);
	opacity: 0.5;
	animation-name: flash;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.password-success {
	margin-top: 50px;
}
/********************************** form css start**********************************/


.form-control {
	margin-bottom: 20px;
}
.form-select {
	margin-bottom: 20px;
}
.form-ico {
	position: absolute;
	right: 11px;
	bottom: 9px;
	margin: auto;
	display: block;
	opacity: 0.5;
}
.forget-password {
	text-align: end;
	margin-top: 5%;
	font-size: 14px;
}
 .password-rules {
    margin-top: 10px;
    font-size: 14px;
  }
  .rule {
    display: flex;
    align-items: center;
    margin: 4px 0;
    color: #aaa;
  }
  .rule.pass {
    color: green;
  }
  .rule.fail {
    color: red;
  }
  .rule i {
    margin-right: 8px;
  }

/********************************** form css end**********************************/

/********************************** Table st**********************************/



.plain-table table thead th {
	color: #000;
}
.plain-table table thead tr  {
background: transparent;
}
.plain-table table thead th {
	color: #000;
	padding: 20px 0px;
	text-transform: capitalize;
}
.plain-sub-title {
	color: #949494 !important;
	font-size: 12px;
}
.plain-table  table .bal-rank-name h6 {
	color: #000;
}
.plain-table  .bal-rank-name {
	margin-left: 20px;
}
.plain-table .bal-rank-user span {
	font-size: 10px;
	color: #BCBCBC;
}
.plain-table  table {
	background-color: transparent;
}
.plain-table table tbody tr:nth-child(2n) td {
	background-color: transparent;
}
.plain-table table tbody tr td:last-child {
	font-weight: bold;
	text-align: end;
}
.plain-table table thead th:last-child {
	text-align: end;
}
.plain-table table thead th:first-child {
	text-align: start;
}

.plain-table table tbody tr td {
	padding: 16px 0px ;
	border-bottom: 1px solid #E6E6E6;
}
.plain-table {
	padding: 0px 20px;
}
.no-bills {
	margin-top: 30px;
}
table tbody tr td {

	border-bottom: 1px solid #E6E6E6;
	 
}
/********************************** Table end**********************************/


/********************************** verification st**********************************/


.otp-box {
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-radius: 10px;
	outline: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 9px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	border: none;
}

.otp-box:focus {
  border-color: #ff0000;  /* red like in your design */
  background-color: #ff0000;
  color: #fff;
}
.blur-cicle {
	position: absolute;
	width: 170px;
	height: 170px;
	background: #FF0000;
	background: radial-gradient(circle, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-radius: 50%;
	filter: blur(40px);
	z-index: 0;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	animation-name: flash;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-delay: 1s;
}

/********************************** verification end**********************************/



/********************************** Balance st**********************************/




.bal-rank-user {
	display: flex;
	align-items: center;
}

.free-icon {
	width: 30px;
	height: 30px;
	background: url("../images/circle-bg.png") no-repeat scroll center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.free-icon iconify-icon {
	font-size: 17px;
	margin-top: 7px;
}


/* chart css */

#chartContainer {
	width: 200px;
	margin: 60px auto;
	position: relative;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 9px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	border-radius: 50%;
}
    #chartContainer::after {
      content: "80%";
      font-size: 22px;
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
	  
    }
    .labels {
      margin-top: 20px;
      display: flex;
      justify-content: space-around;
      color: #888;
      font-weight: 600;
    }




/********************************** Balance end**********************************/


/********************************** valdity st**********************************/

.countdown {
	display: flex;
	gap: 33px;
	justify-content: center;
	margin: 40px 0px;
}
.time-box {
	text-align: center;
	position: relative;
}
.time-box:not(:last-child)::after {
	position: absolute;
	content: ":";
	font-size: 30px;
	right: -19px;
	top: 8px;
	bottom: 0px;
	margin: auto;
}
.time-box span {
	display: block;
	font-size: 31px;
	font-weight: 400;
	background: url("../images/count-bg.png") no-repeat scroll center;
	width: 65px;
	height: 65px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

    .label {
      margin-top: 8px;
      font-size: 12px;
      color: #ef4444;
      text-transform: uppercase;
      font-weight: bold;
    }

    .label {
      margin-top: 8px;
      font-size: 12px;
      color: #ef4444;
      text-transform: uppercase;
      font-weight: bold;
    }
	
.valdity-detail li {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
}
.valdity-detail li h4 {

	color: #FF0000;
}
.valdity-detail li:not(:last-child) {
	margin-bottom: 16px;
}


/********************************** valdity end**********************************/

	/********************************** cacel subscription st**********************************/

.radio-group {
	display: flex;
	flex-direction: column;
	gap: 14px;
	

}

.radio-wrapper {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
}

    /* Hide default radio */
    .radio-wrapper input[type="radio"] {
      display: none;
    }

    /* Custom box */
.custom-radio {
	width: 24px;
	height: 24px;
	border: 2px solid red;
	border-radius: 4px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

    /* Tick when selected */
    .radio-wrapper input[type="radio"]:checked + .custom-radio {
      background-color: red;
    }

.radio-wrapper input[type="radio"]:checked + .custom-radio::after {
	content: "\f00c";
	color: #fff;
	position: absolute;
	top: -1px;
	left: 3px;
	font-size: 16px;
	font-family: fontawesome;
}
	
.cancel-reason {
	margin-left: 22%;
}
.poplar-plan::before {
	position: absolute;
	content: "Best Popular";
	background: #FF0000;
	background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(153, 0, 0, 1) 100%);
	color: #fff;
	font-weight: 600;
	padding: 2px 25px;
	border-radius: 15px 0px 15px 0px;
	top: 0px;
	left: 0px;
}

	/********************************** cacel subscription end**********************************/

	/********************************** billing details st**********************************/


.balance-bill h1 {
	font-size: 32px;
}

	/********************************** billing details end**********************************/



	/********************************** bot-statistics st**********************************/

.statistics-image li:first-child {
	top: 106px;
	position: absolute;
	left: 0px;
	right: 0px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 0%, 25% 25%, 50% 50%, 75% 0, 100% 100%;
	mask-repeat: no-repeat;
	animation: mask 7s linear infinite;
}
.statistics-image {
	margin: 25px 0px;
}
	/********************************** bot-statistics end**********************************/

	/********************************** affiliate commission st**********************************/

/*.affi-commission {*/
/*	background: url("../images/affi-bg.png") no-repeat scroll center;*/
/*	width: 443px;*/
/*	height: 69px;*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	color: #fff;*/
/*	align-items: center;*/
/*	padding: 10px 13px;*/
/*}*/
 .affi-commission {
	background: url("../images/affi-bg.png") no-repeat scroll center;
	width: 100%;
	height: 69px;
	display: flex;
	justify-content: space-between;
	color: #fff;
	align-items: center;
	padding: 10px 13px;
	background-size: cover;
	border-radius: 14px;
}  
a.refresh {
	color: #fff;
	font-size: 19px;
}
.affi-button .btn.btn-outline-primary {
	background: #fff;
	padding: 6px 18px;
	border-radius: 10px;
}
.affi-button .btn.btn-outline-primary:hover {
color: #000;
}
	/********************************** affiliate commission end**********************************/

	/********************************** profile st**********************************/


.com-icon {
	background: #fff;
	border: 1px solid #f2dcdc;
	box-shadow: 0px 0px 4px 1px #ffd0d2;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.profile-box-content h5 {
	color: #7C7C7C;
}
.profile-box-content h2 {
	color: #000;
	font-weight: 600;
	font-size: 17px ;
}
.common-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 9px 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 9px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}
.common-balance {
	display: flex;
	align-items: center;
}
.common-balance {
	display: flex;
	align-items: center;
}
.profile-balance {
	padding: 21px 0px;
	display: flex;
	justify-content: space-around;
}
.profile-balance .common-box {

	margin: 0px 10px;
}
.profile-box-content {
	margin-left: 7px;
} 

.main-menu-list {
	background: #fff;
	padding: 25px 15px;
	border-radius: 15px;
	box-shadow: 0px 10px 15px -3px #FF261221;
}
.profile-menu.main-border-bg {
	margin-top: 12px;
	align-items: center;
}
.affiliate-rank-name h3 {
	font-weight: 400 !important;
}
.wave-line::after {
	position: absolute;
	content: "";
	background: url("../images/wave-line.png");
	width: 100%;
	height: 232px;
	top: 0px;
	left: 0px;
	right: 0px;
	
}
	/********************************** profile end**********************************/
	
	/**********************************Edit profile st**********************************/

.form-block label {
	text-align: start;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
}
 .upload-container {
      position: relative;
      width: 150px;
      height: 150px;
      margin: 50px auto;
    }

    /* Circle frame */
    .upload-circle {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 3px solid #ff7675;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      background: #fff;
      cursor: pointer;
    }

    .upload-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Hidden input */
    .upload-input {
      display: none;
    }

    /* Red edit button */
.edit-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: red;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	font-size: 18px;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.edit-icon {
	color: #fff;
	cursor: pointer;
	font-size: 18px;
}
.form-bg {
	padding: 19px 27px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 9px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}
.edit-account-form .form-control {
	border: 1px solid rgb(249, 215, 215) !important;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 0px 3px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}


	/**********************************Edit profile end**********************************/

	/**********************************Subscription st**********************************/
.plan-name h2 {
	color: var(--primary-color);
	font-weight: 600;
}
.plan-value h2 {
	color: var(--primary-color);
	font-weight: 600;
}
.plan-bg.main-border-bg {
	align-items: center;
	border: none;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: -2px 0px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	border-radius: 15px;
	padding: 39px 15px 20px 15px;
	position: relative;
}
.plan-bg {
	margin-top: 25px;
	align-items: center;
	border: none;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: -2px 0px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	border-radius: 15px;
	padding: 39px 15px 20px 15px;
	position: relative;
}
.plan-name h4 {
	color: var(--text-lite);
}


	/**********************************Subscription end**********************************/

	/**********************************payment start**********************************/



.payment-option {
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	margin: 16px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 0px 3px 4px rgba(255,38,18,0.12);
	cursor: pointer;
	transition: 0.3s;
}

    .payment-option:hover {
box-shadow: 0px 0px 3px 4px rgba(255,38,18,0.20);
    }

    .payment-info {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .payment-info img {
      width: 40px;
      height: auto;
    }

    .payment-text h4 {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      color: #000;
    }
.payment-text p {
	margin: 0;
	font-size: 11px;
	color: var(--text-lite);
	color: #ACACAC;
}
    .radio {
      width: 20px;
      height: 20px;
      border: 2px solid var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .radio::after {
      content: "";
      width: 10px;
      height: 10px;
      background: red;
      border-radius: 50%;
      opacity: 0;
      transition: 0.2s;
    }

    input[type="radio"] {
      display: none;
    }

    input[type="radio"]:checked + .radio::after {
      opacity: 1;
    }


	/**********************************payment end**********************************/

	/**********************************.rank-lavel end**********************************/


.rank-lavel-list {
	padding: 0px 30px;
}
/* .rank-token::after {
	position: absolute;
	content: "";
	background: url("../images/rank-token2.png") no-repeat scroll;
	width: 55px;
	height: 184px;
	right: -12px;
	margin: 0 auto;
	top: 32px;
}
.rank-token::before {
	position: absolute;
	content: "";
	background: url("../images/rank-token4.png") no-repeat scroll right;
	width: 55px;
	height: 184px;
	left: -12px;
	margin: 0 auto;
	top: 32px;
} */
.rank-token {
	margin-bottom: 45px;
}


.rank-token .owl-stage-outer {
  padding-top: 40px; 
  overflow: visible; 
}

.rank-token .owl-item {
  transition: transform 0.3s ease;
}

.rank-token .owl-item.center {
  transform: translateY(-10%); 
  z-index: 2;
}


	/**********************************.rank-lavel end**********************************/

	/**********************************log st**********************************/


.log-box {
	padding: 13px 13px;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}
.active-log-list {
	margin-top: 40px;
}
.active-log-list .common-box.log-box {
	margin-top: 15px;
}

/* ACTIVE LOG */

.log-coin-value {
	display: flex;
	justify-content: space-between;
	margin: 24px 0px !important;
}
.log-coin-value li:first-child {

	color: var(--text-lite);
	font-weight: 500;
}
.log-coin-value li:last-child {

	color: var(--primary-color);
	font-weight: 600;
}

.log-coin {
	
	margin: 40px 0px;
}
	/**********************************log end**********************************/


	.condition-icon iconify-icon {
	color: #fff;
}
.condition-icon {
	background: #00BA00;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}
.condition-statement {
	display: flex;
}
.condition-statement {
	display: flex;
	margin: 5px 0px;
}
.condi-disable .condition-icon {
	background-color: #B9B9B9;
	border-color: #ccc !important;
	color: #666 !important;
	pointer-events: none;
}
.condition-statement.condi-disable {
	color: #B9B9B9;
}
/* mask animation */



.masked {
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 6s linear infinite;
}


@keyframes mask {
	0% {
		mask-size: 0% 70%;
	}

	20% {
		mask-size: 20% 100%;
	}

	30% {
		mask-size: 30% 100%;
	}

	40% {
		mask-size: 40% 100%;
	}

	60% {
		mask-size: 60% 100%;
	}

	80% {
		mask-size: 80% 100%;
	}

	100% {
		mask-size: 100% 100%;
	}
}


/* OLD CSS********************************* flash start*******************************OLD CSS***/


.flash-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	
}
/********************************** flash end **********************************/

/********************************** dashboard start**********************************/
.shield-relative {
	z-index: 2;
	position: relative;
}

.uesr-img {
	z-index: 1 !important;
}
.trade-notificatio {
	background: #fef9f4;
	border-radius: 8px;
	padding: 4px 7px;
}
.trade-notificatio iconify-icon {
	color: #FF000E;
	font-size: 22px;
}
.dasbaord-main-box {
	background: #fff;
	border-radius: 15px;
	padding: 15px 15px;
	box-shadow: 0px 10px 15px -3px #FF261221;
}

.profit-detail span {
	font-size: 9px;
}
.refresh-value iconify-icon {
	color: #fff;
	font-size: 18px;
	margin-left: 25px;
}
.profit-detail h1 {
	text-shadow: 2px 2px 4px #fffefe;
}
.balance-arrow {
	width: 20px;
	height: 20px;
	background: #E72C37;
	border-radius: 50%;
	padding: 0px 3px;
	text-align: center;
	margin-left: 34px;
	position: absolute;
	right: 6px;
}
.balance-arrow iconify-icon {
	font-size: 15px;
	color: #fff;
}

.cash-balance-inner {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	justify-content: center;
	display: flex;
	box-shadow: 0px 0px 5px 0px #ffd0d2;
	align-items: center;
}
.cash-balance-ico {
	/*background: linear-gradient(120deg,rgba(255, 216, 124, 0.3), rgba(255, 0, 0, 0.3));*/
	width: 32px;
	height: 32px;
	text-align: center;
	border-radius: 50%;
	padding: 1px;
	box-shadow: 0px 0px 4px 1px #ffd0d2;
}
.coin-img {
	position: absolute;
	right: 4px;
	top: 16px;
}

.profie-balance-info {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #FFE5E7;
	border-radius: 9px;
	height: 44px;
	padding: 0 4px;
	position: relative;
}

.das-main-ico1 {
	width: 41px;
	height: 41px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff;
	padding: 6px 0px;
	text-align: center;
}
.das-main-ico2 {
	background: linear-gradient(120deg,rgba(255, 216, 124, 0.3), rgba(255, 0, 0, 0.3));
	width: 45px;
	height: 45px;
	text-align: center;
	border-radius: 50%;
	padding: 2px 3px;
	box-shadow: 0px 10px 15px -3px #FF261221;
	margin: auto;
		text-align: center;
}

.dash-main-list a:hover {
	color: #FF0000!important;
}
.profit-ico1 {
	background: linear-gradient(120deg,rgba(255, 216, 124, 0.3), rgba(255, 0, 0, 0.3));
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	padding: 2px 2px;
}
.profit-ico {
	background: #FFFFFF;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	text-align: center;
	padding: 5px 0px;
}
.crypto-card {
	width: 151px;
	background: #fff;
	border-radius: 8px;
	padding: 16px 11px;
	box-sizing: border-box;
	height: 116px;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 0px 1px 3px 1px rgba(255,38,18,0.10);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	margin-bottom: 10px;
}

.top-user-head h6 {

	font-size: 12px;
}
.card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.btc-icon {
  width: 24px;
  height: 24px;
}

.pair-title {
	font-size: 12px;
	font-weight: 600;
	color: #000;
}

.pair-change {
	font-size: 11px;
	color: #00c853;
	margin-top: 2px;
}
.card-price h6 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #000;
}

.card-subtext {
  font-size: 12px;
  color: #999;
}.high-value {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.top-users {
	border-radius: 21px;
	padding: 16px 16px;
	background: #fff;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px -3px 9px 1px rgba(255,38,18,0.16);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}
.top-user-img {
	border-bottom: 1px solid rgba(255,0,14,0.1);
}

.top-rank-user {
	background: rgba(217, 217, 217, 0.2);
	border-radius: 25px;
	padding: 11px 16px;
}.top-flex {
	justify-content: space-between;
}


.rank-number {
	padding-top: 13px;
}
.rank-number  h6{
	margin-bottom: 0px;
}

.rank-box1 {
	background: url("../images/rank-box1.png") no-repeat;
	width: 110px;
	height: 126px;
	text-align: center;
	padding: 27px 0px;
}

.rank-number h6 {
	font-size: 10px;
}
.rank-box span {
	font-size: 12px;
}
.rank-box2 {
	background: url("../images/rank-box2.png") no-repeat;
	width: 151px;
	height: 176px;
	padding: 26px 0px;
	text-align: center;

}
.no-2 {
	top: -57px;

}
.ranking-pro-list {
	display: flex;
	justify-content: center;
}
.ranker-name {
	width: 82%;
	margin: auto;
}
.rank-box3 {
	background: url("../images/rank-box2.png") no-repeat;
	width: 151px;
	height: 176px;
	margin: auto;
	text-align: center;
	padding: 29px 0px;
}
.toper-rank-list {
	text-align: center;
	position: relative;
}

table {
  caption-side: bottom;
  border-collapse: separate; /* Important for border-radius */
  border-spacing: 0;         /* Remove spacing between cells */
  width: 100%;
  text-align: center;
  white-space: nowrap;
  background: transparent;
  border-top-left-radius: 12px;  /* rounded top-left */
  border-top-right-radius: 12px; /* rounded top-right */
  overflow: hidden; /* clips inner content radius */
}

table thead tr {
	color: #fff;
	font-size: 16px;
	text-align: center;
}

table thead tr th {
	padding: 10px 13px;

	font-size: 15px;
	font-weight: 550;
}
table thead tr {
	color: #fff;
	font-size: 15px;
	text-align: center;
background: #FF000E;
background: -webkit-linear-gradient(98deg, rgba(255, 0, 14, 1) 0%, rgba(235, 151, 156, 1) 100%);
background: -moz-linear-gradient(98deg, rgba(255, 0, 14, 1) 0%, rgba(235, 151, 156, 1) 100%);
background: linear-gradient(98deg, rgba(255, 0, 14, 1) 0%, rgba(235, 151, 156, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF000E", endColorstr="#EB979C", GradientType=0);

}
.rank-box {
	margin: 18px auto auto 0 !important;
}
.dash-ranking {
	top: 99px;
	padding: 0px 0px;
}
table tbody tr td {
	color: #B7B7B7;
	padding: 10px 26px;
	text-align: start;
	font-size: 12px;
	font-weight: 500 !important;
	
}
.glossy-table table tbody tr td {
	color: #7C7C7C;
}




 table tbody tr td:last-child {
	font-weight: bold;
}
.profit-coin-name {
	display: flex;
	align-items: center;
}
.profi-coin-name span {
	font-size: 13px;
}
.footer-link li:nth-child(3) {
	position: relative;
}
.footer-link li:nth-child(3) img {
	position: absolute;
	top: -58px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #f00;
	width: 6px;
}
.owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	margin: 5px 3px;
	background: #a4a4a4;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}
.banner-caro {
	position: relative;
}


.owl-dots {
	bottom: 3px;
	z-index: 1;
	position: absolute;
	left: 55px;
}
.footer-link li:nth-child(3)::after {
	position: absolute;
	content: "";
	background: #d1432b;
	width: 66px;
	height: 20px;
	top: -34px;
	z-index: -1;
	left: 0px;
	right: 0px;
	margin: auto;
	filter: blur(10px);
}

.connect-integration {
	position: absolute;
	background: #FF0000;
	border-radius: 7px;
	padding: 4px 7px;
	bottom: -40px;
	right: 7px;
}
.connect-integration h6 {
	font-size: 11px;
}

.banner-caro img {
	margin: auto;
}

/********************************** dashboard end**********************************/

/********************************** dashboard start**********************************/

.trade-notificatio {
	background: #fef9f4;
	border-radius: 8px;
	padding: 4px 7px;
}

.trade-notificatio iconify-icon {
	color: #FF000E;
	font-size: 22px;
}

.dasbaord-main-box {
	background: #fff;
	border-radius: 15px;
	padding: 15px 15px;
}

.dahboard-profit {
	background: url("../images/profit-bg.png") no-repeat;
	width: 265px;
	height: 95px;
	padding: 5px 14px;
	display: flex;
	align-items: center;
}

.profit-detail span {
	font-size: 9px;
}

.refresh-value iconify-icon {
	color: #fff;
	font-size: 18px;
	margin-left: 25px;
}

.profit-detail h1 {
	text-shadow: 2px 2px 4px #fffefe;
}
.heading-border {
	border-top: 1px solid rgba(255,0,14,0.1);
}
.dash-main-list:hover::before {
	position: absolute;
	background: #f00;
    width: 94%;
	font-size: 11px;
	height: 20px;
	bottom: -38px;
	color: #fff;
	font-family: Roboto;
	font-weight: bold;
	border-radius: 8px;
	padding: 2px 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.dash-main-list:hover::after {
	position: absolute;
	content: "";
	background: #f00;
	width: 13px;
	height: 7px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	bottom: -20px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.hover-text1:hover::before {
	content: "Connect API";
	
}
.hover-text2:hover::before {
	content: "Billing Account";
}
.hover-text3:hover::before {
	content: "Bot Profit";
		
}.hover-text4:hover::before {
	content: "Bot History";
		
}
.level-list-detail .btn-primary {
	padding: 4px 8px;
	width: auto;
	margin-left: 17px;
	font-size: 13px;
}
.level-list-content {
	display: flex;
	justify-content: space-around;
}

/* Make disabled state look greyed out */
.affi-disable {
  opacity: 0.5;             /* faded look */
  pointer-events: none;     /* prevent clicking/hovering */
  user-select: none;        /* prevent text selection */
}

/* If you want to override button look inside disabled block */
.affi-disable .btn {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #666 !important;
  pointer-events: none;   /* ensure buttons inside are not clickable */
}




@media only screen and (max-width: 484px) {

.crypto-card {
	width: 100%;
	height: auto;
	margin: auto;
}
.profi-coin-name h2 {
	font-size: 18px;
}
.dahboard-profit {
	background: #d51014 !important;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	padding: 16px 10px;
}
.title h4 {
	font-size: 16px;
}
.before-robot {
	display: none;
}
.mobile {
	display: block !important;
}

.connect-integration {
	position: absolute;
	padding: 4px 13px;
	bottom: -40px;
	right: -24px;
	width: 93px;
}
.trade-coin-name {
	margin-left: 0px !important;
}

}


@media only screen and (max-width: 412px) {

.top-user-head h2 {
	font-size: 17px;
}.top-flex {
	display: block !important;
	text-align: center;
}
.top-rank-user {
	width: 56%;
	margin: auto;
	margin-top: 14px;
}

.refresh-value iconify-icon {

	font-size: 16px;
}

}

@media only screen and (max-width: 390px) {

.profi-coin-name h2 {
	font-size: 15px;
}
.profi-coin-name span {
	font-size: 11px;
}
.banner-caro img {
	width: 100% !important;
}

.profit-detail span {
	font-size: 12px;
}
.profit-detail span {
	font-size: 12px;
}
.refresh-value iconify-icon {

	font-size: 16px;
	margin-left: 13px;
}
.robot-ico {
	margin-bottom: 10px;
}
.profie-balance-info {
	display: block;
	height: auto;
	padding: 2px 4px;
}.balance-arrow {

	right: 6px;
	bottom: 0px;
	top: 0px;
	margin: auto;
}.balance-arrow iconify-icon {
	font-size: 13px;

}
.dash-main-list a  h6 {
	font-size: 11px;
}
.connect-integration {
	padding: 4px 13px;
	bottom: -40px;
	right: -24px;
	width: 83px;
}.connect-integration h6 {
	font-size: 9px;
}

.coin-img {

	right: inherit;
	left: 0px;
}
}
@media only screen and (max-width: 360px) {
.text-end {
	text-align: right !important;
}

}

canvas {
	width: 55px !important;
	height: 50px !important;
}

/********************************** dashboard end**********************************/


/********************************** Ranking Start **********************************/


.rank-img-ico {
	position: relative;
	box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	-webkit-box-shadow: 1px 9px 9px 1px rgba(255,38,18,0.3);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
	display: inline-block;
	border-radius: 50%;
	margin: 0 auto;
	box-shadow: 0px 0px 9px 2px #ffbdc0;
}

.ranking-page {
	padding: 0px 10px;
	padding-bottom: 17px;
}

.ranking-top {
	background: rgba(217, 217, 217, 0.3);
	border-radius: 50px;
	border: 2px solid #fff;
	padding: 5px 0px;
}

.ranking-top .nav {

	margin: 0;
}

.rank-list.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: #f00 !important;
	width: 100%;
	border-radius: 86px !important;
	/*margin: 5px auto;*/
	color: #fff;
	font-weight: 500;
	/*font-size: 18px;*/
	box-shadow: 0px 1px 12px -3px #fe9595;
}
.rank-list li button {
	padding: 10px 32px;
	width: 100%;
	border-radius: 86px !important;
	margin: 5px auto;
	color: #000;
	font-weight: 500;
	font-size: 16px;
	background: transparent;
}

.rank-list li button:hover {
	color: #f00;
}

.rank-inner-tab {
	margin: 30px 0px;
}

.rank-inner-link {
	color: #6a6969;
	font-weight: 600;
	padding: 0px 29px;
	font-size: 14px;
	position: relative;
}

.rank-inner-link:hover {
	color: #f00 !important;
}

.rank-inner-link:hover::after {
	position: absolute;
	content: "";
	background: #f00;
	width: 40%;
	height: 2px;
	right: 0;
	left: 0;
	bottom: -10px;
	margin: 0 auto;
}
/* .nav .nav-link.active::after {
	position: absolute;
	content: "";
	background: #f00;
	width: 37%;
	height: 2px;
	bottom: -10px;
	left: 0px;
	right: 0px;
	margin: auto;
} */

.rank-inner-link.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: transparent;
	padding: 10px 70px;
	width: 100%;
	border-radius: 86px !important;
	margin: 5px auto;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	box-shadow: 0px 1px 12px -3px #fe9595;
}

.user-rank {
	display: flex;
	justify-content: space-evenly;
	background: rgba(217, 217, 217, 0.3);
	align-items: center;
	padding: 10px 0px;
	border-radius: 50px;
}

.ranking-levels {
	margin: 33px 0px;
	margin-bottom: 20px !important;
}

.update {
	margin-top: 8px;
}

.quantify {
	background: #fff;
	padding: 11px 21px;
	border-radius: 11px;
	box-shadow: 0px 1px 12px -3px #fe9595;
	margin-top: 12px;
	position: relative;
	z-index: 2;
}

.quantify h6 {
	font-size: 11px;
	margin-bottom: 0px;
}

.quantify span {
	font-size: 27px;
	font-weight: bold;
}

.ranking-table {
	background: transparent;
	border-radius: 10px;
	margin: 30px 0px;
}

.ranking-page .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: transparent;
	/*color: #f00;*/
}


.active {
	color: #f00;
}
/********************************** Ranking End **********************************/


/********************************** qr code start **********************************/
.qr-code-bg {
	background: linear-gradient(120deg,rgba(255, 216, 124, 0.3), rgba(255, 0, 0, 0.3));
	display: inline-block;
	width: 112px;
	height: 111px;
	text-align: center;
	padding: 1px 0px;
	border-radius: 10px;
}
.qr-code-img img {
	border-radius: 10px;
}

.affiliate-box {
	background: #fff;
	padding: 25px 15px;
	border-radius: 15px;
	box-shadow: 0px 10px 15px -3px #FF261221;
	margin-top: 34px;
}
.affiliate-rank-img {
	position: absolute;
	top: -43px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.affiliate-box p {
	font-size: 12px;
}

.aff-referral-box {
	border: 1px solid #f2dcdc;
	border-radius: 10px;
	padding: 11px 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 4px 12px rgba(255, 0, 0, 0.05);
	transition: all 0.3s ease;
	background: #fff;
}
    .aff-referral-box:hover {
      box-shadow: 0 4px 24px rgba(255, 0, 0, 0.1);
    }

.aff-referral-text {
	text-align: start;
	margin-left: 0px;
	margin-right: 9px;
}
.affi-qr img {
	box-shadow: -2px 0px 0px 1px rgba(255,38,18,0.5);
	-webkit-box-shadow: 0px 2px 8px 1px rgba(255,38,18,0.5);
	-moz-box-shadow: 1px 6px 5px 1px rgba(255,38,18,0.16);
}
.affi-link-box {
	background: #fff;
	padding: 2px 15px;
	border-radius: 15px;
	box-shadow: 0px 10px 15px -3px #FF261221;
	margin-top: 17px;
}
.aff-referral-title {
	font-size: 13px;
	font-weight: 700;
	color: #757575;
	margin-bottom: 4px;
}
.aff-referral-value {
	font-size: 13px;
	color: #0b0b0b;
	word-break: break-all;
}
.copy-btn {
	background: #fff;
	border: none;
	border-radius: 12px;
	transition: background 0.2s ease;
	box-shadow: #FF261221 0px 5px 15px;
	text-align: center;
	width: 47px;
	height: 47px;
	padding: 6px 0px;
}
    .copy-btn:hover {
      background: #ffe6e6;
    }

    .copy-btn iconify-icon {
      font-size: 20px;
      color: #e63946;
    }

    @media (max-width: 480px) {
  

      .copy-btn {
        align-self: flex-end;
        margin-top: 10px;
      }
    }
.affiliate-payment-box {
	background: #fff;
	border: 1px solid #f2dcdc;
	box-shadow: 0px 10px 15px -3px #FF261221;
	border-radius: 10px;
	padding: 15px 18px;
}
.static-profit-value {
	text-align: end;
}
.affiliate-static {
	background: #fff;
	/* border: 1px solid #f2dcdc; */
	padding: 12px 19px;
	width: 100%;
	border-radius: 6px;
	box-shadow: rgb(253, 209, 214,0.7) 0px 7px 29px 0px;
}
.afiliate-pay-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.staic-ico {
	background: #fff;
	border: 1px solid #f2dcdc;
	box-shadow: 0px 10px 15px -3px #FF261221;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 2px 0px;
	border-radius: 5px;
}
.static-profit-value iconify-icon {
	font-size: 18px;
	margin-right: 8px;
}
.static-profit-value h3 {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
	justify-content: end;
}
.static-profit-value span {
	font-size: 12px;
}
.afiliate-info-pay {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.afiliate-pay-value h2 {
	font-size: 30px;
}
.pay-arrow iconify-icon {
	font-size: 20px;
	color: #ff202d;
}
.affiliate-pay-number {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.afiliate-pay-value small {
	font-size: 13px;
}
.affiliate-rank-list {
	border: 1px solid #f9d7d7;
	box-shadow: 0px 10px 15px -3px #FF261221;
	border-radius: 10px;
	padding: 10px 18px;
	background: rgba(255,255,255,1);
	display: flex;
	justify-content: space-between;
}
.main-border-bg {
	border: 1px solid #f9d7d7;
	box-shadow: 0px 10px 15px -3px #FF261221;
	border-radius: 10px;
	padding: 10px 18px;
	background: rgba(255,255,255,1);
	text-align: center;
}
.main-border-bg {
	border: 1px solid #f9d7d7;
	box-shadow: 0px 10px 15px -3px #FF261221;
	border-radius: 10px;
	padding: 10px 18px;
	background: rgba(255,255,255,1);
	text-align: center;
	    display: flex;
	justify-content: space-between;	
}
.plan-main{
    display: flex;
	justify-content: space-between;	
}
/*.affiliate-ranl-ico {*/
/*	background: #fff;*/
/*	border: 1px solid #f2dcdc;*/
/*	box-shadow: 0px 10px 15px -3px #FF261221;*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	text-align: center;*/
/*	padding: 2px 0px;*/
/*	border-radius: 5px;*/
/*}*/
.affiliate-ranl-ico {
	background: #fff;
	border: 1px solid #f2dcdc;
	box-shadow: 0px 10px 15px -3px #FF261221;
	width: 32px;
	height: 32px;
	text-align: center;
	/* padding: 2px 0px; */
	border-radius: 5px;
	box-shadow: 0px 0px 4px 1px #ffd0d2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.affi-level-count {
	text-align: end;
}

.affiliate-rank-name {
	display: flex;
	align-items: center;
}
.affiliate-history-arrow {
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	padding: 0px 0px;
	box-shadow: 0px 0px 8px 1px #ffd0d2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.affiliate-history-arrow1 {
	/*background: linear-gradient(120deg,rgba(255, 216, 124, 0.5), rgb(255, 0, 0,0.5));*/
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	padding: 2px 2px;
}
.affiliate-history-arrow iconify-icon {
	font-size: 13px;
	color: #f20000;
}
.affiliate-tab-history button {
	font-size: 14px;
	font-weight: 550;
	margin: 0 26px;
	position:relative;
}
.affiliate-tab-history button:hover::after {
	position: absolute;
	content: "";
	background: #b3b3b3;
	width: 40%;
	height: 2px;
	right: 0;
	left: 0;
	bottom: 0px;
	margin: 0 auto;
}


.affiliate-page-table table thead tr th {
	padding: 4px 4px;
	text-align: center;
	font-size: 11px;
}
.affiliate-page-table table tbody tr td {
	text-align: center;
	padding: 10px 87px !important;
}
.affiliate-page-table table tbody tr:nth-child(2n) td {
	background: rgba(255,255,255,0.4);
}
.affiliate-page-table table tbody tr td {
	color: #000;
}
.affiliate-page-table table {
	background: linear-gradient(0deg,#fdeceb, #fdf4ed);
}

@media only screen and (max-width: 484px) {
.affiliate-static {

	width: 100%;

}
.affiliate-rank-name h4 {
	font-size: 15px;
}
.afiliate-pay-flex {

	gap: 6px;
}

}

@media only screen and (max-width: 424px) {
.affiliate-static {
	width: 100%;
}
.aff-referral-value {
	font-size: 11px;
	color: #0b0b0b;
	padding-right: 72px;
}
.affi-main-content {
	gap: 5px;
}
.copy-btn {
	position: absolute;
	right: 9px;
	bottom: 0;
	top: 0px;
	margin: auto;
}
.aff-referral-box {

	position: relative;
}

}
@media only screen and (max-width: 390px) {

.affiliate-static {
	width: 100%;
	margin-bottom: 11px;
}
.afiliate-pay-flex {
	display: block;

}
.affiliate-tab-history button {

	margin: 0 18px;
}
.affiliate-rank-name h4 {
	font-size: 13px;
}
}
@media only screen and (max-width: 360px) {
.aff-referral-value {
	font-size: 11px;

}
}
/********************************** qr code end **********************************/

/********************************** quze Bot strat **********************************/
.binance-bg {
	background: #FEF2EA;
	background: linear-gradient(90deg, rgba(254, 242, 234, 1) 0%, rgba(255, 213, 87, 1) 100%);
	padding: 14px 23px;
}
.binance-ico {
	background: #000;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 9px;
	padding: 3px 0px;
}
.binance-trade {
	background: #c0e1a9;
	width: 48px;
	height: 19px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-top: 4px;
	padding: 0 5px;
	justify-content: space-between;
}
.binance-payment {
	display: flex;
	align-items: center;
}

.binance-trade iconify-icon {
	background: #fff;
	width: 10px;
	height: 10px;
	font-size: 9px;
	color: #348c0c;
	text-align: center;
	border-radius: 50%;
}
.binace-total h4 {
	display: flex;
	align-items: center;
}
.binace-total iconify-icon {
	font-size: 21px;
	margin-right:5px;
}
.binace-total h4 {
	font-size: 16px;
}
.binance-flex {
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.search-box {
	display: flex;
	align-items: center;
	background: #fdf7f7;
	padding: 10px 26px;
	border-radius: 999px;
	box-shadow: 0 4px 16px rgba(255, 0, 0, 0.05);
	max-width: 480px;
	margin: auto;
	border: 2px solid #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.search-icon {
	color: red;
	font-size: 25px;
	margin-right: 12px;
}

    .divider {
      width: 1px;
      height: 24px;
      background-color: #ddd;
      margin-right: 12px;
    }

.search-box input {
	border: none;
	outline: none;
	font-size: 14px;
	color: #333;
	flex: 1;
	background: transparent;
	font-weight: 500;
}

    .search-box input::placeholder {
      color: #aaa;
    }
	
	.payment-dollor span {
	font-size: 12px;
}
.payment-name-box {
	display: flex;
	align-items: center;
}
.paymnet-call label {
	font-size: 20px;
}
.payment-tick-trade {
	text-align: center;
	padding: 9px 8px;
	border-radius: 9px;
}
.payment-bg-1 {
	background: #c1edc8;
}

.payment-bg-1  iconify-icon {
	color: #48c61b;
}

.payment-bg-2 {
	background: #d0e3f6;
}
.payment-bg-2  iconify-icon {
	color: #49729c;
}
.payment-bg-3 {
	background: #ffdbb5;
}
.payment-bg-3  iconify-icon {
	color: #b56b1d;
}
.payment-bg-4 {
	background: #ffb3b3;
}
.payment-bg-4  iconify-icon {
	color: #ba2929;
}
.payment-tick-trade h6 iconify-icon {
	background: #fff;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
	margin-right: 5px;
}
.payment-tick-trade h6 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.payment-dollor h2 {
	font-weight: 600;
}
.bit-history-arrow1 {
	background: linear-gradient(120deg,rgba(255, 216, 124, 0.5), rgb(255, 0, 0,0.5));
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	padding: 1px 2px;
}
.bit-history-arrow {
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	padding: 0px 0px;
}
.bit-history-arrow iconify-icon {
	font-size: 13px;
	color: #f20000;
}
.payment-user {
	background: #fff;
	padding: 23px 25px;
	border-radius: 10px;
	box-shadow: 0px 10px 15px -3px #FF261221;
}

.paymnet-info-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.paymnet-next {
	display: flex;
	align-items: center;
}
.price-total span {
	font-size: 12px;
}
.price-value span {
	font-size: 12px;
}
.amt-price-rate {
	border-top: 1px solid #f2dcdc;
	border-bottom: 1px solid #f2dcdc;
	margin-top: 10px;
}
.price-amt {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.quntify-name-list h2 {
	font-size: 15px;
}.quntify-name-list small {
	font-size: 12px;
}
.quntify-list li {
	display: inline-block;
	margin: 11px 62px;
	margin-left: 0px;
}
.quntify-name-list {
	text-align: start;
}
.show-all-arrow {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 2px 0px;
	border-radius: 7px;
	height: 33px;
}
.show-all-arrow iconify-icon {
	font-size: 24px;
	color: #000;
}

.position-top-fixed {
	position: fixed;
	width: 37%;
	z-index: 99;
}
.bot-tap {
	margin-top: 140px;
}

.rank-inner-list button {
	margin: 0 1px;
}
.more-info iconify-icon {
	color: #97928f;
	font-size: 25px;
}


/* accordian Guzebot */



  .quntify-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .payment-user.active .quntify-list {
    max-height: 500px; /* adjust according to content */
  }
  .show-all-arrow a iconify-icon {
    transition: transform 0.3s ease;
  }
  .payment-user.active .show-all-arrow a iconify-icon {
    transform: rotate(180deg); /* flip arrow when opened */
  }

/* .affiliate-aft::after {
	position: absolute;
	content: "";
	background: linear-gradient(0deg,#fcefe1,#f00);
	width: 100%;
	top: 0px;
	height: 180px;
	z-index: -1;
} */
@media only screen and (max-width:512px) {
.position-top-fixed {

	width: 100%;
}
.payment-dollor h2 {
	font-size: 15px;
}.price-total h2, .price-value h2 {
	font-size: 16px;
}{
	font-size: 16px;
}
.quntify-list li {
	margin: 11px 63px;
	margin-left: 0px;
}
.title h2 {
	font-size: 17px;
}
}
@media only screen and (max-width:484px) {

.search-box {

	max-width: 450px;

}.binance-name h4 {
	font-size: 16px;
}
.rank-inner-list button {
	margin: 0 0px;
	padding: 0px 10px;
}
}

@media only screen and (max-width:424px) {
.binance-name h4 {
	font-size: 15px;
}
.search-box {
	max-width: inherit;
	width: 90%;
}
.rank-inner-list button {
	margin: 0 8px;
}
.quntify-list li {
	margin: 11px 35px;
	margin-left: 0px;
}.binance-name {
	margin-left: 4px !important;
}
.payment-dollor {
	margin-left: 10px !important;
}

}
@media only screen and (max-width:390px) {
.quntify-list li {
	margin: 11px 28px;
	margin-left: 6px;
}
.bot-tap {
	margin-top: 156px;
}
.payment-user {
	padding: 15px 5px;
}
.binance-bg {

	padding: 14px 4px;
}


}

@media only screen and (max-width:360px) {


.payment-dollor h2 {
	font-size: 14px;
}

.binace-total h4 {
	font-size: 14px;
}
.binance-name h4 {
	font-size: 14px;
}.binance-bg {

	padding: 14px 0px;
}.bot-tap {
	margin-top: 140px;
}
.quntify-list li {
	margin: 11px 24px;
	margin-left: 6px;
}
}
/********************************** quze Bot  **********************************/



/********************************** LDO USDT **********************************/

.sub-title h3 {
	font-size: 20px;
}

.usdt-ico img {
	width: 49px;
	height: 50px;
	border-radius: 18px;
	margin: 0 auto;
	box-shadow: 0px 3px 12px -3px #fe9595;
}
.usdt-tit {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0px;
}

.bi-ico {
	background: #000;
	width: 35px;
	height: 35px;
	text-align: center;
	align-content: center;
	border-radius: 30px;
	padding: 0px 3px;
	margin-right: 10px;
}


.trade-abs {
	position: absolute;
	background: #c0e1a9;
	width: 83px;
	height: 38px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-top: 4px;
	padding: 0 5px;
	justify-content: center;
	right: 32px;
	top: 15px;
}

.usdt-bg {
	background: #ffdab4;
}

.usdt-bg iconify-icon {
	background: rgb(255, 255, 255);
	width: 18px;
	height: 18px;
	font-size: 15px;
	color: rgb(255, 0, 0) !important;

}

.trade-abs iconify-icon {
	background: rgb(255, 255, 255);
	width: 18px;
	height: 18px;
	font-size: 15px;
	color: rgb(52, 140, 12);
	text-align: center;
	border-radius: 50%;
	padding: 2px 2px;
}

.footer-2 {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
	bottom: 0px !important;
	width: 512px;
	margin: 0 auto;
	background: rgb(157, 36, 8);
	background: #fff;
	background-size: cover;
	border-radius: 0;
	padding: 12px 10px;
}

.sta-box {
	background: rgba(255,255,255,0.3);
	width: 100%;
	height: 100px;
	border-radius: 20px;
	text-align: center;
	padding: 20px 0px;
	box-shadow: 0px 1px 12px -3px #fe9595;
	margin: 20px 0px;
}
.sta-ic1 iconify-icon {
	font-size: 33px;
	color: #FF4B60 !important;
}
.sta-ic1 {
	width: 47px;
	height: 45px;
	background: #fff;
	border: 1px solid #f2dcdc;
	box-shadow: 0px 10px 15px -3px #FF261221;
	margin: 0 auto 8px auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sta-details {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 15px 0px 15px 0px;
}

.btn-outline-primary iconify-icon {
	font-size: 23px;
	position: relative;
	top: 5px;
}

.head-tit {
	background: hsla(357, 100%, 50%, 1);
	background: radial-gradient(circle, hsla(357, 100%, 50%, 1) 0%, hsla(356, 68%, 76%, 1) 100%);
	background: -moz-radial-gradient(circle, hsla(357, 100%, 50%, 1) 0%, hsla(356, 68%, 76%, 1) 100%);
	background: -webkit-radial-gradient(circle, hsla(357, 100%, 50%, 1) 0%, hsla(356, 68%, 76%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF000E", endColorstr="#EB979C", GradientType=1);
	padding: 8px 33px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.sta-box-main {
	background: #fff;
	border-radius: 10px;
	padding: 0px 0px 10px 0px;
	margin: 20px 0px;
}

.sta-amt h4 {
	font-size: 12px;
}

.ldo-sub-tit {
	margin: 10px 0px 0px 20px;
}

.split {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 40px 0px 0px;
}

.inner-mid {
	margin-bottom: 70px;
}

.trade-abs span {
	font-size: 13px;
}

.btn-info iconify-icon {
	font-size: 24px;
}

.ldo-cover-table {
	margin: 19px 0px;
}

.ldo-cover-table table thead tr th {
	padding: 10px 1px;

	font-size: 11px;
	font-weight: 550;
}

.ldo-cover-table table tbody tr td {
	color: #000;
	padding: 15px 19px !important;
	text-align: start;
	font-size: 12px;
	font-weight: 500;

}


.remind p {
	font-size: 12px;
}

.pause-bg {
	background: #cedbed;
}

.pause-bg iconify-icon {
	/* background: rgb(255, 255, 255); */
	width: 18px;
	height: 18px;
	font-size: 15px;
	color: #91b4e3;
}

@media only screen and (max-width: 424px) {

	.sta-box h3 {
		font-size: 16px;
	}

	.head-tit h3 {
		font-size: 16px;
	}

	.sta-amt h4 {
		font-size: 11px;
	}

	.sta-amt span {
		font-size: 14px;
	}

	.footer-2 {
		width: 100%;

	}

	.ldo-cover-table table thead tr th {
		padding: 10px 13px;

		font-size: 11px;
		font-weight: 550;
	}


}


/********************************** LTDO end **********************************/


/* new own css */
.inner-merge-bg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #f9d7d7;
	box-shadow: 0px 10px 15px -3px #FF261221;
	border-radius: 10px;
	padding: 10px 13px !important;
	background: rgba(255,255,255,1);
	margin-top: 12px;
}
a {
	text-decoration: none;
}

/* new css */

.left-header h2 {
	margin-bottom: 0px;
}


/* new css member page 05-11-2025*/

.left-header h2 {
	margin-bottom: 0px;
}
.member-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 39px 0px 55px 0px;
}
.text-grade1 {
	background: #FF0000;
	background: linear-gradient(to right, #FF0000 0%, #FFD87C 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.member-token {
	background: url("../images/members-bg.png") no-repeat;
	width: 100%;
	height: 218px;
	background-size: cover;
	margin: 20px auto;
	box-shadow: 4px 1px 22px -5px #ADADAD;
	border-radius: 20px;
	padding: 0px 26px;
}
.act_sec {
	background: #fff;
	padding: 22px 21px;
	border-radius: 11px;
	box-shadow: 0px 1px 12px -3px #fe9595;
	margin: 0px 20px;
}
.act_sec h3 {
	font-size: 16px;
}
.tier-title h3 {
	font-size: 16px;
}
.mem-caro-title {
	text-transform: capitalize;
}
.record-sub-heading .menu-list {
	margin: 17px 0px;
}

/********************************** Responsive **********************************/


@media only screen and (max-width: 1345px) {}

@media only screen and (max-width: 1199px) {}



@media only screen and (max-width:767px) {}



@media only screen and (max-width: 575px) {

body {
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
}
}

@media only screen and (max-width: 575px) {

.rank-list li button {
	padding: 14px 50px;
	/* width: 100%; */
	border-radius: 86px !important;
	margin: 0;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	background: transparent;
}
.dahboard-profit {
	background: #d51014 !important;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	padding: 16px 10px;
}
.profie-balance-info {
	margin-top: 12px;
}
}
@media only screen and (max-width: 480px) {

body {
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
}
.quantify {
	padding: 15px 5px;
}
}
@media only screen and (max-width: 482px) {
.rank-list li button {
	padding: 14px 33px;
}
.affi-commission {
	width: 100%;
	border-radius: 12px;
}
.footer-link li {
	padding: 0px 13px;
}
.footer {
	width: 100%;
}
}


@media only screen and (max-width: 424px) {
.afiliate-pay-flex {

	gap: 6px;
}


	.footer {
		width: 100%;

	}

.footer-link li {
	padding: 0px 8px;
}

	.rank-img-ico {
		left: 9px;

	}

	.rank-img-ico1 {
		left: 36px;
	}

	.rank-inner-link {
		color: #6a6969;
		font-weight: 600;
		padding: 0px 18px;
		font-size: 14px;
		position: relative;
	}

	.ranking-page {
		padding: 0px 0px;
	}

	.ranking-table table tbody tr td {
		color: #7C7C7C;
		padding: 10px 16px !important;
		text-align: start;
		font-size: 15px;
		/* font-weight: bold; */
	}

	.quantify {
		padding: 15px 5px;
	}

	.quantify span {
		font-size: 24px;
		font-weight: bold;
	}

	.ranking-page {
		padding: 0px 0px;
		padding-bottom: 78px;
		margin-bottom: 30px;
	}

	
 
.update h2 {
	font-size: 16px;
	margin-bottom: 0px;
}
.update {
	margin-top: 0px;
}
.plain-table {
	padding: 0px 10px;
}


.otp-box {
	width: 46px;
	height: 46px;
	font-size: 20px;

}
.dash-ranking {
	top: 67px;
	padding: 0px;
}
.rank-box {
	width: 100%;
	background-size: cover;
}
.no-2 {

	left: 0px;
}
.no-3 {
	left: 0px;
}
.cancel-reason {
	margin-left: 6%;
}
.countdown {
	 
	gap: 22px;
}
.time-box:not(:last-child)::after {

	right: -15px;
}
.profile-box-content h5 {

	font-size: 10px;
}
.profile-box-content h2 {

	font-size: 15px;
}
.profile-balance .common-box {
	margin: 0px 1px;
}
 .common-box {
    padding: 9px 11px;
  }
  .rank-token img {
	width: 69%;

}
.rank-token::before {
	height: 100%;
	top: 0px;
	border-radius: 0px 20px 20px 0px;
}
.rank-token::after {
	height: 100%;
	top: 0px;
	border-radius: 20px 0px 0px 20px;
}
.rank-token::before {
	height: 100%;
	top: 0px;
	border-radius: 0px 20px 20px 0px;
}
.plain-table table tbody tr td {
	padding: 16px 6px;
	
}
.pop-up-button .btn {
	width: 100%;
}
	 	.affi-commission {

    width: 100%;
		border-radius:12px;
	}

.rank-list li button {
	padding: 8px 16px;
	font-size: 15px;
}
.dahboard-profit {
	background: #d51014 !important;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	padding: 16px 10px;
}
.profie-balance-info {
	margin-top: 12px;
	padding: 8px 4px;
}
.das-main-ico2 h6 {
	font-size: 11px;
}
.crypto-card {
	width: 100%;
	height: auto;
	margin: auto;
}
.rank-box {
	width: 120px;
	background-size: cover;
	
}
.rank-box1 {
	height: 168px;
}
canvas {
	width: 38px !important;
	height: 50px !important;
	object-fit: cover;
}
}

@media only screen and (max-width: 400px) {

canvas {
	width: 32px !important;
	height: 50px !important;
	object-fit: cover;
}

}


@media only screen and (max-width: 390px) {

	.ranking-table table tbody tr td {
		font-size: 12px;

	}

	.rank-list.nav-pills .nav-link.active,
	.nav-pills .show>.nav-link {
		/*padding: 10px 12px;*/
		/*font-size: 16px;*/
	}
	canvas {

	display: none !important;
}
.rank-box {
	width: 110px;
	background-size: cover;
}
.rank-box span {
	font-size: 11px;
}

}

@media only screen and (max-width: 360px) {

	.rank-shield-user {
		left: -19px;
	}

	.footer-link li {
	padding: 0px 4px;
}

	table thead tr th {
		padding: 10px 7px;
	}

	.ranking-table table tbody tr td {

		padding: 10px 10px !important;


	}

	.rank-list li button {
		padding: 14px 13px;
	}
	.rank-box2 h6 {
	font-size: 14px;
	margin-left: 9px;
}
.rank-box2 span {
	font-size: 13px;
}
.rank-img-ico {

	left: 25px;
}
.rank-inner-list button {
	margin: 0 2px;
}

.quantify {
	padding: 15px 2px;
}

}

@media only screen and (max-width: 340px) {

/*	.rank-list li button {*/
/*	padding: 14px 30px;*/
/*}*/
.quantify h6 {
	font-size: 10px;
	margin-bottom: 0px;
}
}