a{
  text-decoration: none !important; 
}


.main-popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  background:#0000008a;
  /* background-color: #0000004d; */
  /* backdrop-filter: blur(1px); */
  display:none;
}

.main-popup-block{
  position: absolute;
  height:80%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: shake-animation 7.5s ease;
  display: none;
  z-index: 1001;
  max-width: 900px;
  height:500px;
  width: 100%;
  border-radius: 12px;
  padding: 40px;
  opacity:1 !important;
}

.popup-link img{
  max-width: 900px;
  width:100%;
}

.close-button img{
  opacity:.6;
  transition: .2s all ease-in;
}

.close-button:hover img{
  opacity:1;
}

@media (max-width:600px){
  .main-popup-block{
    padding:20px;
    height: 200px;
  }
}


a.dm-btn{
  background-color: #E8E8E8;
  max-width:165px;
  width:100%;
  height:57px;
  color:#000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}


.br-1{
  border-radius:1rem;
}

.nav-links{
  padding-left:0 !important;
}


.phone-screens img{
  width: 225px;
  top: -2px !important;
  left: -1px;
}

.web{
  top:19rem;
  margin-top:-19rem;
  max-width: 1365px;
  width:100%;
  margin-inline: auto;
}

.ftr-lnk{
  transition: .2s all;
}
.ftr-lnk:hover{
  color:#000000;
  font-size:18px;
}
.logo-block img{
  transition:.3s all;
}
.logo-block:hover img{
  transform: scale(1.1);
}

.phone-screens img{
  height:calc(100% + 4px);
  top:-2px !important;
}

.main-container div{
  margin:50px 0px;
}

.para-pvc a{
  color:#C2E516;
}

.scroll-top-button {
  width: 3.125rem;
  height: 3.125rem;
  position: fixed;
  right: 2.5rem;
  bottom: 2.5rem;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 997;
}

.scroll-top-button img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  width:40px;
  transform: rotate(270deg);
}





.faq-table-block p{
  margin-bottom: 0;
}

.w-nav-button{
  display:none;
}
.w-nav-close-img{
  width:45px;
}
.w-nav-close{
  width: 60px;
  height: 55px;
  display: none;
  justify-content: end;
  align-items: center;
  position: relative;
  z-index: 999;
}

.cp{
  text-transform: uppercase;
}
.aladin , .aladin-pro , .rr , .domino , .buy-aladin{
  display:none;
}

.join{
  display:flex;
  gap:10px;
}
.active-bg{
  background-color: #393939;
  transition: .2 all;
}

.w-100{
  width:100%;
}

.w-50{
  width:50% !important;
}

.bg-yellow{
  background:#c2e516;
}
.rdmap-sm-arrow{
  display:none;
}
.mob{
  display:none;
}
.h-30{
  height:30px;
}

.op-6{
  opacity:.6;
}

.roadmap-arrow{
  max-width:330px;
  width:100%;
}

.swiper-wrapper{
  padding-bottom: 5px;
}

.bdr-right{
  border-right:1px solid  #D0D1D5;
}

.sh{
  display:block !important;
}
.pb-0{
  padding-bottom:0 !important;
}

.pt-0{
  padding-top:0 !important;
}

.txt{
  max-width:322px;
  width:100%;
  font-family:'Space Grotesk Regular',Arial,sans-serif;
  letter-spacing:.9px;
  line-height:39px;
  line-height: clamp(30px, 8px + 1vw, 39px);
  color:#231F20;
  font-size:16px;
}

.main-title{

}

.ex-head{
  display:none;
}

.nav-logo:hover{
  opacity:1 !important;
}

.swiper-button-next::after , .swiper-button-prev::after{
  content:"";
}
.vertical-line , .horizontal-line{
  display:none;
}

.hero-button-block{
  display:flex;
}
.hero-btn{
  background-color: #c2e516;
  height:78px;
  color:#091881;
  font-size:27px;
  font-weight:bold;
  border-radius:45px;
  max-width:290px !important;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration: none;
}

.down-arrow{
  height:10px;
  width:10px;
  background-color: #c2e516;
  border-radius: 2px;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  display:inline-block;
  margin-left:5px;
}

.learn{
  margin-top:-19rem;
}

.dwnld-whitepaper-text{
  color:#181B30;
  font-size: clamp(20px, 1rem + 1vw, 32px) !important;
  max-width:200px;
  width:100%;
  text-align: center;
  line-height: clamp(20px, 1rem + 1vw, 32px) !important;
  font-family: 'Clash Grotesk Bold',Arial,sans-serif;
}

.dropdown-link{
  color: #181B30;
  font-family: Space Grotesk Medium,Arial,sans-serif;
  font-size: 14px;
  display:flex !important;
  padding-bottom: .25rem;
}


.dropdown-link::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #181B30;
  transition: width 0.25s ease-out;
}

.dropdown-link:hover{
  cursor:pointer;
}


.dropdown-link:hover .down-arrow{
  background-color: #fff;
}

.blue{
  color:#000F75 !important;
}

.orange{
  color:#C2E516 !important;
}


.swap-button-block{
  padding-top:40px;
}

.dwnld{
position: relative;
left: 30rem;
top: -9rem;
}

.hidden{
  visibility:hidden;
}

.d-flex{
  display:flex;
  justify-content:center;
  align-items:center;

}

.hero-sub-color{
  color:#231F20 !important;
}


.br-none{
  border-right:none !important;
}

.w-100{
  width:100%;
}

.w-10{
  width:10% !important;
}

.w-30{
  width:28% !important;
}
.w-20{
  width:24% !important;
}

.rank{
  color:#FF871B;
}

.para-container{
  padding-top:41px;
}
.para{
  font-size:25px;
  color:#000F75;
  line-height:35px;
  padding-bottom: 16px;;
}

.exchanges-blocks{
  display:flex;
  width:100%;
  align-items: center;
  gap:30px;
  max-width:1365px;
  width:100%;
  justify-content: space-between;
}

.ex-block-2d{
  display:flex;
  flex-direction: column;
  gap:30px;
  width:100%;
}


.exchanges-blocks p{
  margin:0;
}

.ex-block{
  max-width:435px;
  width:100%;
  background:#F3F3F3;
  display:flex;
  align-items:center;
  justify-content:center;
  height:342px;
  border-radius: 20px;
  padding:10px;
}

.ex-title{
  font-family: 'Space Grotesk Regular',Arial,sans-serif;
  font-size: 24px;
  font-size: clamp(14px, 8px + 1vw, 24px);
  color:#181B30;
  letter-spacing:1.2px;
}

.ex-block-title{
  font-family: 'Garnett',Arial,sans-serif;
  font-size: 42px;
  line-height:50px;
  letter-spacing:2.1px;
  font-weight:bold;
  max-width: 266px;
  width:100%;

}
.sub-block{
  display:flex;
  flex-direction:column;
  row-gap: 15px;
  padding:50px 0;
  align-items:center; 
}

.mx-500{
  max-width:518px !important;
  width:100%;
}

.mx-500::after{
  content: "";
  height: 11px;
  background-color: #181B30;
  width: 300%;
  position: absolute;
  left: -200%;
  bottom: 0;
  margin-bottom: -40px;
}

.eco-title{
  font-size: clamp(32px, 1rem + 3vw, 72px) !important;
  line-height: clamp(51px, 1rem + 3vw, 75px) !important;
  
}


.eco-paragraph{
  max-width:745px !important;
  width:100%;
  text-align: start;
  font-family: 'Space Grotesk Regular',Arial,sans-serif;
  color:#181B30;
}

.eco-blocks{
  text-align:start;
}

.eco-blocks{
  display:flex;
  width:100%;
  max-width:1365px;
  width:100%;
  justify-content: space-between;
  gap:2rem;
}


.eco-2ndblock{
  max-width:745px;
  width:100%;
  text-align: center;
  height:400px;
  overflow-y:scroll;
}

.eco-2ndblock::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.eco-2ndblock {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.anim-para{
  max-width:680px;
  width:100%;
  font-family: Space Grotesk Regular,Arial,sans-serif
}


.align-center{
  display:flex;
  justify-content:center;
  align-items:center;
}


/*---- teams --- */

.team-card{
  max-width:435px;
  width:100%;
  border:1px solid #181B30;
  border-radius: 20px;
  padding:14px;
  text-align: center;
  min-height:603px;
}

.team-wrapper{
  padding-top:150px !important;
}



.person-image img{
  max-width:206px;
  width:100%;
  /* height:242px; */
  position:Relative;
  top:-10rem;
  margin-bottom:-8rem;
}

.person-name{
  font-family:'Akira Super',sans-serif;
  color:#181B30;
  font-size: 32px;
  letter-spacing: 1.6px;
  font-weight: 700;
}

.person-role{
  font-family:'Space Grotesk Bold',Arial,sans-serif;
  font-size:18px;
  letter-spacing:.9px;
  color:#181B30;
}
.person-desc{
  max-width:355px;
  width:100%;
  font-family:'Space Grotesk Regular',Arial,sans-serif;
  letter-spacing:.9px;
  line-height:30px;
  color:#181B30;
  margin-inline:auto;
}


.team-swiper{
  padding-right:5rem;
}


.team-swiper-buttons{
  display: flex;
width: 100%;
position: relative;
justify-content: center;
height: 100%;
height:43px;
margin-top: 60px;
}


.team-swiper-buttons .swiper-button-prev{
  left: 0;
  position: relative;
  width:52px;
  height:43px;
  margin-right:10px;
}

.team-swiper-buttons .swiper-button-next{
  right: 0;
  position: relative;
  width:52px;
  height:43px;
  margin-left:10px;
}


/* ----- slider ----- */

.swiper-wrapper{
  padding-top:10px;
  padding-left: 3rem;
}

.slider-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom: 12px;
}
.slide-year{
  font-family: Garnett, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color:#181B30;
  margin:0;
}

.quarter{
  font-size: 22px;
  font-weight: 400;
  font-family:'Space Grotesk Medium', sans-serif;

}

ul.slider-list{
  padding-left: 18px;
}

ul.slider-list li{
  list-style-type: disc !important;
  font-family: 'Space Grotesk Regular', sans-serif;
  font-size: 18px;
  padding:8px 0;
  max-width:327px;
  width:100%;
}


.orange-text{
  color:#FEBE19;
}

.br-nav-top{
  border-radius: 12px 12px 0px 0px;
}

.br-nav-bottom{
  border-radius: 0px 0px 12px 12px;
}

.dropdown-menu{
  position:absolute;
  max-width: 290PX;
  background:#FFFFFF;
  display:none;
  border-radius: 12px;
  margin-left:-22px;
}
.dropdown-menu a{
  display:block;
  font-size: 12PX;
  color:#181B30;
  text-decoration: none;
  transition: .2s all;
  padding:12px 25px;
  font-family: Space Grotesk Medium,Arial,sans-serif;
  text-align: left;
}

.dropdown-menu a:hover{
  background-color: #FF871B;
  color:#ffff;
}

.second-button{
background: transparent !important;
border: 1px solid #181B30;
color: #181B30;
transition: .2s all;
}

.second-button:hover{
  background:#fff !important;
}

.first-button{
  background-color: #181B30!important;
  color:#FFFFFF;
}

.white-bg{
  background-color:#FFFFFF;
}



.link-hover{
  background-color:#FF871B;
  border-radius:45px;
}



.nav-links{
  display:flex;
}

 li{
  padding:0px 12px;

}

.nav-link {
  position: relative;
  cursor: pointer;
}


.ex-volume{
  font-family: 'Garnett',Arial,sans-serif;
  font-size:32px;
  font-size: clamp(20px, 1rem + 1vw, 32px);
  letter-spacing:1.6px;
  color:#C2E516;
  font-weight: 700;
}


.nav-link-text::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #181B30;
  transition: width 0.25s ease-out;
}
.nav-link-text:hover::before{
  width:100%;
}

li{
  list-style-type:none;
}

.rotate{
  transform: rotate(180deg);
}

.hero-image{
  background-color:#ffff;
}


  .w-slider-dot {
    background: #EFD9F4 !important;
    }
    .w-slider-dot.w-active {
    background: #AE42C8 !important;
    }

    .letter {
      display: inline-block;
    } 
    .tricksword {
      white-space: nowrap;
    }


/*---- apartners --- */

.partners-container{
  display:flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  justify-content:center;
}

.exchange-partners-container img{
  width:50%;
}

.logo-block{
  max-width:326px;
  WIDTH:100%;
  height:80px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#F3F3F3;
}


/* ---- eco blocks ---*/

.video-popup{
  position: absolute;
  width:100%;
  height:100%;
  background:whitesmoke;
  top:0;
  display:none;
  border-radius:12px;
  border:1px solid whitesmoke;
  z-index: 2;
}

.video-container{
  display:none;
  position: absolute;
  z-index: 9999;
  max-width:900px;
  max-height: 506px;
  height:100%;
  height:80%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video{
  opacity:1 !important;
  position: relative;
  z-index: 10005;
}


.popup{
  position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
background:#0000008a;
display:none;
}

.popup-block{
  position: absolute;
  height:80%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
animation: shake-animation 7.5s ease;
display: none;
z-index: 1001;
max-width: 900px;
height:500px;
width: 100%;
border-radius: 12px;
padding: 40px;
opacity:1 !important;
}


.overlay{
  width:100%;
  height:100%;
  background:#000000;
  /* opacity: 0.6; */
  position:absolute;
  display:none;
  z-index: 6;
  top:0;
  border-radius: 12px;
}
.close-button{
  position:relative;
  z-index: 10002;
}

.close-btn{
  position:absolute;
  right: 0;
  top:-32px;
  cursor: pointer;
}
 

.close-btn img {
  width:25px;
  height:25px;
}



.ecosystem-section{
  padding-bottom:210px !important;
}


.ecosystem-block{
  width:100%;
  position:relative;
  /* z-index: 2; */
  /* top: 18rem;
margin-top: -18rem; */
}

.eco-main-container{
  /* position: relative; */
  background:#F3F3F3;
  padding:70px;
  border-radius: 0px 0px 12px 12px;
  /* padding-top:120px; */
}

.hide{
  display:none;
}

.eco-logo-container{
  height:96px;
  background:#000000;
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px 12px 0px 0px;
  padding:0px 45px;
}

.eco-logo-block{
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor:pointer;
}

.active{
  opacity:1 !important;
}

.eco-logo-block img{
  max-width:130px;
  opacity:.4;
  width:100%;
  padding:36px 0;
  transition:.2s;
}

.eco-logo-block img:hover{
  opacity:1;
}

.eco-main-block{
  text-align:left;
  background:#F3F3F3;
}
.eco-sub-title{
 font-size: 24px;
 color: #000000;
 font-family: Space Grotesk Regular,Arial,sans-serif;
 letter-spacing:1.2px;
}

.app img{
  height:57px !important;
}
.eco-main-title{
  font-size: clamp(24px, 1rem + 2vw, 42px);
  line-height: clamp(30px, 1rem + 3vw, 51px);
  color:#C2E516;
  letter-spacing:2.1px;
  font-family:Garnett Semi,Arial,sans-serif;
  font-weight: 700;
  max-width:610px;
  width:100%;
}
.eco-para-main{
  max-width:649px;
  width:100%;
  padding-top:1rem; 
  line-height: clamp(30px, 1rem + 1vw, 39px);
  padding-top: 0;
}

.get-app-block{
  display:flex;
  gap:15px;
  padding-top:20px;
}

.app img{
  max-width:199px;
  width:100%;
  height:69px;
}

.eco-mob-block{
  position:absolute;
  top:166px;
  right:70px;

}

/* .eco-mob-sub-block{
  position:relative;
} */

.play-block{
  position:absolute;
  top:50%;
  transform:translateY(-5%);
  display:flex;
  justify-content:center;
  align-items:center;
  background: #0000008a;
  backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
  padding:10px;
  height:69px;
  gap:11px;
  border-radius: 6px;
  left:-71px;
  z-index: 2;
  cursor: pointer;
}



.play-block img{
  width:40px;
  height:40px;
}

.play-block-text p{
  margin:0;
}

.aldn{
  font-family:'Space Grotesk Regular',Arial,sans-serif;
  font-size: 14px;
  color:#FFFFFF;
  letter-spacing: 0.7px;
  
}
.watch{
  font-family: 'Space Grotesk Regular',Arial,sans-serif;
  font-size: 12px;
  color:#fff;
  letter-spacing: 0.6px;
}


/*  ---- gateway block ----- */

.gateway-container{
  max-width:1362px;
  width:100%;
  margin-inline: auto;
}

.gateway-title{
  font-family: Space Grotesk Bold,Arial,sans-serif;
  /* font-size:42px; */
  font-size: clamp(24px, 1rem + 2vw, 42px) !important;

  letter-spacing:2.1px;
  color:#181B30;
}

.gateway-title-block{
  display:flex;
  align-items:center;
  gap:30px;
}
.gateway-arrow img{
  max-width:510px;
  width:100%;
  height:43px;
}

.gateway-para{
  max-width: 910px;
  text-align:left;
  letter-spacing: 1px;
color: #231F20;
line-height:35px;
font-family: Space Grotesk Regular,Arial,sans-serif;
padding-top:40px;
/* top:105px; */
}
.gateway-main-blocks{
  display:flex;
  width: 100%;
}

.gateway-right-block{
  display:flex;
  row-gap:15px;
  align-items:center;
  margin-left:25px;
  flex-direction: column;
}

.gateway-second-block{
  border-top: 1px solid  #D0D1D5;
  display:grid;
  grid-template-columns: auto auto auto;
  margin-top: 50px;
}

.sub-block img{
  width:90px;
  height:90px;
}

/* ----- table ------*/

.table-container{
  margin-top:100px;
}
.header{
  background-color:#181B30 !important;
  height:78px;
  border-radius: 10px;
  color:#ffff;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size:24px;
  font-weight:normal;
  text-align:left;
  border-collapse:separate;
}

.num{
  display:flex;
  justify-content:center;
  align-items:center;
  height:62px;
}

.yo{
  display:flex;
  justify-content:center;
  align-items:center;
  height:62px;
  font-family:Space Grotesk Regular,Arial,sans-serif;
}

.counter-block{
  display:flex;
  justify-content:space-between;
}


tr:nth-child(odd) {
  background-color: #F3F3F3;
  height:62px;
  border-radius: 12px;
}
tr:nth-child(even) {
  background-color: #E8E8E8;
  height:62px;
  border-radius: 12px;
}

tr{
  border-collapse: separate;
}

table{
  font-family: arial, sans-serif;
  width:100%;
  /* border-collapse: collapse; */
}

.view-all{
  font-family: Space Grotesk Regular,Arial,sans-serif;
  color:#C2E516;
  font-size:24px;
  letter-spacing:1.2px;
  display: flex;
  justify-content:center;
  width:100%;
  margin-top: 70px;
  cursor: pointer;
}

.hide{
  display: none;
}

#myTable tr:nth-last-child(-n+56){
    display:none;
}
.ex-name{
  font-family:Space Grotesk Bold,Arial,sans-serif;
}
.ex-price , .volume , .ex-market{
  font-family:Space Grotesk Regular,Arial,sans-serif;
}

.main-row{
  width:100%;
}

/* --------- fetch table ----------------------- */
.table-blocks{
  margin-top:100px;
}
.fetch-table{
  display: grid;
  grid-template-columns: 10% 30% 20% 20% 20%;
  align-items: center;
  justify-content: center;
  margin-bottom:5px;

}

.fetch-table:nth-child(odd) {
  background-color: #F3F3F3;
  height:62px;
  border-radius: 12px;
}

.fetch-table:nth-child(even) {
  background-color: #E8E8E8;
  height:62px;
  border-radius: 12px;
}

.table-head{
  background-color:#c2e516 !important;
  height:78px;
  border-radius: 12px 12px 0px 0px;
  color:#ffff;
  font-family: Space Grotesk Regular,Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:normal;
  text-align:left;
  display: grid;
  grid-template-columns: 10% 30% 20% 20% 20%;
  align-items: center;
  justify-content: center;
  margin-bottom:15px;
}

#fetchTable .fetch-table:nth-last-child(-n+56){
  display:none;
}


/* -------- tech block ----- */

.technology-section{
  padding-top:399px !important;
}


.technology-block-container{
  display:flex;
  gap:40px;
}

.tech-title{
  font-family: Garnett,Arial,sans-serif;
  color:#181B30;
  font-weight: 700;
  font-size: clamp(24px, 1rem + 1vw, 32px);
  letter-spacing:1.6px;
  line-height:44px;
  line-height: clamp(34px, 1rem + 2vw, 44px);
  max-width:414px;
  width:100%;
  text-align:left;
  padding-bottom: 20px;
  padding-top:30px;
}

.tech-block{
  padding:50px;
  padding: clamp(20px, 1rem + 2vw, 50px);

  border-radius: 20px;
  border: 1px solid #181B30;
  position:relative;
}

.tech-para{
  max-width:560px;
  width:100%;
  text-align:left;
  line-height: clamp(30px, 1rem + 2vw, 39px) !important;

}

.sub-rank{
  display:none;
}

.tech-icon-block{
  width:120px;
  height:120px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#C2E516;
  border-radius:50%;
  position:absolute;
  top:-60px;
}

.tech-icon-block img{
  width:60px;
  height:60px;
}



.tech-arrow{
  position:absolute;
  right:50px;
  top:-20.7px;
  background:#FFC96B;
  padding-right:8px;
}


.tech-arrow img{
  max-width: 325px !important;
  width:100%;
}

/*--- block explorer ----- */

.block-text{
  max-width:909px;
  width:100%;
  padding-top:40px;
}

.visit-btn{
  max-width: 516px;
  width:100%;
  height: 80px;
  border: 1px solid #231F20;
  border-radius: 90px;  
  color:#231F20;
  font-family: 'Space Grotesk Bold',Arial,sans-serif;
  /* font-size: 26px; */
  font-size: clamp(20px, 1rem + 1vw, 26px);
  margin-top:20px;
  transition: all 0.3s;
}

.visit-btn:hover{
  box-shadow: inset 516px 0 #FFC96B;
}

.desk-block{
  padding-top:70px;
  position:relative;
  z-index: 2;
}

.desk-block img{
  max-width:1015px;
  width:100%;

}

/* ----- news letter block ----- */
.newsletter-section{
  padding-top:800px !important;
  margin-top:-800px;
}
.newsletter-block{
  padding:50px;
  border: 1px solid #181B30;
border-radius: 20px;
position: relative;
}

.newsletter-form{
  margin-top:40px;
}

.newsletter-head{
  font-size: clamp(24px, 8px + 1vw, 32px);
  letter-spacing: 1.6px;
  color: #181B30;
  font-family: Garnett,Arial,sans-serif;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  margin-top:0;
}    

.newsletter-txt{
  max-width:860px;
  width:100%;

}

.input-group{
  display:flex;
  position: relative;
  left:10px;
}

.input-email{
  height:80px;
  background-color:#FFC96B;
  outline:none;
  border: 1px solid #181B30;
  width:100%;
  border-radius: 20px;
  padding-left:30px;
  font-size:14px;
}

.submit-btn{
  height:80px;
  background:#C2E516;
  outline:none;
 border: 1px solid #181B30;
 width:250px;
 border-radius:0px 20px 20px 0px;
 position:relative;
 left:-20px;
 cursor:pointer;
 font-family: Space Grotesk Bold,Arial,sans-serif;
 font-size: clamp(18px, 8px + 1vw, 24px);

}

.newsletter-arrow{
position: absolute;
background:#FFC96B;
padding-right:9px;
top: -20px;
right: 0;
right: 50px;
}

::placeholder{
  padding-left:30px;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 18px;
  color:#231F20;
  letter-spacing: 0.9px;
}

/*----- footer ------*/

.footer-main-block{
  display:grid;
  grid-template-columns: auto auto auto auto;
  padding-bottom: 120px;
}

.footer-sub-block{
  display:grid;
  grid-template-columns: auto auto auto auto;
  padding:25px 0;
}

.footer-logo-blocks{
  justify-content:center;
}
.footer-logo img{
  width:167px;
  height:57px;
}

.footer-logo-blocks a:hover{
  animation: icon-float 1s ease-in-out;
}

.div-block-73 a{
    transition:.4s all;
}
a.logo-block:hover{
  box-shadow:  0px 4px 8px rgba(38, 38, 38, 0.07);
}
.div-block-73 a:hover{
  opacity:.9;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.0509803922);
}

.footer-links{
  display:flex;
  flex-direction:column;
}

.line{
  height:1px;
  width:100%;
  background-color:#D5861F;
}

.footer-logo-blocks{
  display:flex;
  gap:10px;
}

.footer-logo-blocks img{
    width:40px;
    height:40px;
}
.footer-btm-block{
  height:60px;
  width:100%;
  background-color: #c2e516;
  display:flex;
  align-items:center;
}
.footer-btm-block p{
  margin:0;
}

.ftr-title{
  font-family: Space Grotesk Bold,Arial,sans-serif;
  font-size:24px;
  letter-spacing:1.2px;
  color:#181B30;
}
.privacy-terms-block{
  margin-left: -1rem;
}
.privacy-terms-block a{
  padding:0 1rem;
}

.mailto{
  color:#231F20;
  font-family: Space Grotesk Regular,Arial,sans-serif;
}

.ex-link{
  position:relative;
}

.ex-link::after{
  content: "";
  position: absolute;
  right:0;
  height: 60%;
  width: 2px;
  background: #231F20;
  top:50%;
  transform:translateY(-50%);
}

.contact-us{
  max-width:100%;
  padding-top:40px;
}



/* --- privacy ----- */

.main-container{
  max-width:1320px;
  margin-inline: auto;
  margin-top: clamp(35px, 4rem + 9vw, 130px);
  margin-bottom: clamp(20px, 2rem + 4vw, 80px);
  padding:0 60px;
}

.head-pvc{
  font-family:Space Grotesk Bold,Arial,sans-serif;
  color:#C2E516;
  font-size: clamp(28px, 1rem + 2vw, 38px);
  letter-spacing: 2.1px;
  font-weight: 900;
  line-height: clamp(30px, 1rem + 1vw, 45px)
}

.title-pvc{
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: clamp(20px, 1rem + 2vw, 22px);
  color:#181B30;
  font-weight: 900;
  letter-spacing:1.2px;

}

.para-pvc{
  font-family: Space Grotesk Regular,Arial,sans-serif;
  letter-spacing:.9px;
  line-height: clamp(30px, 1rem + 1vw, 39px);
  font-size: 1rem;
}

.pvc-list{
  margin-left: 2rem;
}
.pvc-list li{
  list-style-type: disc;
  padding:6px 0;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 1rem;
  letter-spacing:.9px;

}

.terms-list{
  margin-left:1rem;
}

.terms-list li{
  list-style-type: number;
  padding:10px 0;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 1rem;
  letter-spacing:.9px;
  line-height: clamp(28px, 1rem + 1vw, 36px);

}

.disclaimer-main-list li{
  list-style-type: number;
  padding:10px 0;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 1rem;
  letter-spacing:.9px;
  line-height: clamp(30px, 1rem + 1vw, 39px);
}

.disclaimer-list-two{
  margin-left:2rem;
  margin-top:1rem;
}
.disclaimer-list-three{
  margin-left:2rem;
}
.disclaimer-list-two li{
  list-style-type: number;
  padding:0;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 1rem;
  letter-spacing:.9px;
  line-height: clamp(30px, 1rem + 1vw, 39px);
}
.disclaimer-list-three li{
  list-style-type: number;
  padding:0;
  font-family: Space Grotesk Regular,Arial,sans-serif;
  font-size: 1rem;
  letter-spacing:.9px;
  line-height: clamp(30px, 1rem + 1vw, 39px);
}


/*---- FAQ ---*/

.faq-container{
  max-width:1480px;
  width:100%;
  margin-inline: auto;
  background-color:#FFFFFF;
  border-radius: 20px 20px 0px 0px;
  padding-right:clamp(30px, 3rem + 6vw, 130px);
  padding-left:clamp(30px, 3rem + 6vw, 130px);
  padding-top:clamp(30px, 3rem + 6vw, 70px);
  padding-bottom:clamp(30px, 3rem + 6vw, 100px) ;
}

.faq-table{
  font-family:Space Grotesk Regular,Arial,sans-serif;
  margin-top:25px;
}

.faq-container p{
  font-size:16px;
  letter-spacing:.9px;
  line-height: 25px;
}

.faq-container a{
  COLOR:#C2E516;
}

.faq-table-head{
  height:78px;
  background:#181B30;
  border-radius: 12px 12px 0px 0px;
  color:#fff;
  /* font-size: 24px; */
  line-height: clamp(25px, 8px + 1vw, 39px);
  font-size: clamp(16px, 8px + 1vw, 24px);

  margin:auto 0;
  display:flex;
  align-items:center;
  padding:10px 40px;
  letter-spacing:1.2px;
}

.faq-table-block{
  background:#F3F3F3;
  padding:40px;
}

.faq-table-container{
  display:grid;
  grid-template-columns:20% 20% 20%;
}

.faq-table-container ol li{
  list-style-type: disc;
  padding:5px 0;
  font-size: 1rem;
  letter-spacing:.9px;
}


/* ---- News block ---- */

.press-container{
  max-width:1362px;
  width:100%;
  margin-inline: auto;
  background-color:#FFFFFF;
  border-radius: 20px 20px 0px 0px;
}

.press-container p{
  margin:0;
}

.press-container-head{
   padding-top:clamp(30px, 3rem + 6vw, 70px);
   padding-right:clamp(30px, 3rem + 6vw, 130px);
   padding-left:clamp(30px, 3rem + 6vw, 130px);
}

.news-block{
  padding-right:clamp(30px, 3rem + 6vw, 130px);
  padding-left:clamp(30px, 3rem + 6vw, 130px);
  display:flex;
  gap:70px;
  border-bottom:1px solid #ACACAC;
  padding-top:clamp(30px, 3rem + 6vw, 40px);
  padding-bottom:clamp(30px, 3rem + 6vw, 40px);
}
.left-block img{
  max-width:509px;
  width:100%;
}


.news-link-block{
  margin-top:40px;
}

.news-left-block{
  width:100%;
}
.news-right-block{
  width:100%;
}
.news-link-title{
  font-family: Space Grotesk Bold,Arial,sans-serif;
  font-size:20px;
  font-size: clamp(16px, 8px + 1vw, 20px);
  color:#231F20;
  letter-spacing:1px;
}
.news-block a{
  font-family: Space Grotesk Regular,Arial,sans-serif;
  display:block;
  max-width:420px;
  width:100%;
  color:#231F20;
  letter-spacing:.8px;
  line-height:25px;
}

.news-main-title{
  font-family: Space Grotesk Bold,Arial,sans-serif;
  font-size: clamp(20px, 1rem + 1vw, 32px);
  color:#C2E516;
  letter-spacing:1.6px;
  line-height:clamp(25px, 1rem + 2vw, 45);
  max-width: 509px;
  width:100%;
}

.news-date{
  font-family: Space Grotesk Medium,Arial,sans-serif;
  letter-spacing:.8px;
  color:#B2B2B2;
  padding-top:10px;
}


/* ---- charity --- */

.charity-main-container{
  max-width:1480px;
  width:100%;
  margin-inline: auto;
  background-color:#FFFFFF;
  border-radius: 20px 20px 0px 0px;
  padding-right:clamp(30px, 3rem + 6vw, 130px);
  padding-left:clamp(30px, 3rem + 6vw, 130px);
  padding-top:clamp(30px, 3rem + 6vw, 70px);
  padding-bottom:clamp(30px, 3rem + 6vw, 100px) ;
}

.charity-para{
  font-family:Space Grotesk Regular,Arial,sans-serif;
  line-height:clamp(20px, 1rem + 2vw, 30px);
  letter-spacing:.9px;
  width:100%;
  color:#231F20;
}

.read-more{
  color:#C2E516;
}

.charity-block img{
  max-width:509px;
  width:100%;
}
.charity-block{
  width:100%;
}
.charity-container{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 0;
  gap:30px;
  border-bottom: 1px solid #ACACAC63;
}

.charity-container:nth-child(5){
  border-bottom:none;
}
.charity-main-title{
  font-family:Space Grotesk Bold,Arial,sans-serif;
  font-size: clamp(20px, 1rem + 1vw, 32px);
  /* line-height: 45px; */
  letter-spacing:1.6px;
  color:#C2E516;
  max-width:509px;
  width:100%;
}

.popup-news{
  display:flex;
}
.charity-popup-first{
  display:none;
}

.charity-popup{
  position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1001;
max-width: 1228px;
height: 776px;
width: 100%;
border-radius: 12px;
padding: 40px;
opacity: 1 !important;
background:#fff;

}

.charity-popup-container{
  display:flex;
  align-items: center;
  gap: clamp(10px, 1rem + 3vw, 70px);
}

.charity-popup-para{
  max-width:509px !important;
}
.charity-popup-para-block{
  height:532px;
  overflow-y: scroll;
}


@media (max-width:1400px){
  .eco-mob-block{
    right:70px;
  }
  .eco-para-main{
    max-width:500px;
  }

  .hero-text-box{
    top:80px !important;
  }
  .div-button{
    height:65px !important;
  }

}

@media (max-width:1300px){
  .nav-links li{
    padding:0 6px;
  }
}


@media (max-width:1200px){
  .technology-blocks .spacer._80px{
      display:none;
  }
  .technology-blocks .spacer._20px{
    display:none;
  }
  .technology-block-container{
    margin-top:6rem;
  }
  .logo-block{
    max-width:260px;
  }
  .technology-section{
    padding-top:335px !important;
  }
  .team-wrapper{
    padding-top:110px !important;
  }
  .text-box._1050px .spacer._24px{
    display:none;
  }
  .section.larger-overflow-none{
    padding-bottom:150px !important;
  }
  .view-all{
    margin-top:40px;
  }
  .eco-main-container{
    padding:50px;
  }
  .eco-main-title{
    max-width:500px;
  }
  .eco-para-main{
    max-width: 430px;
  }
  .eco-mob-block{
    top:146px;
  }

  .dropdown-menu a:hover{
    background-color:white !important;
    color:#181B30;
  }
  .wallet-main{
    width:100%;
    display:flex;
    justify-content:space-between;
    font-size: 14px;
  }

  .wallet-main{
    font-size:14px;
  }
  .nav-links li{
    padding:8px 0px !important;
  }
  .nav-link-text::before{
    content:none;
  }

  .dropdown-menu{
    position:relative;
    margin-left:0;
  }
  .hero{
    margin-top:7rem;
  }
  .nav-bar-white {
    padding-right: 20px;
    padding-left: 20px;
    opacity: 1;
    position:fixed !important;
    top:0;
    right:0;
    left:0;
    bottom:0;
    height:95px;
  }
  .logo-div{
    z-index: 9 !important;
    width:100%;
  }
  .w-nav-button{
    display:flex;
    width: 40px;
    height: 40px;
  }
  .nav-links{
    display:block;
    width:100%;
    text-align:start;
  }
  .nav-menu {
    width:100%;
    z-index: 7 !important;
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    height: 100vh;
    padding-top: 13vh;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-align: center;
    overflow:scroll;
  }
  .hero-image{
    height:36rem;
  }
  .w-nav[data-collapse="medium"] .w-nav-menu{
    display:none;
  }
  .charity-main-container{
    padding:80px;
  }
  .eco-mob-block{
    right:50px;
  }
  .tech-icon-block{
    height:100px;
    width:100px;
    top:-52px;
  }
  .tech-arrow{
    top:-13.7px;
    padding-right:0;
  }
  .tech-arrow img{
    max-width:235px !important;
  }
  .person-image img{
    height:180px;
    width:153px;
    top:-7.5rem;
    margin-bottom:-6rem;
  }
  .gateway-para{
    max-width:686px;
  }
  .gateway-title-block{
    gap:0;
  }

}

@media (max-width:1050px){
  .eco-mob-block{
    text-align: center;
  }
  .eco-logo-container{
    padding:0 10px;
  }
}


@media  (max-width:992px){
  .play-block{
    top:72%;
    left:170px;
  }
  .charity-main-container{
    margin-top:95px;
    padding:60px;
  }
  .charity-container{
    flex-direction: column;
  }
 
  .faq-table-container{
    grid-template-columns: 33% 33% 33%;
  }
  .w-nav-button{
    justify-content: end;
    align-items: center;
    display:flex;
    width: 60px;
    height: 55px;
  }
  .w-nav-button img{
    width:40px;
  }
  
  .dropdown-menu{
    margin-left:0;
  }
 
  .wallet-main{
    width:100%;
    display:flex;
    justify-content:space-between;
    font-size: 14px;
  }
  .footer-main-block{
    grid-template-columns: auto auto;
    row-gap: 3rem;
    padding-bottom:80px;
  }
  .nav-links{
    display:block;
    padding:0;
  }
  .swiper-wrapper{
    padding-left:30px;
  }

  .tech-arrow{
    top:-10.7px;
  }
  .tech-icon-block{
    width:90px;
    height:90px;
    top:-46px;
  }
  .tech-icon-block img{
    width:50px;
    height:50px;
  }
  .tech-arrow img{
    max-width:180px !important;
  }
  .div-button{
    height:95px;
  }
  .dropdown-menu{
    position:relative;
  }
  .dropdown-menu a:hover{
    background-color:white !important;
    color:#181B30;
  }

  .press-container-head{
    padding-top:110px;
  }
  .news-block{
    padding:30px;
    gap:30px;
  }

  .faq-container{
    margin-top:95px;
    padding:30px;
  }

  .eco-mob-block{
    position:static;
    margin-top:4rem;
  }

  .eco-mob-sub-block{
    position:relative;
  }
  .get-app-block{
    justify-content:center;
  }

  .eco-para-main{
    max-width:100%;
  }
  .eco-main-title{
    max-width:100%;
  }

}


@media (max-width:800px){
  .technology-blocks .spacer._24px{
    display:none !important;
  }
  .technology-blocks .spacer._20px{
    display:none !important;
  }
  .logo-block{
    max-width:220px;
  }
  .text-box._1050px .spacer._24px{
    height:50px !important; 
    display:block;
  }
  .text-box._1050px .spacer._80px{
      display:none !important;
  }
 .nav-container{
  height:95px;
 }

  .charity-main-container{
    padding:60px 30px;
  }
  .faq-table-head{
    height:63px;
    padding:10px 30px;
  }
  .faq-table-block{
    padding:30px;
  }
  .main-container{
    padding:0 30px;
  }
  .aladin , .aladin-pro , .rr , .domino , .buy-aladin{
    display:block;
  }
  .active-bg{
    background-color:#000000;
  }

  .newsletter-block{
    padding: 50px 25px !important;
    margin-top:30px;
  }
  .newsletter-txt{
    text-align:left !important;
  }
  .newsletter-form{
    margin-top:30px;
  }
  .submit-btn{
    height:70px;
  }
  .input-email{
    height:70px;
  }
  .newsletter-section{
    padding-top: 40px !important;
    margin-top: 0 !important;
  }
  .technology-section{
    margin-top:0 !important;
    padding-top:40px !important;
  }
.ecosystem-section{
  padding-bottom:80px !important;

}
  .mob .eco-logo-container{
    padding:0 25px;
  }  

  .mob .eco-main-container{
    padding:25px;
    background:#fff;
  }
  .eco-mob-block{
    position:static;
  }
  .eco-main-block{
    background:#fff;
  }
  .eco-mob-sub-block{
    text-align:center;
    margin-top:40px;
    position:relative;
  }
  .play-block{
    top:76%;
    height:65px;
    left:50% !important;
    transform: translate(-50%,-50%);
  }
  .eco-mob-sub-block img{
    max-width:295px;
  }
  .logo-img{
    opacity:1 !important;
  }
  .mob{
    display: block !important;
    margin-top:70px;
  }
  .web{
    display:none;
  }

  .gen-head{
    display:none;
  }
  .ex-head{
    display:block;
  }
  .logo-block{
    max-width:230px;
    height:70px;
    padding:10px;
    transition:.2s all;
    border-radius: 8px;
  }

  .horizontal-line{
    height: 100%;
    width: 1px;
    background: #181B30;
    opacity:0.2;
    position: absolute;
    left: 50%;
    display: block;
  }
  
  .vertical-line{
    width: 100%;
    height: 1px;
    background: #181B30;
    opacity:0.2;
    position: absolute;
    top: 50%;
    display:block;
  }

  .table-head{
    grid-template-columns: 5% 20% 15% 45% 15%;
    justify-content:space-between;
    padding:0 15px;
  }
  .fetch-table{
    /* grid-template-columns:auto auto auto auto auto; */
    grid-template-columns: 10% 20% 15% 40% 15%;

    justify-content:space-between;
    padding:0 15px;
  }
 .gateway-title-block{
  justify-content:center;
 }
  .gateway-para{
    text-align:center;
  }
  .swap-button-block{
    display:flex;
    width:100%;
    justify-content:center;
  }
.gateway-second-block{
  grid-template-columns: 50% 50%;
  border-top:none;

}

.eco-main-container{
  padding-bottom: 0 !important;
}

.bdr-right{
  border-right:none;
}

.gateway-right-block{
  display:none;
}
.sub-rank{
  display:flex;
  justify-content: center;
  align-items: center;
  /* padding:0 5px; */
}
  .gateway-arrow img{
     display:none;
  }
    .spacer-none{
      display:none !important;
    }

    .eco-blocks{
      flex-direction:column;
      row-gap: 5rem;
    }
 
    .our-core-2-grid{
      grid-template-columns:1fr !important;
    }
  
 .technology-block-container{
  margin-top:5rem;
  flex-direction:column;
  row-gap:5rem;
}


 .tech-arrow{
  padding-right: 10px;
}

.team-slide{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.eco-sub-title{
  margin-bottom:10px;
}


.gateway-second-block{
  position: relative;
}
.team-swiper{
  padding-right:0 !important;
}
.swiper-slide{
  padding:0 15px !important;
}
.swiper-wrapper{
  padding-left:0 !important;
}

.sub-block{
  padding:25px 5px;
}

.play-block{
  max-width:253px;
  width:100%;
}

#rankMobile{
  height:54px;
}

.ex-volume{
  text-align: center;
}

.view-all{
  margin-top:50px;
}
.news-link-block{
  margin-top:30px;
}
}
 
@media(max-width:550px){
  .scroll-top-button {
      right:1.6rem;
      bottom:1.6rem;
  }
  .scroll-top-button img{
    width:30px;
    height:30px;
  }
  .table-blocks{
    margin-top:45px;
  }
  .get-app-block{
    padding-top: 5px;
  }
  .div-block-73{
    flex-direction:column;
    align-items:start !important;
    gap:5px  !important;
  }
  .nav-container{
    height:75px;
  }
  .eco-2ndblock{
    margin-top:1.5rem;
  }
  .eco-mob-block{
    margin-top:0;
  }
  .eco-mob-sub-block{
    margin-top:40px;
  }
  .eco-second-block{
    margin-top:2rem;
  }
  .main-container div{
    margin:20px 0px;
  }
  .title-pvc{
    margin-bottom:10px;
  }
 
  .para-pvc{
    margin-bottom: 5px;
  }
  .charity-main-container{
    padding:30px 15px;
  }
  .charity-main-container .spacer._24px{
    display:none;
  } 
  .charity-main-title{
    margin-bottom: 5px;
  }
  .charity-para{
    margin-bottom: 10px;
  }
  .faq-container{
    padding:15px;
  }
  .faq-container .spacer._24px{
    display:none;
  }
  .faq-table-head{
    height:100%;
    padding:20px 15px;
  }
  .faq-table{
    margin-top:20px;
  }
  .faq-table-block{
    padding:20px 15px;
    border-radius: 0px 0px 12px 12px;
  }
  .faq-table-container li{
    font-size:14px !important;
  }
  .disclaimer-list-two{
    margin-left:1rem;
  }
  .main-container{
    padding:0 15px;
    margin-top:100px;
  }
  .team-card{
    min-height:100% !important;
  }
  .team-wrapper{
    padding-top:110px !important;
  }
  .technology-block-container{
    row-gap: 5rem;
    margin-top:5rem;
  }
  .technology-section .spacer{
    display:none !important;
  }
  .spacer _80px{
    display:none !important;
  }
  .spacer._80px{
    display:none !important;
  }
  .team-swiper-buttons{
    margin-top:25px;
  }
  .ftr-lnk{
    position:relative;
  }
 
  .footer-links{
    display:flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap:5px;
    justify-content: center;
  }

  .eco-main-container{
    padding:0!important;
    padding-top:30px !important;
  } 
  .footer-sub-block{
    text-align:center;
  }
  .footer-main-block{
    grid-template-columns: auto;
    justify-content:center;
    text-align:center;
    padding-bottom: 1.5rem;
    gap:1.5rem;
  }
  .footer-links{
   flex-direction: column;
  }
  .footer-links a{
    font-size:14px;
  }
  .footer-sub-block{
    grid-template-columns:auto;
    row-gap:7px;
  }
  .newsletter-head{
    margin-bottom:5px;
  }
  .input-group{
    flex-direction:column;
    gap:10px;
    left:0;
  }
  .input-email{
    height: 55px;
    border-radius: 12px;
    text-align: center;
    padding-left:0 !important;
  }
  .submit-btn{
    height:55px;
    width:100%;
    left: 0;
    border: none;
    border-radius: 12px;
  }

  .newsletter-arrow{
    padding-right:6px;
    top:-12px;
    right:26px;
  }
  .newsletter-arrow img{
    max-width:195px;
  }
  .newsletter-block{
    padding:30px 20px !important;
  }
  .ex-title{
    margin-bottom:0;
  }
  .tech-arrow{
    padding-right:6px;
    right:15px;
    top:-11.7px;
  }
  .logo-block{
    max-width:180px;
    height:65px;
  }
  .get-app-block{
    justify-content:center;
  }
 
  .play-block{
    top:77%;
    height:60px;
  }
  .eco-blocks{
    row-gap:40px;
  }
  .tech-block{
    padding:20px !important;
  }
  .hero-text-box{
    position:static !important;
  }
 
  .hero-text-box{
    left:30px !important;
  }
  .nav-bar-white{
    height:75px !important;
    padding:0 15px !important;
    /* margin-top: 75px !important; */
  }
 
  .desk-block{
    padding-top:40px;
  }
  .visit-btn{
    height:55px !important;
  }
  .eco-sub-title{
    margin-bottom:5px;
  }

  .div-block-86{
    padding-top:10px;
  }

  .div-block-73{
    padding-top:20px !important;
  }
  .div-button{
    max-width:100% !important;
    width:100% !important;
  }
  .hero-image{
    margin-top:30px;
  }
  .ftr-quick-links{
    grid-template-columns: auto auto !important;
  }
  .ftr-title{
    margin-bottom:5px;
  }
  .contact-us p{
    margin-bottom:5px;
  }
  .footer-container p{
    max-width:100%;
    text-align:center;
  }
  .nav-link{
    text-align: left;
    font-size:14px;
  }
  .dropdown-menu{
    position:relative;
  }
  .dropdown-menu a:hover{
    background-color:white !important;
    color:#181B30;
  }
  .nav-link-text::before{
    content:none;
  }
  .wallet-main{
    width:100%;
    display:flex;
    justify-content:space-between;
  }
  .yo{
    display:none;
  }
  .fetch-table{
    grid-template-columns: auto auto;
  }
  .view-all{
    margin-top:30px;
  }
  .ex-link::after{
    content:none;
  }
  .footer-section{
    padding-top:40px !important;
  }
  .footer-links a{
    letter-spacing:.7px;
  }
  .privacy-terms-block{
    margin-left:0;
    display:grid;
    grid-template-columns: auto auto;

  }
  .privacy-terms-block a{
    padding:0;
  }
  .roadmap-arrow{
    display:none;
  }
  .rdmap-sm-arrow{
    display:block;
    max-width: 100px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items: center;
  }
  .slider-head{
    justify-content:center;
  }
  .quarter{
    text-align:center;
  }
  .privacy-terms-block{
    display:flex !important;
    flex-wrap: wrap !important;
    row-gap:5px;
  }
  .ftr-link::after{
    content:none !important;
  }
  .privacy-terms-block a:nth-child(1){
    max-width:100%;
  }
  .privacy-terms-block a:nth-child(2){
    max-width:100%;
  }
  .privacy-terms-block a:nth-child(3){
    max-width:100%;
  }
  .join{
    flex-direction:column;
    gap:0;
  }
  .footer-main-block .txt{
    max-width:100%;
  }
  .contact-us{
    padding-top:22px;
  }
  .exchange-partners-container img{
    width:95%;
  }
  .w-50{
    width:95% !important;
  } 
  .swap-button-block{
    padding-top:30px;
  }
  .gateway-para{
    padding-top:10px;
    margin-bottom:0;
  }
  .heading{
    margin-bottom:0 !important;
  }
  .section.hero{
    margin-top: 75px !important;
  }
  .network-section{
    padding-top:0 !important;
  }
  .section.larger-overflow-none{
    padding-bottom: 150px !important;
  }
  .partners-container{
    /* padding-bottom:30px; */
    margin-top:10px;
  }
  #exchangePartners{
    padding-top:30px !important;
  }
  .news-block{
    flex-direction:column;
    padding:15px;
  }
  .news-link-block{
    margin-top:20px;
  }
  .press-container-head .spacer._24px{
      height:0;
  }
  .press-container{
    border-left:10px solid #FFC96B;
    border-right:10px solid #FFC96B;
  }
  .mob{
    margin-top:50px;
  }
  .phone-screens img{
    height: calc(100% + 1px);
    left:0 !important;
    top:0 !important;
  }
  .text-box._1050px .spacer._24px{
    height:20px !important;
  }
  #team{
    padding-top:30px;
  }
  .headline{
    margin-bottom: 8px !important;
  }
  .person-name{
    margin-bottom:5px;
  }
  .swiper-wrapper{
    padding-top:0;
  }
  .slider-head{
    padding-bottom:2px;
  }
  .block-text{
    padding-top:20px;
  }
  .tech-title{
    padding-top:40px;
  }
  .tech-para{
    margin-bottom:0 !important;
  }
  .ex-title{
    text-align:center;
  }
}

@media(max-width:420px){
  .logo-block{
    max-width:150px;
    padding:5px;
  }
}

@media (max-width:350px){
  .ex-title{
    height:36px;
  }
  .tech-arrow img{
    max-width:130px !important;
  }
  .logo-block{
    height:50px;
    max-width: 125px;
  }
  .partners-container{
    row-gap: 12px;
    column-gap: 12px;
  }
}


@media (min-width: 992px) {
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="5a8ac30c-9e6f-20c9-e919-2df6683078a4"] {
      width: 0%;
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec30614e"] {
      -webkit-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -moz-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -ms-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(-10deg) skew(0, 0);
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec306126"] {
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(0) skew(0, 0);
      -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
    }
  }
  @media (max-width: 991px) and (min-width: 768px) {
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="5a8ac30c-9e6f-20c9-e919-2df6683078a4"] {
      width: 0%;
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec30614e"] {
      -webkit-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -moz-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -ms-transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      transform: translate3d(600px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(-10deg) skew(0, 0);
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec306126"] {
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(0) skew(0, 0);
      -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
    }
  }
  @media (max-width: 767px) and (min-width: 480px) {
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="5a8ac30c-9e6f-20c9-e919-2df6683078a4"] {
      width: 0px;
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec30614e"] {
      -webkit-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -moz-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -ms-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(-10deg) skew(0, 0);
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec306126"] {
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(0) skew(0, 0);
      -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
    }
  }
  @media (max-width: 479px) {
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="5a8ac30c-9e6f-20c9-e919-2df6683078a4"] {
      width: 0px;
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec30614e"] {
      -webkit-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -moz-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      -ms-transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(-10deg) skew(0, 0);
      transform: translate3d(1200px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(-10deg) skew(0, 0);
    }
    html.w-mod-js:not(.w-mod-ix)
      [data-w-id="aefdd634-2a63-7766-7879-a155ec306126"] {
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0)
        rotateY(0) rotateZ(0) skew(0, 0);
      -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
        rotateZ(0) skew(0, 0);
    }
  }

  @media (max-width:345px) {
    .footer-links a{
      line-height:25px;
    }
    .faq-table-container{
      grid-template-columns: 50% 50% !important;
    }
  }

  @keyframes icon-float{
    0%{ 
        transform:translatey(0)
    }
    50%{
        transform:translatey(-5px)
    }
}





/**popup**/

.announcement {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgb(0 0 0 / 50%);
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(6px);
  padding: 15px;
}
.announcement picture {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
  max-width: 900px;
  width: 100%;
}

.announcement picture .close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: unset;
}
.announcement picture .close span {
  background: white;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
}

.announcement picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: 0.5s ease;
}

@media (max-width: 600px) {
  .announcement picture .close span {
    height: 20px;
    width: 20px;
    font-size: 10px;
  }

  .announcement picture .close {
    top: 0px;
    right: 0px;
  }
}







/* #exchange-wrapper .owl-carousel.owl-drag .owl-item{
    margin-right: 35px !important;
} */