:root{
	--font-family: "Poppins",sans-serif;
    --primary-clr: #9247ff;
}

body{ font-family: var(--font-family)!important; background: url(../imgs/BG_pattren.png) no-repeat top center; background-size: cover;}

ul,li{ padding: 0px; margin: 0px; list-style: none;}
.clr::after{ content: ''; display: block; clear: both;}

.uppercase{ text-transform: uppercase;}
.btn{ display: flex; align-items: center; justify-content: center; border-radius: 100px;}
.btn:focus, .btn:active:focus{ box-shadow: none;}
.btn:hover{ text-decoration: none;}
.btn.md{ height: 44px;}
.btn.lg{ height: 52px;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.p--0{ padding: 0px;}
.pl--0{ padding-left: 0px;}
.pr--0{ padding-right: 0px;}
.mb--30{ margin-bottom: 30px;}
.dInlineBlock{ display: inline-block;}
.m--5{ margin: 5px;}
.ml--5{ margin-left: 5px;}
.mr--5{ margin-right: 5px;}
.m--15{ margin: 15px;}
.ml--15{ margin-left: 15px;}
.mr--15{ margin-right: 15px;}

.lightColor{ color: #F5F5F5;}

.btn-primary{ background: var(--primary-clr); border: 0px!important;}
.btn-primary:hover{ background: #B071E7; border-color: #B071E7; color: #fff; }
.btn-primary:focus{ background: #B071E7; border-color: #B071E7; color: #fff; box-shadow: 0 0 0 0.25rem rgba(176, 113, 231, 0.25); }

nav.bg-dark{ background: rgba(28, 31, 38, 0.9)!important;}

header .navbar-nav li{ margin-right: 15px;}
header .navbar{ padding-top: 15px; padding-bottom: 15px;}
header .navbar-nav li:last-child{ margin-right: 0px;}
header .navbar-brand img{ max-width: 100%;}
header .btn{ flex-direction: column;}
header .btn span.timer{ font-size: 12px; margin-bottom: 0px; padding: 0px;}
@media only screen and (min-width: 320px) and (max-width: 767px){
	header .navbar-brand{ max-width: 200px; }
	header .navbar-collapse{ padding-top: 30px;}
	header .navbar-nav li{ margin-right: 0px; margin-bottom: 15px;}
	.navbar-toggler:focus{ box-shadow: none;}
	body header .navbar-nav .btn { min-width: 100%!important; max-width: 100%!important; width: 100%!important;}
}

header .navbar-brand { max-width: 230px;}


/* buyingNotifiction */
.buyingNotifiction{ display: flex; align-items: center; justify-content: center; padding: 9px 15px; background: #FFFFFF; border-radius: 100px; position: fixed; bottom: 90px; left: 60px; font-size: 13px; color: #000; z-index: 1000; }
.buyingNotifiction .close{ cursor: pointer; display: inline-block; margin-left: 5px;}

/* faqsLink */
.faqsLink{ display: flex; align-items: center; justify-content: center; padding: 9px 15px; background: #FFFFFF; border-radius: 100px; position: fixed; bottom: 90px; right: 60px; font-size: 13px; color: #000; z-index: 1000; }
.faqsLink .close{ cursor: pointer; display: inline-block; margin-left: 5px;}
.faqsLink:hover{ text-decoration: none; color: #000;}
@media only screen and (min-width: 320px) and (max-width: 767px){
	.faqsLink{ right: 15px; bottom: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.faqsLink{ right: 30px; bottom: 30px;}
}

.mainBanner{ background-color: yellow; min-height: 100vh; padding: 80px 15px; background: url(../imgs/main-banner-img.png) no-repeat bottom center; display: flex; flex-direction: column; justify-content: space-around; align-items: center; background-size: cover; }
.mainBanner .top{ padding-top: 30px;}
.mainBanner h1{ color: #fff; font-weight: 700; font-size: 48px; }
.mainBanner .top p{ color: #F5F5F5; font-size: 20px; text-align: center; margin: 0px; width: 100%; max-width: 480px; margin: auto;}
.mainBanner .scrollDownHolder{ width: 150px; height: 40px; margin: auto; border: 1px solid #fff; border-radius: 24px; font-size: 14px; color :#fff; flex-direction: row; align-items: center; padding: 0 15px; display: flex;     justify-content: space-around;}
.mainBanner .landBlocks{}
.mainBanner .landBlocks p{ color: #fff; font-size: 20px; text-align: center; margin-bottom: 0px;}
.mainBanner .landBlocks .block{ width: 300px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(40px); border-radius: 16px; display: inline-block; margin: 0 15px 60px; padding: 50px 15px; text-align: center; cursor: pointer; transition: all linear 0.25s; border: 2px solid transparent;}
.mainBanner .landBlocks .block.active, .mainBanner .landBlocks .block:hover{  background: rgba(255, 255, 255, 0.1); border: 2px solid rgba(176, 113, 231, 1);
    box-shadow: 0px 0px 50px 6px rgba(109, 23, 232, 0.5);
    border-radius: 16px;}
.mainBanner .landBlocks .block .title{ color: #fff;  font-size: 30px; font-weight: 600; margin-bottom: 0px;}
.mainBanner .landBlocks .block .title span{ display: block; color: #ADADAD; font-size: 16px; font-weight: 400; padding-top: 5px;}
.mainBanner .landBlocks .block .imgHolder{ display: flex; align-items: center; justify-content: center; height: 160px; margin-bottom: 15px;}
.mainBanner .landBlocks .block .imgHolder img{ max-height: 100%; max-width: 100%;}
.mainBanner .landBlocks .block h5{ color: #fff; font-weight: 600; font-size: 20px;}
.mainBanner .landBlocks .block h5 span{ display: none; font-size: 14px; font-weight: 400;}
.mainBanner .collectWalletHolder{ width: 350px; height: 350px; background: #0E0125; box-shadow: 0px 0px 80px 20px rgba(109, 23, 232, 0.5);  border: 16px solid #B071E7; border-radius: 100%; position: relative; animation: blue 2.5s infinite;}
.mainBanner .collectWalletHolder .ring{ border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mainBanner .collectWalletHolder .ring1{ width: 238px; height: 238px;}
.mainBanner .collectWalletHolder .ring2{ width: 212px; height: 212px;}
.mainBanner .collectWalletHolder .ring3{ width: 186px; height: 186px;}
.mainBanner .collectWalletHolder .imgHolder{ width: 160px; height: 160px; background-color: #fff; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; color: #0E0125; font-size: 48px; font-weight: 700;}
.mainBanner .collectWalletHolder .imgHolder img{ max-width: 90%; max-height: 90%;}
.mainBanner .collectWalletHolder.doneBuying{}
.mainBanner .collectWalletHolder.doneBuying .imgHolder{ width: 250px; height: 250px; background-color: transparent; display: flex; flex-direction: column;
    justify-content: space-around; align-items: center;}
.mainBanner .collectWalletHolder.doneBuying .imgHolder a{ color: #fff; font-size: 16px; font-weight: 400;}
.mainBanner .collectWalletHolder.doneBuying .imgHolder a:hover{ text-decoration: none;}
.mainBanner.doneBuying .top p{ max-width: 640px;}

.mainBanner .landBlocks .carousel, .mainBanner .landBlocks .carousel-inner,  .mainBanner .landBlocks .carousel-item{ width: 100%; height: 100%;}
.mainBanner .landBlocks .carousel .carousel-indicators button{ width: 8px; height: 8px; border-radius: 100%; border: 0px;}
.mainBanner .landBlocks .carousel .carousel-indicators{ margin-bottom: 0px;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	.mainBanner h1{ font-size: 38px;}
	.timer{ margin-bottom: 30px;}
	.mainBanner .landBlocks .block{ margin:0 auto 60px; display: block;}

	.mainBanner .mid{ padding: 50px 35px}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
	.timer{ margin-bottom: 60px;}
	.mainBanner .landBlocks .block{ width: 220px; padding: 30px 15px; margin: 0 10px 60px;}
}



/*  */
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 /* .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
} */
.scrollDownHolder .mouse {
	position: relative;
	display: block;
	width: 16px;
	height: 24px;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 23px;
}
.scrollDownHolder .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width:2px;
	height: 4px;
	margin: -2px 0 0 -1px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 1.5s linear infinite;
	-moz-animation: ani-mouse 1.5s linear infinite;
	animation: ani-mouse 1.5s linear infinite;
}

.knowMorePage{ background-color: #060010;}
.knowMorePage .btn{ min-width: 190px!important; text-align: center; max-width: 190px!important;}
.knowMorePage header .btn{ min-width: 180px!important; text-align: center; max-width: 180px!important;}
.btn{ min-width: 180px!important; text-align: center;}
.knowMorePage .row{ margin: 0 -15px;}
.knowMorePage .container, .knowMorePage .custom-col{ padding: 0 15px;}
.knowMorePage .txt p, .knowMorePage p{ color: #f5f5f5!important;}

/* bannerSection */
.bannerSection{ width: 100%; height: 100vh; min-height: 800px; position: relative;}
.bannerSection .bg{ width: 100%; height: 100%; object-fit: cover; object-position: bottom center; position: absolute; left: 0px; bottom: -70px; z-index: 1;}
.bannerSection .txt{ position: relative; z-index: 2; width: 100%; max-width: 830px; padding: 0 15px; margin: auto; text-align: center; padding-top: clamp(150px,2vw ,200px);}
.sectionTitle{ color: #eee; font-weight: 700; font-size: 48px; margin-bottom: 15px;}
.bannerSection .txt .sectionTitle, .knowMorePage .sectionTitle{  font-size: 76px; }
.bannerSection .txt .sectionTxt, .sectionTxt{ font-weight: 400; font-size: 18px; color: #F5F5F5; margin-bottom: 30px; line-height: 28px; letter-spacing: 0px;}
.bannerSection .txt .sectionTxt{ margin-bottom: 30px;}
.bannerSection .txt .btn{ max-width: 170px; margin: auto;}


@media only screen and (max-width: 767px) and (min-width: 320px) {
	.sectionTitle{ font-size: 36px; }
	.bannerSection .txt .sectionTitle, .knowMorePage .sectionTitle{  font-size: 46px; }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) {
	.sectionTitle{ font-size: 36px; }
	.bannerSection .txt .sectionTitle, .knowMorePage .sectionTitle{  font-size: 46px; }
}
@media only screen and (max-width: 1920px) and (min-width: 1400px) {
	.bannerSection .bg{ bottom: -74px;}
}


/* cardano-land */
.cardano-land{  width: 100%; height: 100vh; min-height: 800px; position: relative;}
.cardano-land .bg{ width: 100%; height: 100%; object-fit: cover; object-position: top center; position: absolute; left: 0px; top: 0px;  z-index: 1;}
.cardano-land .txtHolder{ position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px;}
.cardano-land .txtHolder:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; background: linear-gradient(180deg, #060010 0%, rgba(6, 0, 16, 0) 100%); transform: rotate(-180deg); z-index: 2;}
.cardano-land .txt{ width: 100%; max-width: 800px; padding: 0 15px; margin: auto; text-align: center; padding-top: clamp(150px,2vw ,200px); height: 100%; padding-bottom: clamp(90px,2vw ,120px); z-index: 4; position: relative; }
.cardano-land .txt .btn{ max-width: 170px; margin: auto;}

/* plannedCommunity */
.plannedCommunity{}
.plannedCommunity .container{ max-width: 100%;}
.plannedCommunity .imgHolder{ padding: 0px;}
.plannedCommunity .imgHolder img{ width: 100%; height: 100%; object-fit: cover;}
.plannedCommunity .txtHolder{  background-color: rgba(6, 0, 16, 1);}
.plannedCommunity .txtHolder .txt{  height: 100%; color: #fff; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; align-content: flex-start; width: 100%; max-width: 760px; padding: 100px clamp(30px,2vw,100px); }
.plannedCommunity .txtHolder .txt p{ font-size: 18px; font-weight: 400;}
.plannedCommunity .txtHolder .sectionTitle{ }
.plannedCommunity .txtHolder ul{ padding: 0px; margin: 0 0 30px;}
.plannedCommunity .txtHolder li{ list-style: none; margin-bottom: 15px;}
.plannedCommunity .txtHolder li h5{margin-bottom: 0px; font-size: clamp(18px,3vw ,24px); font-weight: 700; margin-bottom: 5px; }
.plannedCommunity .txtHolder li p{ margin-bottom: 0px; font-size: 16px; font-weight: 400;}

/* virtuaHub */
.virtuaHub{ width: 100%; height: 80vh; min-height: 800px; position: relative; }
.virtuaHub video{ display: block; width: 100%; height: 100%; object-fit: cover; }
.virtuaHub .txtHolder{ position: absolute; z-index: 2; width: 100%; left: 0px; bottom: -1px;}
.virtuaHub .txtHolder:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; background: linear-gradient(180deg, #060010 0%, rgba(6, 0, 16, 0) 100%); transform: rotate(-180deg); z-index: 2;}
.virtuaHub .txt{ width: 100%; max-width: 800px; padding: 0 15px; margin: auto; text-align: center; padding-top: clamp(150px,2vw ,200px); height: 100%; padding-bottom: clamp(50px,2vw ,100px); z-index: 4; position: relative; }
.virtuaHub .txt .btn{ max-width: 170px; margin: auto;}

/* virtuaHubSections */
.virtuaHubBranches{ padding-bottom: 100px; padding-top: 15px;} 
.virtuaHubBranches .row{ margin: 0 -40px;}
.virtuaHubBranches .container, .virtuaHubBranches .custom-col{ padding: 0 40px;}
.virtuaHubBranches .branch{ width: 100%; max-width: 420px; height: 240px;  position: relative; z-index: 1; margin-bottom: 80px;}
.virtuaHubBranches .branch:after{ content: ''; width: 100%; height: 100%; border-radius: 16px; border: 1px solid rgba(101, 11, 232, 1); position: absolute; right: -15px; top: 15px; z-index: 0;}
.virtuaHubBranches .branch .txt{ width: 100%; height: 100%; position: relative; z-index: 2; display: flex; padding: 15px; align-items: center; justify-content: center;  -webkit-backdrop-filter: saturate(180%) blur(40px); backdrop-filter: saturate(180%) blur(40px); background-color: #1f1a28; border-radius: 16px; font-weight: 700; line-height: 54px; text-align: center;
	font-size: 40px;  text-transform: uppercase; -webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;}
.virtuaHubBranches .branch .txt img{ max-width: 83%; max-height: 40%;}
@media only screen and (max-width: 1399px) and (min-width: 320px) {
	.virtuaHubBranches .branch .txt{ font-size: 30px; line-height: 42px;}
}
@media only screen and (max-width: 1920px) and (min-width: 1400px) {
	.virtuaHubBranches .branch .txt{ font-size: 28px; line-height: 40px;}
}

	

/* landDeedSection */
.landDeedSection{ padding: 50px 0;}
.landDeedSection .container{ max-width: 1600px;}
.landDeedSection .txtHolder .txt{  height: 100%; color: #fff; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; align-content: flex-start; width: 100%; max-width: 760px; padding-left: clamp(30px,2vw,100px); padding-top: 100px; padding-bottom: 100px; }
.landDeedSection .txtHolder p{ font-size: 18px; font-weight: 400; }
@media only screen and (min-width: 320px) and (max-width: 767px){
	.landDeedSection .txtHolder .txt{ align-items: center; text-align: center; padding-top: 0px;}
	.landDeedSection.leftAligned .txtHolder{ order: 1;}
	.landDeedSection.leftAligned .imgHolder { order: 2;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.landDeedSection.leftAligned .txtHolder{ order: 1;}
	.landDeedSection.leftAligned .imgHolder { order: 2;}
}
@media only screen and (min-width: 320px) and (max-width: 1400px){
	.landDeedSection .txtHolder .txt{ padding-left: 0px;}
}


/* fancaveSection */
.fancaveSection{}
.fancaveSection{  width: 100%; height: 130vh; min-height: 800px; position: relative;}
.fancaveSection .bg{ width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; left: 0px; top: 0px;  z-index: 1;}
.fancaveSection .txtHolder{ position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px;}
.fancaveSection .txtHolder:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0px; bottom: -1px; background: linear-gradient(180deg, #060010 0%, rgba(6, 0, 16, 0) 100%); transform: rotate(-180deg); z-index: 2;}
.fancaveSection .txt{ width: 100%; max-width: 800px; padding: 0 15px; margin: auto; text-align: center; padding-top: clamp(150px,2vw ,200px); height: 100%; padding-bottom: clamp(50px,2vw ,100px); z-index: 4; position: relative; }
.fancaveSection .txt .btn{ max-width: 170px; margin: auto;}
.fancaveSection .topGradient{ background: linear-gradient(180deg, #060010 0%, rgba(6, 0, 16, 0) 100%); position: absolute; left: 0px; top: 0px; width: 100%; height: 400px; z-index: 2;; }

/* resourcesSection */
.resourcesSection{ padding: 100px 0 50px;}
.resourcesSection .txt{ width: 100%; max-width: 700px; margin: auto auto 50px;  padding: 0 15px;}
.resourcesSection .resource{ width: 100%; max-width: 420px; height: 320px; margin: auto; display: flex; align-items: center; justify-content: flex-start; border: 1px solid rgba(101, 11, 232, 1); border-radius: 16px; background-color: #2b1d30; flex-direction: column; margin-bottom: 50px; position: relative; }
.resourcesSection .resource img{ max-width: 75%; max-height: 75%;}
.resourcesSection .resource h5{ margin-bottom: 0px; font-size: clamp(18px,2vw ,24px); color: #EEEEEE; font-weight: 700; position: absolute; width: 100%; bottom: 50px; text-align: center; }
.resourcesSection .row{ margin: 0 -50px;}
.resourcesSection .container, .resourcesSection .custom-col{ padding: 0 25px;}
@media only screen and (min-width: 320px) and (max-width: 1400px){
	.resourcesSection .row{ margin: 0 -25px;}
}


/* landBots */
.landBots{ padding: 100px 0 50px;}
.landBots .item{ padding-bottom: 50px;}
.landBots .txt{ width: 100%; max-width: 760px; margin: auto auto 50px; padding: 0 15px;}
.landBots .botHolder{ position: relative; max-width: 400px; margin: auto 15px 30px;}
.landBots .botHolder:before{ content: ''; display: block; width: 100%; height: 100%; border: 1px solid rgba(101, 11, 232, 1); border-radius: 16px; position: absolute; right: -15px; top: 15px; }
.landBots .botHolder .bot{ position: relative; z-index: 1; max-width: 100%; }
.landBots .botHolder .txtHolder{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(20px); border-radius: 16px; z-index: 2; padding: 15px; }
.landBots .botHolder .txtHolder h5{ margin-bottom: 0px; font-size: 22px; color: #EEEEEE; font-weight: 700;}
.landBots .botHolder .txtHolder h5 span{ display: block; font-weight: 400; font-size: 16px;}

@media only screen and (min-width: 320px) and (max-width: 767px){
	.landBots .botHolder{ margin-bottom: 60px;}
	
}

@media only screen and (min-width: 320px) and (max-width: 1400px){
	.landBots .botHolder .txtHolder h5{ font-size: 16px; }
	.landBots .botHolder .txtHolder h5 span{ font-size: 12px;}
	.landBots .botHolder img{ max-width: 100%;}
}



/* slotsSection */
.slotsSection{}
.slotsSection{ padding: 100px 0 50px;}
.slotsSection .item{ padding-bottom: 50px;}
.slotsSection .txt{ width: 100%; max-width: 650px; margin: auto auto 50px; padding: 0 15px;}
.slotsSection .imgHolder{ position: relative; max-width: 400px; margin: auto;}
.slotsSection .imgHolder:before{ content: ''; display: block; width: 100%; height: 100%; border: 1px solid rgba(101, 11, 232, 1); border-radius: 16px; position: absolute; right: -15px; top: 15px;}
.slotsSection .imgHolder .bot{ position: relative; z-index: 1; }
.slotsSection .imgHolder .txtHolder{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(20px); border-radius: 16px; z-index: 2; padding: 15px; }
.slotsSection .imgHolder .txtHolder h5{ margin-bottom: 0px; font-size: clamp(18px,2vw ,22px); color: #EEEEEE; font-weight: 700;}
.slotsSection .imgHolder .txtHolder h5 span{ display: block; font-weight: 400; font-size: 16px;}
.slotsSection .imgHolder img{ border-radius: 16px;}
.slotsSection .owl-item .item{ transform: scale(.85);}
.slotsSection .owl-item.center .item{ transform: scale(1);}
.slotsSection .owl-item .imgHolder:before{ opacity: .25;}
.slotsSection .owl-item img { opacity: .75;  }
.slotsSection .owl-item.center .imgHolder:before{ opacity: 1;}
.slotsSection .owl-item.center img { opacity: 1;  }



/* npcSlotSection */
.npcSlotSection{}
.npcSlotSection .txt{ max-width: 880px;}
/* .npcSlotSection .owl-item .imgHolder:before{ right: 0px; top: 0px; }
.npcSlotSection .owl-item .imgHolder img{ border-radius: 0px; } */
.npcSlotSection .imgHolder img{ background: #1f1a28; }
.npcSlotSection .owl-item .imgHolder:before{ z-index: 1;}
.npcSlotSection .owl-item.center .imgHolder{ opacity: 1; }
.npcSlotSection .common-owl-carousel .owl-item img{ opacity: .95;}


/* common carousel styling */
.common-owl-carousel .owl-item .item{ transform: scale(.85);}
.common-owl-carousel .owl-item.center .item{ transform: scale(1);}
.common-owl-carousel .owl-item .imgHolder:before{ opacity: .25;}
.common-owl-carousel .owl-item img { opacity: .75;  }
.common-owl-carousel .owl-item.center .imgHolder:before{ opacity: 1;}
.common-owl-carousel .owl-item.center img { opacity: 1;  }

/* cZoneSection */
.cZoneSection{ padding: 100px 0;}
.cZoneSection .txt{ width: 100%; max-width: 760px; margin: auto auto 50px; padding: 0 15px;}
.cZoneSection .container{ position: relative;}
.cZoneSection .container .leftInfoBar{ position: absolute; left: -334px; top: 370px; transform: rotate(-90deg); border: 1px solid var(--primary-clr); border-radius: 12px 12px 0 0;  background: var(--primary-clr)}
.cZoneSection .container .leftInfoBar ul{ padding: 0px; margin: 0px;}
.cZoneSection .container .leftInfoBar li{ list-style: none; float: left; width: 160px; line-height: 55px; text-align: center;  font-size: 24px; font-weight: 700; text-transform: uppercase; border-right: 2px solid rgba(255, 255, 255, 0.05); /*background: linear-gradient(286.67deg, #650BE8 0%, #B071E7 155.16%);*/ color: #fff;
	}
.cZoneSection .container .leftInfoBar li:first-child{ /*background: linear-gradient(286.67deg, #650BE8 0%, #B071E7 155.16%); color: #fff; -webkit-text-fill-color: #fff; */border-radius: 12px 0 0 0 ; }
.cZoneSection .container .leftInfoBar li:last-child{ border-color: #9247ff; border-radius: 0 12px 0 0;}

.cZoneSection .table-responsive{ margin-bottom: 80px;}
.cZoneSection .btn{ margin: auto; }
@media only screen and (min-width: 320px) and (max-width: 1400px){
	.cZoneSection .container .leftInfoBar{ display: none;}
}

/* table */
table{}
table th, table td { vertical-align: middle;  white-space: nowrap;
	overflow:hidden;}
table img.landImg{ max-height: 64px;}
table thead th{ font-weight: 400; font-size: 18px;  padding: 28.438px 0.5rem!important;}
table th, table td{ font-weight: 700; font-size: 16px; }
.table>:not(caption)>*>*{ background-color: #060010; border: 0px;}
.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(odd) th { background: rgba(255, 255, 255, 0.05); box-shadow: none;}
.table-striped thead th:first-child{ border-top-left-radius: 16px;}
.table-striped thead th:last-child{ border-top-right-radius: 16px;}
table .condo>*{ padding: 35px 15px;}
table .condo img.landImg{ max-height: 89px;}
/* .table>:not(caption)>*>* */
@media only screen and (min-width: 320px) and (max-width: 1400px){
	table .condo>*{ padding: .5rem .5rem;}
	table .condo img.landImg{ max-height: 64px;}
}

.cZoneSection.landRarity .txt{ max-width: 800px;}
.landRarity .table>:not(caption)>*>*{ padding: 30px 15px}
.landRarity .table thead tr{ /*background: linear-gradient(286.67deg, #650BE8 0%, #B071E7 155.16%);*/}
.landRarity .table thead th{ color: #fff; font-weight: 700; background-color: #9247ff;  text-transform: uppercase; font-size: 16px;}


/* footer */
footer {
	background: #1c1f26; padding: 70px 0 5px;
}

footer .container {
	max-width: 1920px;
	
}

footer .footer-top {
	border-bottom: 1px solid #262626;
	margin-top: 30px;
}

footer .footer-top .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column; padding-bottom: 30px;
}

footer .footer-top .content .footer-logo {
	margin-bottom: 30px;
}

footer .footer-top .content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #747681!important; width: 100%; margin: auto;
	max-width: 894px;
	
}

footer .app-links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
}

footer .app-links .link {
	display: inline-block;
}

footer .app-links a:not(:last-child) {
	margin-right: 16px;
}

footer .footer-bottom {
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
	margin-top: 30px;
}

footer .footer-bottom p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #747681!important;
}

footer .footer-bottom .social-links {
	text-align: center;
	/* display: flex;
	align-items: center;
	justify-content: unset; */
}


footer .footer-bottom .page-links li{ display: inline-block; }

footer .footer-bottom .social-links li{ display: inline-block;}

footer .footer-bottom .social-links li:not(:first-child) a {
	display: inline-block;
	margin-left: 15px;
}


footer .footer-bottom .page-links li:not(:last-child) {
	margin-right: 14px;
}

footer .footer-bottom .page-links li a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #747681;
	text-decoration: none;
	
}

footer .footer-bottom .page-links{ text-align: right;}


@media only screen and (max-width: 767px) and (min-width: 320px) {
	
	footer{ padding: 35px 0 30px;}
	footer .footer-top .content p {
		text-align: center;
		width: unset;
		height: unset;
	}

	footer .footer-bottom {
		text-align: center;
		display: inline-block;
	}

	footer .footer-bottom .social-links {
		margin-top: 0;
	}

	footer .footer-bottom ul {
		margin-top: 10px;
		text-align: center;
	}

	footer .footer-bottom p, footer .footer-top .content p, footer .footer-bottom .page-links li a{ font-size: 14px;}
	footer .footer-bottom .page-links{ text-align: center;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	footer {
		padding: 35px 0 30px;
	}

	footer .footer-top .content p {
		width: 700px;
		height: unset;
	}

	footer .footer-bottom {
		text-align: center;
		display: block;
	}

	footer .footer-bottom .social-links {
		/* margin-left: 24%; */
		margin-top: 0;
	}

	footer .footer-bottom ul {
		margin-top: 0x;
		justify-content: center;
	}
	footer .footer-bottom .page-links{ text-align: center;}

	footer .footer-bottom p, footer .footer-top .content p, footer .footer-bottom .page-links li a{ font-size: 14px;}

	footer .footer-bottom p{ margin-bottom: 0px; }
	footer .footer-bottom .page-links li:not(:last-child){ margin-right: 5px;}
	footer .socials{ padding-top: 5px;}

}

/* Blue Shadow */
/* @-moz-keyframes blue {
    0%, 100% {
      -moz-box-shadow: 1px 0px 19px 4px rgba(0, 130, 196, 0.7), inset 0px 0px 10px rgba(255, 255, 255, 0.5);
      box-shadow: 1px 0px 19px 4px rgba(0, 130, 196, 0.7), inset 0px 0px 10px rgba(255, 255, 255, 0.5); }
  
    50% {
      -moz-box-shadow: 0px 0px 0px 0px rgba(0, 130, 196, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
      box-shadow: 0px 0px 0px 0px rgba(0, 130, 196, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }
  
  @-webkit-keyframes blue {
    0%, 100% {
      -webkit-box-shadow: 1px 0px 19px 4px rgba(0, 130, 196, 0.7), inset 0px 0px 10px rgba(255, 255, 255, 0.5);
      box-shadow: 1px 0px 19px 4px rgba(0, 130, 196, 0.7), inset 0px 0px 10px rgba(255, 255, 255, 0.5); }
  
    50% {
      -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 130, 196, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
      box-shadow: 0px 0px 0px 0px rgba(0, 130, 196, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }
  
  @-o-keyframes blue {
    0%, 100% {
      box-shadow: 1px 0px 19px 4px rgba(0, 130, 196, 0.7), inset 0px 0px 10px rgba(255, 255, 255, 0.5); }
  
    50% {
      box-shadow: 0px 0px 0px 0px rgba(0, 130, 196, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } } */
  
  @keyframes blue {
    0%, 100% {
      box-shadow: 0px 0px 40px 10px rgba(109, 23, 232, 0.5), inset 0px 0px 10px rgba(255, 255, 255, 0.5); }
  
    50% {
      box-shadow: 0px 0px 80px 20px rgba(109, 23, 232, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0); } }


.about-section {
position: relative; padding: 100px 0;
}

.about-section .container{ max-width: 1600px;}

.about-section .aboutCarousel{}
.about-section .aboutCarousel .carousel-item{ min-height: 500px; background: #ccc;}

.about-section .content {
margin: 0 50px;
z-index: 1;
position: relative;
}

.about-section .content .txt {
position: relative;
z-index: 2;
padding: 50px 25px 50px 50px;
background-color: #1e1a27;
/* background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(40px); */
border-radius: 16px;
}

.about-section .content::after {
content: '';
display: block;
border: 1px solid rgba(101, 11, 232, 1);
width: 100%;
height: 100%;
position: absolute;
top: 20px;
right: -20px;
border-radius: 16px;
z-index: 0;
}

.about-section .txt h2 {
font-size: 48px;
font-weight: 700;
line-height: 60px;
text-transform: uppercase;
color: rgba(238, 238, 238, 1);
}

.about-section .txt h2 .imgHolder{ display: inline-block; margin-left: 2.5px; position: relative; top: -3px;}
.about-section .txt h2 .imgHolder img{ max-width: 18px;}

.about-section .txt p {
font-size: 17px;
font-weight: 400;
line-height: 30px;
color: #F5F5F5;
}

/* .about-section .carousel-inner {
overflow: unset;
} */

.about-section .carousel-indicators {
/* left: 65%;
margin-right: 10%; */     margin-bottom: 0px; right: 0px; left: auto; margin-right: 0px; bottom: -30px;
}

.about-section .carousel-item{ height: 258px; padding-right: 25px;}
.about-section .txt p a{ color: #B071E7 ;}
.about-section .txt p a:hover{ text-decoration: underline;}

.about-section .carousel-indicators button {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
margin-left: 8px;
}

.about-section .video-holder {
border-radius: 16px;
position: relative;
margin: 200px 50px 0;
z-index: 2;
}

.about-section .video-holder::after {
content: '';
display: block;
border: 1px solid rgba(101, 11, 232, 1);
width: 100%;
height: 100%;
position: absolute;
top: 20px;
right: -20px;
border-radius: 16px;
z-index: 0;
}

.about-section .video-holder video {
max-width: 100%;
border-radius: 16px;
position: relative;
z-index: 3;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {

.about-section {
height: 100%;
}

.about-section .content {
margin: 0;
}

.about-section .content .txt {
padding: 20px 20px 40px;
}

.about-section h2 {
font-size: 30px;
line-height: inherit;
}

.about-section .content::after {
top: 10px;
right: -10px;
}

.about-section .video-holder {
margin: 80px 10px 0 0;
}

.about-section .video-holder::after {
top: 10px;
right: -10px;
}

.about-section .txt h2{ font-size: 30px; line-height: 40px;}
.about-section .txt h2 .imgHolder{  position: relative; top: -3px;}
.about-section .txt h2 .imgHolder img{ max-width: 12px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-section {
height: 100%;
}

.about-section .txt h2 {
font-size: 31px;
}

.about-section .video-holder {
margin-top: 80px;
}
bout-section .txt h2 .imgHolder{  position: relative; top: -3px;}
.about-section .txt h2 .imgHolder img{ max-width: 15px;}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
.about-section .content {
margin: 0;
}

.about-section .content .txt {
padding: 20px;
}

.about-section .content::after {
top: 10px;
right: -10px;
}

.about-section .video-holder {
margin-left: 20px;
margin-right: 20px;
}
}


/* benefit-section */
.benefit-section {
	padding: 100px 0;
}
.benefit-section .btn{
	margin-bottom: 15px;
}
.benefit-section .txt{ width: 100%; max-width: 880px; margin: auto auto 20px; padding: 0 15px;}


.benefit-section .owl-carousel{ padding: 0px 0 50px;}
.benefit-section .owl-carousel img{ border-radius: 16px;}

.benefit-section .item-content-btn button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 174px;
	height: 52px;
	border-radius: 8px !important;
}

.benefit-section .item-content-btn button span {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 12px;
}

.benefit-section .item-content-btn .btn-right {
	border: 1.5px solid #FFFFFF;
	background: transparent;
}

.benefit-section .item-content-btn .btn-left {
	background: linear-gradient(286.67deg, #650BE8 0%, #B071E7 155.16%);
	margin-right: 18px;
}

.benefit-section .item-content-btn .btn-right span {
	color: #fff;
}

.benefit-section{}
.benefit-section .imgHolder{ position: relative; max-width: 400px; margin: auto;}
.benefit-section .imgHolder:before{ content: ''; display: block; width: 100%; height: 100%; border: 1px solid rgba(101, 11, 232, 1); border-radius: 16px; position: absolute; right: -15px; top: 15px;}
.benefit-section .imgHolder .bot{ position: relative; z-index: 1; }
.benefit-section .imgHolder img{ border-radius: 16px;}
.benefit-section .owl-item .item{ transform: scale(.85);}
.benefit-section .owl-item.center .item{ transform: scale(1);}
.benefit-section .owl-item .imgHolder:before{ opacity: .25;}
.benefit-section .owl-item img { opacity: .75;  }
.benefit-section .owl-item.center .imgHolder:before{ opacity: 1;}
.benefit-section .owl-item.center img { opacity: 1;  }

@media only screen and (max-width: 767px) and (min-width: 320px) {

	.benefit-section {
		padding-top: 0;
	}

	.benefit-section .container {
		padding-top: 0;
	}


	.benefit-section .item-content-btn {
		display: flex;
		margin-top: 10px;
	}

	.benefit-section .item-content-btn button {
		height: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.benefit-section {
		padding-top: 0;
	}

	.benefit-section .container {
		padding-top: 0;
	}



	
	.benefit-section .item-content-btn {
		text-align: center !important;
		margin-top: 10px;
	}

	.benefit-section .item-content-btn button {
		height: 40px;
	}

}

/* members-section */
.members-section{ padding-bottom: 70px;}
.members-section .txt{ width: 100%; max-width: 900px; margin: auto auto 30px;}
.members-section .img-holder{ height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.members-section .img-holder img{ max-width: 90%;}

/* cardano-members */
.cardano-members{ padding: 100px 0;}
.cardano-members .txt{ width: 100%; max-width: 100%; margin: auto auto 30px;}
.cardano-members .building{ padding-top: 15px;}
.cardano-members .building img{ max-width: 100%;}
.cardano-members li{ color: #fff;}
.cardano-members li p{ margin-bottom: 15px; font-size: 16px; position: relative;}
.cardano-members li p::before{ content: ''; width: 8px; height: 8px; background-color: #fff; border-radius: 100%; display: inline-block; margin-right: 10px; display: none;}
.cardano-members .leftContent{ height: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 15px 0;}
.cardano-members .building{ min-height: 600px; display: flex; align-items: center; justify-content: center;}
.cardano-members .building .text-center{ height: 100%;}

@media only screen and (min-width: 320px) and (max-width: 757px) {
	.cardano-members .building{ min-height: auto;}
}

/* faqsPage */
.faqsPage{}
.faqsPage .pageContent{ min-height: 100vh; padding: 180px 0 100px;}
body.faqsPage{ background-image: none; background-color: #0a0a0a;}
.faqs { padding: 80px 15px; }

.faqs .container { max-width: 1000px; }

.faqs .txt{ padding-top: 100px; padding-bottom: 26px; }

.faqs .accordion-item{
	background-color: #121212;
	border-radius: 24px;
	border: 0;
	margin-bottom: 20px;
}

.faqs .accordion-item .accordion-button{
	background-color: #121212;
	color: #FFFFFF;
	border-radius: 24px;
	box-shadow: none;
	font-size: 22px;
	font-weight: 600; display: block; padding-right: 45px;
}
.faqs .accordion-item .accordion-button .imgHolder{ display: inline-block; margin-left: 5px; position: relative; top: -1px;}
.faqs .accordion-item .accordion-button .imgHolder img{ max-width: 8px;}

.accordion-item:last-of-type .accordion-button.collapsed{
	border-radius: 24px;
}

.faqs .accordion-item .accordion-button::after{
	background-color: #000;
	border: 1px solid #202020;
	border-radius: 50%;
	background-image: url(../imgs/arrowIcon.svg);
	background-position: center center;
	background-size: 12px;
	width: 30px;
	height: 30px;
	transform: rotate(-180deg) ; position: absolute; right: 6px; top: 15px;
}

.faqs .accordion-item .accordion-button:not(.collapsed)::after{ transform: rotate(0deg) ; }
.faqs .accordion-item .accordion-body{
	color: #FFFFFF;
	padding-top: 0;
}
.faqs .accordion-item .accordion-body h5{ font-size: 16px; font-weight: 700;}
.faqs .accordion-item .accordion-body p{ font-size: 16px; line-height: 28px; }
.faqs .accordion-item .accordion-body ul{ margin-left:1.25rem}
.faqs .accordion-item .accordion-body li{ margin-bottom: 10px; font-size: 16px; list-style: disc;}

/* Link Styles */
.faqs .accordion-item .accordion-body a{ color: var(--primary-clr); text-decoration: none; transition: all 0.3s ease;}
.faqs .accordion-item .accordion-body a:hover{ color: #B071E7; text-decoration: underline;}

/* FAQ Tabs */
.faq-tabs{ text-align: center; margin-bottom: 50px;}
.faq-tabs .tab-buttons{ display: inline-flex; background: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 4px; backdrop-filter: blur(40px);}
.faq-tabs .tab-button{ background: transparent; border: none; color: #F5F5F5; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; min-width: 160px;}
.faq-tabs .tab-button:hover{ background: rgba(255, 255, 255, 0.1); color: #fff;}
.faq-tabs .tab-button.active{ background: var(--primary-clr); color: #fff; box-shadow: 0px 0px 20px rgba(101, 11, 232, 0.3);}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.faq-tabs .tab-button{ min-width: 120px; padding: 10px 16px; font-size: 14px;}
}

/* timer */
.timer{ text-align: center; padding-top: 20px; margin-bottom: 30px;}
.timer h5{ font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #fff; }
.timer .tick{ display: inline-block; padding: 0 5px; font-weight: 400;  color: #fff; font-size: 20px;}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	header .navbar .btn{ min-width: auto!important; padding:.375rem 10px!important; max-width: auto!important;}
	.plannedCommunity .imgHolder{ max-height: 800px;}
}


/* popup styling */
.mb--30{ margin-bottom: 30px;}
.mb--50{ margin-bottom: 50px;}
.mr--5{ margin-right: 5px;}
.dInlineBlock{ display: inline-block;}
.w--100{ width: 100%;}
.modal-dialog{ max-width: 540px;}
.modal-dialog .modal-body{ padding: 1rem 70px;}
.modal-dialog .modal-body .imgHolder.main{ text-align: center; margin-bottom: 30px;}
.modal-dialog .modal-body .imgHolder.main img{ max-height: 90px ; }
.modal-dialog .modal-content{ background-color: #000; border-radius: 16px;}
.modal-dialog .modal-header{ border-bottom: 0px; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.modal-dialog .modal-footer{ border-top: 0px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px;}
.modal-dialog h1{ font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; letter-spacing: -0.02em; color: #EEEEEE; margin-bottom: 30px; padding: 0 1rem;}
.modal-dialog p{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -0.02em; color: #F5F5F5; padding: 0 1rem; margin-bottom: 30px; }
.modal-dialog form .form-control{ background: #121212; border-radius: 12px; color: #fff; padding: 15px 20px; border: 0px; }
.modal-dialog form .form-control:focus{  box-shadow: 0 0 0 0.25rem rgb(101 11 232 / 25%);}
.modal-dialog .orSeparator{ width: 280px; width: 100%; max-width: 280px; margin: auto auto 30px; height: 30px; position: relative;}
.modal-dialog .orSeparator:before{ content: ''; display: block; width: 100%; height: 2px; background: #353535; border-radius: 12px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.modal-dialog .orSeparator:after{ content: 'OR'; display: block; color: #353535; font-size: 24px; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #000; padding: 0 10px;}
.modal-dialog .w--100{ min-width: 100%!important; max-width: 100%!important;}
.discordJoinHolder{}
.discordJoinHolder p{ font-size: 14px;}

.congratulations.modal-dialog{ max-width: 500px;}
.congratulations.modal-dialog p{ width: 100%; max-width: 300px; margin: auto auto 30px;}
.congratulations.modal-dialog .btn{ background: rgba(101, 11, 232, 0.2); border-radius: 12px; border: 2px solid rgba(101, 11, 232, 1); color: #fff;}
.congratulations.modal-dialog .btn span{ position: relative; top: -1px;}

.congratulations.notFound.modal-dialog p{ max-width: 100%; padding: 0px;}

.modal-dialog .btn-close.btn-close{ background: url(../imgs/close.svg) no-repeat; width: 24px; height: 24px; background-size: 100%; }

.viewDeed.modal-dialog{ max-width: 780px;}
.viewDeed.modal-dialog{ padding: 1rem}
.viewDeed.modal-dialog .deedImg{ max-width: 100%;}

.modal-backdrop.show{ opacity: .85;}


/* inventoryPage */
.inventoryPage{ min-height: calc(100vh - 341px); padding-top: 140px; padding-bottom: 100px}
.inventoryPage .deedHolder{ margin-bottom: 30px}
.inventoryPage .deedHolder img{ max-width: 100%; box-shadow: 0px 0px 40px 10px rgba(255, 255, 255, 0.08); border-radius: 16px;}
.inventoryPage .accordion-item{ background-color: transparent; border: 0px;}
.inventoryPage .accordion-item .accordion-button{ background-color: transparent; border: 0px; padding-left: 0px; padding-right: 0px; }
.inventoryPage .accordion-item .accordion-button:focus { box-shadow: none; }
.inventoryPage .accordion-item .accordion-button{ text-transform: uppercase; color:#eee; font-size: 36px; font-weight: 700;}
.inventoryPage .accordion-header h2{ position: relative; margin-bottom: 0px; width: 100%; }
.inventoryPage .accordion-header h2:after{ content: ""; height: 2px; width: 100%; background: #1F1F1F; border-radius: 6px; position: absolute; left: 0px; bottom: 0px; border-radius: 24px; }
.inventoryPage .accordion-item .accordion-body{  padding: 36px 0;}
.inventoryPage .accordion-item .accordion-button{ position: relative;}
.inventoryPage .accordion-item .accordion-button::before{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 8px 30px 8px 16px; gap: 8px; position: absolute; height: 36px; right: 0; top: 19px; border: 1.5px solid #FFFFFF; border-radius: 24px; font-size: 14px; color: #f5f5f5; content: "Show More";  min-width: 137px}
.inventoryPage .accordion-item .accordion-button:not(.collapsed)::before{ content: "Show Less";}
.inventoryPage .accordion-item .accordion-button::after{ background: url(../imgs/deed-accordian-arrow.svg) no-repeat; background-size: 16px; position: absolute; right: 10px; top: 29px; transform-origin: center; width: 16px; height: 16px; transform: rotate(-180deg); }
.inventoryPage .accordion-item .accordion-button:not(.collapsed)::after{ transform: rotate(0deg);}
.inventoryPage .noItemFound{ display: flex; align-items: center; justify-content: center; height: 300px; flex-direction: column; padding: 15px}
.inventoryPage .noItemFound h5{ font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; color: #fff;}
.inventoryPage .noItemFound p{font-size: 18px; font-weight: 400; margin-bottom: 0px; color: #fff; }

/* schedule tbl */
.mb--0{ margin-bottom: 0px!important;}
.scheduleHolder .sectionTitle{ margin-bottom: 56px;}
.dFlex { 
    display: flex;
}
.schedule-content {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(40px);
    
    border-radius: 32px;
    padding: 25px;
}

.schedule-content .list-none { 
    list-style: none;
    margin: 0;
    padding: 0;
}
.schedule-content ul li:first-child {
    width: 332px;
}
.schedule-content ul li {
    /* border-left: 1px solid hsla(0,0%,100%,.5); */
    padding: 0px 15px; width: 500px;
}
.schedule-content ul li:last-child {
    padding-right: 0;
}
.slots-wrap, .day-wrap {
    flex-direction: column;
    text-align: center;
}
/* .slots-wrap h2 {
    color: #b071e7;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
}
.slots-wrap p {
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 8px;
    color: #FFF;
}
.slots-wrap small {
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin: 0 0 25px;
    padding-bottom: 16px;
    color: #FFF;
} 
.slots-wrap span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 32px;
    color: #FFF;
}*/
.slots-wrap .slotTime { color: #EEEEEE; display: block; font-size: 24px; font-weight: 700; line-height: 30px; margin: 0 0 50px; color: #FFF; }
.day-wrap h2 {
    font-size: 32px;
    margin: 0 0 4px;
    color: #FFF;
}
.day-wrap small {
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    color: #b071e7;
    display: inline-block;
    font-size: 20px;
    margin: 0 auto 29px;
    padding-bottom: 37px;
}
.day-wrap section {
    background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(40px);
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    padding: 22px 38px;
    width: 100%; height: 162px; margin-bottom: 17px; flex-direction: column;
}
.day-wrap section.bottom{ height: 162px;}
.day-wrap section h3 {
    font-size: 24px;
    margin: 0;
    color: #EEEEEE;
    letter-spacing: -.15px;
}
.day-wrap section p {
    font-size: 16px;
    font-weight:500;
    line-height: 24px;
    margin: 0;
    color: #FFF;
    letter-spacing: -.20px;
}
.day-wrap span.break {
    border: 1px solid #650be8;
    border-radius: 16px;
    color: #b071e7;
    display: block;
    font-size: 20px;
    margin: 0 0 17px; font-weight: 700;
    padding: 18px 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #EEEEEE; height: 72px;
}

.schedule-content .slotTitle{ background: linear-gradient(286.67deg, #650BE8 0%, #B071E7 155.16%); border-radius: 12px; display: flex; flex-direction: column; align-items: center; height: 104px; width: 100%; justify-content: center; margin-bottom: 32px;}
.schedule-content .slotTitle h2{ font-size: 24px; text-align: center; 
	letter-spacing: -0.02em;
	text-transform: uppercase; color: #EEEEEE; font-weight: 700;}
.schedule-content .slotTitle p{ font-weight: 700; font-size: 14px; margin-bottom: 0px; color: #F5F5F5;}
.schedule-content .slotTitle p span{ display: block;}
.schedule-content .disabled{ opacity: .25}

@media (max-width: 999px) {
    .over {
        overflow: auto;
    }
    .schedule-content {
        width: 1140px;
    }
}

@media (min-width: 1600px) {
    .scheduleHolder{ padding-bottom: 100px;}
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
	.modal-dialog .modal-body{ padding: 1rem 30px;}
	.about-section .txt p, .bannerSection .txt .sectionTxt, .sectionTxt, .cardano-members li p, .plannedCommunity .txtHolder .txt p, .landDeedSection .txtHolder p, footer .footer-bottom p, footer .footer-top .content p, footer .footer-bottom .page-links li a, .faqs .accordion-item .accordion-body p{ font-size: 14px; line-height: normal;}
	footer .footer-top{ margin-top: 20px;}
	footer .footer-top .content{ padding-bottom: 20px;}
	footer .footer-bottom{ margin-top: 20px;}
}


/* iphone xmax */
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) {
	.navbar-toggler:focus{ box-shadow: none;}
	body header .navbar-nav .btn { min-width: 100%!important; max-width: 100%!important; width: 100%!important; }
}

/*  */

.inventoryModal{}
.inventoryModal.modal-dialog .modal-body{ padding-bottom: 40px;}
.inventoryModal .linksHolder{}
/* .inventoryModal .linksHolder .btn{ margin: auto;} */
.inventoryModal .linksHolder .left{ float: left;}
.inventoryModal .linksHolder .right{ float: right;}

.btns-holder{ display: inline-flex; align-items: center;}
.bannerSection .txt .btn{ margin: 0 7.5px 15px!important;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.inventoryModal .linksHolder .left,  .inventoryModal .linksHolder .right{ float: none!important;}
	.inventoryModal .linksHolder .btn{ margin: auto auto 15px;}

	.btns-holder{ flex-direction: column;}
}