body{
    margin: 0;padding: 0;box-sizing: border-box;font-family: "Inter", sans-serif;
    color: #000302;
}
.wrapper{max-width: 1340px;padding: 0px 16px;margin: 0 auto;}
h1,h2,h3,h4,h5,h6{margin: 0;font-family: "Inter", sans-serif;font-weight: 600;line-height: 1.3;color: #000302;}
h1{font-size: 64px;}
h3{font-size: 36px;}h2{font-size: 50px;}h4{font-size: 40px;}
p{font-size: 16px;color: #7e8180;line-height: 1.5;margin: 0;}
.p-big{font-size: 18px;}.black{color: #000302;}
.white{color: #fff;}
.bold{font-weight: bold;}.light{font-weight: 400;}
.flex{display: flex;gap: 20px;justify-content: center;}
.custom-btn{font-size: 18px;font-weight: 600;color: #b25edd;padding: 15px;background: #ddd4df;border-radius: 6px;display: inline-block;width: fit-content;}
.navbar {
	align-items: center;
	display: flex;
    padding: 0px 24px 0px 24px;
	justify-content: space-between;
}
a,a:hover,img{transition: all 0.3s;text-decoration: none;}
header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 999;}
.hamburger {
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	outline: none;
	height: 24px;
	position: relative;
	width: 20px;
	z-index: 1000;
}
.hamburger-line {
	background: #272727;
	height: 3px;
	position: absolute;
	left: 0;
	transition: all 0.2s ease-out;
	width: 100%;
    border-radius:50px;
}

.hamburger-line-top {
	top: 5px;
}
.nav-menu .copyright{display: none;}
.menu-active .hamburger-line-top {
	top: 50%;
	transform: rotate(45deg) translatey(-50%);
}
.hamburger-line-middle {
	top: 50%;
	transform: translatey(-50%);
}
.menu-active .hamburger-line-middle {
	left: 50%;
	opacity: 0;
	width: 0;
}
.hamburger-line-bottom {
	bottom: 5px;
}
.menu-active .hamburger-line-bottom {
	bottom: 50%;
	transform: rotate(-45deg) translatey(50%);
}
.nav-menu {
	display: flex;
	list-style: none;
    align-items: center;
    gap: 22px;
	margin: 0;
	padding: 0;
	transition: all 0.25s ease-in;
}
.nav-menu .menu-item a {
	color: #000302;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	position: relative;
}
.nav-menu .menu-item a:hover{opacity: 0.5;}
.nav-menu .sub-menu {
    position: absolute;
    list-style: none;
    background: #fff;
    min-width: 150px;
    display: flex;
    top: 100%;
    left: 0;
    z-index: 999;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease;
}

.menu-item:hover > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px; /* enough height for submenu */
    pointer-events: auto;
}


.menu-item > i.fa-angle-down {
    margin-left: 6px;
    font-size: 12px;
}

.menu-item {
    position: relative;
}
.navbar .logo img{height: 75px;width: 100%;}
.nav-menu .menu-item i{transition: all 0.4s;font-weight: bold;}
.nav-menu .menu-item:hover i{transform: rotate(180deg);}
.banner{padding: 200px 0px 90px 0px;}
.banner .top-dtl{text-align: center;max-width: 720px;margin: 0 auto;}
.banner .top-dtl p{padding-top: 12px;}
.banner .dowload-apk{max-width: 800px;margin: 0 auto;display: flex;align-items: center;gap: 20px;padding-top: 30px;justify-content: center;}
.banner .dowload-apk a img{width: 100%;height: 48px;border-radius: 4px;}
.banner .mobaile-block{display: flex;align-items: baseline;gap: 45px;justify-content: space-between;padding-top: 100px;max-width: 1100px;margin: 0 auto;}
.banner .mobaile-block img{height: 100%;width: 100%;}
.banner .mobaile-block .box{width: 24%;}
.banner .mobaile-block .middale{width: 31%;}
.banner .bar {
  width: 100%;
  padding: 10px 0;
  background-color: #000302;
  color: white;
  font-size: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;overflow: hidden;
}
.banner .bar .bar_content p{font-size: 16px;font-weight: 700;color: #fff;}
.banner .bar .bar_content span{display: inline-block;background: #7e8180;border-radius: 100px;width: 20px;height: 4px;}
.banner .bar_content {
 display: flex;
  align-items: center;
   gap: 18px; 
  transform: translateX(100%); 
  animation: move 30s linear infinite;

}
.banner .bar_content .text-box{
      display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px; 
}
@keyframes move {
  to { transform: translateX(-100%); }
}
.moaile-text h3{text-align: center;font-weight: bold;}
.lending-sec .wrapper{display: flex;flex-direction: column;gap: 95px;max-width: 1184px;}
.lending-sec .lending-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.lending-sec .left,.lending-sec .right {
    flex: 1 1 48%;
}
.lending-sec .left img {
    width: 70%;
}
.lending-sec .right {display: flex;flex-direction: column;gap: 24px;}
.lending-sec .lending-block:nth-child(even) .left {
    text-align: right;
}
.crypto-sec{padding: 100px 0px;}
.crypto-sec h4.title{text-align: center;font-weight: 400;}
.crypto-sec .cypto-block{display: flex;flex-direction: column;gap: 24px;padding-top: 80px;justify-content: center;max-width: 1184px;margin: 0 auto;}
.crypto-sec .crypto-box{display: flex;gap: 24px;flex-direction: row;}
.crypto-sec .crypto-box .left,.crypto-sec .crypto-box .right{padding: 24px;border-radius: 10px;display: flex;flex-direction: column;gap: 30px;background: #f2f2f7;justify-content: space-between;}
.crypto-sec .crypto-box .left{width: 30%;}
.crypto-sec .crypto-box .right{width: 60%;position: relative;justify-content: space-between;}
.crypto-sec .crypto-box .left img{width: 180px;height: 180px;margin: 0 auto;}
.crypto-sec .crypto-box a{margin-left: auto;}
.crypto-sec .crypto-box .right img{width: 265px;height: 265px;aspect-ratio: 1 / 1;margin: 0 auto;}
.crypto-sec .crypto-box .right p{padding-top: 15px;}
.crypto-sec .crypto-box:nth-child(even){flex-direction: row-reverse;}
.suported-sec{padding: 60px 0px;}
.suported-sec h3,.suported-sec p{text-align: center;}
.suported-sec .chain-block p.info{padding-top: 15px;font-size: 18px;padding-bottom: 80px;}
.suported-sec .chain-block{background: rgb(0, 3, 2);padding: 80px 16px;border-radius: 24px;}
.suported-sec .block-chains{border-radius: 24px;border: 1px solid #ffffff12;display: flex;flex-direction: column;background: rgb(8 11 10);max-width: 1100px;margin: 0 auto;overflow: hidden;}
.suported-sec .block-chains .box{display: flex;align-items: center;justify-content: space-between;padding: 32px;flex-wrap: nowrap}
.suported-sec .block-chains .box .buy{width: 10%;text-align: right;}
.suported-sec .block-chains .box .buy p{text-align: right;}
.suported-sec .block-chains .box .first{width: 40%;}
.suported-sec .block-chains .box.grey{background: #101312;}
.suported-sec .block-chains .box .first{display: flex;align-items: center;gap: 10px;}
.suported-sec .block-chains .box .first img{width: 40px;height: 40px;}
.suported-sec .block-chains .box .first p{font-size: 18px;}
.suported-sec .block-chains .box .buy img{padding: 6px;background: #c068e12b;border-radius: 50%;}
.partners-sec.crypto-sec .cypto-block{max-width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;row-gap: 30px;}
.partners-sec.crypto-sec .crypto-box{width: 27%;justify-content: center;padding: 30px;}
.partners-sec.crypto-sec .crypto-box:hover img{opacity: 1;filter: grayscale(0);}
.partners-sec.crypto-sec .crypto-box img{height: 80px;width: 100%;opacity: 0.5;filter: grayscale(10);}
footer .footer-block{background: #000302;padding: 80px 60px;border-radius: 24px;display: flex;flex-direction: column;gap: 80px;}
footer .footer-col{flex: 1 1;min-width: 200px;}
footer .footer-box{display: flex;justify-content: space-between;gap: 30px;}
footer .footer-col p{font-size: 18px;font-weight: bold;padding-bottom: 15px;color: #fff;}
footer .footer-col ul{list-style: none;display: flex;flex-direction: column;gap: 10px;padding: 0;margin: 0;}
footer .footer-col ul a{color: rgb(202, 205, 204);font-size: 16px;}
footer .footer-col ul a:hover{color: #fff;}
footer .logo-social{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
footer .logo-social .right{display: flex;gap: 30px;}
footer .logo-social .right i{font-size: 40px;color: #fff;}
footer .logo-social .left{display: flex;align-items: center;gap: 30px;}
footer .logo-social .left img{height: 75px;}
footer .logo-social.info-sec .left,footer .logo-social.info-sec .right{flex-direction: column;}
footer .logo-social.info-sec .left{width: 25%;align-items: flex-start;}
footer .logo-social.info-sec .left img{width: 100%;height: 60px;object-fit: cover;filter: none;}
footer .logo-social.info-sec .right{width: 75%;}
footer .logo-social.info-sec .right p.white{padding-bottom: 15px;font-weight: bold;font-size: 18px;}
footer .logo-social.info-sec{align-items: flex-start;}
footer .copyright p{text-align: center;font-size: 18px;color: #000302;}
footer .copyright{padding: 50px 0px;}
.loyality-sec .loyality-block{padding: 48px 16px;background-image: url('../image/loyality-bg.png');background-repeat: no-repeat;background-size: cover;border-radius: 10px;display: flex;flex-direction: column;align-items: center;gap: 20px;}
.main{padding-top: 150px;text-align: center;}
.loyality-sec .loyality-block .dowload-apk{display: flex;align-items: center;justify-content: center;gap: 15px;}
.loyality-sec .loyality-block .dowload-apk img{height: 48px;padding-top: 50px;}
/* .loyality-sec .loyality-block img{width: 100%;height: 48px;} */
.loyality-sec .loyality-dtl{padding: 40px 0px;display: flex;justify-content: center;gap: 70px;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
.loyality-sec .loyality-dtl .dtl-card{width: 29%;text-align: left;}
.loyality-sec .loyality-dtl .dtl-card p.p-big{padding-bottom: 15px;}
.earn-sec{padding: 60px 0px;}
.earn-sec .daimond{width: 130px;height: 130px;margin-bottom: 20px;}
.earn-sec .flex{flex-wrap: wrap;padding-top: 60px;gap: 50px;}.earn-sec .flex .earn-card{align-items: center;display: flex;flex-direction: column;gap: 10px;width: 17%;}.earn-sec .flex .earn-card img{width: 64px;height: 64px;}
.benifits-sec .flex{flex-wrap: wrap;padding-top: 60px;}
.benifits-sec .benifitcard{border: 1px solid #e5e5ea;border-radius: 10px;padding: 12px;text-align: left;width: 30%;}
.benifits-sec .benifitcard ul{display: flex;flex-direction: column;gap: 15px;list-style: none;margin: 0;padding: 0;padding-top: 30px;}
.benifits-sec .benifitcard ul li{font-size: 12px;}
.benifits-sec .benifitcard span{font-size: 16px;color: #fff;padding: 4px 12px;border-radius: 8px;background: radial-gradient(46.31727596414723% 74.99999105930435% at 53.39941427817184% 49.99998797230207%, #f6d4bd, #d69c83 51.99999809265137%, #b3513b);}
.benifits-sec .benifitcard span.silver{background: radial-gradient(46.31727596414723% 74.99999105930435% at 53.39941427817184% 49.99998797230207%,#d1d2d3,#bfbfc0 51.99999809265137%,#858687);}
.benifits-sec .benifitcard span.gold{background: radial-gradient(46.31727596414723% 74.99999105930435% at 53.39941427817184% 49.99998797230207%,#fbe1ac,#e9c386 51.99999809265137%,#af8560);}
.benifits-sec .earn-dtls{display: flex;flex-direction: column;gap: 15px;align-items: flex-start;padding: 60px 0px;}
.spacer{padding: 100px 0px;}
.faq .accordion {
    max-width: 1000px;
    background: #f2f2f7;
    margin: 0 auto;border-radius: 20px;
    margin-top: 50px;
}.faq .accordion p{text-align: left;padding-left: 50px;}
.faq .heading {
   text-align: left;
     background:transparent;
    padding: 20px;
    cursor: pointer;  
    border-bottom: 1px solid #0000000d;
}.faq .heading.active{border: 0;}
.faq .heading i{transform: rotate(0deg);}
.faq .heading.active i{transform: rotate(45deg);}
.faq .heading i{margin-right: 15px;}
.faq .accordion p{opacity: 0;height: 0;}
.faq .heading.active + p{opacity: 1;height: auto;padding-bottom: 20px;}
.about-banner .loyality-block{background-image: url('../image/about-bg.png');}
.mission-sec{padding: 50px 0px;}
.mission-sec .wrapper.top-sec{max-width: 800px;}
.mission-sec .wrapper.top-sec p{text-align: left;padding-bottom: 15px;}
.mission-sec .wrapper.top-sec h4{padding-bottom: 40px;}
.mission-sec .card-container{display: flex;justify-content: space-between;gap: 24px;flex-wrap: wrap;padding-top: 50px;}.mission-sec .card-container .card p{text-align: left;}
.mission-sec .card-container .card{background: #f2f2f7;border-radius: 10px;padding: 24px; display: flex;flex-direction: column;width: 28%;align-items: flex-start;gap: 32px;}
.mission-sec .values-sec{padding-top: 50px;}
.helpdesk-sec.mission-sec,.helpdesk-sec.mission-sec .values-sec{padding: 0;}
.helpdesk-sec.mission-sec .card-container .card h4{text-align: left;}
.helpdesk-sec.mission-sec .card-container .card a{margin-left: auto;}
.helpdesk-sec.mission-sec .card-container{padding-top: 80px;}
.helpdesk-sec.mission-sec .values-sec{padding: 0px 16px;}
.black_bg,.black_bg header,
.black_bg .menu-item:hover > .sub-menu,.black_bg .nav-menu .sub-menu{background: #000302;}
.black_bg .nav-menu .menu-item a,.black_bg .nav-menu .menu-item i{color: #fff;}
.black_bg .nav-menu .sub-menu{border-color: #fff;border: 1px solid #fff;}
.black_bg .hamburger-line{background: #fff;}
.ecobanner .ecoblock{display: flex;flex-direction: column;gap: 30px;align-items: center;}
.ecobanner .ecoblock img{width: 250px;height: 250px;animation: mymove 2s infinite linear;transform-origin: center bottom;}
@keyframes mymove {
 0%, 20%, 53%, 100% {
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translateZ(0);
}
40%, 43% {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    transform: translate3d(0, -10px, 0) scaleY(1.1);
}
70% {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    transform: translate3d(0, -10px, 0) scaleY(1.05);
}
80% {
    transform: translateZ(0) scaleY(.95);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.ecobanner{background-image: url('../image/ecobg.png');background-repeat: no-repeat;background-size: cover;padding: 50px 0px;}
.ecobanner .ecoblock p{max-width: 900px;margin: 0 auto;}
.together-sec{padding: 80px 0px 0px 0px;}
.together-sec .wrapper{max-width: 1000px;}
.together-sec h3.space{padding-bottom: 15px;}
.together-sec form{display: flex;flex-direction: column;gap: 20px;background: rgb(50, 53, 52);border-radius: 10px;max-width: 500px;margin: 0 auto;margin-top: 30px;padding: 20px;}
.together-sec form label{font-size: 14px;color: #979a99;padding-bottom: 12px;}
.together-sec form .grup{display: flex;flex-direction: column;align-items: flex-start;}
.together-sec form input{color: #999999;background: #1c1c1e;border-radius: 10px;width:95%;padding: 12px;border: 0;outline: 0;}
.together-sec form .custom-btn{width: 100%;background: #002d19;border: 0;border-radius: 10px;font-weight: bold;}
.logos-sec .wrapper{display: flex;flex-direction: column;gap: 60px;}
.logos-sec .flex{padding-top: 20px;flex-wrap: wrap;}
.logos-sec .flex .logos img{width: 44px;height: 44px;}
.logos-sec .serviceprovide .logos img{width: auto;height: 45px;}
.logos-sec .suported-chain .flex{max-width: 700px;margin: 0 auto;}
.logos-sec .serviceprovide .flex{max-width: 1100px;}
.logos-sec .tec-partner.serviceprovide .flex{max-width: 1000px;}
.logos-sec .scal-project .flex{padding-top: 50px;max-width: 1100px;margin: 0 auto;gap: 50px;}
.logos-sec .scal-project .project-card{width: 36%;text-align: left;display: flex;flex-direction: column;gap: 20px;align-items: flex-start;}
.logos-sec .scal-project .info{max-width: 890px;margin: 0 auto;padding-top: 50px;}
.lending-sec.security-main .left{text-align: right;}.lending-sec.security-main .right{align-items: flex-start;}.lending-sec.security-main .right p{text-align: left;}
.security-main .right .flex{flex-wrap: wrap;justify-content: flex-start;max-width: 500px;}.security-main .right .flex img{width:auto;height: 48px;}.security-main .right .flex .cards{width: auto;text-align: left;}
.security-info-block .loyality-dtl {padding-top: 100px;}
.accordion .heading.p-big.bold:last-of-type{border-bottom: 0;}
.policy-block .date{padding: 50px 0px 0px 0px;text-align: center;opacity: 0.5;}.policy-block p{text-align: left;color: #000302;opacity: 1;padding-top: 20px;}
.policy-block a{color: #b25edd;}
.policy-block strong,.policy-block b{font-weight: bold;}
.policy-block ul{text-align: left;}
.policy-wrapper{max-width: 1100px;}
.blog-sec .title{text-align: left;}
.blog-sec .title p{max-width: 700px;padding-top: 15px;}
.blog-sec .flex{justify-content: space-between;flex-wrap: wrap;row-gap: 40px;}.blog-sec .flex .bolgcard{display: flex;background: #f2f2f7;gap: 24px;justify-content: space-around;padding: 16px;border-radius: 10px;width: 46%;}
.blog-sec .flex .bolgcard img{border-radius: 10px;width: 166px;height: 166px;}
.blog-sec .flex .bolgcard .info{display: flex;align-items: flex-start;flex-direction: column;gap: 16px;}.blog-sec .flex .bolgcard h3{font-size: 24px;text-align: left;}
.blog-sec .flex .custom-block{width: 100%;padding-top: 30px;}
.blog-dtl{padding-bottom: 100px;}
.blog-dtl .wrapper{max-width: 900px;}
.blog-dtl .blogdtl-info{text-align: left;}
.blog-dtl .blogdtl-info img{margin: 40px 0px;width: 100%;height: 295px;object-fit: cover;border-radius: 10px;}.blog-dtl .blogdtl-info p{color: #000302;padding-bottom: 15px;}
.blog-dtl .blogdtl-info p.date{padding-bottom: 50px;}.blog-dtl .blogdtl-info h1{font-size: 45px;font-weight: bold;}