html{scroll-behavior: smooth;}
html, body {height: 100%;}
body {margin: 0; background-color: #281101;; background-color: #281101;}
.webgl{position:fixed;top: 0;left: 0;}

.loading::before,.loading::after {content: '';position: fixed;z-index: 1050;}
.loading::before {top: 0;left: 0;width: 100%;height: 100%;background: #281101;}
.loading::after {top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px 0 0 -30px;border-radius: 50%;opacity: 0.4;background: #FEF2DF;animation: loaderAnim 0.7s linear infinite alternate forwards;}
@keyframes loaderAnim {to {opacity: 1;transform: scale3d(0.5,0.5,1);}}



.vh-100-min{min-height:100vh !important;}
.vh-95-min{min-height:95vh !important;}
.vh-80-min{min-height:80vh !important;}
.vh-60-min{min-height:60vh !important;}
.vh-65-min{min-height:65vh !important;}
.vh-40-min{min-height:40vh !important;}
.vh-5-min{min-height:5vh !important;}
.mt-6{margin-top: 6rem !important;}
.explore{font-size:14px !important;color:#FEF2DF !important;opacity:0.7;}
.scroll{display:block;}
.scroll-line{border-top:1px solid #FEF2DF;opacity:0.7;}
@media (max-width: 767px) {
    .vh-95-min{min-height:100vh !important;}	
	.scroll{display:none;}
}


#section-nav .navbar-toggler{font-size: 1rem;}
#section-nav .nav-contianer{width:90%;}
#section-nav .mobile-nav{display:none;}
#section-nav .navbar{background-image: linear-gradient(#000000bf, #00000000);min-height:100px;}
.nav-item{padding-right: 20px;}
.nav-link{font-family: 'Poppins' !important;font-weight: 500;font-size: 16px;line-height: 24px;color:#fff;}
.nav-link-center{font-family: 'Poppins' !important;font-weight: 500;font-size: 22px;line-height: 24px;color:#fff;}
.fixed-bg{padding-bottom: 15px;background: #000000d9;}
@media (max-width: 767px) {
    .nav-link-center{font-size: 18px;}
}



#section-footer .width-90{width:90%;}
#section-footer{margin-top:100px;background:#FDBC5A;padding:20px 0px;z-index:99;}
#section-footer  h2{font-family: 'Poppins', sans-serif;font-size: 26px;font-weight: 600;line-height: 35px;text-align:left;}
#section-footer  p{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;text-align:left;}
#section-footer  input{padding: .75rem .75rem; }
#section-footer .btn{margin-left: 10px;background: #150D00;color: white;width: 95px;}
#section-footer .nav-item{padding-right:0px;}
#section-footer  a{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;line-height: 36px;text-decoration:underline;}
#section-footer .nav-link{color:#000;font-size: 16px;font-weight: 400;line-height: 24px;text-decoration:none;}

.p-right{padding-right:0px !important}
.input-div{display:block;}

.input-div-small{display:none !important;}
@media (max-width: 1367px) {
	#section-footer .width-90{width:98%;}
	#section-footer .media-div p {text-align:right;}	
}
@media (max-width: 1024px) {
	#section-footer .footer-logo{width:170px;}
	.input-div,.reserved{display:none !important;}
	.input-div-small{display:flex !important;margin:0px auto;}
	.wait{max-width: 500px;width:100%;}
}
@media (max-width: 767px) {
	#section-footer  h2{text-align:center;font-size: 22px;}
	#section-footer  p{text-align:center;}
	#section-footer .footer-logo{margin:0px auto;}	
	#section-footer .nav{ justify-content: center !important;}
}



#section-loading{background:url(../img/loading-bg-lg.png);background-repeat: no-repeat;background-size:cover;background-position:top center;height:100vh;z-index:9;}
#section-loading .center-box{justify-content: space-around;align-items: center;max-width:725px;width: 100%;max-height:380px;height:100%;background:rgba(57, 25, 2, 0.48);border-radius:20px;}
#section-loading h2{font-family: "Lilita One", sans-serif;font-size: 48px;font-weight: 400;line-height: 58px;text-align: center;color:#FEF2DF;}
#section-loading p{font-family: 'Poppins' !important;font-size: 22px;font-weight: 400;line-height: 34px;text-align: center;color:#FEF2DF;}
#section-loading p:nth-child(1) {font-size: 18px !important;line-height: 28px !important;font-weight: 500 !important;}
#section-loading .btn{background: #FDBC5A;color:#000;width: 225px;font-size: 1.15rem;font-weight:500;}
#section-loading .bg-warning {background: #FDBC5A !important;}
.progress-box{max-width:600px;width: 90%;}
.progress{width:100%;background:rgba(57, 25, 2, 0.48);height:21px;border:1px solid #fff;border-radius: 20px;overflow: visible;}
.progress-bar {width: 0%;height: 15px;margin: auto 0px;border-radius: 20px;margin-left: 2px;}
.progress-bar-circle {width: 30px;height: 30px;overflow: auto;border: 5px solid #fff !important;box-shadow: 0px 0px 15px #fff;margin-left: -20px;margin-top: -5px;}
@media (max-width: 1367px) {
    #section-loading{background-position:right;}	
}
@media (max-width: 1024px) {
   #section-nav .mobile-nav{display:block;}  
}
@media (max-width: 767px) {
   #section-nav .nav-contianer{width:98%;}
   #section-loading h2{font-size: 36px;line-height: 48px;}
   #section-loading p {font-size: 18px;line-height: 28px;}
}
@media (max-width: 399px) {
   #section-loading h2{font-size: 32px;line-height: 46px;}
   #section-loading p {font-size: 16px;line-height: 26px;}
}


#section-frame-1{background:url(../img/frame-1-bg.png);background-size: contain;background-repeat:no-repeat;background-position:top right;height:100vh;z-index: 9;}
#section-frame-1 h2{font-family: "Lilita One", sans-serif;font-size: 40px;font-weight: 400;line-height: 58px;text-align:left;color:#FEF2DF;}
#section-frame-1 p{font-family: 'Poppins' !important;font-size: 20px;font-weight: 300;line-height: 34px;text-align:left;color:#FEF2DF;}
#section-frame-1 a{font-family: 'Poppins' !important;font-size: 14px;font-weight: 300;line-height: 24px;text-align:left;color:#FFF;text-decoration:underline;}
#section-frame-1 .text-box{ max-width:535px;width: 100%; }
#section-frame-1 .frame-scroll{display:block;}

#section-frame-1 #more-text-1,#read-less-1{display:none;}
@media (max-width: 1366px) {
    .frame-scroll{display:none !important;}	
	#section-frame-1{ background-size: 80% !important;}
}
@media (max-width: 1024px) {
    #section-frame-1 h2{font-size: 36px;line-height: 46px;}
	#section-frame-1 p {font-size: 18px;line-height: 28px;}
	#section-frame-1{ background-size: 70% !important;}
}
@media (max-width: 768px) {
    #section-frame-1 h2{font-size: 24px;line-height: 30px;}
	#section-frame-1 p {font-size: 12px;line-height: 16px;}
	#section-frame-1{ background-size: 85% !important;}
}


#section-frame-2 {background:url(../img/frame-2-bg.png);background-size: auto;background-repeat:no-repeat;background-position:bottom right;min-height:100vh;z-index: 9;}
#section-frame-2 h2{font-family: "Lilita One", sans-serif;font-size: 40px;font-weight: 400;line-height: 58px;text-align:left;color:#FEF2DF;}
#section-frame-2 p{font-family: 'Poppins' !important;font-size: 20px;font-weight: 300;line-height: 34px;text-align:left;color:#FEF2DF;}
#section-frame-2 a{font-family: 'Poppins' !important;font-size: 14px;font-weight: 300;line-height: 24px;text-align:left;color:#FFF;text-decoration:underline;}
#section-frame-2 .text-box{ max-width:600px;width: 100%; }
#section-frame-2 .text-box-change{ max-width:950px !important;width: 100%; }
#section-frame-2 .frame-scroll{display:block;}
#section-frame-2 #more-text-2,#read-less-2{display:none;}
@media (max-width: 1366px) {
    .frame-scroll{display:none !important;}	
	#section-frame-2{ background-size: 80% !important;}
	
}
@media (max-width: 1024px) {
    #section-frame-2 h2{font-size: 36px;line-height: 46px;}
	#section-frame-2 p {font-size: 18px;line-height: 28px;}
}
@media (max-width: 767px) {
    #section-frame-2{ background:url(../img/frame-2-bg-m.png);background-repeat:no-repeat;background-position:top right;}
	#section-frame-2 h2{font-size: 24px;line-height: 30px;}
	#section-frame-2 p {font-size: 12px;line-height: 16px;}
}


#section-frame-3 h2{font-family: "Lilita One", sans-serif;font-size: 40px;font-weight: 400;line-height: 58px;text-align:center;color:#FEF2DF;}
#section-frame-3 .video-img{max-width:700px;width:90%;}


#section-frame-4 h2{font-family: "Lilita One", sans-serif;font-size: 40px;font-weight: 400;line-height: 58px;text-align:left;color:#FEF2DF;}
#section-frame-4 p{margin-bottom: 0px;}
#section-frame-4 .timeline .amount{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 700;line-height: 24px;text-align:center;color:#FEF2DF;}
#section-frame-4 .timeline .text{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 500;line-height: 24px;text-align:center;color:#FEF2DF;}
#section-frame-4 .timeline {--timeline-color: #FEF2DF;cursor: move;position: relative;list-style: none;display: inline-flex;flex-wrap: nowrap;margin: 0;padding: 0;height: 400px;} 	
#section-frame-4 .timeline:before {content: "";position: absolute;top: calc(50% - 1px);width: 1440px;height: 2px;background: var(--timeline-color);}
#section-frame-4 .timeline div {position: relative;padding: 2px;text-align: center;}
#section-frame-4 .timeline div:before {content: "";position: absolute;left: 50%;top: 100%;width: 2px;height:50px;background: #FEF2DF;}
#section-frame-4 .timeline li:nth-child(2n):before {content: "";position: absolute;top: 52%;margin-left: 81px;transform: translate(-50%, -50%);border: 1px #9bc solid;width: 16px;height: 16px;border-radius: 50%;background:  var(--timeline-color);}
#section-frame-4 .timeline li:nth-child(2n-1):before {content: "";position: absolute;top: 48%;margin-left: 81px;transform: translate(-50%, -50%);border: 1px #9bc solid;width: 16px;height: 16px;border-radius: 50%;background:  var(--timeline-color);}
#section-frame-4 .timeline li {margin: 0 0px;min-width: 160px;align-self: flex-start;margin-top:58px;}
#section-frame-4 .timeline li:nth-child(2n) { align-self: flex-end;margin-bottom: 50px;}
#section-frame-4 .timeline li:nth-child(2n - 1) div:before {top: 100%;margin-top: 0px;border-right: 1px var(--timeline-color) solid;border-bottom: 1px var(--timeline-color) solid; }
#section-frame-4 .timeline li:nth-child(2n) div:before {top: -63%;margin-top: -10px;border-left: 1px var(--timeline-color) solid;border-top: 1px var(--timeline-color) solid; }
#section-frame-4 .timeline  .margin:before{top: -40% !important;}
@media (max-width: 1024px) {
    #section-frame-4 h2{text-align:center;}
}


#section-frame-5{z-index: 9;}
#section-frame-5 .mt-6{margin-top: 6rem !important;}
#section-frame-5 .col {margin: 20px 0px;display:flex;justify-content:center;}
#section-frame-5 .progress-box p {text-align:center !important;}
#section-frame-5 h2{font-family: "Lilita One", sans-serif;font-size: 40px;font-weight: 400;line-height: 58px;text-align:left;color:#FEF2DF;}
#section-frame-5 p{font-family: 'Poppins' !important;font-size: 20px;font-weight: 400;line-height: 30px;text-align:left;color:#FEF2DF;}
#section-frame-5 .text-box-reward h2{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 700;line-height: 30px;text-align:left;color:#FEF2DF;}
#section-frame-5 .text-box-reward p{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 400;line-height: 30px;text-align:left;color:#FEF2DF;margin-bottom: 5px;}
#section-frame-5 .btn-pledge{background: #FDBC5A !important;width:370px;margin: 0px auto;}
#section-frame-5 .text-box{ max-width:600px;width: 100%;}
#section-frame-5 .text-box-reward{ max-width:600px;width: 100%; height:300px;background: #472307;border-radius:15px;}
#section-frame-5 #reward{}
#section-frame-5 .cart-items img{cursor:pointer;}
@media (max-width: 1024px) {	
    #section-frame-5 #reward .align-items-end {align-items: start !important;}
    #section-frame-5 h2, #section-frame-5 .text-box-reward h2{font-size: 36px;line-height: 46px;}
	#section-frame-5 p, #section-frame-5 .text-box-reward p{font-size: 18px;line-height: 28px;}
}
@media (max-width: 767px) {
	#section-frame-5 .col img {width: 160px;}
	#section-frame-5 .text-box-reward{height:250px;}
	#section-frame-5 .mt-6{margin-top: 4rem !important;}
	#section-frame-5 h2, #section-frame-5 .text-box-reward h2{font-size: 24px;line-height: 30px;}
	#section-frame-5 p , #section-frame-5 .text-box-reward p{font-size: 12px;line-height: 18px;}
}


#section-contact .center-box{max-width:530px;width:100%;align-items: center;}
#section-contact h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 40px;text-align: center;color:#FEF2DF;}
#section-contact p{font-family: 'Poppins' !important;font-size: 14px;font-weight: 400;line-height: 22px;text-align:left;color:#FEF2DF;}
#section-contact label{font-family: 'Poppins' !important;font-size: 14px;font-weight: 400;line-height: 18px;color:#FEF2DF;}
#section-contact form{width:100%;}
#section-contact .btn{background:#FDBC5A !important;min-width:250px;width: 100%;}
#section-contact .form-input{background: #281101;;border: 1px solid #D0D5DD;}
#section-contact .form-control:focus {box-shadow:0px 0px 15px #FEF2DF;}
#section-contact input::placeholder,#section-contact textarea::placeholder {color: #FEF2DF;;opacity: 0.5;}
@media (max-width: 767px) { 
    #section-contact img {width: 70%;margin: 0px auto;}
}
#section-contact #contact-submit{display:none !important;}


#section-faq h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 40px;text-align: center;color:#FEF2DF;}
#section-faq p{font-family: 'Poppins' !important;font-size: 14px;font-weight: 400;line-height: 18px;text-align:left;color:#FEF2DF;}
#section-faq .faq-left{width:100%;max-width:380px;padding:10px;}
#section-faq .faq-left h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 40px;text-align: left;color:#FEF2DF;}
#section-faq .faq-left p{font-family: 'Poppins' !important;font-size: 20px;font-weight: 400;line-height: 30px;text-align:left;color:#FEF2DF;}
#section-faq .accordion{--bs-accordion-bg:#281101;;--bs-accordion-btn-color:#FEF2DF;--bs-accordion-border-color:#281101;;--bs-accordion-active-color:#FEF2DF;}
#section-faq .accordion-button::after {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
#section-faq .accordion-button{ font-family: 'Poppins' !important; font-size:17px !important;line-height: 24px;background-color:#281101;background: transparent !important;padding-left: 0px;}
#section-faq .accordion-flush>.accordion-item {border-bottom: 0;}
#section-faq .accordion-item {font-family: 'Poppins' !important; font-size:15px; line-height: 24px; color:#FEF2DF;background: transparent !important;}
#section-faq .accordion-button:focus {box-shadow: none;}
@media (max-width: 767px) {
    #section-faq h2{font-size: 24px;line-height: 30px;}
    #section-faq .faq-left h2{font-size: 21px;line-height: 24px;}
	#section-faq .faq-left p, #section-faq p{font-size: 14px;line-height: 18px;}
	#section-faq .accordion-button {font-size: 15px !important;line-height: 21px;}
}

.section-about .text-box{ max-width:600px;width: 100%;}
.section-about .text-box-full{ width:100%;height: 416px;border:1px solid #FEF2DF;border-radius:15px;background:url(../img/joinus.png);background-size: auto;background-repeat:no-repeat;background-position:center right;}
.section-about h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 40px;text-align:left;color:#FEF2DF;}
.section-about h3{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 600;line-height: 30px;text-align:left;color:#FEF2DF;}
.section-about p{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 300;line-height: 30px;text-align:left;color:#FEF2DF;}
#section-about-1{z-index:9;background:url(../img/mission.png);background-size: auto;background-repeat:no-repeat;background-position:center left;height:100vh;}
#section-about-2{z-index:9;background:url(../img/story.png);background-size: auto;background-repeat:no-repeat;background-position:center right;height:100vh;}
#section-about-3-{background:url(../img/founder.png);background-size: auto;background-repeat:no-repeat;background-position:center left;height:100vh;}
#section-about-3 img{width: 100%;}
#section-about-4 h2{font-family: 'Poppins', sans-serif;font-size: 24px;font-weight: 300;line-height: 36px;text-align:left;color:#FEF2DF;}
#section-about-4 p{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 300;line-height: 32px;text-align:left;color:#FEF2DF;}
#section-about-5 .btn-pledge{background: #FDBC5A !important;width:350px;margin: 0px auto;}
#section-about-5 h2{font-size: 42px;font-weight: 400;line-height: 44px;}
#section-about-3,#section-about-4,#section-about-5{z-index:9;}




@media (max-width: 1367px) {	
   .section-about .text-box{ max-width:450px;width: 100%;} 
   #section-about-1{background-size:70%;background-position:top left;}
   #section-about-2{background-size:70%;background-position:top right;}
   #section-about-3{background-size:55%;background-position:top left;}
}
@media (max-width: 768px) {	
   .section-about .text-box{ max-width:450px;width: 100%;}
   #section-about-1{background-size:60%;background-position:top left;}
   #section-about-2{background-size:60%;background-position:top right;}
   #section-about-3{background-size:55%;background-position:top left;}
   .section-about .text-box-full{background-size: auto;background-repeat:no-repeat;background-position:bottom;background-color: rgba(0, 0, 0, .2);background-blend-mode: multiply;isolation: isolate;}
}
@media (max-width: 767px) {
	.section-about .text-box-full{justify-content: start !important;width:100%;height: 600px;border:1px solid #FEF2DF;border-radius:15px;background:url(../img/joinus-bt.png);background-size:contain;background-repeat:no-repeat;background-position:bottom left;;}
	.section-about h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 46px;text-align:left;color:#FEF2DF;}
    .section-about h3{font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 600;line-height: 24px;text-align:left;color:#FEF2DF;}
    .section-about p{font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 300;line-height: 24px;color:#FEF2DF;}
	#section-about-4 h2{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 300;line-height: 20px;text-align:left;color:#FEF2DF;}
	#section-about-4 p{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 300;line-height: 24px;text-align:left;color:#FEF2DF;}
	#section-about-4 img{width: 125px;}
	#section-about-5 .btn-pledge{background: #FDBC5A !important;max-width:325px;width:100%;margin: 0px auto;}
	#section-about-5 h2{font-size: 36px;font-weight: 400;line-height: 46px;}
	#section-about-3 img {width: 100%;max-width: 250px;}
}

#modal-add-cart .modal-footer, #modal-add-cart .modal-header{border:none;}
#modal-add-cart .modal-content{background-color: #FEF2DF;}
#modal-add-cart .units{margin-bottom:5px; font-family: 'Poppins', sans-serif;font-size: 12px;font-weight: 300;line-height: 21px;text-align:left;color:#000;}
#modal-add-cart .dot{height: 20px;width: 20px;background-color: #FFBA89;border-radius: 50%;display: inline-block;border: 1px solid #000;margin-left: -5px;}
#modal-add-cart .price-dot-div{display:flex;justify-content:space-between;width: 100%;}
#modal-add-cart .price-dot{display: flex;justify-content: center;align-items: center;height: 32px;width: 32px;background-color: #E5B553;border-radius: 50%;font-size: 14px;font-weight: 500;}
#modal-add-cart h2{font-family: "Lilita One", sans-serif;font-size: 32px;font-weight: 400;line-height: 40px;text-align:left;color:#000;}
#modal-add-cart p{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 300;line-height: 24px;text-align:left;color:#000;}
#modal-add-cart .input-amount, #modal-add-cart .input-amount-small{width:180px;display:block;background: #fef2df;border: 1px solid #000;}
#modal-add-cart .input-amount-small{display: none;}
#modal-add-cart .btn-cart{width:100%;width:105px;font-size: 14px;background-color: #e5b5537d;font-weight: 500;}
#modal-add-cart .btn-buy{width:100%;width:105px;font-size: 14px;background-color: #E5B553;font-weight: 500;}
@media (max-width: 767px) {
	#modal-add-cart .input-amount{display:none;}
	#modal-add-cart .input-amount-small{display:block;width:100%}
	#modal-add-cart .btn-cart{width:100%;}
    #modal-add-cart .btn-buy{width:100%;margin-left:10px;}
}