*{
  text-decoration: none !important;
  list-style: none !important;
 
  
}


#bg{
    border: 4px solid rgba(0, 0, 0, 0.548);
}
#bg:hover{
    border: 4px solid rgba(0, 38, 255, 0.281);
    
}
#bg-bg:hover{
   box-shadow: rgba(0, 0, 0, 0.548);
}
#unique{
    margin-top: 95px;
}

.change{
  background:linear-gradient(270deg, #df8908 10%, #b415ff 100%) ;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.achieve{
  margin-right: 202px !important;
}
.achieved{
  margin-right: 120px !important;
}
/* SWIPER */

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-slide {
    width:  31.333333% !important;
  }
  @media (min-width:640px) {
    .swiper mySwiper{
        display: none !important;
    }
    
  }
/* 
  .swiper-slide:nth-child(2n) {
    width: 60%;
  }

  .swiper-slide:nth-child(3n) {
    width: 40%;
  } */

/* #fcf4ff */
/* #2a004a */
/* #11001f */
#navbar{
    position: fixed !important;
    /* width: 70px; */
    margin-top: 210px !important;
    /* box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .4) !important ; */
}
/* #navbar ul  li{
    height: 60px;
    position: relative;
}
#navbar ul li img {
    /* color: white; 
    display: block;
    height: 100%;
    width: 100%;
    line-height: 60px;
    padding-left: 25%;border-bottom: 1px solid  rgba(0, 0, 0, .4) !important;
} */
 .add{
    height: 250px !important;
    width: 330px;
 }



/* 

@media (max-width: 405px) {
  .avail{
    font-size: 21px !important;
  }
  
}
@media (max-width: 376px) {
  .avail{
    font-size: 18px !important;
  }
  
}
@media (max-width: 386px) {
  .vail{
    width: 92px !important;
  }
  
}
@media (max-width: 872px) {
  nav h2{
    font-size: 17px !important;
  }
  nav ul li a{
    font-size: 15px !important;
  }
  
}
@media (max-width: 800px) {
  nav h2{
    font-size: 17px !important;
  }
  nav ul li a{
    font-size: 14px !important;
  }
  
}
@media (max-width: 787px) {
  nav h2{
    font-size: 16px !important;
  }
  nav ul li a{
    font-size: 13px !important;
  }
  
}

@media (max-width: 1115px) {
  nav h2{
    font-size: 17px !important;
  }
  nav ul li a{
    font-size: 14px !important;
  } */
  

/* @media (max-width: 768px) {
  nav h2{
    font-size: 22px !important;
  }
  #navbar{
    position: fixed !important;
    margin-top: 210px !important;
  }
} */
/* @media (max-width: 1025px) {
  nav h2{
    font-size: 20px !important;
  }
  nav ul li{
    font-size: 15px !important;
    width: 75px !important;
    height: 30px !important;
  }
  nav ul{
    margin-left: 45px !important;
  }
  
  
  
} */

  
  
  


/* @media (max-width: 611px) {
  #change{
    display: none !important;
  }
  
  
}
@media (max-width: 768px) {
  #change{
    font-size: 26px !important;
  }
  
  
} */

  

/* @media (max-width: 1240px) {
  .contain{
    display: none !important;
  }
  
  
} */
@media (max-width:836px) {
  nav h2{
    font-size: 18px !important;
  }
  
}
@media (max-width:850px) {
  nav h2{
    font-size: 20px !important;
  }
  nav ul{
    margin-left: 30px !important;
  } 
}
@media (max-width:875px) {
  nav h2{
    font-size: 20px !important;
  }
  nav ul{
    margin-left: 30px !important;
  } 
}
@media (max-width:825px) {
  nav h2{
    font-size: 18px !important;
  }
  nav ul{
    margin-left: 30px !important;
  } 
}
@media (max-width:805px) {
  nav h2{
    font-size: 18px !important;
  }
  nav ul{
    margin-left: 25px !important;
  } 
}
@media (max-width:801px) {
  nav h2{
    font-size: 18px !important;
  }
  nav ul{
    margin-left: 20px !important;
  } 
}
@media (max-width:796px) {
  nav h2{
    font-size: 18px !important;
  }
  nav ul{
    margin-left: 14px !important;
    
    
  } 
}
@media (max-width:881px) {
  *{
    text-decoration: none !important;
    list-style: none !important;
  } 
  .flex {
    font-size: 15px;

  }
}
@media (max-width:838px) {
  *{
    text-decoration: none !important;
    list-style: none !important;
  } 
  .flex {
    font-size: 14px;
  }
  nav ul li{

  }
}
@media (max-width:790px) {
  
  .flex h2 {
    display: none !important;
  }
  nav ul li{
    font-size: 18x;
    
  }
}
@media (max-width:856px) {
  
  .flex h2 {
    display: none !important;
  }
  nav ul li{
    font-size: 20px !important;
    
  }
}
@media (max-width:880px) {
  
  .flex h2  {
    display: none !important;
  }
  
  nav ul li{
    font-size: 21px !important;
    
    
  }
}
@media (max-width:768px) {
  
  .flex h2 {
    display: inline-block !important;
  }
  
}
@media (max-width:769px) {
  
  .change{
    font-size: 25px !;
  }
  
}


@media (max-width:783px) {
  nav h2{
    font-size: 10px !important;
  }
   nav ul{
    margin-left: 7 !important;

   }
}



@media (max-width:790px) {
  nav h2{
    font-size: 18px !important;
  }
  nav ul li{
    font-size: 15px !important;
  }
  nav ul{
    margin-left: 30px !important;
  }
  
}
@media (max-width:768px) {
  nav h2{
    font-size: 25px !important;
  }
}
@media (max-width:375px) {
  #remove{
    display: none !important;
  }
}
@media (max-width:480px) {
  #remove{
    display: none !important;
  }
}