@import url('https://fonts.googleapis.com/css2?family=Poppins');
.accordion {
	display: flex;
	align-items: center;
    background-color: #18181C;
    cursor: pointer;
    padding: 18px;
    width: 650px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: var(--default-transition);
	-webkit-transition: var(--default-transition);
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 hsl(0deg 0% 0% / 20%);

	height: 70px;
    font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	color: #757A81;
}
.accordion.active, .accordion:hover {
    background-color: var(--green);
    color: #fff;
}
.accordion:hover > i, .active > i {
	color: #fff;
}
.accordion.active {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel {
    padding: 0 18px;
    background-color: #272a2e;
    overflow: hidden;
    transition: all 0.2s ease-out;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;

    visibility: hidden;
	opacity: 0;
	max-height: 0;
	color: var(--text-color);
}
.visible {
	visibility: visible;
  	opacity: 1;
	max-height: 100%;
}
@media screen and (min-width: 700px) {
	.panel {
		width: 614px;
	}
}
@media screen and (max-width: 700px) {
	.accordion {
		width: 100%;
	}
}
.panel .ol {
	margin-top: 10px!important;
}
.panel p.complete {
	margin-top: -5px;
} 
.panel p.complete::before {
	content: '';
    padding-left: 10px;
    border-left: 2px solid #fff;
    height: 50%;
    left: 0;
    top: 25%;
}
.panel p.complete::before {
	border-left: 2px solid var(--green);
}
body {
	overflow-x: hidden;
}
a {
	color: white;
	text-decoration: none;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
}
a:hover {
	color: var(--green);
}
.top-section {
	padding-top: 75px;
	text-align: center;
	border-bottom: 1px solid #2C2C32;
	margin-bottom: 116px;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: -1;
}
.top-section .content {
	max-width: 1050px;
	margin: auto;
}
.top-section .image {
	display: flex;
	justify-content: center;
	align-items: center;
}
.dropdown {
	margin-top: 43px;
	margin-bottom: 100px;
}
.top-section h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 55px;
	line-height: 75px;
	color: white;
}
.top-section p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
	color: #757A81;
	max-width: 770px;
	margin: auto;
}
.top-ellipse {
	position: absolute;
	top: 108px;
	right: -218px;
	width: 436px;
	height: 436px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(46, 204, 113, 0.5) 0%, rgba(46, 204, 113, 0) 100%);
}
.left-ellipse {
	position: absolute;
	bottom: 0px;
	left: -218px;
	width: 436px;
	height: 436px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(46, 204, 113, 0.5) 0%, rgba(46, 204, 113, 0) 100%);
}

.perks {
	text-align: center;
	padding-bottom: 168px;
	position: relative;
	overflow-x: clip;
}
.perk-ellipse {
	position: absolute;
	bottom: -175px;
	right: -50px;
	width: 800px;
	height: 800px;
	background: radial-gradient(50% 50% at 50% 50%, #474747 0%, rgba(24, 24, 28, 0) 100%);
	z-index: -100;
}
.perks h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: white;
}
.perks .description {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	max-width: 853px;
	margin: auto;
	color: #757A81;
	margin-bottom: 62px;
}
@media screen and (max-width: 770px) {
	.perks .description {
		max-width: 90%;
	}
}
.perks .perk-panel {
	position: relative;
	background: #1F1F24;
	border-radius: 20px;
	width: 445px;
	height: 400px;
	padding: 20px;
}
@media screen and (min-width: 1185px) {
	.perks .perk-panel {
		margin-right: 52px;
	}
}
@media screen and (max-width: 1235px) {
	.perks {
		padding-bottom: 84px;
	}
	.perks .perk-panel {
		margin-right: 5px;
		margin-bottom: 20px;
	}
}
.perks .comparison {
	max-width: 700px;
}
@media screen and (max-width: 770px) {
	.perks .comparison {
		max-width: 100%;
	}
	.perks .perk-panel {
		height: auto;
	}
}
.perk-panel .perk-name {
	color: white;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	margin-left: 20px;
}
.perk-panel .perk-name:after {
	content: '';
	width: 10px;
	height: 52px;
	background: var(--green);
	position: absolute;
	top: 33px;
	left: -5px;
	border-radius: 11px;
}
.arrows img {
	width: 80px;
}
.arrows .left {
	margin-right: 20px;
}
.arrows button {
	cursor: pointer;
	background: transparent;
	border: none;
	width: 100px;
	z-index: 200;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
}
.arrows button:hover {
	filter: brightness(85%);
}
.perk-item {
	display: flex;
	align-items: center;
	text-align: left;
}
.perk-item p {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #757A81;
	margin-top: 7px;
	margin-bottom: 7px;
}
.perk-item span {
	color: var(--green);
}
.notification {
	position: relative;
	height: 22px;
	margin-right: 35px;
}
.notification .icon {
	position: absolute;
	width: 22px;
	height: 22px;
	background-color: rgba(46, 204, 113, 0.15);
	animation-name: pulse;
  	animation-duration: 2s;
  	animation-iteration-count: infinite;
	border-radius: 50%;
}
.notification .sub-icon {
	position: absolute;
	width: 11px;
	height: 11px;
	left: 50%;
	top: 50%;
	background-color: #2ECC71;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.notification .icon.red {
	animation-name: pulse-red;
	background-color: rgba(192, 57, 43, 0.15);
}
.notification .sub-icon.red {
	background-color: #e74c3c;
}
.tokenomics {
	padding-bottom: 168px;
	text-align: center;
	position: relative;
}
.tokenomics h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: white;
}
.tokenomics .content {
	background: #1F1F24;
	border-radius: 33px;
	max-width: 1550px;
	margin: auto;
}
.content .card {
	width: 401px;
	height: 474px;
	background: #18181C;
	border-radius: 20px;
	margin-top: 55px;
	margin-right: 25px;
	margin-bottom: 55px;
	padding: 28px;
}

@media screen and (max-width: 800px) {
	.tokenomics .content {
		min-height: 640px;
	}
	.content .card:last-child {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 1400px) {
	.content .card:last-child {
		margin-bottom: 40px;	
	}
}
@media screen and (max-width: 500px) {
	.content .card {
		margin-right: 0px;
		height: auto;
	}
}
.content .card:last-child {
	margin-right: 0px;
}
.content .card img {
	width: 160px;
	height: 160px;
	margin-top: 16px;
	margin-bottom: 20px;
}
.content .card h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	color: white;
}
.content .card p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 15px;
	color: #757A81;
	margin-bottom: 16px;
}
.content .card span {
	color: white;
}
.content .first button {
	border: 1px solid #2C2C32;
	border-radius: 34px;
	background: transparent;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 54px;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
    cursor: pointer;
    margin-top: 20px;
    font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
}
.content .first button:first-child {
	margin-right: 8px;
}
.content .card .image {
	width: 22px;
	height: 20px;
	margin: 0px;
	margin-right: 10px;
}
.content .second button {
	border: 1px solid #757A80;
	border-radius: 10px;
	background: transparent;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: white;
	width: 197px;
	height: 60px;
	margin-top: 38px;
	cursor: pointer;
}
.content .card button:hover {
	color: var(--green);
	border-color: var(--green);
}

.invest-container {
	background-color: #1F1F24;
	position: relative;
	min-height: 500px;
}
.invest-container .square {
	position: absolute;
	left: 50%;
	top: 0px;
	background: #18181C;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 86.68px;
	height: 86.68px;
}
.invest-container h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: white;
	text-align: center;
	padding-top: 123px;
}
.invest-container .card {
	width: 550px;
	background: #18181C;
	border-radius: 20px;
	padding: 35px;
}
.invest-container .card img {
	margin-right: 20px;
	width: 60px;
	height: 60px;
}
.invest-container .card h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	color: #FFFFFF;
}
.invest-container .card p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	color: #757A81;
}
.invest-container .card:first-child {
	margin-right: 16px;
}
.invest-container .nft {
	max-width: 1600px;
	margin: auto;
	margin-top: 16px;
}
.nft .card {
	width: 400px!important;
	margin-right: 16px!important;
}
.nft .card:last-child {
	margin-right: 0px;
}
@media screen and (max-width: 1400px) {
	.invest-container .card {
		margin-right: 0px!important;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 940px) and (max-width: 1450px) {
	.nft .card:first-child {
		margin-right: 20px!important;
	}
}
@media screen and (max-width: 800px) {
	.invest-container .card:first-child {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.nft .card {
		width: 550px!important;
		margin-right: 0px!important;
		margin-bottom: 20px;
	}
}
.product {
	display: flex;
	align-items: center;
	margin-top: 16px;
}
.rhythm-features {
	background-image: url('../svg/whitepaper/rhythm-features.svg');
	background-repeat: no-repeat;
	width: 1090px;
	height: 560px;
	position: relative;
}
.rhythm-features img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-20%, -50%);
	border-radius: 20px;
	width: 700px;
}
.feature-card {
	background: #18181C;
	border-radius: 33px;
	padding: 47px;
	margin-left: -60px;
}
.feature-card .description {
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	color: #757A81;
}
.feature-card .header {
	margin-bottom: 50px;
}
.feature-card .header h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	color: white;
	margin-bottom: 0px;
}
.feature-card .header a {
	color: white;
	text-decoration: none;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
}
.feature-card .header a:hover {
	color: var(--green);
}
.feature-card .header img {
	width: 60px;
	margin-right: 22px;
}
@media screen and (max-width: 1635px) {

	.feature-card {
		margin: auto;
		margin-top: 20px;
	}
	.rhythm-features {
		background-size: cover;
		width: 100%;
	}
	.rhythm-features img {
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.rhythm-flex {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.rhythm-features img {
		width: 100%;
	}
}
.ol {
	list-style-type: none;
	margin-top: -10px;
	margin-bottom: 20px;
}
.ol .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 15px;
	color: #757A81;
}
.ol .fa-check {
	color: #1F50FF!important;
	margin-right: 10px;
}
.ol .li div:first-child {
	width: 26px;
	height: 26px;
	border: 1px solid #2ecc71;
	font-weight: 600;
	font-size: 14px;
	border-radius: 50%;
	-ms-flex-preferred-size: 26px;
	flex-basis: 26px;
	min-width: 26px;
	margin-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--light-white);
}
.ol .li div:last-child {
	margin-top: 5px;
}
.dev-process {
	margin-bottom: 110px;
}
.dev-process .dropdown {
	padding-bottom: 124px;
}
.dev-process .content {
	max-width: 1000px;
	margin: auto;
	margin-bottom: 40px;
}
@media screen and (max-width: 800px) {
	.dev-process .content {
		max-width: 90%;
	}
}
.dev-process .content p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #757A81;
	margin-top: 40px;
}
.accordion-item:first-child {
	margin-right: 20px;
}
@media screen and (max-width: 1235px) {
	.accordion-item:first-child {
		margin-right: 0px;
	}
}
/* Team Styles */
.team {
	position: relative;
	background-color: #18181C;
}
.team .header {
	text-align: center;
}
.team .header h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
}
.team .header p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	color: #757A81;
}
.team-ellipse {
	position: absolute;
	width: 800px;
	height: 800px;
	top: -250px;
	left: -500px;
	z-index: -1;
	background: radial-gradient(50% 50% at 50% 50%, #474747 0%, rgba(24, 24, 28, 0) 100%);
}
.team-container {
	margin-top: 100px;
	margin-left: -150px;
}
.team .shadow {
	position: absolute;
	width: 476px;
	height: 583px;
	top: 15%;
	right: 0px;
	overflow: hidden;
	background: linear-gradient(270deg, #18181C -3.46%, rgba(24, 24, 28, 0) 80.75%);
	z-index: 100;
	mix-blend-mode: normal;
}
.team .left-shadow {
	position: absolute;
	width: 476px;
	height: 583px;
	top: 15%;
	left: -10%;
	overflow: hidden;
	background: linear-gradient(270deg, #18181C -3.46%, rgba(24, 24, 28, 0) 80.75%);
	z-index: 100;
	mix-blend-mode: normal;
}
@media screen and (max-width: 1235px) {
	.team .left-shadow, .team .shadow {
		display: none;
	}
}
.team-container h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 32px;
	color: white;
}
.team-header {
	margin-bottom: 50px;
	justify-content: space-between;
	margin-right: 23%;
	z-index: 200;
}
.partner-program .arrows, .team .arrows {
	margin-top: 65px;
	padding-bottom: 90px;
}
.partner-program .arrows img, .team .arrows img {
	width: 99px;
}
.partner-program .arrows img:first-child, .team .arrows img:first-child {
	margin-right: 20px;
}
.partner-program .arrows button, .team .arrows button {
	cursor: pointer;
	background: transparent;
	border: none;
	width: 150px;
	z-index: 200;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
}
.partner-program .arrows button:hover, .team .arrows button:hover {
	filter: brightness(85%);
}
.it {
	position: relative!important;
	background: #1F1F24!important;
	border-radius: 20px;
	width: 407px;
	height: 403px;
	z-index: -1;
}
.it:last-child {
	margin-right: 0px;
}
@media screen and (max-width: 800px) {
	.it {
		width: 90%;
		margin: auto!important;
	}
}
.it h2 {
	position: absolute;
	top: 45%;
	left: 50%;
	color: white;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 20px;
	text-align: center;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 400px) {
	.it h2 {
		line-height: 34px;
	}
}
.it .role {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #757A81;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 19px;
	text-align: center;
}
.it .links {
	display: flex;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.it .links a {
	position: relative;
	width: 38px;
    height: 38px;
    margin-right: 5px;
}
.it .links img {
	width: 38px;
	height: 38px;
}
.it .profile {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 122px!important;
	height: 122px!important;
	border-radius: 50%;
}
.it.hidden, .roadmap-item.hidden {
	opacity: 0;
}

.our-ecosystem {
	text-align: center;
	background-color: #1F1F24;
	padding-top: 160px;
	padding-bottom: 158px;
}
@media screen and (max-width: 400px) {
	.our-ecosystem {
		padding-left: 15px;
    	padding-right: 15px;
	}
}
.our-ecosystem h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
}
.our-ecosystem p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
	max-width: 785px;
	margin: auto;
}

/* Partnerships */
.partnerships {
	padding: 95px;
	max-width: 80%;
	margin-left: auto;
}
.partnerships img {
	margin-right: 93px;
}
@media screen and (max-width: 800px) {
	.partnerships img {
		margin-right: 0px;
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.partnerships img {
		margin-right: 0px;
		width: 350px;
	}
}
.partnerships h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 48px;
	color: white;
	max-width: 764px;
}
.partnerships p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
	max-width: 537px;
}
.contractContainer {
	overflow-x: hidden;
}
.contract {
	text-align: left;
	background-color: #1F1F24;
	padding-top: 100px;
	padding-bottom: 70px;
}
.contract .content {
	max-width: 50%;
	margin: auto;
}
@media screen and (max-width: 800px) {
	.contract .content {
		max-width: 80%;
	}
}
.contract h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
}
.contract p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
}
.rug {
	position: relative;
	padding-top: 112px;
	z-index: 100;
	background: #18181C;
}
.rug-ellipse {
	position: absolute;
	right: -218px;
	top: -218px;
	width: 436px;
	height: 436px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(46, 204, 113, 0.5) 0%, rgba(46, 204, 113, 0) 100%);
	z-index: 100;
}
.rug .content {
	width: 50%;
	margin: auto;
	background: #18181C;
	padding-bottom: 180px;
}
@media screen and (max-width: 800px) {
	.rug .content {
		width: 80%;
	}
}
.rug h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
	transform: rotate(0.05deg);
}
.rug p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
}
/* Token Distribution Styles */
.distribution {
	position: relative;
	background-color: #1F1F24;
	min-height: 792px;
	z-index: 50;
	overflow-x: hidden;
}
.distribution-ellipse {
	position: absolute;
	top: -448px;
	left: 50%;
	transform: translate(-50%, -15%);
	width: 896px;
	height: 896px;
	z-index: -100;
	background: radial-gradient(50% 50% at 50% 50%, #474747 0%, rgba(24, 24, 28, 0) 100%);
}
.distribution img {
	z-index: 100;
	margin-right: 80px;
}
.distribution .content {
	z-index: 100;
}
@media screen and (max-width: 800px) {
	.distribution .content {
		padding-bottom: 50px;
	}
}
.distribution .flex {
	padding-top: 80px;
	z-index: 100;
}
.distribution h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
}
.distribution p {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 22.1177px;
	line-height: 21px;
	color: #757A81;
}

.distribution ul {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    list-style-type: none;
    padding: 0px!important;
}
@media screen and (max-width: 450px) {
	.distribution img {
		width: 100%;
		margin: 0;
	}
	.invest-container h1 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.distribution h1 {
		padding: 15px;
	}
	.distribution ul {
		width: 90%;
		margin: auto;
	}
}
.distribution ul li {
    display: flex;
    width: 100%;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 22.1177px;
	line-height: 21px;
	color: #757A81;
	margin-bottom: 27px;
	background-color: #1F1F24;
}
.distribution .name {
    text-transform: capitalize;
    min-width: 230px;
}
.distribution ul li .value {
    font-weight: 600;
}
.distribution .name::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border-radius: 50%;
}
@media screen and (max-width: 650px) {
	.distribution a {
		display: none;
	}
}
.name {
	color: var(--text-color)!important;
}
.circulating .name::before {
	background-color: rgb(35, 220, 245);
}
.presale .name::before {
	background-color: #0984e3;
}
.burned .name::before {
	background-color: rgb(138, 63, 252);
}
.exchange .name::before {
	background-color: rgb(46, 204, 113);
}
.team .name::before {
	background-color: #f39c12;
}
.partner .name::before {
	background-color: #f1c40f;
}
.rewards .name::before {
	background-color: #e84393;
}

/* General Information Styles */

.general-info {
	padding: 88px;
}
.general-info .content {
	width: 80%;
	margin: auto;
}
.general-info .card {
	margin-right: 17px;
}
@media screen and (max-width: 1235px) {
	.general-info .card:first-child {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 800px) {
	.general-info .card {
		margin-right: 0px;
	}
}
.general-info .large-container {
	margin-top: 17px;
}
.general-info .large-card {
	height: 415px;
}
@media screen and (max-width: 800px) {
	.general-info .large-card {
		height: auto;
	}
}
@media screen and (max-width: 450px) {
	.general-info {
		width: 90%;
		padding-left: 20px;
		padding-right: 0px;
	}
	.general-info .card {
		max-width: 100%!important;
		padding: 20px!important;
	}
	.general-info .large-card {
		height: 650px;
		padding: 20px!important;
		max-width: 100%!important;
	}
}
.general-info span {
	color: white;
	cursor: pointer;
	transition: var(--default-transition);
    -webkit-transition: var(--default-transition);
}
.general-info span:hover {
	color: var(--green);
}
.general-info .card h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 45px;
	color: #FFFFFF;
}
.general-info .card p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
}
.general-info .card {
	max-width: 675px;
	padding: 55px;
	background: #1F1F24;
	border-radius: 20px;
	margin-bottom: 20px;
}
/* Audit Styles */
.audit {
	padding: 140px;
	background: #1F1F24;
}
.audit h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: white;
	text-align: center;
}
.audit p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 15px;
	color: #757A81;
	text-align: center;
	max-width: 1000px;
	margin: auto;
	margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
	.audit p {
		line-height: 24px;
	}
}
@media screen and (max-width: 450px) {
	.audit {
		padding: 20px;
	}
}
/* Fiat Buy Styles */
.fiat {
	padding: 90px;
}
@media screen and (max-width: 450px) {
	.fiat {
		padding: 20px;
	}
}
.fiat h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
}
.fiat p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
	text-align: center;
	max-width: 800px;
	margin: auto;
}
.fiat-info {
	margin-top: 115px;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 1200px) {
	.fiat-info img {
		width: 100%;
	}
}
.fiat-text {
	max-width: 1400px;
	margin: auto;
	margin-top: 37px;
}
.fiat-text p {
	max-width: 400px;
	margin-top: 0px;
}
@media screen and (max-width: 1000px) {
	.fiat-text p {
		margin-bottom: 20px;
	}
}
.fiat .notification {
	background: rgba(43, 181, 102, 0.05);
	border: 1px solid #2BB566;
	border-radius: 20px;
	max-width: 920px;
	text-align: center;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 15px;
	text-align: center;
	color: #2BB566;
	padding: 40px 35px;
	margin-top: 83px;
}
@media screen and (max-width: 650px) {
	.fiat .notification {
		height: 75px;
	}
}
.fiat-tall {
	display: none;
}
@media screen and (max-width: 1340px) {

	.fiat-wide {
		display: none!important;
	}
	.fiat-tall {
		display: flex;
	}

}
/* Artist Fund */
.artist-fund {
	padding: 120px;
	background: #1F1F24;
}
@media screen and (max-width: 450px) {
	.artist-fund {
		padding: 20px;
	}
}
.artist-fund .content {
	max-width: 70%;
	margin: auto;
}
@media screen and (max-width: 800px) {
	.partner-container {
		margin-left: 0px!important;
	}
	.partner-item {
		margin: auto;
	}
	.partner-program .arrows img:first-child, .team .arrows img:first-child {
		margin-right: 0px;
	}
	.artist-fund .content {
		max-width: 100%;
	}
	.it.hidden {
		display: none;
	}
	.owl-item:last-child {
		display: none!important;
	}
	.partner-item {
		width: 550px!important;
	}
	.team-container {
		margin-left: 0px!important;
	}
}
@media screen and (max-width: 450px) {
	.partner-item {
		width: 70%!important;
	}
}
.artist-fund h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
	margin-bottom: 65px;
}
.artist-fund h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 20px;
	color: #FFFFFF;
}
.artist-fund p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #757A81;
}

/* Artist Partner Program Styles */
.partner-program {
	margin-bottom: 100px;
}
.partner-container {
	margin-left: -350px;
}
.partner-program h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 130px;
}
.partner-program p {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 15px;
	color: #757A81;
	text-align: center;
}
.partner-item {
	background: #1E1E23;
	border-radius: 20px;
	padding: 45px;
	width: 400px;
	min-height: 330px;
}
.partner-item img {
	width: 120px!important;
	height: 120px!important;
	margin: auto;
}
.partner-item p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #757A81;
}
.partner-item img {
	width: 120px;
	height: 120px;
}
.partner-item.active {
	background: linear-gradient(180deg, #2ECC71 0%, #0E7767 100%);
}
.partner-item.active p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #18181C;
}

.partner-description {
	background-color: #1F1F24;
	padding-top: 100px;
	padding-bottom: 70px;
}
.partner-description h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	color: #FFFFFF;
	max-width: 1160px;
	margin: auto;
}
.partner-description p {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #757A81;
}
.top-circle {
	max-width: 60%;
	margin: auto;	
	margin-top: 159px;
}
@media screen and (max-width: 1600px) {
	.top-circle {
		max-width: 80%;
	}
}
@media screen and (max-width: 1320px) {
	.top-circle {
		max-width: 90%;
	}
}
@media screen and (max-width: 800px) {
	.top-circle {
		margin-top: 50px;
		justify-content: center;
	}
}
@media screen and (min-width: 700px) and (max-width: 1320px) {
	.circle-element {
		height: auto!important;
	}
}
@media screen and (max-width: 450px) {
	.top-circle {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
}
.circle-element {
	width: 350px;
	height: 430px;
	display: block;
}
@media screen and (min-width: 1135px) {
	.circle-element {
		height: 550px!important;
	}
}
@media screen and (max-width: 650px) {
	.circle-element {
		width: 90%;
		margin: auto;
		height: auto;
	}
}
.partner-description .circle-container {
	position: relative;
	border-radius: 50%;
	width: 99px;
	height: 99px;
	margin: auto;
	border: 1px solid #2ECC71;
}
.circle-container .inner-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 74.53px;
	height: 74.53px;
	border: 1px solid #2ECC71;
}
.inner-circle p {
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
}

.conclusion {
	background-image: url('../svg/whitepaper/conclusion-background.svg');
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 120px;
}
@media screen and (max-width: 650px) {
	.artist-fund h1 {
		font-size: 36px;
	}
	.conclusion {
		padding-bottom: 50px;
		background-size: cover;
	}
}
.conclusion h1 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	margin-bottom: 47px;
}
.conclusion p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	max-width: 1149px;
	margin: auto;
}