/*nft*/


.nft1-content-box {
	display: flex;
	background-color: rgb(52, 52, 52);
	background: var(--src) undefined undefined / cover undefined;
}
@media (max-width:768px){
		.nft1-content-box {
	  flex-wrap: wrap;
	}
  }
  .nft1-content-box.layout {
	position: relative;
	overflow: hidden;
	min-height: 635px;
	flex-grow: 1;
	margin: 0px;
  }
  .nft1-content-box-spacer {
	display: flex;
	flex: 0 1 75px;
  }
  @media (max-width:768px){.nft1-content-box-spacer {
	  flex: 0 0 20px;
	}
  }
  .nft1-content-box-col {
	display: flex;
	flex: 1 1 490px;
  }
  @media (max-width:768px){
		.nft1-content-box-col {
	  flex: 0 0 calc(100% - 20px);
	}
  }
  .nft1-group {
	display: flex;
	background-color: rgb(28, 28, 28);
  }
  .nft1-group.layout {
	position: relative;
	overflow: hidden;
	min-height: 517px;
	flex-grow: 1;
	margin: 59px 0px;

  }
  
  @media (max-width:320px) {
		.nft1-group.layout {
	  min-height: 517px;
	  flex-grow: 1;
	  margin: 30px 0px;
	}
  }
  .nft1-flex {
	display: flex;
	flex-direction: column;
  }
  .nft1-flex.layout {
	position: relative;
	overflow: visible;
	flex-grow: 1;
	margin: 30px 26px;
  }
	@media (max-width:320px) {
		.nft1-flex.layout {
	  flex-grow: 1;
	  margin: 25px 13px;
	}
  }
  .nft1-group1 {
	display: flex;
	background-color: rgb(52, 52, 52);
  }
  .nft1-group1.layout {
	position: relative;
	overflow: hidden;
	min-height: 257px;
	margin: 0px;
  }
  .nft1-group2 {
	display: flex;
	background: var(--src) center center / contain no-repeat;
  }
  .nft1-group2.layout {
	position: relative;
	min-height: 208px;
	flex-grow: 1;
	margin: 16px 86px 33px 64px;
  }
	@media (max-width:320px){
		.nft1-group2.layout {
	  min-height: 208px;
	  flex-grow: 1;
	  margin: 25px 43px 25px 32px;
	}
  }
  .nft1-big-title {
	font: 700 28px/1.2 "Roboto", Helvetica, Arial, serif;
	color: rgb(255, 255, 255);
	letter-spacing: 0px;
  }
  @media (max-width:576px) {
	.nft1-big-title {
	  align-items: flex-start;
	  justify-content: flex-start;
	  font-size: 24px;
	  text-align: left;
	}
  }
  .nft1-big-title.layout {
	position: relative;
	margin: 24px 0px 0px;
  }
  @media (max-width:320px){
		.nft1-big-title.layout {
	  margin: 25px 0px 0px;
	}
  }
  .nft1-highlights {
	font: 17px/2.0588235294117645 "Roboto", Helvetica, Arial, serif;
	color: rgb(255, 255, 255);
	letter-spacing: 0px;
	margin: 0px;
  }
  .nft1-highlights.layout {
	position: relative;
	margin: 24px 14px 0px 0px;
  }
  @media (max-width:320px){
	.nft1-highlights.layout {
	  margin: 25px 10px 0px 0px;
	}
  }
  .nft1-flex1 {
	display: flex;
  }
  .nft1-flex1.layout {
	position: relative;
	overflow: visible;
	margin: 29px 0px 0px;
  }
  @media (max-width:320px) {
	.nft1-flex1.layout {
	  margin: 25px 0px 0px;
	}
  }
  .nft1-img {
	background: var(--src) center center / contain no-repeat;
  }
  .nft1-img.layout {
	position: relative;
	flex: 0 1 116.95px;
	height: 7.59px;
	width: 116.95px;
	min-width: 116.95px;
	margin: 6px 0px 6.41px;
  }
  .nft1-flex1-spacer {
	display: flex;
	flex: 0 1 14.05px;
  }
  .nft1-discover-now {
	font: 500 17px/1.2 "Roboto", Helvetica, Arial, serif;
	color: rgb(255, 255, 255);
	letter-spacing: 0px;
  }
  .nft1-discover-now.layout {
	position: relative;
	margin: 0px;
  }
  .nft1-content-box-spacer1 {
	display: flex;
	flex: 1 1 150px;
  }
  @media (max-width:768px) {
		.nft1-content-box-spacer1 {
	  flex: 0 0 100%;
	  min-height: 20px;
	}
  }
  .nft1-content-box-col1 {
	display: flex;
	flex: 1 1 490px;
  }
  @media (max-width:768px) {
	.nft1-content-box-col1 {
	  flex: 0 0 100%;
	}
  }
  .nft1-group3 {
	display: flex;
	background-color: rgb(25, 25, 25);
  }
  .nft1-group3.layout {
	position: relative;
	overflow: hidden;
	min-height: 517px;
	flex-grow: 1;
	margin: 59px 0px;
	right:65px;
	left:0px;
  }
  @media (max-width:320px) {
	.nft1-group3.layout {
	  min-height: 517px;
	  flex-grow: 1;
	  margin: 30px 0px;
	  right:0px;
	}
  }
  .nft1-group4 {
	display: flex;
	background-color: rgb(115, 138, 218);
  background-image: cover !important ;
  
  }
  .nft1-group4.layout {
	position: relative;
	overflow: hidden;
	min-height: 257px;
	margin: 0px;
  background-repeat: no-repeat;
  background-image: url(/assets/img/background/nf2.png);
  }
  .nft1-group5 {
	display: flex;
	background: var(--src) center center / contain no-repeat;
	border-radius: 24px 24px 24px 24px;
  }
  .nft1-group5.layout {
	position: relative;
	overflow: visible;
	min-height: 120px;
	width: 119px;
	min-width: 119px;
	margin: 68.5px auto;
  }
  @media (max-width:320px){
		.nft1-group5.layout {
	  min-height: 120px;
	  width: 119px;
	  min-width: 119px;
	  margin: 34px auto;
	}
  }
  .nft1-group6 {
	display: flex;
	background: var(--src) center center / contain no-repeat;
  }
  .nft1-group6.layout {
	position: relative;
	min-height: 68px;
	flex-grow: 1;
	margin: 26.5px 12.75px 25.5px;
  }
  .nft1-flex3 {
	display: flex;
  }
  .nft1-flex3.layout {
	position: relative;
	overflow: visible;
	margin: 29px 0px 0px;
  }
@media (max-width:320px){
	.nft1-flex3.layout {
	  margin: 25px 0px 0px;
	}
  }
  .nft1-flex3-spacer {
	display: flex;
	flex: 0 1 14.05px;
  }
  .nft1-join-now {
	font: 500 17px/1.2 "Roboto", Helvetica, Arial, serif;
	color: rgb(255, 255, 255);
	letter-spacing: 0px;
  }
  .nft1-join-now.layout {
	position: relative;
	margin: 0px;
  }
  .nft1-content-box-spacer2 {
	display: flex;
	flex: 1 1 150px;
  }
	@media (max-width:768px) {
		.nft1-content-box-spacer2 {
	  flex: 0 0 100%;
	  min-height: 20px;
	}
  }
  .nft1-content-box-col2 {
	display: flex;
	flex: 1 1 565px;
  }
	@media (max-width:768px) {
        .nft1-content-box-col2 {
        
	  flex: 0 0 100%;
	}
  }
  .nft1-group7 {
	display: flex;
	background-color: rgb(25, 25, 25);
  }
  .nft1-group7.layout {
	position: relative;
	overflow: hidden;
	min-height: 517px;
	flex-grow: 1;
	margin: 59px 75px 59px 0px;
  }
@media (max-width:320px){
	.nft1-group7.layout {
	  min-height: 517px;
	  flex-grow: 1;
	  margin: 30px 38px 30px 0px;
	}
  }
  .nft1-big-title.layout2 {
	position: relative;
	margin: 281px 0px 0px;
  }
@media (max-width:320px){
	.nft1-big-title.layout2 {
	  margin: 141px 0px 0px;
	}
  }
  .nft1-flex5 {
	display: flex;
  }
  .nft1-flex5.layout {
	position: relative;
	overflow: visible;
	margin: 29px 0px 0px;
  }
@media (max-width:320px){
	.nft1-flex5.layout {
	  margin: 25px 0px 0px;
	}
  }
  .nft1-flex5-spacer {
	display: flex;
	flex: 0 1 14.05px;
  }