.loader_div {
  display: -webkit-box;
  display: -ms-flexbox;
  /* background-color: #080808; */
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-perspective: 780px;
  perspective: 780px;
  opacity: 1;
  transition: opacity 0.5s ease;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background: #000000a1;
  z-index: 9999;
}

.ring{
  position:absolute;
  height: 150px;
  width: 150px;
  border: 0px solid #272727;
  border-radius:50%;
}

.ring:nth-child(1){
  border-bottom-width: 10px;
  border-color: #ca2c92;
  animation: rotate1 1.5s linear infinite;
}

.ring:nth-child(2){
  border-right-width: 10px;
  border-color: #00ffff;
  animation: rotate2 1.5s linear infinite;
}

.ring:nth-child(3){
  border-top-width: 10px;
  border-color: #E0E722;
  animation: rotate3 1.5s linear infinite;
}


@keyframes rotate1{
  0%{
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }
  100%{
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}
@keyframes rotate2{
  0%{
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }
  100%{
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}
@keyframes rotate3{
  0%{
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }
  100%{
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}