@media (max-width:600px) {
    h1{
        
        font-size: 7vw;
        -webkit-text-stroke: 2px #000;
        color: #fff;
        font-family:brocil;
    font-weight: bold;
    -webkit-text-stroke: 2px #000;
        
    }
    
    .header {
            padding: 1vw 1vw;
            border: none;
            
        }
    
    .header .navbar {
        padding: 1vw 2vw;
        padding-bottom: 1vw;
    }
    
    .header .navbar .left-side-menu {
        width: 35%;
    }
    
    .header .navbar .left-side-menu a img {
        width:5vw;
        height: auto;
    }
    
    .header .navbar .left-side-menu a {
        font-size: 3vw;
        font-weight: 800;
        gap: 1vw;
    }
    
    .header .center-menu a li {
        font-size: 4.5vw;
        padding: 2vw;
        font-weight: 400;
        gap: 2vw;
        border: none;
        outline: none;
        background: none;
        font-weight: bold;
    }
    
    .header .center-menu a:nth-child(3) {
        margin-left:unset ;
        
    }
     .header .center-menu a li:hover {
        /* border-radius: 0vw; */
        background: none;
        top: 0;
        border: none;
    }
    
    .header .center-menu a li:hover {
        background: none;
        box-shadow: none;
    }
    /* ------------------------------------------------ */
    .center-menu {
        
        display: flex;
    width: 200vw;
    height: 200vw;
    flex-direction: column;
    justify-content: center;
    gap: 5vw;
    padding-top: 27vw;
    
    position: absolute;
    top: -50vw;
    right: -50vw;
    transform-origin: 190vw 4vw;
    
    background-color: #353535;
    z-index: -1;
    border-radius: 50%;
    transition: 1s;
    transform: scale3d(0, 0, 0);
        /* transform: translateX(80%); */
        /* transform: translateY(-100%); */

        
    }
    
    .center-menu.active {
        
        border-radius: 50%;
        background-color:orange;
        transform: scale3d(1, 1, 1);
    }
    .center-menu .tg {
        display: flex;
        justify-content: center;
        transition: all 0s;
    }
/* ----------------------cross hight width change------------ */
.navbar-toggle span {
        display: block;
        width: 7vw;
        height: .8vw;
        margin: 0.9vw;
        transition: all 0.5s;
        background-color: #FF1848;
        
        
    }
    
    .navbar-toggle span:nth-child(2) {
        width: 5vw;
    }
    
    /* ------------------------------ */
    .navbar-toggle {
        display: block;
      }
      
      .navbar-toggle.active span:nth-child(1) {
        transition-delay: 0.1s;
        transform: rotate(45deg) translate(.7vw, .7vw);
      }
      
      .navbar-toggle.active span:nth-child(2) {
        opacity: 0;
      }
      
      .navbar-toggle.active span:nth-child(3) {
        transition-delay: 0.1s;
        transform: rotate(-45deg) translate(0vw, 0vw);
        position: relative;
        top: -1.6vw;
      }
    
        .header .navbar .left-side-menu {
            width: 40%;
        }
    
        .header .navbar .left-side-menu a img {
            width: 100%;
            
            cursor: pointer;
            /* animation: bounceInDown 1s; */
            margin-top: .5vw;
            width: 15vw;
        }
        .texts{
            display: flex;
            align-items: center;
            gap: 3vw;
            flex-direction: column;
        }
        .socails{
            display: flex;
            align-items: center;
            gap: 1.2vw;
            /* flex-direction: column; */
        
        }
        .socails img{
            width: 35vw;
        }
        .header .center-menu a{
          font-weight: bold;
        }
    /* ---------------------------------------------------------------------------------------------------- */
/* ----------------------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: 192vw;
    position: relative;
   
}
.icnnologo{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 2vw;
    padding-top: 4vw;
    margin-left: 3vw;
    justify-content: center;
    
}
.logo-2{
    width: 13vw;
}
.t-black{
    width: 6.5vw;
    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;
    flex-direction: column;
}
.left{
    width: 100%;
    margin-top: 9vw;
}
.left h1{
    font-size: 7vw;
    color: #fff;
    /* font-family: head; */
    -webkit-text-stroke: 1px #000;
}
.left p{
    font-size: 3vw;
    color: #fff;
    margin-top: 2vw;
}
/* .right{
    width: 25%;
    position: absolute;


} */
.right img{
    width: 75vw;
    margin-top: 0vw;
    /* position: absolute;
    top: 10%; */
    /* transform: translateY(-3.5vw); */
    position: absolute;
    
    left: 1%;
    top: 62%;
    z-index: -1;
}





/* -----------------------token-sec------------------------- */

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

}
.tkn-lft{
    position: absolute;
    width: 43vw;
    left: -20%;
    top: 87%;

    z-index: -1;
    
}
.tkn-right{
    position: absolute;
    width: 30vw;
    right: -7%;
    top: 88%;
    z-index: -1;
    

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

.ca{
    width: 98%;
    background-color: #fff;
    padding: 1.5vw 1.5vw;
    text-align: center;
    box-shadow: 0px 2px #000;
    border-radius: 2vw;
    border: 1px solid #000;
    margin-top: 1.5vw;
    
}
.ca p{
    font-size: 2.7vw;
    font-weight: bold;
}
.copy-btn{
    width: 8vw;
    margin-top: 1vw;
}
#h44{
    margin-top: 2vw;
}









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

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

  }

  
  .scrolling-images {
    display: inline-flex;         /* Display images in a row */
    animation: scroll-lleft 10s 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: 177vw;

  }
  .buy-now{
    display: flex;
    width: 22vw;
    padding: 1.5vw 1.5vw;
    background-color:#f26541;
    border: 1px solid #000;
    box-shadow: 0px 2px #000;
    font-size: 3vw;
    text-align: center;
    position: absolute;
    /* left: 48%; */
    top:50.4%;
    z-index: 2;
    justify-content: center;
    border-radius: 3vw;
    color: #fff;
    transition: .3s;
    
  }
  .howbuy h1{
    font-size: 7vw;
    color: #fff;
    text-align: center;
    margin-top: 7vw;
    font-weight: bold;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke: 1px #000;
  }
  .howbuy h2{
    font-size: 5vw;
    color:#FFB51F;
    font-size: 6vw;
    -webkit-text-stroke: 1px #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: 0vw;
    flex-direction: column;
  }
  .p-lft h2{
    transform: translateY(2vw);
  }
  .p-lft img{
    width: 43vw;
    margin-top: 2vw;
  }
  .p-rght img{
    width: 46vw;
    margin-top: 5vw;
    margin-left: -2vw;
    
  }
  /* --------------------------- */
  .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: 37vw;
    z-index: -1;
    
  }
  .p2-rght  h2{
    transform: translateY(2vw);
  }
  .p2-rght  img{
    width: 50vw;
    
    
  }
  .p2-lft{
    position: absolute;
    left: 10%;
    
    

  }
   .p2-lft img{
    width: 45vw;
    margin-top: 10vw;
    z-index: -1;
    margin-left: -3vw;
    
  }
  /* ------------------------ */

  .phs-3{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 2vw;
    margin-top: 28vw;
    margin-left: -2vw;
  }
  .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: 50vw;
    
  }
  .p3-rght img{
    width: 45vw;
    margin-top: 5vw;
    
  }





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

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

  }
  .box{
    width: 60%;
    background-color:#fe5642;
    /* border: 1px solid #000; */
    
    padding: 6vw 15vw;
    height: 54vw;
    box-shadow: 3px 10px 20px #0000;
    border: 2px solid #000;
    border-radius: 3vw;
  }
  .box h4{
    font-size: 6vw;
    color: white;
    /* -webkit-text-stroke: 1px #000; */
    /* font-family: head; */
  }
  .box ul{
    margin-left: 4.5vw;
    margin-top: 1.7vw;
  }
  .box ul li{
    font-size: 3vw;
    color: black;
    list-style: disc;
    line-height: 4.3vw;
    font-family: prg;
  }
  /* ------------------------- */
  .boxe-2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    margin-top: 4vw;
    flex-direction: column;

  }
  .box-2{
    width: 60%;
    background-color:#fe5642;
    /* border: 1px solid #000; */
    
    padding: 6vw 15vw;
    height: 41vw;
    box-shadow: 3px 10px 20px #0000;
    border: 2px solid #000;
    border-radius: 3vw;
  }
  .box-2 h4{
    font-size: 6vw;
    color: white;
    /* -webkit-text-stroke: 1px #000; */
  }
  .box-2 ul{
    margin-left: 1.5vw;
    margin-top: 1vw;
  }
  .box-2 ul li{
    font-size: 3vw;
    color: black;
    list-style: disc;
    line-height: 4.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: 18vw;
    height: 50vw;
    position: relative;
    
  }
  .cmnty-sec{
    display: flex;
    justify-content: center;
    align-items: center;
    
  }


  .cmnty-lft{
    width: 82%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    margin-left: 4vw;
}
.cmnty-lft h1{
    font-size: 8vw;
    color: #fff;
    /* font-family: head; */
    -webkit-text-stroke: 1px #000;
}
.cmnty-lft p{
    /* font-family: heading; */
    color: #f8b753;
    -webkit-text-stroke: 1px #000;
    /* font-family: patrick; */
    font-size: 5.4vw;
    font-weight: bold;

}
.cmnty-lft img{
    width: 29vw;
    margin-top: 1vw;
    position: absolute;

}
.cmnty-rght{
    width: 35%;


}
.cmnty-rght img{
    width: 46vw;
    margin-top: 0vw;
    /* position: absolute;
    top: 10%; */
    /* transform: translateY(-5vw); */
    position: absolute;
    top: 20%;
    right: 0;
}




/* ------------------------foter-sec------------------------------------ */
.foter-sec{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0f0f0f;
    padding: 3vw 2vw;
    justify-content: center;
    padding-right: 10vw;
    position: relative;
    height: 116vw;
    text-align: center;
    
    
    
}
.ftr-img{
    position: absolute;
    width: 75vw;
    left: 10%;
    top: -10%;

}
.lft-sde{
    width: 40%;
}
.lft-sde img{
    width: 35vw;
}
.right-ftr{
    display: flex;
    flex-direction: column;
    gap: 1vw;
    width: 100%;
    text-align: center;
    gap: 2.2vw;
    padding-top: 46vw;
    margin: auto;
    margin-left: 2vw;
}
.ttxtss{
    display: flex;
    align-items: center;
    gap: 3.5vw;
    text-align: center;
    justify-content: center;
    
}
.ttxtss a{
    color: #fff;
    font-family: prg;
    font-size: 3vw;
}
.folows{
    display: flex;
    gap: 2.8vw;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
    

}
.folows p{
    font-size: 3vw;
    color: #fff;
    text-align: center;
    
}

.folows img{
    width: 6vw;
}
.dclmr {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    /* align-items: center; */
    text-align: center;
}
.dclmr h4{
    font-size: 5vw;
    color: #f8b753;
    -webkit-text-stroke: 0px #000;
    text-align: center;
    margin-top: 2vw;
}
.dclmr p{
    font-size: 2.8vw;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: end;
    text-align: center;
    width: 83%;
    line-height: 4vw;
    margin: auto;
}
.end-btn img{
    width: 34vw;
    transition: .3s;
    display: flex;
    /* justify-content: end;
    align-items: center; */
    margin-left: 0vw;
    margin-top: 1vw;
    margin: auto;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-top: 4vw;
}
.end-btn{
    display: flex;
    margin: auto;
    text-align: center;
    justify-content: center;
    
}
.end-btn:hover{
    transform: translateX(-1vw);
}
.endd{
    color: #fff;
    font-size: 3vw;
    margin-left: 0;
    margin-top: 2vw;
    text-align: center;
}


/* ------------------banr-sec--------------------------- */
.banr-sec{
    position: relative;
    background-image: url(../images/header-img.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 78vw;
    
 }
 .banr-sec .contents{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 16vw;
    gap: 2vw;
    /* position: relative; */
    z-index: 10;

 }
 .zigzag{
    position: absolute;
    width: 100%;
    top: 10%;
    z-index: -1;
 }
 .banr-sec .contents h1{
    text-align: center;
    font-size: 9.5vw;
    /* font-family:heading;
    font-family:head; */
    -webkit-text-stroke: 1px #000;
    font-weight: bold;
    
 }
.banr-sec .contents p{
    font-size: 3vw;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.banr-sec .contents .butns{
    display: flex;
    align-items: center;
    gap: 2vw;
    margin-top: 1vw;
}
.banr-sec .butns img{
    width: 26.6vw;
    transition: .3s;
}
.banr-sec .butns img:hover{
    transform: translateY(-.5vw);
}
/* ----- */
.hdr-man{
    width: 30vw;
    display: flex;
    margin: auto;
    margin-top: 3vw;
}
.header .navbar {
    border-radius: 6vw;
    padding: 1vw 2vw;
    width: 95%;
    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 3px #000;
    margin: auto;
    border: 2px solid #000;
    margin-top: 5vw;


}
.header .center-menu a{
  font-weight: bold;
}
.coinmarket{
  width: 25px!important;
}
.white-paper {
  display: flex
;
  /* width: 20vw; */
  /* padding: 1vw 1vw; */
  background-color: #f26541;
  border: 1px solid #000;
  box-shadow: 0px 4px #000;
  text-align: center;
  position: absolute;
  /* left: 41%; */
  cursor: pointer;
  z-index: 2;
  justify-content: center;
  border-radius: 2vw;
  color: #FFF !important;
  transition: .3s;
  width: 200px;
  font-size: 20px !important;
}
}