.buycrypto-section {padding-top:20px;}
.buycrypto-section .container-fixed {max-width:none;}
	.buycrypto-article {max-width:1200px; margin-left:auto; margin-right:auto;}
	.buycrypto-header {display:flex ;align-items:center;    justify-content: space-between;}
		.buycrypto-label {position:relative; color:#fff; line-height:30px; color:#fff; padding-bottom:5px;}
		.buycrypto-label:after {content:''; display:inline-block; position:absolute; left:50%; width:30px; height:2px; background:#FFC300; bottom:0; margin-left:-15px;}
		.orders-link {display:inline-flex; align-items:center; gap:5px; color:#fff;}
		.orders-link svg {width:20px; height:20px; min-width:20px;}
		.orders-link:hover {color:#FFC300;}

.buycrypto-table {display:flex; justify-content: space-between; margin-top:50px;}		
	.buycrypto-leftside {display:flex; flex-flow:column;     margin-top: 1.5rem; max-width:486px; width:100%;}
	.buycrypto-leftside h1 {color: #fff; font-size: 44px; font-weight: 700; margin-bottom: 25px;}
		.supported-row {display:flex; align-items:center;     min-height: 28px; gap:10px; color:#ebecf566; font-size:16px; font-weight:600;}
		.supported-row img {vertical-align:bottom; width:28px; height:28px; min-width:28px;}
		.hot-cryptos-table {display:flex; flex-flow:column; padding:20px; border-radius:15px; border:1px solid #2d2d2e; width:100%; margin-top:25px;}
		.buycrypto-rightside h3,
		.hot-cryptos-table h4 {color:#fff; font-weight:600; font-size:16px; margin-bottom:25px;}
		.hot-cryptos-table ul {display:flex; flex-flow:column; gap:25px; width:100%;}
		.hot-cryptos-table ul li {display:grid;     grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center;     gap: 1.5rem;}
		.hot-cryptos-table ul li span {color:#fff; display:flex; align-items:center; gap: .5rem; font-weight:600; font-size:15px;}
		.hot-cryptos-table ul li span img {width:24px; height:24px; min-width:24px;}
		.hot-cryptos-table ul li span:nth-child(2),
		.hot-cryptos-table ul li span:nth-child(3) {text-align:right;    justify-content: flex-end;}
		.hot-cryptos-table ul li span.up {color:#04b97d;}
		.hot-cryptos-table ul li span.down {color:#f13c54;}
	.buycrypto-rightside {max-width:486px; width:100%; border:1px solid #2d2d2e; border-radius:15px; padding:30px;}
		.buycrypto-change {display:flex; flex-flow:column; gap:12px;}
			.change-cell {display:flex; flex-flow:column;    padding: 1rem; position:relative; border-radius: .5rem; border:1px solid #2d2d2e; gap:15px;}
			.change-cell label {line-height: 20px;font-size: 14px;font-weight: 600;}
			.change-cell input.change-input {width:260px; background:none; border:0; padding:0; font-size:24px; color:#fff; font-weight:bold;}
			.change-cell input.change-input::placeholder {color:#3b3b3d;}
.change-cell  input::-webkit-outer-spin-button,
.change-cell  input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.change-cell input[type=number] {-moz-appearance:textfield;}
			.change-cell input:focus {outline:none;}
			.change-action {display:flex; align-items:center; justify-content:space-between;}
			.change-cell.check,
			.change-cell:hover {border-color:#FFC300;}
			.change-selected {cursor:pointer;}
			.change-selected .value-item:after {content:''; display:inline-flex; min-width:20px; height:20px; width:20px; background:url('../images/down.svg') center/contain no-repeat;}
			.value-item {display:inline-flex; align-items:center; gap:4px; font-weight:bold; font-size:15px; color:#fff; text-transform:uppercase;}
			.value-item img {vertical-align:bottom; width:20px; height:20px; min-width:20px;}
			.change-drop {position:absolute; left:0; top:100%; right:0; border:1px solid #3c3d3d; display:flex; flex-flow:column; background:#0f0f0f; padding:12px 0; gap:12px; border-radius:.5rem; display:none;}
			.visible.change-drop {display:flex; z-index:11;}
				.change-search {padding:0 12px;}
					.change-search-action {width:100%; height:40px; border:1px solid #3c3d3d; border-radius:8px; color:#fff; background:#1a1a1a url('../images/search.svg') 10px 10px no-repeat; background-size:16px; font-weight:400; font-size:14px; padding-left:40px;}
					.change-search-action::placeholder {color:#888893; }
					.change-search-action:focus {outline:none; border:1px solid #FFC300;}
				.changeList {max-height:250px; overflow:auto;}
.transfer-modal:-webkit-scrollbar-track,
.subscribeTable:-webkit-scrollbar-track,
.modalInner:-webkit-scrollbar-track,
.changeList:-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 10px;	background-color: #0e0f14;}
.transfer-modal::-webkit-scrollbar,
.subscribeTable::-webkit-scrollbar,
.modalInner::-webkit-scrollbar,
.changeList::-webkit-scrollbar{width:5px;	background-color: #0e0f14;}
.transfer-modal::-webkit-scrollbar-thumb,
.subscribeTable::-webkit-scrollbar-thumb,
.modalInner::-webkit-scrollbar-thumb,
.changeList::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #FFC300;}
				.changeList li {padding:.75rem;}
				.changeList li:hover {background:#1a1a1a; cursor:pointer;}
				.min-amount {color:#d62035; font-size:12px; letter-spacing: -.2px; display:none;}
				.value-item.checked:after {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
				.change-info {font-size:14px; color:#ebecf566;  letter-spacing: -.2px; font-weight:600;}
				.payment-method-cell {display:flex; flex-flow:column; gap:10px; margin-top:25px;}
				.payment-method-cell h4 {color:#fff; font-weight:700; font-size:15px;}
					.paymethod-action{display: flex ; flex-flow: column; padding: 25px 15px; position: relative; border-radius: .5rem; border: 1px solid #2d2d2e; gap: 15px;}
						.paymethod-btn {display:flex; align-items:center; cursor:pointer;width: 100%; justify-content: space-between;}
							.paymethod-details {display:flex; align-items:center; gap:5px;}
							.paymethod-details img {width:28px; height:28px; min-width:28px;}
							.paymethod-details p {display:flex; flex-flow:column; gap:4px;}
							.paymethod-details p span {font-weight:600; color:#fff;     letter-spacing: .2px; font-size:15px;}
							.paymethod-details p small {color:#ebecf566; letter-spacing: .2px; font-size:12px;}
							.payment-arrow {width:20px; heighjt:20px; min-width:20px;}
							.payment-arrow svg {color:#fff;}
.payment-method-cell .agree__cell {border:0; background:none; padding-bottom:0; margin-bottom:5px;}
.pm-action {line-height:55px; color:#000; background:#FFC300; border-radius:10px; width:100%; display:flex; font-size:18px; font-weight:600; border:0; padding:0;     justify-content: center; cursor:pointer;}
.pm-action:hover {opacity:.8;}
.pm-action:focus {outline:none;}
.modalOverflow {position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 9999; background-color: #0009; display:none;}
.modalOverflow.visible {display:block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
	.modalContainer {background:#121212; min-height: 210px; padding:24px 0 32px 0; width:520px; max-height: calc(100% - 32px);  margin:auto;display: flex ; flex-flow: column; justify-content: space-between; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;  left:50%; top:15%;   margin-left:-260px; position:absolute;}
		.modalHeader {display:flex; align-items:center; justify-content:space-between;padding:12px 24px;}
			.modalTitle {font-weight:600;}
			.closeTransfer,
			.closeModal {cursor:pointer;}
		.payWith-table {margin-bottom:auto; display:flex; flex-flow:column; gap:12px; padding:20px 24px;}
			.pWt-header {display:flex; justify-content:space-between; align-items:center;}
			.pWt-header span {font-weight:600; font-size:14px; color:#fff;}
			.pWt-header small {font-size:14px; color:#ebecf599;}
			.payWith-method {display:flex; flex-flow:column; gap:10px;  }
			.payWith-method li {}
				.payment-price {font-weight:600; font-size:15px; color:#fff;}
				.payWith-method .paymethod-btn {padding:25px; border:1px solid rgba(255,255,255,.1); border-radius:10px;}
				.payWith-method li.select .paymethod-btn{border:1px solid #fff;}
		.modalBottom {padding:0 24px;}
			.confirm {font-size:15px; font-weight:500; color:#050505; display:flex; line-height:40px; width:100%; background:#FFC300; border-radius:10px; border:0; cursor:pointer;     justify-content: center;}
			.confirm:hover {background:#FFC300;}
			.confirm:focus {outline:none;}
		
.how-buy {margin:110px 0;}
	.how-buy-header {}
	.how-buy-header h2 {color: #67676b; font-size: 38px; font-weight: 700; margin-bottom: 45px;}
	.how-buy-list {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr));-moz-column-gap: 40px; column-gap: 40px;}
	.how-buy-list li {}
		.hbl-item {padding:40px 30px 30px 30px; border-radius:20px; border:1px solid #2d2d2e; display:flex; flex-direction: column; height:100%;}
		.hbl-item img {width:80px; height:80px;}
		.hbl-item span {margin-top:35px; color:#fff; font-weight:700; font-size:20px;}
		.hbl-item p {margin-top:20px; color:#ebecf599; font-size:14px;     letter-spacing: -.2px; line-height:1.3;}

.account-container {background:#0e0f14; padding:0 50px 50px 50px; color:#fff;}
.profile-section {padding-bottom:30px;}
.accountList {display:flex; flex-flow:column;}
	.accountItem-row {display:flex; align-items: center;     padding: 24px 16px; border-bottom:1px solid rgba(255,255,255,.1);}
		.acc-icon {width: 24px; height: 24px; min-width: 24px;}
		.acc-icon svg {vertical-align:bottom; color:#fff;}
		.acc-text {max-width: 730px; margin-left: 36px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; margin-top: 6px; margin-bottom: 6px;}
			.acct-top {font-weight:400; color:#fff; font-size:18px; margin-bottom:5px;}
			.acc-recomend {font-size:12px; color:#0fcc71; padding:2px 8px; border-radius:8px; background:#0fcc7124; margin-left:8px; font-weight:400;}
		.acc-text p {font-size:13px; line-height:1.3; color:rgba(235, 236, 245, .4); }
		.acc-target {margin-top:10px;}
		.acc-target a {font-size:14px; color:#FFC300; border-bottom:1px dashed #FFC300; padding-bottom:4px;}
		.acc-target a:hover {border-color:transparent;}
		.acc-security {margin-left: 40px; margin-right: auto; display: flex ; align-items: center; font-size: 14px; line-height: 20px; gap:15px;}
		.acc-security i {width:16px; min-width:16px; height:16px;}
		.acc-security i.warning {color:#ffc400;}
			.acc-action {}
			.acc-action,
			.acc-action a {font-size:12px; color:#FFC300; cursor:pointer;}
			.acc-status,
			.acc-email {font-size:12px; color:#e7bdbd99;}
			.acc-status {text-align:right; width:130px;}
.modalInner {padding-left:24px; padding-right:24px; padding-top:10px;flex-grow: 1; overflow-y: auto; overflow-x: hidden; font-size: 14px; font-weight: 400; line-height: 20px; max-height:280px;}
.modalBottom.twoEllemts {padding-top:20px; display:flex; align-items:center; gap:10px;    justify-content: center;}
.modalBottom.twoEllemts button {line-height:40px; font-size:15px; padding:0 16px; border-radius:10px;cursor:pointer;}
.modalBottom.twoEllemts button:focus {outline:none;}
.modalBottom.twoEllemts button.cancel {color:#fff; background:#ff88001a; border:1px solid #FFC300; }
.modalBottom.twoEllemts button.save,
.modalBottom.twoEllemts button.cancel:hover {border:1px solid #FFC300; background:#FFC300; color:#000;}
.modalBottom.twoEllemts button.submit {border:1px solid #fff;}
.modalBottom.twoEllemts button.submit:disabled {opacity:.5; color:#fff;    cursor: no-drop;}
.modalBottom.twoEllemts button.submit:hover {}
.modalContainer.hidden {display:none;}
.changeAnti-list,
.changePhone-list,
.changeEmail-list,
.changePass-list {display:flex; flex-flow:column; gap:20px;}
.changeAnti-list li,
.changePhone-list li,
.changeEmail-list li,
.changePass-list li {display:flex; flex-flow:column; gap:5px;}
	.cP-label {}
	.cP-item {display:flex; flex-flow:column;}
	.cP-item.error input {border:1px solid #d9242f;}
	.googleKey-row input,
	.cP-item input {width:100%; border:1px solid rgba(255,255,255,.2); line-height:40px; color:#fff; font-weight:600; font-size:14px; border-radius:8px; background:none; padding:0 20px;}
	.googleKey-row input:focus,
	.cP-item input:focus {border:1px solid #FFC300; outline:none;}
	.cPi-cell {position:relative;}
		.viewText {width:30px; height:30px; min-width:30px; background:url('../images/eye.svg') center/20px no-repeat; position:absolute; right:10px; top:6px; cursor:pointer;}
		.viewText.check {background:url('../images/eye-off.svg') center/20px no-repeat; }
	.cP-error {color:#d9242f;}
.changeAnti .modalInner p,
.changePhone .modalInner p,
.changeEmail .modalInner p,
.changePass .modalInner p {padding-bottom:20px; margin-top:10px;}
.changeAnti .modalInner p a,
.changePhone .modalInner p a,
.changeEmail .modalInner p a,
.changePass .modalInner p a {font-size: 14px; color: #FFC300; border-bottom: 1px dashed #FFC300; padding-bottom: 4px;}
.changeAnti .modalInner p a:hover,
.changePhone .modalInner p a:hover,
.changeEmail .modalInner p a:hover,
.changePass .modalInner p a:hover {border-color:transparent;}
.cP-send {cursor:pointer; background:#FFC30029; border-radius:5px; padding:5px 10px; border:0; position:absolute; right:10px; top:9px; color:#FFC300;}
.cP-send:hover {background:#FFC300; color:#000;}
.cP-send:focus {outline:none;}
.modalGoogle {}
.modalGoogle p {}
.qureModel,
.mG-key {display:flex;    justify-content: center; margin:20px 0;}
.mG-key div {padding:10px; border-radius:16px; background:#1e1f1f}
.mG-key div img {width:60px; height:60px;}
.qureModel img {width:128px; height:128px;}
.changeGoogle .modalBottom {display:flex;    justify-content: center; padding-top:20px;}
.changeGoogle .submit {border: 1px solid #FFC300; background: #FFC300; color: #000; line-height:45px; border-radius:6px; font-weight:600; cursor:pointer; }
.googleKey-row {position:relative;}

.earn-section {background:#000 url('../images/earnleft.png') left top no-repeat; background-size:contain;}
	.earn-topRow { background:url('../images/earnright.png') right top no-repeat; background-size:contain;}
		.earnTable {padding-top:180px;display: flex ; justify-content: center; max-width:1200px; margin-left:auto; margin-right:auto; padding-bottom:150px;}
			.eTleft {-webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 50%;}
			.eTleft h1 {font-weight: 700; font-size: 36px; line-height: 60px; color: #f2f3fa;}
			.eTleft p {font-style: normal; font-weight: 300; font-size: 20px; line-height: 30px; text-align: justify; color: #abafb5;}
			.eTright {width:50%;    justify-content: flex-end; display:flex;    align-items: center;}
				.MuiPaper {background-color: #1a1a1a; width: 378px;   padding: 4px 4px 0; cursor: pointer; border-radius: 4px; display:flex; flex-flow:column; gap:35px;}
					.MuiCardContent {padding: 16px;   display:flex; flex-flow:column; gap:5px;}
					.MuiCardContent span {font-weight: 500; font-size: 14px; color: #6c6d74;}
					.MuiCardContent p {font-weight: 600; font-size: 20px; color: #f2f3fa;}
					.MuiCardContent p .earn_currency {font-weight: 500; font-size: 12px; text-transform:uppercase;}
			.mui_bottom {padding:0 16px 16px 16px;}
				.earnings-btn {display:flex; align-items:center; gap:6px; white-space:nowrap; padding:4px 8px; border:0; border-radius:4px; color:#FFC300; background:#ffc3001c;}
				.earnings-btn svg {display:inline-flex; width:18px; height:18px; min-width:18px;}
				.earnings-btn:hover {color:#000; background:#FFC300; cursor:pointer;}
				.earnings-btn:focus {outline:none;}
.earn-bottomRow {display:flex; flex-flow:column; gap:30px; padding-top:50px; max-width:1200px; margin-left:auto; margin-right:auto;}
.earn-bottomRow h2 {color: #fff; font-size: 44px; font-weight: 700; margin-bottom: 25px;}
.productTabs {}
	.productTabList {display: flex ; align-items: center; gap: 32px;}
	.productTabList li {}
		.productTab-item {font-size: 16px; line-height: 24px; font-weight: 600; cursor: pointer; padding:0 0  8px 0; position:relative;transition: all 300ms ease-in-out 0s; border:0; background:none; color:#fff;}
		.productTab-item:focus {outline:none;}
		.productTab-item:before {position: absolute; content: ""; height: 2px; width: 0%; left: 0; bottom: -2px; background-color: #FFC300;transition: all 300ms ease-in-out 0s;}
		.productTab-item.select:before {width:100%;}
	.productArticle {}
		.pT-tabs {}
		.pT-tabs {}
			.pTt-item {display:none;}
			.pTt-item.visible {display:block;}
.pT-tab-view {}
.pT-tab-view table {width:100%;}
.pT-tab-view thead { border-bottom:1px solid rgba(255,255,255,.1);}
.pT-tab-view thead th {padding:0 10px 10px 10px; color:rgba(255,255,255,.5); }
.pT-tab-view thead th tr {}
.pT-tab-view thead th tr span {color:red;}
.pT-tab-view thead th tr:last-child {width:150px;}
.pT-tab-view tbody {}
.pT-tab-view tbody tr {}
.pT-tab-view tbody tr td {vertical-align:middle; padding:15px 10px;}
.pT-tab-view tbody tr:hover {background:#dca63112; cursor:pointer;}
.pT-tab-view tbody tr.nohover {background:none;}
.pT-tab-view tbody tr td:last-child {width:150px;}
	.ptt-coin {display:flex; align-items:center; gap:5px;}
	.ptt-coin img {width:18px; height:18px; min-width:18px;}
	.ptt-subscribe {color: #fff; background: #ff88001a; border: 1px solid #FFC300; padding:5px; border-radius:5px; cursor:pointer;}
	.ptt-subscribe:hover {color: #000; background: #FFC300; border: 1px solid #FFC300;}
	.ptt-subscribe:focus {outline:none;}

.my_earnings-section {}
	.my_earnings-table {display:flex; max-width:1200px; margin-left:auto; margin-right:auto; padding-top:120px;   align-items:center; justify-content:space-between; padding-bottom:50px;}
		.metLeft {display:flex; flex-flow:column;}
		.metLeft h1 {color: #fff; font-size: 44px; font-weight: 700; margin-bottom: 35px;}
		.metLeft .MuiCardContent {padding-left:0;}
		.metRight {width:50%; display:flex;    justify-content: flex-end;}
		.metRight img {max-width:400px;}
	.pT-empty {padding:50px 0; color:rgba(255,255,255,.4); font-size:15px; text-align:center;}
.promoCode .changePass-list {margin-bottom:25px;}
.modalContainer.subscribeModal {width:1060px; margin-left:-530px; padding-top:0; max-height:calc(100vh - 50px); padding-bottom:0; top:5%;}
.modalContainer.subscribeModal .modalHeader {position:absolute; left:0; top:0; right:0; z-index:10; width:100%; background:#121212;}
.modalContainer.subscribeModal .modalHeader:after {content:''; display:inline-block; position:absolute; right:0; top:0; width:420px; background:#191919; height:100%; z-index:1;}
.modalContainer.subscribeModal .modalHeader .closeModal.subClose {position:relative; z-index:2;}
.subscribeTable {display:grid;max-height: 100%; overflow: auto;align-items: stretch; grid-template-columns: 1fr 420px;} 
.subscribeTable {  overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
.subscribeTable::-webkit-scrollbar {  display: none;}
	.subscribeMain {flex:1; width:100%; padding-top:60px;}
		.sM-inner {padding:0 24px;}
			.subscribe-days {display:flex; flex-flow:column; gap:12px; margin-bottom:30px;}
			.auto-header h2,
			.subscribe-rules h2,
			.subscribe-amounts h2,
			.subscribe-days h2 {font-weight:600;}
				.sdays-group {display:flex; align-items:center; gap:12px;}
				.sdays-group .subscribe-btn {line-height:38px; padding:0 30px; font-weight:600; font-size:15px; cursor:pointer; background:none; border-radius:8px; border:1px solid #FFC300; color:#FFC300;}
				.sdays-group .subscribe-btn.select,
				.sdays-group .subscribe-btn:hover {color:#000; background:#FFC300; border:1px solid #FFC300;}
				.sdays-group .subscribe-btn:focus {outline:none;}
				.subscribe-amounts {display:flex; flex-flow:column; gap:15px;}
					.sa-cell {display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,.1); border-radius:8px; transition: all 300ms ease-in-out 0s;}
					.sa-cell.active {border:1px solid #FFC300;}
					.sa-cell.error {border:1px solid #d9242f;}
					.sa-cell input::-webkit-outer-spin-button,
.sa-cell input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.sa-cell  input[type=number] { -moz-appearance:textfield;}
						.subscribe-amount {background:none; border:0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; max-width:calc(100% - 100px); padding: 10px 0px 10px 15px; color:#fff; font-size:15px; font-weight:500;}
						.subscribe-amount:focus {outline:none;}
						.sac-select {display:flex; align-items:center; gap:8px; padding-right:15px;}
							.sac-crypto {display:flex; align-items:center; gap:5px; text-transform:uppercase; font-weight:600; font-size:14px;}
							.sac-crypto img {vertical-align:bottom; width:20px; height:20px; min-width:20px;}
							.amount-all,
							.sac-maxSize {font-weight:600; font-size:15px; padding:0; cursor:pointer; border:0; background:none; color:#FFC300; margin:0; line-height:20px;}
							.sac-maxSize:focus {outline:none;}
							.sa-cell-notification {font-size:12px; color:#d9242f; line-height:1.3; display:none;}
							.sa-cell.error .sa-cell-notification {display:block;}
							.sa-cel-bottom {display:flex; align-items:center; margin:15px 0 35px 0;  justify-content:space-between;}
								.sac-available-data {display:flex; gap:12px; font-size:15px; color:#fff; }
								.sac-available {font-weight:600;}
								.subscribe-transfer {font-weight:500; color:#FFC300; cursor:pointer; padding:0; border:0; background:none; font-size:16px;}
								.subscribe-transfer:focus {outline:none;}
							.subscribe-rules {display:flex; flex-flow:column; gap:12px;}
							.subscribe-rules li {display:flex; align-items:center; gap:20px; padding:8px 0;}
							.subscribe-rules li span {font-weight:500; font-size:15px; color:#abafb5;}
							.subscribe-rules li span:last-child {font-weight:600;}
							.subscribe-rules li span.up-cell {color:#08c787;}
							.subscribe-rules li span.down-cell {color:#d9242f;}
							.subscribeAuto-section {margin-top:20px; padding-bottom:30px;}
								.autosubscribe-cell {display:flex; flex-flow:column;  padding:15px; border-radius:6px; background:rgba(255,255,255,.03);}
									.auto-header {display:flex; justify-content:space-between; align-items:center;}
									.auto-header h2 {margin-bottom:20px;}
								.autosubscribe-cell  p {line-height:1.2; font-weight:500; font-size:13px; color:#abafb5; margin-bottom:5px;}
								.autosubscribe-cell  p:last-child {margin-bottom:0;}
.checkbox-wrapper { position: relative; display: inline-block; width: 100%; height: 20px; min-width:42px; width:42px;} .checkbox-wrapper input { display: none; } .checkbox-label { display: block; width: 100%; height: 20px; max-width:42px; background: #333; border-radius: 30px; position: relative; overflow: hidden; cursor: pointer; transition: all 300ms ease-in-out 0s; } .checkbox-label::before { content: ''; display: inline-block; width: 16px; height: 16px; border-radius: 50px; position: absolute; left: 3px; top: 2px; background: #fff; transition: all 300ms ease-in-out 0s; } input:checked + .checkbox-label { background: #ffc300; } input:checked + .checkbox-label::before { background: #fff; left: calc(100% - 19px);}
	.subscribeSidebar {background:#191919; width:420px;padding-top:60px;}
	.suBSide-inner {padding:30px; height:100%;}
	.subSteplist {display:flex; flex-flow:column;}
	.subSteplist li {}
		.subStep-row {display:flex; align-items:center; justify-content:space-between; position:relative; padding-left:25px; padding-bottom:35px;}
		.subStep-row:before {content:''; display: block; width: 10px; height: 10px; border: 2px solid #FFC300; border-radius: 50%; position:absolute; left:0; top:4px;}
		.subStep-row:after {content:''; display:inline-block; top:14px; bottom:0; left:4px; border-left:1px dashed rgba(255,255,255,.3); position:absolute;}
			.subSteplist li:last-child .subStep-row:after  {display:none;}
		.subStep-row span {font-size:15px; color:#fff; font-weight:500;}
		.est-row,
		.apr-row {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
		.est-row span,
		.apr-row span {font-weight:500; font-size:16px; color:#fff;}
		.est-row .est-profit,
		.apr-row .apr-profit {color:#08c787;}
		.subscribeDialog-list {display:flex; flex-flow:column; gap:12px; padding-left:15px;}
		.subscribeDialog-list li {font-weight: 500; font-size: 12px; line-height: 18px;  color: #81858c; list-style: disc;}
		.subSidebar-bottom {margin-top:auto; margin-top:50px;}
		.subSidebar-bottom .agree__cell {border-radius:0; padding:0; background:none; border:0; color:#abafb5;}
		.subscr-action-row {}
			#subscribe {display:flex; width:100%; line-height:48px; color:#000; text-align:center; padding:0; font-weight:600; font-size:16px; border-radius:8px; background:#FFC300;    justify-content: center; border:0; cursor:pointer;}
			#subscribe:focus {outline:none;}
			#subscribe:disabled {cursor: not-allowed; color:rgb(255 252 252 / 40%); pointer-events: all ; background-color: rgb(52 53 54);}

.transfer-modal {position:fixed; left:0; top:0; right:0; bottom:0; height:100vh; width:100vw; background:#0f0e0ec7; z-index:9999; display:none; overflow:auto;}
.transfer-modal.visible {display:block;}
.transferTable {}
.cP-trans-row {display:flex; align-items:center; justify-content:space-between; padding-bottom:6px;}
.trans-available {display:flex; align-items:center; gap:8px;}
.trans-available small {color:rgba(255,255,255,.5);}
.cP-item input::-webkit-outer-spin-button,
.cP-item input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.cP-item input[type=number] {-moz-appearance:textfield;}
.amount-all {position:absolute; top:10px; right:15px;}
.amount-all:focus {outline:none;}
.transfer-table {display:flex;    justify-content: space-between; gap:5px;}
	.transfer-column {display:flex; flex-flow:column; gap:6px; width:100%;}
		.transfer-middle {display: flex ; align-items: flex-end; padding-bottom: 8px;}
		.transfer-exchange {cursor:pointer; color:#fff; padding:0; margin:0; border:0; background:none;}
	.transfer-from {}
		.transfer-body-cell {position:relative;}
			.transfer-select-row {width: 100%; border: 1px solid rgba(255, 255, 255, .2); line-height: 40px; color: #fff; font-weight: 500; font-size: 14px; border-radius: 8px; background: none; padding: 0 10px 0 20px; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer;}
			.transfer-select-row.select {border:1px solid #FFC300;}
			.transfer-select-row span {font-size:15px; color:#fff;}
			.transfer-select-row svg {width:16px; height:16px; min-width:16px;transition: all 300ms ease-in-out 0s;}
			.transfer-select-row.select svg { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
			.transfer-dropList {display:none; flex-flow:column; position: absolute; left: 0; top: 100%; right: 0; border: 1px solid #3c3d3d; display: flex ; flex-flow: column; background: #0f0f0f; border-radius: .5rem; display: none; z-index:11; overflow:hidden;}
.transfer-body-cell.visible .transfer-dropList {display:flex;}
			.transfer-dropList li {padding:12px 15px;}
			.transfer-dropList li span {}
			.transfer-dropList li:hover {cursor:pointer; background:#1a1a1a;}
			.transfer-dropList li.select span {color:#FFC300;}
			.transfer-dropList li.disable {color:rgba(255,255,255,.4); cursor: not-allowed;}
.cP-item.transferCoin {position:relative;}
.transferCoin-select {width: 100%; border: 1px solid rgba(255, 255, 255, .2); line-height: 40px; color: #fff; font-weight: 500; font-size: 14px; border-radius: 8px; background: none; padding: 0 10px 0 10px; display: flex ; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer;}
.transferCoin-select svg {width:16px; height:16px; min-width:16px;transition: all 300ms ease-in-out 0s;}
.transferCoins-drop { z-index:11;}
 .transferCoins-drop  .change-search-action {color: #fff; background: #1a1a1a url(../images/search.svg) 10px 10px no-repeat; background-size: 16px; font-weight: 400; font-size: 14px; padding-left: 40px;}
 .trns-coin-cell {display:flex; gap:8px; align-items:center;}
 .trns-coin-cell small {color:#81858c;}
 .transferCoins-drop li {display:flex; align-items:center; justify-content:space-between; flex-flow:nowrap;}
 .trns-balance {display:flex; flex-flow:column; color:#81858c; font-size:12px;  text-align:right; line-height:1; gap:2px;}
 .trns-balance div:first-child {color:#fff;}
.transfer-modal .modalBottom.twoEllemts {    justify-content: flex-end;}
.promoCode .cPi-cell {position:relative;}
.promoCode .changePass-list {margin-bottom:0;}
.promoCode.modalContainer {padding-bottom:0; min-height:160px; top:50%; width:420px; margin-left:-210px; margin-top:-80px; border-radius:6px;}
.promoCode .modalInner {position:relative; padding-left:85px; overflow:inherit;}
.promoCode .modalHeader {padding-left:85px;}
.promoCode .modalInner:before {content:''; display:inline-block; position:absolute; left:0; top:0; height:120px; width:120px; background:url('../images/gift.png') center/contain no-repeat; margin:-50px 0 0 -45px;animation: floating 13s ease-in-out infinite; transform-origin: center center;}
@keyframes floating { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-10px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-5px) rotate(-2deg); } }
.promo-action {position:absolute; right:6px; top:6px; padding:6px 10px; border-radius:6px; background:#FFC3000f; color:#FFC300; font-size:15px; font-weight:500; cursor:pointer; border:0;}
.promo-action:hover {background:#FFC300; color:#000;}
.promo-action:focus {outline:none;}
	
@media screen and (max-width: 1240px) {
	.my_earnings-table,
	.buycrypto-article,
	.earn-bottomRow,
	.earnTable {padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 1100px) {
	.modalContainer.subscribeModal {width:96%; margin-left:0; left:2%; right:2%;}
}
@media screen and (max-width: 1080px) {
	.acc-text {max-width: calc(100% - 310px);}
}

@media screen and (max-width: 1024px) {
	.pT-tab-view {overflow:auto;}
	.pT-tab-view  table {min-width:960px;}
	.productTabs {max-width:calc(100vw - 40px);}
		.productTabList {overflow:auto; padding-bottom:5px;}
		.earn-bottomRow h2 {margin-bottom:10px;}
		.eTleft p br {display:none;}
		.buycrypto-table {flex-flow:column;}
		.buycrypto-leftside {max-width:none; order:2;}
		.buycrypto-rightside {max-width:none; order:1;}
		.how-buy {margin:40px 0;}
		.how-buy-list {-moz-column-gap: 15px; column-gap: 15px;}
		.account-container {padding-left:20px; padding-right:20px;}
		.profile-section {padding-bottom:0;}
}
@media screen and (max-width: 960px) {
	.earnTable {padding-top:100px; padding-bottom:50px;}
	.eTleft h1 br {display:none;}
	.subscribeTable {    grid-template-columns: 1fr 1fr;}
	.modalContainer.subscribeModal .modalHeader:after {width:50%;}
	.subscribeSidebar {width:auto;}
}
@media screen and (max-width:940px) {
	.sdays-group .subscribe-btn {font-size:14px; padding:0 20px;}
}
@media screen and (max-width:860px) {
.earnTable {flex-flow:column;}
.eTright {    justify-content: flex-start; padding-top:30px;}
.eTright,
.eTleft {width:100%; flex-basis:100%; min-width:100%;}
.earn-bottomRow h2 {font-size:25px;}
.how-buy-list {display:flex; flex-flow:column; gap:20px;}
}
@media screen and (max-width:760px) {
		.sdays-group .subscribe-btn {font-size:14px; padding:0 10px;}
		.noscroll .subscribeTable,
		.noscroll {overflow:hidden;}
}
@media screen and (max-width:640px) {
	.modalContainer {width:90%; margin-left:auto; margin-right:auto; left:0; right:0;}
	.paymethod-details p small {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:160px;}
	.promoCode.modalContainer {margin-left:-210px; left:50%;}
}
@media screen and (max-width:580px) {
	.account-container {overflow:auto;}
	.accountList {min-width:640px;}
	.subscribeTable {display:flex; flex-flow:column;}
	.modalContainer.subscribeModal .modalHeader:after {display:none;}
	.suBSide-inner {padding-top:0;}
	.subscribeSidebar {padding-top:30px;}
}
@media screen and (max-width:560px) {
.eTleft h1 {font-size:25px;}
.eTleft p {font-size:16px;}
.MuiPaper {width:100%;}
.metRight {display:none;}
.my_earnings-table {padding-bottom:0px;}
.earn-bottomRow {padding-top:25px;}
.promoCode.modalContainer {width:80%; left:10%; right:10%; margin-left:0;}
}
@media screen and (max-width:480px) {
.change-cell input.change-input {width:100%;}
.transfer-select-row {padding:0 15px 0 15px;}
.transfer-select-row span {font-size:13px; white-space: nowrap;}
}
@media screen and (max-width:420px) {
	.promoCode .modalInner,
.promoCode .modalHeader {padding-left:24px;}
.promoCode .modalInner:before {display:none;}
}
@media screen and (max-width:410px) {
.transfer-select-row {padding:0 5px;}
}