.text-gradient {
    @apply bg-gradient-to-r from-[#4C86FA] to-[#70CFD4] bg-clip-text text-transparent ;
  }
.buttonbackgroud{

    @apply  bg-backgroundhover  bg-opacity-25 text-pure;

}
.custom-gradient {
    @apply bg-gradient-to-r from-[#4C86FA] via-[#5FACEC] to-[#70CFD4] transition-all ease-in-out duration-300;
  }
  
  .custom-gradient:hover {
    @apply bg-gradient-to-l from-[#4C86FA] via-[#5FACEC] to-[#70CFD4];
  }
  .background-gradient {

    @apply bg-gradient-to-r from-[#467BFF]  to-[#70CFD4] ;
  }


.gradient-button{

  @apply  w-full h-[50px] flex justify-center items-center rounded-[30px]   bg-gradient-to-r from-[#4C86FA] via-[#5FACEC] to-[#70CFD4]  hover:bg-gradient-to-l  hover:from-[#4C86FA]  hover:via-[#5FACEC] hover:to-[#70CFD4];
}
.button-pure{
  @apply   h-[50px] border border-primary hover:border-4 flex justify-center items-center rounded-[30px] text-primary   hover:bg-white
}
  



.tabledata tr:nth-child(odd) {
  background-color: #0F1626;
}

.tabledata  tr:nth-child(even) {
  background-color:  transparent;
}


.custom-scrollbar::-webkit-scrollbar {
  height: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px; 
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--primary); 
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}