@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
	outline: none;
	color: inherit
}

html,
body {
	overflow-x: hidden;
	font-family: 'Chivo', sans-serif;
	-webkit-font-smoothing: antialiased;
	/* background: #f0b90b; */
	font-size: 14px
}

:root {
	--main-color: #6ee6ca;
	--purple: #6658c9
}


/* starts */


.title-block {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fff;
}

/* Card Section */
.container1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 20px;
}

.card {
	background: linear-gradient(135deg, #ffc107e3, #f2c11840);
	color: #fff;
	border-radius: 10px;
	width: 220px;
	padding: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	text-align: center;
}

.card .level {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffc107;
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 8px 0px 26px 0px ;
}

.card h2 {
	margin: 20px 0 10px;
	font-size: 28px;
	font-weight: bold;
}

.card p {
	margin: 5px 0;
	font-size: 16px;
}









/* end */
.purple-text {
	color: var(--purple) !important
}

.white-text {
	color: #fff !important;
	font-size: large;
}

.parallax-tron {
	width: 100%;
	height: 100%;
	position: relative
}

.parallax-tron img {
	opacity: .3;
	position: absolute;
	transition: cubic-bezier(.165, .84, .44, 1)
}

.parallax-tron img:nth-child(1) {
	width: 120px;
	top: -70px;
	left: -90px
}

.parallax-tron img:nth-child(2) {
	top: 150px;
	left: -200px
}

.parallax-tron img:nth-child(3) {
	top: 130px;
	left: 540px;
	width: 65px
}

.parallax-tron img:nth-child(4) {
	top: 310px;
	left: 490px;
	width: 55px
}

.parallax-tron img:nth-child(5) {
	right: -60px;
	top: 60px;
	width: 40px
}

.parallax-tron img:nth-child(6) {
	right: -20px;
	top: 170px
}

.parallax-tron img:nth-child(7) {
	top: 280px;
	right: -135px
}

.top-block {
	background-position: center;
	background-size: cover;
	min-height: 900px;
	position: relative;
	z-index: 5;
	background-color: #f2c118
}

nav {
	background-color: rgba(255, 255, 255, .2);
	background-color: #2c1138;
	height: 130px;
	margin-top: -20px;
	border-radius: 100px;
	position: relative;
	padding: 0 40px
}

.dev_version {
	background: #ff0102;
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: 800;
	font-size: 14px;
	margin-bottom: 40px;
	text-align: center;
	display: none
}

.logo-block_logo {
	max-width: 190px;
}

.header-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff
}

.header-block .green-btn {
	background-color: #6658c8
}

.green-btn {
	background-color: #230c33;
	border-radius: 50px;
	line-height: 50px;
	color: #fff;
	width: fit-content;
	line-height: 50px;
	min-width: 160px;
	cursor: pointer;
	border-radius: 30px;
	border: none;
	font-weight: 700;
	position: relative;
	outline: none;
	z-index: 10;
	transition: .25s ease-out
}

.green-btn:hover {
	transition: .25s ease-in;
	opacity: .8
}

.balance {
	position: relative;
	text-align: center
}

.balance span,
.change span {
	line-height: 1.8em
}

.balance span:nth-last-child(1),
.infheader-block .change-trx span:nth-last-child(1) {
	font-weight: 700
}

.links-block {
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.links-block ul {
	list-style: none;
	display: flex
}

.links-block.footer ul {
	list-style-type: none;
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.links-block ul li {
	display: flex;
	height: 100%;
	align-items: center;
	color: #fff
}

.links-block.footer ul li {
	margin: 5px 0
}

.social-links li {
	margin-right: 20px;
	cursor: pointer
}

.social-links li:hover a {
	text-decoration: none
}

.links-block ul li span {
	display: block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 10px;
	cursor: pointer
}

.links-block ul li span i {
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #f2c118
}

.main-block {
	margin-top: 80px;
	color: #fff
}

.main-block .header {
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	color: #230c33
}

.main-block .header span {
	margin-right: 5px;
	font-weight: 800;
	color: #230c33
}

.main-block .header span span {
	font-weight: 800;
	background: #230c33;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.main-block .description {
	padding-top: 24px;
	color: #230c33
}

.green-transparent-btn {
	width: 50%;
	border: 1px solid #6fe6ca;
	line-height: 50px;
	background-color: #6fe6ca;
	border-radius: 50px;
	transition: .25s ease-out;
	cursor: pointer;
	color: #230c33;
	outline: none;
	font-size: 12px;
	font-weight: 800
}

.green-transparent-btn:hover {
	transition: .25s ease-in;
	opacity: .8
}

.green-transparent-btn-2 {
	width: 100%;
	line-height: 50px;
	transition: .25s ease-out;
	cursor: pointer;
	color: #fff;
	outline: none;
	font-size: 12px;
	font-weight: normal;
	border: none;
	background-color: #000;
}

.green-transparent-btn-2:hover {
	transition: .25s ease-in;
	opacity: .8
}

.purple-transparent-btn:hover {
	transition: .25s ease-in;
	opacity: .8
}

.purple-transparent-btn {
	width: 100%;
	border: 1px solid #230c33;
	line-height: 50px;
	background-color: #230c33;
	border-radius: 50px;
	transition: .25s ease-out;
	cursor: pointer;
	color: #fff;
	outline: none
}

.calculator .btn-line {
	margin-top: 80px
}

.smart-c-block {
	margin-top: 200px;
	display: flex;
	justify-content: center
}

.circle-bg {
	height: 500px;
	width: 500px;
	border-radius: 50%;
	background-color: #fff;
	position: relative
}

.circle-bg::before {
	content: '';
	position: absolute;
	background-color: #fff;
	height: 550px;
	width: 550px;
	top: -25px;
	left: -25px;
	border-radius: 50%;
	opacity: .2
}

.circle-bg img {
	position: absolute;
	top: -2.5px;
	left: -2.5px;
	width: 505px;
}

.info-block {
	/* height: 448px;
	width: 430px; */
	position: absolute;
	top: 223px;
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 50px 0;
	flex-direction: column;
	text-align: center;
	background-color: white;
}

.info-block .bgg {
	content: '';
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	top: -10px;
	left: -10px;
	background-color: red
}

.info-block .percents {
	font-size: 76px;
	line-height: 30px;
	color: #fff;
	z-index: 10;
	font-weight: normal;
	display: flex;
	column-gap: 5px;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding-top: 20px !important;

}

.info-block .percents span {
	font-size: 28px;
}

.info-block .description {
	/* font-size: 45px; */
	/* text-transform: uppercase; */
	color: #fff;
	z-index: 10;
	margin-top: 25px;
	margin-bottom: 20px;
}

.info-block p {
	font-size: 14px;
	padding: 0 30px
}

.info-block .stats-value p b {
	color: #fff
}

.info-block .adress {
	z-index: 10;
	margin-bottom: 10px
}

.info-block .adress span {
	z-index: 10
}

.trx-group {
	position: relative;
	/* box-shadow: 0 0 20px #000;
	border-radius: 60px; */
}

.trx-val {
	font-weight: normal;
	background-color: #f2c118;
	border-radius: 5px;
	z-index: 10;
	color: #fff;
	border: 0;
	padding: 0 25px;
	font-size: large;
}

.info-block input[type=text] {
	/* border-radius: 40px 0 0 40px; */
	z-index: 10
}

.info-block input::placeholder {
	color: #d0d0d0;
	text-align: center
}

.purple-btn {
	width: fit-content;
	line-height: 50px;
	min-width: 160px;
	cursor: pointer;
	color: #f2c118;
	border: none;
	font-weight: normal;
	position: relative;
	outline: none;
	z-index: 10;
	transition: .25s ease-out;
	font-size: large;
}

.purple-btn:focus {
	outline: none
}

.purple-btn:hover {
	transition: .25s ease-in;
	background-color:#f2c118;
	color: white;
}

.info-block.violet-bg {}

.stats {
	margin-bottom: -150px
}

.packages {
	margin-bottom: 150px;
}

.info-block.stats-block {
	display: flex;
	padding-top: 50px;
	flex-direction: column;
	justify-content: space-between;
	align-self: center;
	color: #fff;
	height: 750px;
	z-index: 5;
	top: 20px;
	box-shadow: none
}

.stats-title {
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	font-size: 12px
}

.stats-title span {
	color: #f2a65a;
	font-weight: 900;
	font-size: 1.8em
}

.stats-title span span {
	font-size: 12px;
	margin-left: 3px
}

.stats-value {
	font-size: 18px;
	color: #fff;
}

.stats-value b {
	color: #fff;
	font-size: 14px;
}

.stats-value em {
	font-style: normal
}

.stats-mine span {
	text-transform: uppercase;
	color: #6ee6ca;
	font-weight: 800
}

.stats-button a {
	color: #fff;
	padding: 5px 10px;
	background: #fff
}

.stats-button.copy a {
	color: #fff;
	padding: 5px 10px;
	background: #fff
}

.referal-link {
	padding-top: 15px
}

.referal-link span {
	color: #333
}

.referal-link button {
	margin-top: 15px
}

.title-block {
	/* text-transform: uppercase; */
	font-size: large;
	font-weight: normal;
	margin-bottom: 10px;
	color: #230c33
}

.withdraw-stats {
	min-height: 700px;
	margin-top: 100px;
	text-align: center
}

.withdraw-stats table {
	margin-top: 20px
}

table {
	width: 100%
}

th {
	padding: 10px 20px
}

th:first-child {
	border-top-left-radius: 30px
}

th:last-child {
	border-top-right-radius: 30px
}

tr:last-child td:first-child {
	border-bottom-left-radius: 30px
}

tr:last-child td:last-child {
	border-bottom-right-radius: 30px
}

td:first-child {
	color: #666
}

td:nth-child(2) {
	color: #6658c9;
	font-weight: 700;
	font-size: 1.2em
}

td:last-child {
	color: #666;
	font-weight: 700;
	font-size: 1.2em
}

td:last-child span {
	font-size: .7rem;
	font-weight: 500;
	margin-left: 3px
}

thead {
	color: #fff;
	/* text-transform: uppercase; */
	font-weight: normal;
	    background: linear-gradient(315deg, #ffc107, #ffc107);

}

/* table.invert thead {
	color: #6658c9;
	background-color: #f2a65a
} */

tbody {
	background-color: #fff
}

table.invert tbody {
	background-color: #c2bce9
}

tbody tr td {
	padding: 10px 20px;
	border-bottom: 1px solid #fff
}

tr:last-child td {
	border: none
}

.referals {
	background: url(../img/2.png);
	background-position: center;
	background-size: cover;
	min-height: 562px;
	width: 100%;
	padding-top: 315px;
	padding-bottom: 80px;
	color: #fff
}

.referal-descr {
	margin-top: 20px
}

.ref-percent {
	position: relative
}

.ref-percent img {
	margin-left: -50px
}

.ref-percent span#p1 {
	position: absolute;
	top: 22px;
	right: 50px;
	font-weight: 900;
	font-size: 1em
}

.ref-percent span#p2 {
	position: absolute;
	top: 82px;
	right: 45px;
	font-weight: 900;
	font-size: 1em
}

.ref-percent span#p3 {
	position: absolute;
	top: 144px;
	right: 25px;
	font-weight: 900;
	font-size: 1em
}

.ref-percent span span {
	font-size: 14px;
	margin-left: 3px;
	color: #f2a65a
}

.referal-descr span {
	font-size: 24px;
	line-height: 1em;
	font-weight: 500;
	background: #230c33;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.referal-descr span span {
	font-size: 12px;
	vertical-align: super
}

.referal-descr p {
	color: #230c33;
	font-weight: 800;
	margin-top: 50px
}

.referal-descr p span {
	margin-right: 5px;
	font-weight: 800
}

.referal-descr ul {
	padding-left: 0;
	margin-bottom: 20px
}

.referal-descr li {
	list-style: none;
	color: #230c33
}

.referal-descr li b {}

.advantages {
	background-position: center;
	background-size: cover;
	min-height: 750px;
	width: 100%;
	margin-top: -10px;
	background: rgb(0 0 0 / 50%);
}

.advantages .wraper {
	position: relative;
	width: 100%;
	color: #fff
}

.trx-group input {
	padding: 0 15px;
	line-height: 50px;
	z-index: 5;
	outline: 0 !important;
	text-align: center
}

.transp-back {
	position: relative;
	/* border: 1px solid #fff; */
}

/* .transp-back:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: calc(100% + 10px);
	top: -5px;
	height: calc(100% + 10px);
	left: -5px;
	background-color: #fff;
	border-radius: 40px
} */

.advantages .wraper img {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -30%
}

.advantage-item {
	max-width: 210px;
	line-height: 18px
}

.advantage-item div {
	color: #f2a65a;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 10px
}

.advantage-item:nth-child(2) {
	position: absolute;
	top: 106px;
	left: 10px
}

.advantage-item:nth-child(3) {
	position: absolute;
	top: 353px;
	left: 10px
}

.advantage-item:nth-child(4) {
	position: absolute;
	right: -30px;
	top: 230px
}

.advantage-item:nth-child(5) {
	position: absolute;
	right: -30px;
	top: 477px
}

.subtitle-block {
	font-size: 1.5em;
	text-transform: uppercase
}

.calculator-text {
	margin-top: 30px
}

.ref-wrap:only-child() {
	width: 200px
}

.info-block.calculator {
	height: calc(100% - 40px);
	top: 0;
	width: 100%;
	box-shadow: none
}

.calculator .card {
	border-radius: 15px;
	padding: 0
}

.card-block {
	margin: 25px 0;
	position: relative
}

.card-block .arrows {
	position: absolute;
	top: 50%;
	margin-top: -25%;
	right: 110px
}

.card {
	margin-top: 0px
}

.card .info {
	padding: 35px 40px 20px
}

.card .info b {
	color: #666;
	font-size: 1.4em
}

.card .status {
	padding: 25px 40px;
	border-radius: 0 0 15px 15px
}

.card .status.status-success {
	background-color: #e2faf4
}

.card .status.status-fail {
	background-color: #ffe1e0
}

.status-info img {
	width: 35px;
	margin-right: 12px
}

.status-success .status-info .text span {
	color: #f2a65a;
	text-transform: uppercase;
	font-weight: 700
}

.status-fail .status-info .text span {
	color: #ff6a62;
	text-transform: uppercase;
	font-weight: 700
}

.info-block.calculator {
	color: #fff
}

.calculator {
	position: relative;
	z-index: 4
}

.calculator .head div {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 800;
	color: #f2a65a
}

.calculator .head {
	margin-bottom: 50px
}

.calculator h1 {
	font-size: 12px;
	text-align: left;
	width: 100%;
	padding-left: 52px;
	text-transform: uppercase
}

.calc-res .item span {
	margin-bottom: 10px;
	font-size: 12px
}

.calc-res .item div {
	font-size: 12px
}

.calc-res div span {
	font-size: 12px
}

.calc-res .item .purple-text {
	font-size: 12px
}

.calc-amount {
	color: #f2a65a;
	font-weight: 900;
	font-size: 14px;
	margin-top: 40px
}

.calc-amount span {
	color: #fff;
	font-weight: 500;
	font-size: .9rem
}

.green-btn.start {
	width: 100%
}

.calculator .purple-text {
	margin-bottom: 60px
}

footer {
	background: #f2c118;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	padding: 0px 0 30px;
	position: relative;
	z-index: 6;
}

.contract-address {
	font-size: 1.5em;
	line-height: 1em;
	color: #fff;
	text-align: center
}

.contract-address span {
	color: #f2a65a
}

footer .white-text {
	font-size: .8em;
	margin-left: 12px
}

.head-partners {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
	margin-top: 20px
}

.footer-logo img {
	width: 190px
}

.footer-logo {
	overflow: hidden;
	top: 220px;
	padding-top: 40px;
	width: 295px
}

.overview-item {
	margin: 10px 0
}

.overview-item svg path {
	fill: #f2a65a
}

ul.countdown {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: block;
	text-align: center
}

ul.countdown li {
	display: inline-block
}

ul.countdown li span {
	font-size: 24px;
	font-weight: 300;
	line-height: 24px;
	color: #230c33
}

ul.countdown li.seperator {
	font-size: 24px;
	line-height: 24px;
	vertical-align: top
}

ul.countdown li p {
	color: #230c33;
	font-size: 14px
}

.countdown-wrap div {
	font-size: 16px
}

.countdown-wrap span {
	margin-right: 5px;
	font-weight: 800
}

.countdown-wrap em {
	margin: 0 5px;
	opacity: .4
}

.countdown-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 100px;
	padding-bottom: 100px;
	font-size: 23px;
	border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.countdown-wrap p {
	font-size: 42px;
	font-weight: 800
}

.bonusp {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 900;
	margin-bottom: 10px;
	color: #230c33;
}

@keyframes rotateCircle {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}


.package_item {

	border: 2px solid black;
	background-color: #230c33;
	text-align: center !important;

	height: 125%;
	border-radius: 20px;

}

.price-amount {
	margin-top: 30px;
}

.text_style {

	/* font-size: 00px; */
	line-height: 30px;
	color: #f2a65a;
	z-index: 10;
	font-weight: 800;
}

/* SPLIT AMOUNT POP UP FORM */

.trigger {
	text-align: center;
	padding: 10px 20px;
	background: transparent;
	margin-top: 20px;
	/* color: #f2c118; */
	color: rgb(255, 255, 255);
	font-size: 16px;
	outline: none;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #fff;

}

.trigger_d {
	text-align: center;
	padding: 7px 13px;
	background: #d6ba64;
	color: #fff;
	font-size: 15px;
	outline: none;
	border: none;
	border-radius: 20px;
	font-family: 'Mukta', sans-serif;
}

.modall {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #303b44;
	padding: 1rem 1.5rem;
	width: 35rem;
	border-radius: 0.5rem;
}

.close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: lightgray;
}

.close-button:hover {
	background-color: darkgray;
}

.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.ada-leg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 15px 0;
}