*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body{

    overflow-x: hidden;
    background-color: #b9323a;
    position: relative;

     
}
@font-face {
    font-family:prg;
    src: url(../font/Rubik-VariableFont_wght.ttf);
}
@font-face {
    font-family:head;
    src: url(../font/compacta.ttf);
}
@font-face {
    font-family:patrick;
    src: url(../font/BagelFat-Fat.ttf);
}
@font-face {
  font-family:brocil;
  src: url(../font/CompactaBoldBT.ttf);
}

@font-face {
  font-family:secpond;
  src: url(../font/BagelFatOne-Regular.tff);
}

h1,h2,h3,h4{
  font-family:brocil;
} 
/* h1,h2,h3,h4{
  font-family:brocil;
} */
p{
    font-family:prg;
}

a{
    text-decoration: none;
    font-family:prg;
    font-weight: bold;
}
h1{
    /* font-family:heading; */
    font-size: 4vw;
    -webkit-text-stroke: 4px #000; 
    color: #fff;
    /* font-family:head; */
    font-weight: bold;
    
}
li{
    list-style: none;
}
.coinmarket{
  width: 80px!important;
}

/* 
span,p{
    font-family: font;
    font-size: 1.5vw;

} */



.body {
    overflow-x: hidden;
}
.navbar-toggle {
    display: none;
    cursor: pointer;
}

.navbar-toggle span {
    display: block;
    width: 7vw;
    height: 1.5vw;
    margin: 0.7vw;
    /* background: linear-gradient(271.36deg, #ffffff 50.01%, #ffffff 72.39%); */
    /* background-color: blue;
     */
    border-radius: 50px;
    transition: all 0.5s;
}

/* -------------------------------------------Navbar Management------------------
-------------------- */
.bg{
    background-image: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    height: 100%;
    /* position: relative; */
    /* z-index: -20; */
}
.rain{
    position: absolute;
    width: 100%;
    /* z-index: -1; */
}

/* .zigzag{
    position: absolute;
    width: 80vw;
    top: 30%;
    z-index: 5;
} */
/* .bg .zigzag{
    width: 100%;
    position: absolute;
    width: 30vw;
    top: 80%;
} */

.header {
    padding: 0vw 0vw;
    position: fixed;
    top: 0;
    z-index: 1400;
    width: 100%;
    z-index: 999;
}

.header .navbar {
    border-radius: 4vw;
    padding: 1vw 2vw;
    width: 90%;
    height: auto;
    background: transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* gap: 20vw; */
    align-items: center;
    transition: all .5s;
    box-shadow: none;
    background-color:#fff;
    box-shadow: 0px 5px #000;
    margin: auto;
    border: 2px solid #000;
    margin-top: 5vw;


}

.header .navbar .left-side-menu {
    
    width: 5%;
}


.header .navbar .left-side-menu a img {
    width: 100%;
    /* border-radius: 50%; */
    cursor: pointer;
    /* animation: bounceInDown 1s; */
    margin-top: .5vw;
    width: 10vw;
}

.center-menu {
     
    height: auto;
    display: flex;
    gap: 10vw; 
    flex-direction: row;
    align-items: center; 
}
.center-menu  li a {
    position: relative;
    font-weight: bold;
    font-weight: bold;
}
.texts{
    display: flex;
    align-items: center;
    gap: 3vw;
}
.socails{
    display: flex;
    align-items: center;
    gap: 1.2vw;

}
.socails img{
    width: 15vw;
}

/* .header .center-menu a:nth-child(3) {
    margin-left: auto;
} */
.header .center-menu a  {
    display: inline-block;
    font-size: 1.4vw;
    font-weight: 400;
    color: #000;
    transition: all 0.3s;
    text-transform: capitalize;
    position: relative;
    font-weight: bold;
    
}
.header .center-menu a li:hover{
    color: #FF1848;

}
/* .header .center-menu a::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0vw;
    bottom: -0.5vw;
    width: 100%;
    border-radius: 8px;
    height: 1.5px;
    transform: scalex(1);
    background: rgba(255, 255, 255, 0.4);
    transition: all cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
} */
 .top{
    width: 100%;
    height: 9vw;
 }
 /* ------------------banr-sec--------------------------- */
 .banr-sec{
    position: relative;
    background-image: url(../images/header-img.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 70vw;

 }
 .banr-sec .contents{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 9vw;
    gap: 2vw;
    /* position: relative; */
    z-index: 10;

 }
 .rain{
  position: absolute;
  width: 100%;
  /* z-index: -1; */
}
 .zigzag{
    position: absolute;
    width: 100%;
    top: 10%;
    z-index: -1;
 }
 .banr-sec .contents h1{
    text-align: center;
    font-size: 8vw;
    /* font-family:heading;
    font-family:head; */
    -webkit-text-stroke: 4px #000;
    font-weight: bold;

    
 }
.banr-sec .contents p{
    font-size: 1.5vw;
    color: #000;
    text-align: center;
    font-weight: bold;
    word-spacing: .4vw;
}
.banr-sec .contents .butns{
    display: flex;
    align-items: center;
    gap: 2vw;
    margin-top: 1vw;
}
.banr-sec .butns img{
    width: 18vw;
    transition: .3s;
}
.banr-sec .butns img:hover{
    transform: translateY(-.5vw);
}
/* ----- */
.hdr-man{
    width: 30vw;
    display: flex;
    margin: auto;
    margin-top: 3vw;
    /* animation:flipInY 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
}
/* ----------------------about-sec------------------- */
.about-sec{
    background-image: linear-gradient(to right,#f16541 0%, #fbc654 51%, #f16541  100%);
    width: 88%;
    margin: auto;
    padding: 1vw 2vw;
    border: 2px solid #000;
    border-radius: 5vw;
    margin-top: 6vw;
    height: 55vw;
    position: relative;
    z-index: 10;
   
}
.icnnologo{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1vw;
    padding-top: 4vw;
    margin-left: 3vw;
}
.logo-2{
    width: 8vw;
}
.t-black{
    width: 4vw;
    transition: .3s;
}
.t-black:hover{
    transform: translateY(-1vw);
}
.contentt{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 10vw;
    margin-top: -5vw;
    margin-left: 3vw;
}
.left{
    width: 60%;
    margin-top: 9vw;
}
.left h1{
    font-size: 4vw;
    color: #fff;
    font-family:brocil;
    font-weight: bold;
    -webkit-text-stroke: 2px #000;
    width: 40%;
}
.left p{
    font-size: 1.4vw;
    color: #fff;
    margin-top: 1vw;
}
/* .right{
    width: 25%;
    position: absolute;


} */
.right img{
    width: 53vw;
    margin-top: 0vw;
    /* position: absolute;
    top: 10%; */
    /* transform: translateY(-3.5vw); */
    position: absolute;
    right: -7%;
    top: 3%;
    /* animation:shakeY 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
    z-index: -1;
    
}
/* -----------------------token-sec------------------------- */

.token-sec{
    width: 80%;
    margin: auto;
    padding: 5vw 2vw;
    border: 2px solid #000;
    border-radius: 5vw;
    margin-top: 6vw;
    height: 39vw;
    background-color: #fe5642;
    position: relative;
    z-index: -1;
    /* display: none; */
    
    

}
.tkn-lft{
    position: absolute;
    width: 53vw;
    left: -30%;
    top: -5%;

    z-index: -1;
    /* animation:bounce 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
    
}
.tkn-right{
    position: absolute;
    width: 35vw;
    right: -10%;
    top: 45%;
    z-index: -1;
    /* animation:pulse 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */

}
.cntnt-tkn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.cntnt-tkn h1{
    font-size: 6vw;
    color: #fff;

    font-family:brocil;
    font-weight: bold;
    -webkit-text-stroke: 2px #000;
}
.cntnt-tkn h4{
    font-size: 3vw;
    color:#f8b753;
    -webkit-text-stroke: 2px #000;
    font-family:patrick;
    margin-top: .5vw; 
    font-family:patrick;
    font-weight: bold;
    
}
/* --- */
.copys{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

.ca{
    width: 56%;
    background-color: #fff;
    padding: 1vw 1vw;
    text-align: center;
    box-shadow: 0px 4px #000;
    border-radius: 2vw;
    border: 1px solid #000;
    margin-top: 1.5vw;
    
}
.ca p{
    font-size: 1.4vw;
    font-weight: bold;
}
.cpy-btnn{
    position: relative;
    height: 100%;
    
}
.copy-btn{
    width: 6vw;
    z-index: 8;
    /* position: absolute;
    left: 40%;
    top: 80%;
    z-index: 7;
    z-index: 9999; */

}
#h44{
    margin-top: 2vw;
}

/* ------------------------------ */
.sect4{
    overflow-x: hidden;
    z-index: 3;
    margin-top: 7vw;
}

 
 .sect4-container {
    width: 100vw;                  /* Full-width container */
    overflow: hidden;             /* Hide overflow to create scrolling effect */
    white-space: nowrap;          /* Prevent images from wrapping */
    background-color:#febd53;
    padding: 1.5vw 1vw;
    z-index: 5;

  }

  
  .scrolling-images {
    display: inline-flex;         /* Display images in a row */
    animation: scroll-lleft 15s linear infinite; 
  }

  /* Styling for each image */
  .scrolling-images img {
    width: 20vw;                 /* Set width for each image */
    /* height: 20vw;                Set height for each image */
    object-fit: cover;            /* Ensures images fit nicely */
    margin-right: 1.5vw;           /* Optional spacing between images */
  }

  
  @keyframes scroll-lleft {
    0% {
      transform: translateX(0%);   /* Start from the right */
    }
    100% {
      transform: translateX(-50%);  /* Move all the way to the left */
    }
  }
  /* -------------------------------how to buy-------------- */
  .howbuy{
    position: relative;
    height: 153vw;
    background-color: #791c1e;
    z-index: -1;
    margin-top: -7vw;
  }
  .buy-now{
    display: flex;
    width: 15vw;
    padding: 1vw 1vw;
    background-color:#f26541;
    border: 1px solid #000;
    box-shadow: 0px 4px #000;
    font-size: 1.5vw;
    text-align: center;
    position: absolute;
    left: 41%;
    top:57.5%;
    z-index: 2;
    justify-content: center;
    border-radius: 2vw;
    color: #fff;
    transition: .3s;
    
  }
  .buy-now:hover{
    transform: translateX(1vw);
  }
  .howbuy h1{
    font-size: 6vw;
    color: #fff;
    text-align: center;
    margin-top: 7vw;
    font-family:brocil;
    font-weight: bold;
    -webkit-text-stroke: 2px #000;
    padding-top: 7vw;
    

  }
  .howbuy h2{
    font-size: 5vw;
    color:#FFB51F;
    font-size: 4vw;
    -webkit-text-stroke: 2px #000;
    font-weight: bold;


  }
  .phs-1{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 2vw;
    margin-top: 5vw;
  }
  .p-lft{
    display: flex;
    align-items: center;
    gap: 1vw;
    flex-direction: column;
  }
  .p-lft h2{
    transform: translateY(2vw);
  }
  .p-lft img{
    width: 40vw;
    /* animation:headShake 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
  }
  .p-rght img{
    width: 35vw;
    margin-top: 5vw;
  }
  /* --------------------------- */
  .phs-2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    position: relative;
  }

  .p2-rght {
    display: flex;
    align-items: center;
    gap: 1vw;
    flex-direction: column;
    position: absolute;
    left: 48%;
    /* top: -100%; */
    margin-top: 15vw;
    z-index: -1;
  }
  .p2-rght  h2{
    transform: translateY(2vw);
  }
  .p2-rght  img{
    width: 50vw;
    /* animation:headShake 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
  }
  .p2-lft{
    position: absolute;
    left: 10%;
    

  }
   .p2-lft img{
    width: 35vw;
    margin-top: 5vw;
    z-index: -1;
  }
  /* ------------------------ */

  .phs-3{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 2vw;
    margin-top: 20vw;
  }
  .p3-lft{
    display: flex;
    align-items: center;
    gap: 1vw;
    flex-direction: column;
    z-index: -1;
  }
  .p3-lft h2{
    transform: translateY(2vw);
  }
  .p3-lft img{
    width: 42vw;
    /* animation:swing 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
    
  }
  .p3-rght img{
    width: 35vw;
    margin-top: 5vw;
    
  }

  








  .howbuy .h1{
    position: absolute;
    left: 20%;
    top: 5%;
    
  }
  .howbuy .h2{
    position: absolute;
    
  }
  .howbuy .h3{
    position: absolute;
    
  }
  /* --------- */

  .howbuy .p1{
    position: absolute;
    width: 27vw;
    left: 60%;
    top: 6%;
    
  }
  .howbuy .p2{
    position: absolute;
    width: 20vw;
    width: 27vw;
    right: 5%;
    top: 56%;
    
  }
  .howbuy .p3{
    position: absolute;
    width: 20vw;
    width: 27vw;
    right: 5%;
    top: 36%;
    
  }
  /* --------------- */
  

  /* -----------------------marqee-two---------------- */
  marquee{
    width: 100%;
    padding: 1.8vw 1.8vw;
    background-color: #171717;

  }

  marquee img{
    width: 100%;
  }
  /* -----------------------------road-sec---------------------------- */
  .road-sec{
    position: relative;
    background-color:#c24e32;
    padding: 3vw 3vw;
    width: 100%;
    height: auto;
    padding-bottom: 10vw;
    margin-top: -1vw;
  }
  .road-sec h1{
    font-size: 6vw;
    color: #000;
    text-align: center;
    margin-top: 2vw;
    -webkit-text-stroke: 0px #000;

  }
  .boxe-1{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    margin-top: 4vw;

  }
  .box{
    width: 25vw;
    background-color:#fe5642;
    /* border: 1px solid #000; */
    
    padding: 4vw 6vw;
    height: 30vw;
    box-shadow: 3px 10px 20px #0000;
    border: 2px solid #000;
    border-radius: 2vw;
  }
  .box h4{
    font-size: 3vw;
    color: white;
    -webkit-text-stroke: 2px #000;
    /* animation:flash 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
  }
  .box ul{
    margin-left: 1.5vw;
    margin-top: 1vw;
  }
  .box ul li{
    font-size: 1.3vw;
    color: #000;
    list-style: disc;
    line-height: 2.3vw;
    font-family: prg;
  }
  /* ------------------------- */
  .boxe-2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    margin-top: 2vw;

  }
  .box-2{
    width: 25vw;
    background-color:#fe5642;
    /* border: 1px solid #000; */
    
    padding: 4vw 6vw;
    height: 26vw;
    box-shadow: 3px 10px 20px #0000;
    border: 2px solid #000;
    border-radius: 2vw;
  }
  .box-2 h4{
    font-size: 3vw;
    color: white;
    -webkit-text-stroke: 2px #000;
  }
  .box-2 ul{
    margin-left: 1.5vw;
    margin-top: 1vw;
  }
  .box-2 ul li{
    font-size: 1.3vw;
    color: #000;
    list-style: disc;
    line-height: 2.3vw;
    font-family: prg;
  }

  
  /* -----------------------cmnty-bg----------------------- */
  .cmnty-bg{
    background-image: linear-gradient(to right,#f16541 0%, #fbc654 51%, #f16541  100%);
    width: 100%;
    margin: auto;
    padding: 10vw 2vw;
    /* border: 2px solid #000; */
    /* border-radius: 5vw; */
    margin-top: 6vw;
    height: 49vw;
    position: relative;
    
  }
  .cmnty-sec{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
  }


  .cmnty-lft{
    width: 42%;
}
.cmnty-lft h1{
    font-size: 6vw;
    color: #000;
    font-family:brocil;
    font-weight: bold;
    -webkit-text-stroke: 2px #000;
}
.cmnty-lft p{
    
    color: #f8b753;
    -webkit-text-stroke: 1px #000;
    /* font-family: patrick; */
    font-size: 3vw;
    font-family:brocil;

}
.cmnty-lft img{
    width: 20vw;
    margin-top: 1vw;
    position: absolute;
    
}
.cmnty-rght{
    width: 35%;


}
.cmnty-rght img{
    width: 60vw;
    margin-top: 0vw;
    /* position: absolute;
    top: 10%; */
    /* transform: translateY(-5vw); */
    position: absolute;
    top: 5%;
    right: 0;
    /* animation:pulse 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
}
/* ------------------------foter-sec------------------------------------ */
.foter-sec{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0f0f0f;
    padding: 3vw 2vw;
    justify-content: end;
    padding-right: 10vw;
    position: relative;
    height: 39vw;
    
    
    
}
.ftr-img{
    position: absolute;
    width: 65vw;
    left: -18%;
    top: -25%;
    /* animation:rubberBand 2S cubic-bezier(0.165, 0.84, 0.44, 1)  infinite alternate; */
}
.lft-sde{
    width: 40%;
}
.lft-sde img{
    width: 35vw;
}
.right-ftr{
    display: flex;
    flex-direction: column;
    gap: 1vw;
    width: 50%;
    justify-content: end;
    gap: 1vw;
    padding-top: 5vw;
}
.ttxtss{
    display: flex;
    align-items: center;
    gap: 3vw;
    justify-content: end;
    
}
.ttxtss a{
    color: #000;
    font-family: prg;
    font-size: 1.5vw;
    transition: .3s;
}
.ttxtss a:hover{
  color: #fbc654;
}
.folows{
    display: flex;
    gap: 2vw;
    align-items: center;
    justify-content: end;
    margin-top: 2vw;
    

}
.folows p{
    font-size: 1.5vw;
    color: #fff;
    
}

.folows img{
    width: 3.5vw;
    transition: .3s;
}
.folows img:hover{
  transform: translateY(-.7vw);
}
.dclmr {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    /* align-items: center; */
    justify-content: end;
}
.dclmr h4{
    font-size: 3vw;
    color: #f8b753;
    -webkit-text-stroke: 1px #000;
    text-align: right;
    
}
.dclmr p{
    font-size: 1.3vw;
    color: #000;
    font-weight: bold;
    display: flex;
    justify-content: end;
    text-align: right;
}
.end-btn{
    width: 20vw;
    transition: .3s;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: 23vw;
    margin-top: 1vw;
}
.end-btn:hover{
    transform: translateX(-1vw);
}
.endd{
    color: #fff;
    font-size: 1.4vw;
    margin-left: 22vw;
    margin-top: 2vw;
}

.box {
    position: relative; /* Ensures relative positioning for child elements */
}




 

@media (max-width:600px){
#hide-mobile{
  display: none !important;
}
.buy-now{
  /* top: 44.2% !important; */
}
.boxe-1 .box-2{
  height: 74vw !important;

}
#logo-mb{
  width: 60px !important;
  margin-top: 5px !important;
 }
}
@media (min-width:600px){
  #hide-desk{
    display: none !important;
  }
 #logo-mb{
  width: 150px !important;
  margin-top: 40px !important;
 }
}


@media (max-width: 600px) {
    .tkn-lft, /* Class for the left token image */
    .tkn-right { /* Class for the right token image */
        display: none !important; /* Hides the images on mobile */
    }
}

@media (max-width: 600px) {
    .ftr-img { /* Class for the footer image */
        display: none !important; /* Hides the image on mobile */
    }
    

}
.white-paper {
  display: flex;
  width: 15vw;
  padding: 1vw 1vw;
  background-color: #f26541;
  border: 1px solid #000;
  box-shadow: 0px 4px #000;
  font-size: 1.5vw;
  text-align: center;
  position: absolute;
  /* left: 41%; */
  cursor: pointer;
  z-index: 2;
  justify-content: center;
  border-radius: 2vw;
  color: #fff!important;
  transition: .3s;
    }