* {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0;

	padding: 0;

	font-family: var(--mainFont);

}


:root {

	--unset: unset;

	--mainFont: 'Inter', Arial, sans-serif;

	--lightWeight: 300;

	--regularWeight: 400;

	--mediumWeight: 500;

	--semimediumWeight: 600;

	--boldWeight: 700;

	--extraBoldWeight: 900;

	--pinkshade: #D49CFB;

	--purple: #643EBA;

	--primaryColor: #332165;

	--lightGrey: #E5E5E3;

	--blackColor: #000;

	--whiteColor: #fff;

}


*::-moz-selection,

*::selection {

	background: var(--primaryColor);

	color: var(--whiteColor);

}


html,

body {

	line-height: 1.2;

	font-size: 15px;

	color: var(--whiteColor);

	background-color: var(--primaryColor);

	font-family: var(--mainFont);

	overflow-x: hidden;

	scroll-behavior: smooth;

}


h1,

h2,

h3,

h4,

h5,

h6,

p {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

}


a {

	text-decoration: none;

	color: var(--whiteColor);

	cursor: pointer;

}


img {

	width: auto;

	max-width: 100%;

}


ul,

ol {

	padding: 0;

	margin: 0;

	list-style: none;

}


:is(:focus, :focus-visible, :focus-within, :active:focus) {

	outline: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}


.container {

	max-width: 70%;

	width: 100%;

	margin: 0 auto;

	padding: 0 20px;

}


.flex-row {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}


.section {

	width: 100%;

	display: block;

	margin: 0 auto;

}


*::-webkit-scrollbar {

	width: 0;

}


.btn {

	display: flex;

	gap: 10px 10px;

	align-items: center;

	justify-content: center;

	width: max-content;

	padding: 15px 40px;

	font-size: 1.6rem;

	height: 54px;

	color: var(--whiteColor);

	font-weight: var(--semimediumWeight);

	border-radius: 90px;

	background: transparent;

	transition: 1s all ease;

}


.btn:hover {

	color: var(--blackColor);

	background-color: var(--whiteColor);

	transition: 1s all ease;

}


.desc {

	font-size: 17px;

	line-height: 28px;

}


.para {

	font-size: 16px;

	line-height: 140%;

	font-weight: 500;

}


.center {

	text-align: center;

}

.brand-wpr {

	width: 20%;

	padding-right: 15px;

}

.nav-links.flex-row {

	width: 80%;

	justify-content: flex-end;

	align-items: center;

}


header {

	position: fixed;

	width: 100%;

	top: 0;

	z-index: 9;

	padding: 10px 0;

}

.menu-link {

	font-size: 15px;

	font-weight: var(--mediumWeight);

	padding: 10px;

}

.menu-list {

	align-items: center;

	gap: 26px 12px;

}

.menu-cta-wpr {

	padding-left: 5px;

	gap: 26px 12px;

	display: flex;

	align-items: center;

}

.cta {

	display: flex;

	align-items: center;

	justify-content: center;

	transition: 0.5s all ease;

}

.cta.cta-dark {
	background: var(--purple);
	padding: 8px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	border: 2px solid var(--purple);
	font-weight: var(--semimediumWeight);
	font-size: 13px;
}

.cta.cta-light {
	font-size: 13px;
	font-weight: var(--semimediumWeight);
	text-transform: uppercase;
	padding: 8px 25px;
	border: 2px solid #fff;
	border-radius: 35px;
}

.cta.cta-light:hover {

	background-color: var(--pinkshade);

	border: 2px solid var(--pinkshade);

}

.cta.cta-dark:hover {
	background: var(--pinkshade);
	border: 2px solid var(--pinkshade);
	transition: 0.5s all ease;
}

.banner-imge-bg {

	width: 100%;

	position: absolute;

	z-index: 1;

	top: 0;


}

.comm-team-section .banner-imge-bg {
	top: -72%;
}


.banner-imge-bg img {

	width: 100%;

	object-fit: cover;

}

.container.bacnner-content {

	position: relative;

	z-index: 2;

	padding-top: 6rem;

	height: 100%;

}

.banner-sec-lhs {

	max-width: 62%;

	z-index: 3;

}

.banner-sec-rhs {

	max-width: 62%;

	position: absolute;

	right: -100px;

	top: 55px;

}

.tittle-h1 {

	font-size: 65px;

	line-height: 140%;

	text-transform: uppercase;

	background: -webkit-linear-gradient(180deg, rgb(255 255 255 / 69%), rgb(255 255 255), rgb(255 255 255), rgb(255 255 255 / 69%));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

}

.banner-sec-inner {

	align-items: center;

	height: 100%;

}

.banner-sec-lhs .desc {

	max-width: 480px;

	margin-top: 5px;

}

.desc-bold {

	font-size: 24px;

	font-weight: var(--boldWeight);

	margin-top: 5px;

	text-shadow: 0px 0px 12px var(--pinkshade);

}

.menu-cta-wpr.tp-bnr-cta {

	padding: 0;

	margin-top: 60px;

}

.tp-bnr-cta .cta.cta-dark {

	font-size: 20px;

	padding: 15px 52px;

	background-color: var(--pinkshade);

	border: 2px solid var(--pinkshade);

}

.tp-bnr-cta .cta.cta-dark:hover {
	background: rgb(100 62 186);
	border: 2px solid rgb(100 62 186);
	color: #fff;
	transition: 0.5s all ease;
}

.tp-bnr-cta .cta.cta-light {

	font-size: 20px;

	padding: 15px 52px;

}

.rkt-pos {

	position: absolute;
	left: -60px;
	top: 60px;

}

header.sticky {

	background-color: #332165;

	backdrop-filter: blur(12px);

	--tw-backdrop-blur: blur(12px);

	-webkit-backdrop-filter: blur(12px);

}

.form-buy-section {

	position: relative;

}
.form-buy-section .banner-imge-bg img{
	padding-top: 17%;
}
.position-relative {
	position: relative;
}

.banner-section {
	position: relative;
	height: 950px;
}
/* 
.form-buy-section .banner-imge-bg {
	top: 365px;
} */
.kangaverse-section {
	position: relative;
	z-index: 1;
	padding: 8% 0;
}
.form-buy-wpr {
	position: relative;
	z-index: 2;
}

.form-content {

	max-width: 768px;

	margin: auto;

}

.form-top {

	border-radius: 69px 69px 0 0;

	padding: 23px 15px 15px;

	text-align: center;

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: linear-gradient(271deg, rgb(212 156 251 / 86%), #643eba69);

	border-bottom: 1px solid #D49CFB;

}

.amount h3 {

	font-size: 24px;

	text-transform: uppercase;

	font-weight: var(--boldWeight);

}

.stage {

	font-size: 48px;

	font-weight: var(--lightWeight);

	position: relative;

	max-width: max-content;

	margin: auto;

	padding: 0 15px;

}

.amount h3 span {

	font-weight: var(--lightWeight);

}

.amount {

	max-width: 70%;

	margin: auto;

	border: 1px solid #D49CFB;

	padding: 11px;

	border-radius: 28px;

}

.form-content {

	max-width: 768px;

	margin: auto;

	border-radius: 69px;

	background: linear-gradient(178deg, rgb(100 62 186 / 75%) 100%, rgb(212 156 251 / 43%) 100%);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.stage::before {

	content: '';

	position: absolute;

	width: 9px;

	height: 9px;

	border-radius: 100%;

	background-color: #33D485;

	left: 0px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	box-shadow: 1px 1px 12px #33D485;

}

.form-bottom {

	padding: 50px 50px 56px;

	text-align: center;

}

.sold-slider input {

	width: 100%;

	padding: 10px 12px;

	border-radius: 25px;

	margin-top: 5px;

	height: 40px;

	border: 1px solid #D49CFB;

}

.range-sold {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.sold-slider {

	max-width: 60%;

	margin: auto;

}

.sold {

	font-size: 16px;

	font-weight: var(--boldWeight);

}

.sold span {

	font-size: 16px;

	font-weight: var(--regularWeight);

}

.remaining {

	font-size: 16px;

	font-weight: var(--boldWeight);

}

.remaining span {

	font-size: 16px;

	font-weight: var(--regularWeight);

}

.price-coin {

	margin-top: 25px;

}


.price-act {

	display: flex;

	align-items: center;

	justify-content: space-between;

	max-width: max-content;

	margin: auto;

}

.price-act h3 {

	font-size: 36px;

	font-weight: 700;

	text-transform: uppercase;

	width: 100%;

	text-align: left;

}

.price-act img {

	max-width: 40px;

	margin-right: 15px;

}

.countdown {

	max-width: 62%;

	margin: auto;

	height: 62px;

	border: 2px solid #D49CFB;

	border-radius: 35px;

	margin-top: 20px;

	margin-bottom: 20px;

}

.incread-price p {

	font-size: 16px;

}

.incread-price p span {

	font-weight: var(--boldWeight);

}

.crypto-list {

	margin-top: 32px;

}

.crypto-list ul {

	display: flex;

	gap: 32px 32px;

	align-items: center;

	justify-content: center;

}

.cta-buy {

	max-width: 60%;

	margin: auto;

	margin-top: 20px;

}

.cta-buy .cta.cta-dark {

	background: var(--pinkshade);

	border: 2px solid var(--pinkshade);

	height: 62px;

	font-size: 22px;

	text-transform: uppercase;

}

.cta-buy .cta.cta-dark:hover {

	background: transparent;

}

.form-inner-images {

	position: absolute;

	height: 100%;

	width: 100%;

}

.form-inner-images img:nth-child(1) {

	position: absolute;

	top: 0px;

	left: 0;

}

.form-inner-images img:nth-child(2) {

	position: absolute;

	bottom: 0;

	left: 125Px;

}

.form-inner-images img:nth-child(3) {

	position: absolute;

	bottom: 160px;

	right: 150px;

	z-index: 2;

}

.discover {

	z-index: 2;

	padding-top: 20rem;

}

.discover-content {

	max-width: 766px;

	border-radius: 69px;

	padding: 45px 42px 66px 84px;

	background: linear-gradient(22deg, rgb(100 62 186 / 30%) 30%, rgb(212 156 251 / 38%) 70%);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	position: relative;

}
.dontWait .discover-content{
	padding: 45px 42px 66px 64px;
}
.discover-content h2 {

	font-size: 48px;

	line-height: 140%;

	background: -webkit-linear-gradient(180deg, rgb(255 255 255 / 69%), rgb(255 255 255), rgb(255 255 255), rgb(255 255 255 / 69%));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	margin-bottom: 40px;

}
.dontWait .discover-content h2 {
	font-size: 35px;
}
.discover-content>p {

	font-size: 15px;

	font-weight: var(--lightWeight);

	margin-bottom: 20px;

	opacity: 0.8;

}

.discover-content>p span {
	font-weight: var(--boldWeight);
	opacity: 1;
}

/* .progress-bar {

    font-size: 0px;

} */

.cta-pink {

	background: var(--pinkshade);

	padding: 10px 30px;

	height: 50px;

	font-size: 22px;

	color: #fff;

	border: 0;

	border-radius: 35px;

	min-width: 226px;

	max-width: 280px;

}

.glob-img-fire {

	position: absolute;

	right: -140px;

	top: 56%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: -3;

}

.discover-rhs {

	position: absolute;

	right: 0px;

	top: 50px;

}

.discover-lhs {

	position: relative;

	max-width: 766px;

}

.rocket-img {

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

}


.join-us-wpr {

	z-index: 3;

	position: relative;

	padding-top: 24rem;

}

.join-us-top {

	display: flex;

	align-items: center;

	justify-content: space-between;

	max-width: 70%;

	margin: auto;

}

.join-tittle {

	text-transform: uppercase;

	font-weight: var(--lightWeight);

	font-size: 2rem;

}

.join-tittle span {

	font-weight: var(--boldWeight);

}

.cta-yellow {

	background: #FFE234;

	font-size: 20px;

	color: #362774;

	padding: 10px 32px;

	border-radius: 35px;

	min-width: 205px;

	height: 50px;

	border-color: #FFE234;

	border: 2px solid #FFE234;

	font-weight: 500;

	box-shadow: 0px 0px 12px 5px #ffe2344d;

	max-width: 260px;

}

.cta {

	cursor: pointer;

}

.step-sec-wpr {

	gap:8rem 4rem;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	margin-top: 8rem;

	display: grid;

	position: relative;

}

.step-col {

	padding-bottom: 4rem;

	padding-top: 4rem;

	-webkit-backdrop-filter: blur(12px);

	backdrop-filter: blur(12px);

	border-color: rgb(100 62 186/1);

	border-style: solid;

	border-width: 1px;

	background: linear-gradient(29deg, #643eba66 38.88%, #d49cfb66 122.18%);

	display: flex;

	padding-left: 2.5rem;

	padding-right: 2.5rem;

	border-radius: 1.5rem;

}

.step-numbring {

	width: 7rem;

	height: 8rem;

	background-color: rgb(178 123 217);

	border-radius: 1rem;

	position: absolute;

	right: 1.75rem;

	transform: translate(0, -100%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);

}

.number {
	font-size: 9.25rem;
	text-shadow: -0.25rem 0.25rem 0 #643eba, 0 0 0.25rem #643eba, -0.6rem 0.6rem 0 #332165;
	line-height: 1;
	font-weight: 700;
	transform: translate(18%, -8%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
	right: 0;
	bottom: 0;
	position: absolute;
	-webkit-background-clip: text;
	-webkit-text-stroke: 4px #643eba;
}

.step-sec-wpr .step-col:nth-child(2) .number {
	transform: translate(0%, -8%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.step-tittle {
	font-size: 21px;
	margin-bottom: 16px;
}

.step-divdr {

	width: 60px;

	height: 3px;

	background: #FFE234;

	box-shadow: 0px 0px 24px #FFE234;

	margin-bottom: 16px;

}

.step-desc {

	font-size: 15px;

	font-weight: var(--lightWeight);

	max-width: 100%;

	line-height: 170%;

}

.plnet-voilet {

	position: absolute;

	left: -115px;

	top: -100px;

}

.ecosystem-section {

	position: relative;

	z-index: 2;

	padding-top: 11rem;

	padding-bottom: 18rem;

}

.ecosystem-title {

	padding-bottom: 4rem;

	text-align: center;

	font-size: 48px;

	font-weight: var(--boldWeight);

}

.ecosystemSlider {

	padding: 0 30px;

}

.swiper-inner {

	width: 100%;

	position: relative;

}

.eco-img {

	position: absolute;

	right: -100px;

	z-index: 3;

	bottom: -20px;

	width: 100%;

	max-width: 480px;

}

.swiper-inner .discover-content {

	padding: 45px 32% 66px 84px;

}

.ecosystemSlider.swiper {

	overflow: visible;

}

.ecosystemSlider .swiper-slide.swiper-slide-active {

	transform: scale(1) !important;

	opacity: 1;

	transition: 0.8s all ease;

}

.ecosystemSlider .swiper-slide {

	transform: scale(0.7) !important;

	opacity: 0.7;

	transition: 0.8s all ease;

}

.ecosystemSlider.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.ecosystemSlider .swiper-pagination-custom,

.ecosystemSlider .swiper-pagination-fraction {

	bottom: -60px;

	display: flex;

	align-items: center;

	gap: 5px 5px;

	justify-content: center;

}

.ecosystemSlider .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	background: var(--purple);

	opacity: 1;

}

.ecosystemSlider .swiper-pagination-bullet-active {

	width: 20px;

	height: 20px;

	background: var(--pinkshade);

}

.ecosystemSlider .swiper-button-prev.swiper-button-disabled:after {

	content: '';

	background-image: url('../images/arrow-left-pink.svg');

	background-repeat: no-repeat;

	background-size: 100%;

	width: 25px;

	height: 25px;

}

.ecosystemSlider .swiper-button-next.swiper-button-disabled:after {

	content: '';

	background-image: url('../images/arrow-right-pink.png');

	background-repeat: no-repeat;

	background-size: 100%;

	width: 25px;

	height: 25px;

}

.ecosystemSlider .swiper-button-next:after {

	content: '';

	background-image: url('../images/arrow-right-yellow.png');

	background-repeat: no-repeat;

	background-size: 100%;

	width: 25px;

	height: 25px;

}

.ecosystemSlider .swiper-button-prev:after {

	content: '';

	background-image: url('../images/arrow-left-yellow.svg');

	background-repeat: no-repeat;

	background-size: 100%;

	width: 25px;

	height: 25px;

}

.ecosystemSlider .swiper-button-prev {

	right: auto;

	top: inherit;

	bottom: 45px;

	left: 22%;

}

.ecosystemSlider .swiper-button-next {

	right: 22%;

	top: inherit;

	bottom: 45px;

	left: auto;

}

.kangaverse-img {

	width: 100%;

	margin: auto;

}

.kangaverse-img img {

	width: 100%;

}

.kangaverse-tittle {

	text-align: center;

}

.kangaverse-tittle h2 {

	font-size: 48px;

	font-weight: var(--boldWeight);

	background-color: linear-gradient(0deg, rgb(156 156 156), rgb(255 255 255), rgb(255 255 255), rgb(146 146 146));

	background: -webkit-linear-gradient(0deg, rgb(156 156 156), rgb(255 255 255), rgb(255 255 255), rgb(146 146 146));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	text-transform: capitalize;

	max-width: max-content;

	margin: auto;

}

.ecosystem-title h2 {

	font-size: 48px;

	font-weight: var(--boldWeight);

}

.kangaverse-tittle.powered-by {

	padding-bottom: 4rem;

}

.powered-grid {

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 6% 2%;

	width: 100%;

	display: grid;

}

.powered-col {

	grid-column: span 1/span 1;

	padding: 0.5rem;

	justify-content: center;

	align-items: center;

	display: flex;

}

.tocken-wpr {

	padding: 5rem 0;

	position: relative;

}

.tocken-list-wpr {

	height: 75%;

	background-color: #0000001a;

	border-radius: 1.5rem;

	width: 100%;

	padding: 5rem;

	position: relative;

}

.tokenomics-list {

	gap: 1.75rem 1.75rem;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	display: grid;

	max-width: 58%;

	margin-left: auto;

}


.tokenomics-item-list {

	gap: 1rem 1rem;

	grid-template-columns: 2rem 1fr;

	display: grid;

}


.corlored-box {

	width: 2rem;

	height: 2rem;

}

.tockens-number {

	font-weight: 700;

	font-size: 1rem;

	line-height: 1.5rem;

}

.tocken-desc {

	font-weight: 300;

	font-size: .875rem;

	line-height: 1.25rem;

}

.tockens {

	gap: 0.5rem 0.5rem;

	flex-direction: column;

	display: flex;

}

.kangaverse-tittle.tokenomics-tittle {

	text-align: center;

	margin-bottom: 1.6rem;

}

.chart-img {
	position: absolute;
	top: -120px;
	left: 60px;
	max-width: 400px;
}

.tocken-detail-desc {

	max-width: 72%;

	background: #fff;

	margin-left: auto;

	margin-top: -60px;

	color: #000;

	border-radius: 15px;

	position: relative;

	margin-right: 4rem;

	display: flex;

}

.detail-col-tocken {

	width: 20%;

	border-right: 1px solid #ddd;

	padding: 18px 22px;

}

.tckn-header {

	display: flex;

	align-items: center;

	gap: 15px 15px;

	justify-content: flex-start;

}

.tckn-header img {

	max-width: 25px;

}

.detail-col-tocken h4 {

	margin-bottom: 16px;

}

.tckn-header h6 {

	font-size: 15px;

	font-weight: var(--semimediumWeight);

}

.detail-col-tocken:last-child {

	border: 0px;

}

.tckn-header img.ethm {

	max-width: 45px;

}

.container.tocken-outer-wpr {

	position: relative;

	z-index: 2;

}

.banner-imge-bg.toknomics-bg-wp {

	padding-top: 22rem;

}

.tockenmatic-bnner img {

	max-width: 100%;

	width: 100%;

	margin: auto;

	text-align: center;

}

.tockenmatic-bnner {

	position: relative;

	z-index: 2;

	margin: auto;

	text-align: center;

	max-width: 60%;

	margin-top: 135px;

}

.contact-sec {

	position: relative;

	z-index: 2;

	padding-bottom: 6rem;

	padding-top: 3rem;

}

.menu-link:hover {
	color: #FFE234;
	transition: 0.3s all ease;
}

.contact-inner {

	max-width: 720px;

	margin: auto;

	background: linear-gradient(22deg, rgb(100 62 186 / 30%) 30%, rgb(212 156 251 / 38%) 70%);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 50px 48px 36px 28px;

	border-radius: 29px;

	position: relative;

	border: 1px solid #643EBA;

	z-index: 2;

}

.form-lock {

	position: absolute;

	top: -55px;

	left: 70px;

}

.form-tittle {

	font-size: 32px;

	max-width: 60%;

	margin-left: auto;

	background: -webkit-linear-gradient(0deg, rgb(204 204 204), rgb(255 255 255), rgb(197 197 197));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

}

.form-tittle span {

	letter-spacing: 12.5px;

}

.address-from {
	margin-top: 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.address-from-inner {

	width: 100%;

	position: relative;

}

.address-from-inner label {

	width: 100%;

	position: relative;

	font-size: 13px;

	font-weight: 100;

	display: block;

	margin-top: 45px;

	margin-bottom: 5px;

	padding-left: 15px;

}

.address-from-inner input {

	width: 100%;

	padding: 10px 16px;

	margin-top: 8px;

	border-radius: 25px;

	border: 0;

	height: 42px;

	background: #342162;

	padding-right: 165px;

	color: #fff;

}

.address-from-inner button {

	position: absolute;

	right: -1px;

	align-items: center;

	padding: 10px 15px;

	border-radius: 35px;

	height: 44px;

	gap: 7px 7px;

	display: flex;

	font-size: 15px;

	color: #FFE234;

	bottom: -1px;

	background: linear-gradient(22deg, rgb(100 62 186 / 30%) 30%, rgb(182 102 238 / 38%) 70%);

	border: 1px solid rgb(212 156 251 / 20%);

}

form.address-from .cta {

	margin: auto;

	margin-top: 42px;

}

.address-from-inner button img {

	max-width: 15px;

}

.presale-wpr {

	z-index: 2;

	position: relative;

	padding-top: 10rem;

}


.presale-table-wpr {

	position: relative;

}

.presale-table-wpr table {

	width: 100%;

	text-align: center;

	border-spacing: 0 24px;

}

.presale-table-wpr table tbody tr {

	background: rgb(255 255 255 / 20%);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 16px;

	overflow: hidden;

}

.presale-table-wpr table tbody tr td {

	padding: 18px;

	text-align: left;

	font-size: 24px;

	font-weight: 300;

}

.presale-table-wpr table tbody tr td:first-child {

	border-radius: 16px 0 0 16px;

	overflow: hidden;

}

.presale-table-wpr table tbody tr td:last-child {

	border-radius: 0 16px 16px 0;

	overflow: hidden;

}

.presale-table-wpr table thead th {

	text-align: left;

	padding: 0 18px;

	font-size: 24px;

	font-weight: 400;

}

.presale-voilet-glob {

	position: absolute;

	left: -210px;

	top: 125px;

}

.presale-fire-glob {

	position: absolute;

	right: -160px;

	top: 240px;

}

.bg-b {

	max-width: max-content;

	background: #301f64;

	padding: 6px 12px;

	border-radius: 5px;

}

.cta-yellow:hover {
	/* background: var(--pinkshade);
    border: 2px solid var(--pinkshade); */
	color: #fff;
	background: transparent;
	border: 2px solid #ffe234;
}

.cta-pink:hover {
	background: rgb(100 62 186);
	border: 2px solid rgb(100 62 186);
	color: #fff;
	transition: 0.5s all ease;
}

.comm-team-section .kangaverse-tittle {

	text-align: left;

}

.community-wpr {

	position: relative;

	z-index: 2;

}

.comm-img-garllery {

	margin: auto;

	background: linear-gradient(22deg, rgb(100 62 186 / 30%) 30%, rgb(212 156 251 / 38%) 70%);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 25px;

	border-radius: 29px;

	position: relative;

	border: 1px solid #643EBA;

	z-index: 2;

	margin-top: 65px;

}

.img-moon-wpr {

	max-width: 382px;

	margin-left: auto;

	position: absolute;

	right: 100px;

	top: -270px;

}

.comm-team-section {

	padding-top: 20px;
	z-index: 3;
}

.comm-team-section .banner-imge-bg {

	margin-top: 0px;

}

.img-grid {

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	border-radius: 28px;

	overflow: hidden;

	gap: 0 0;

}

.img-grid img {

	max-width: 25%;

	width: 100%;

}

.comm-team-section .kangaverse-tittle h2 {

	background-color: linear-gradient(0deg, rgb(156 156 156), rgb(255 255 255), rgb(255 255 255), rgb(125 120 120));

	background: -webkit-linear-gradient(0deg, rgb(156 156 156), rgb(255 255 255), rgb(255 255 255), rgb(125 120 120));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	text-transform: capitalize;

	margin: inherit;

}

.audit-sec-outer .kangaverse-tittle h2 {

	margin: auto;

}

.team-inner {

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: 2rem 2rem;

	width: 100%;

	display: grid;

}

.team-inner-col {

	gap: .5rem .5rem;

	justify-content: flex-start;

	align-items: center;

	flex-direction: column;

	display: flex;

	width: 100%;

}

.team-img-wp {

	flex-direction: column;

	width: 100%;

	display: flex;

}

.team-content-wp {

	padding: 1.5rem;

	border-radius: 1.5rem;

	gap: 1rem 1rem;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	width: 100%;

	display: flex;

}

.tea-tittle {

	font-weight: 600;

	font-size: 1.125rem;

	line-height: 1.75rem;

	font-size: 1.125rem;

	line-height: 1.75rem;

	text-align: center;

	text-transform: none;

	color: rgb(255 226 52);

}

.comm-team-section .team-outer-wpr .kangaverse-tittle {

	text-align: center;

	margin: auto;

}

.team-outer-wpr.container {

	margin-top: 55px;

	position: relative;

	z-index: 2;

}

.ft-kang-social-ot a img {
	max-width: 20px;
	margin: auto;
}

.team-degi {

	text-align: center;

	padding-bottom: 0.25rem;

	padding-top: 0.25rem;

	padding-left: 0.5rem;

	padding-right: 0.5rem;

	border-radius: 9999px;

	min-width: 50%;

	border-color: rgb(100 62 186);

	border-style: solid;

	border-width: 1px;

	background: linear-gradient(29deg, #643eba66 38.88%, #d49cfb66 122.18%);

}

.text-center {

	text-align: center !important;

}

.audit-sec-outer {

	position: relative;

	z-index: 2;

	padding-bottom: 175px;

}

.audit-inner {

	width: 66.666667%;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	margin-bottom: 3.5rem;

	gap: 1rem 1rem;

	display: grid;

	position: relative;

	margin: auto;

	margin-top: 60px;

}


.audit-img-wp {

	justify-content: center;

	display: flex;

	align-items: center;

	flex-direction: column;

}


.audit-img-wp img {

	object-fit: contain;

	height: 4rem;

	width: auto;

}


.audit-content {

	padding-left: 2.5rem;

	padding-right: 2.5rem;

	gap: 1.25rem 1.25rem;

	flex-direction: column;

	display: flex;

}

.join-top-rhs.view-wpr {

	max-width: 260px;

	margin: auto;

	margin-top: 60px;

}

.audit-status {

	font-size: 24px;

	font-weight: var(--boldWeight);

}

.audit-desc {

	font-size: 16px;

	font-weight: var(--lightWeight);

}


ul.accordion-list {

	position: relative;

	display: block;

	width: 100%;

	height: auto;

	padding: 0;

	margin: 0;

	list-style: none;

	background-color: transparent;

	margin-top: 60px;

}


ul.accordion-list li {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	position: relative;

	display: block;

	width: 100%;

	height: auto;

	background-color: rgb(255 255 255 / 20%);

	padding: 20px;

	margin: 0 auto 24px auto;

	border-radius: 16px;

	cursor: pointer;

}

.faq-ttl {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

ul.accordion-list li.active h3:after {

	transform: rotate(90deg);

}

ul.accordion-list li h3 {

	font-weight: 300;

	position: relative;

	display: block;

	width: 100%;

	height: auto;

	padding: 0 0 0 0;

	margin: 0;

	font-size: 24px;

	letter-spacing: 0.01em;

	cursor: pointer;

}


ul.accordion-list li h3:after {

	content: "";

	background-image: url('../images/arrow-right-bold.png');

	background-repeat: no-repeat;

	background-size: 100%;

	width: 22px;

	height: 22px;

	position: absolute;

	right: 0;

	top: 0;

	transition: all 0.3s ease-in-out;

}

ul.accordion-list li div.answer {

	position: relative;

	display: block;

	width: 100%;

	height: auto;

	margin: 0;

	padding: 0;

	cursor: pointer;

}


ul.accordion-list li div.answer p {

	position: relative;

	display: block;

	font-weight: 300;

	padding: 10px 40px 0 15px;

	cursor: pointer;

	line-height: 150%;

	margin: 0 0 15px 0;

	font-size: 15px;

}

.faq-sec.position-relative {
	position: relative;
	z-index: 5;
	padding-top: 25rem;
}

.faq-ttl p {

	font-size: 24px;

	font-weight: 500;

	background-color: linear-gradient(1deg, rgb(158 158 158) -30%, rgb(255 255 255) 80%, rgb(180 180 180) 26%);

	background: -webkit-linear-gradient(1deg, rgb(158 158 158) -30%, rgb(255 255 255) 80%, rgb(180 180 180) 26%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	text-transform: capitalize;

}

.faq-ttl h2 {

	font-size: 48px;

	background-color: linear-gradient(2deg, rgb(83 83 83) -80%, rgb(255 255 255) 100%, rgb(255 255 255) 76%, rgb(146 146 146) 72%);

	background: -webkit-linear-gradient(2deg, rgb(83 83 83) -80%, rgb(255 255 255) 100%, rgb(255 255 255) 76%, rgb(146 146 146) 72%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	text-transform: capitalize;

}

.footer-wpr {

	position: relative;

	z-index: 2;

}

.ft-kang-otr {

	width: 80%;

	overflow: hidden;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}


.ft-kang-inner {

	justify-content: center;

	flex-direction: column;

	align-items: center;

	width: 100%;

	display: flex;

}


.footer-logo {

	margin-bottom: 2.5rem;

	font-weight: 400;

}


.footer-logo img {

	height: 180px;

	object-fit: contain;

	width: auto;

}


.ft-kang-social-wpr {

	width: 70%;

	flex-direction: row;

	overflow: hidden;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	gap: 1.25rem 1.25rem;

	display: flex;

	margin-bottom: 3rem;

}


.ft-kang-social-ot {

	justify-content: flex-start;

	flex-direction: row;

	align-items: center;

	width: 100%;

	display: flex;

	gap: 0.625rem 0.625rem;

	flex: 1 1;

}

.ft-kang-socials {

	width: 60%;

	flex-direction: row;

	overflow: hidden;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	gap: 1.25rem 1.25rem;

	display: flex;

	margin-bottom: 0rem;

}


.ft-kang-social-ot a {

	background-color: #643EBA;

	border-radius: 9999px;

	justify-content: center;

	flex-direction: row;

	align-items: center;

	width: 100%;

	display: flex;

	height: 2.5rem;

	max-width: 2.5rem;

	font-weight: 400;

}

.ft-kang-social-ot a:hover {
	background: #54329f;
}

.ftr-kng-contact {

	gap: 1.75rem 1.75rem;

	align-items: flex-start;

	justify-content: center;

	flex-direction: column;

	width: 100%;

	display: flex;

	flex: 1 1;

}

.engage-kang-otr .kng-disc-grid-dec {

	text-align: center;

}

.ftr-kng-wpr {

	gap: .15rem .15rem;

	display: flex;

	align-items: center;

}

.engage-kang-otr {

	padding: 1.5rem 0;

	border: 1px solid #643EBA;

	border-left: 0;

	border-right: 0;

}

.ft-cntc-email {

	font-size: 1rem;

	line-height: 1.5rem;

	font-weight: 300;

}

.footer-sec-bott .banner-imge-bg {

	margin-top: -310px;

}

.ftr-kng-links {

	gap: 2.5rem 2.5rem;

	flex-direction: row;

	display: flex;

	margin-bottom: 3rem;

}

.kng-links-items {

	text-decoration-line: underline;

	font-size: 1rem;

	line-height: 1.5rem;

	font-weight: 300;

}

.all-right-rsvrd {

	flex-direction: column;

	display: flex;

	margin-bottom: 2rem;

}

.all-right-rsvrd p {

	font-size: 1rem;

	line-height: 1.5rem;

	color: rgb(255 255 255);

	font-weight: 300;

}

.disclaimer-wpr {

	justify-content: center;

	flex-direction: column;

	align-items: center;

	width: 100%;

	display: flex;

	margin-bottom: 2rem;

}

p.discl-tittle {

	margin-bottom: 1.75rem;

	font-size: 1.5rem;

	line-height: 2rem;

	font-weight: 300;

}

p.discl-dec {

	text-align: center;

	margin-bottom: 4rem;

	font-size: .875rem;

	line-height: 1.25rem;

}

.kng-disc-grid {

	gap: 3rem 3rem;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	display: grid;

	margin-bottom: 1.25rem;

}


.kng-disc-col {

	gap: 1.25rem 1.25rem;

	flex-direction: column;

	display: flex;

	margin-bottom: 2rem;

}


.kng-disc-grid-step {

	gap: 1.25rem 1.25rem;

	flex-direction: row;

	display: flex;

}

.kng-disc-grid-num {

	background-color: rgb(226 95 179);

	border-radius: 9999px;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	width: 100%;

	display: flex;

	margin-bottom: 2rem;

	height: 1.25rem;

	margin-top: 0.125rem;

	max-width: 1.25rem;

}

p.t_sm {

	font-size: .875rem;

	line-height: 1.25rem;

	font-weight: 300;

	color: rgb(255 255 255);

}

p.kng-disc-grid-dec {

	line-height: 1.5rem;

	font-size: .875rem;

	font-weight: 300;

	color: rgb(255 255 255);

}

.kng-disc-grid-line {

	background-color: #ffffff4d;

	width: 100%;

	height: 1px;

}

.compliance-wpr {

	gap: 1rem 1rem;

	flex-direction: column;

	display: flex;

	margin-bottom: 2rem;

}

.kng-gr-col-border {
	background-color: #ffffff4d;
	width: 100%;
	height: 1px;
}

.footer-sec-bott {

	padding-top: 14rem;
	position: relative;
	padding-bottom: 4rem;
	z-index: 4;
}

section.roadmap-sec {
	z-index: 3;
	padding-top: 8rem;
}

.roadmap-content {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding-bottom: 1rem;

	padding-top: 1rem;

	border-color: rgb(100 62 186);

	border-style: solid;

	border-width: 1px;

	background: linear-gradient(29deg, rgb(100 62 186 / 90%) 38.88%, rgb(212 156 251 / 70%) 122.18%);

	padding-left: 1.75rem;

	padding-right: 1.75rem;

	border-radius: 2rem;

	max-width: 90vw;

	flex-direction: column;

	display: flex;

	min-height: 24rem;

}

.rkt-pos {

	max-width: 220px;

}

.roadmap-sec .banner-imge-bg {

	padding-top: 500px;

}

.yellow-devider {

	width: 4rem;

	margin-bottom: 0.75rem;

	height: 0.25rem;

	box-shadow: 0 25px 50px -12px #ffe234;

	background-color: rgb(255 226 52);

}

.phase-step {

	font-weight: 600;

	margin-bottom: 0.75rem;

	font-size: 2rem;

}

.phase-step-list.list-inside {

	flex-direction: column;

	list-style-type: disc;

	list-style-position: inside;

	display: flex;

	gap: 0.5rem 0.5rem;

}

.phase-list-item {

	font-size: 1rem;

	line-height: 1.5rem;

}

.swiper.roadmapSlider {

	overflow: visible;

}

.swiper.roadmapSlider .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {

	bottom: -40px;

	position: absolute;

	top: inherit;

}

.swiper.roadmapSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	background-color: var(--pinkshade);

}

.roadmap-arrows {

	position: absolute;

	right: 0;

	top: -150px;

	width: 100%;

	max-width: 170px;

	height: 75px;

	padding-bottom: 1rem;

	padding-top: 1rem;

	border-color: rgb(100 62 186);

	border-style: solid;

	border-width: 1px;

	background: linear-gradient(29deg, rgb(100 62 186 / 90%) 38.88%, rgb(212 156 251 / 70%) 122.18%);

	padding-left: 1.75rem;

	padding-right: 1.75rem;

	border-radius: 15px;

	margin-left: auto;

}

.roadmap-wpr.container {

	position: relative;

	z-index: 3;

}

.swiper.roadmapSlider .swiper-button-next:after {

	content: '';

}

.swiper.roadmapSlider .swiper-button-prev:after {

	content: '';

}

.swiper.roadmapSlider .swiper-button-next {

	background-image: url('../images/roadmap-right-arrow.png');

	right: 0px;

}

.swiper.roadmapSlider .swiper-button-prev {

	background-image: url('../images/rodamap-left-arrow.png');

	left: 0;

}

.roadmap-wpr .ecosystem-title h2 {

	font-size: 48px;

	font-weight: var(--boldWeight);

	background-color: linear-gradient(299deg, rgb(156 156 156), rgb(255 255 255), rgb(113 113 113), rgb(255 255 255));

	background: -webkit-linear-gradient(0deg, rgb(156 156 156), rgb(255 255 255), rgb(255 255 255), rgb(146 146 146));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: var(--boldWeight);

	text-transform: capitalize;

	max-width: max-content;

	margin: auto;

}

.swiper.roadmapSlider .swiper-button-next,

.swiper.roadmapSlider .swiper-button-prev {

	width: 86px;

	height: 60px;

	overflow: visible;

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-size: 100%;

}

.address-from-inner {

	margin-bottom: 25px;

}

#timer #main_countedown_1 .time_left {

	border-radius: 8px;

	background-color: transparent;

	font-size: 23px;

	font-family: var(--mainFont);

	color: #fff;

}

#timer #main_countedown_1 span.element_conteiner span:last-child {

	display: none;

}

#timer #main_countedown_1 .countdown {

	display: flex;

	align-items: center;

	justify-content: center;

}

#timer #main_countedown_1 .element_conteiner {

	min-width: 75px;

	position: relative;

}

#timer #main_countedown_1 .element_conteiner ::after {

	content: ':';

	position: absolute;

	right: 0;

	top: 4px;

	font-size: 25px;

	font-weight: 500;

}

#timer #main_countedown_1 .element_conteiner:last-child ::after {

	font-size: 0px;

}

.navbar-toggler span {

	position: relative;

	display: block;

	width: 33px;

	height: 4px;

	margin-bottom: 5px;

	position: relative;

	background: var(--pinkshade);

	border-radius: 3px;

	z-index: 96;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;

}

.navbar-toggler span:nth-child(2) {

	width: 22px;

}

button#mobile-open {

	display: none;

}

.terms-main-wpr {
	padding-top: 120px;
}

.terms-content-wp {
	position: relative;
	z-index: 2;
}

.terms-content-wp h2 {
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: var(--semimediumWeight);
}

.terms-content-wp p {
	font-size: 1rem;
	line-height: 1.8rem;
	font-weight: var(--lightWeight);
}

.terms-content-wp h3 {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	font-weight: var(--semimediumWeight);
	margin-top: 2.2rem;
}

.terms-content-wp ul {
	list-style: disc;
	font-weight: var(--lightWeight);
	padding-left: 15px;
	font-size: 1rem;
	line-height: 1.8rem;
}

.terms-content-wp a {
	color: rgb(97 198 255/1);
	font-weight: 500;
}

.progress-bar.progress-bar-warning.progress-bar-striped {
	background-color: var(--pinkshade);
	position: relative;
	border-radius: 35px;
	min-width: 50px;
	overflow: visible;
	background-image: linear-gradient(-45deg, #fff3 25%, #0000 0, #0000 50%, #fff3 0, #fff3 75%, #0000 0, #0000);
	background-size: 40px 40px;
}

.progress {
	border-radius: 35px;
	background: #fff;
	border: 1px solid var(--pinkshade);
}

.progress-bar .slide-img img {
	position: absolute;
	right: 0px;
	top: -1px;
	height: 39px;
	min-width: 39px;
	display: block;
}

.progress {
	display: flex;
	height: 40px;
	overflow: visible;
	font-size: .75rem;
	background-color: #ffffff;
	border-radius: 45.95px;
	position: relative;
}

section.powered-sec {
	padding-bottom: 40px;
}

div#countdown-timer {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 62%;
	margin: auto;
	height: 62px;
	border: 2px solid #D49CFB;
	border-radius: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}
span.slim-countdown-text {
	display: none;
}
div#countdown-timer .flex-row {
	border-radius: 8px;
	background-color: transparent;
	font-size: 23px;
	font-family: var(--mainFont);
	color: #fff;
	border: none;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	position: relative;
}
div#countdown-timer .flex-row::after {
	content: ':';
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 25px;
	font-weight: 500;
}
div#countdown-timer .flex-row:last-child::after {
	font-size: 0px;
}
/* dont wait section */
.dontWait .discover-rhs {
	position: absolute;
	left: 0;
	top: 60%;
	transform: translateY(-50%);
	right: inherit;
	width: 100%;
	max-width: 600px;
}
.dontWait .discover-lhs {
	margin-left: auto;
}
.dontWait .glob-img-fire {
	right: inherit;
	left: -100px;
}
.dontWait .discover-rhs img {
	max-width:75%;
	width: 100%;
}
/* laguage css */

.gt_float_switcher {
	font-size: .75rem !important;
	background: transparent !important;
}
.gt_float_switcher .gt-selected {
	background-color: transparent !important;
}
.gt_float_switcher img {
	width: 18px !important;;
	margin: 0 2px 0 0 !important;;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
	position: relative !important;
	top: 1px !important;
	font-size: 12px !important;
	color: #fff !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 0 !important;;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	height: 20px !important;;
	width: 12px !important;;
}
.language {
	position: relative;
}
.gt_float_switcher .gt_options a {
	padding: 5px 10px !important;
	display: flex !important;
	gap: 5px !important;
	font-size: 14px !important;
	align-items: center;
}
.gt_float_switcher .gt_options {
	position: absolute !important;
	background: #fff;
	top: 32px !important;
	left:0px !important;
	min-width: 150px !important;
}
.gt_float_switcher .gt_options a img{
	max-width: 18px !important;
}
.bonus-text{
	margin-bottom: 10px;
}