/*cursor-mouse*/

.customcursor a {
  cursor: pointer !important;
}

.cursor-fixed {
  pointer-events: none;
  z-index: 9999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 45px;
  background: var(--theme-gold);
  transition: 0.2s left, 0.2s top, 0.2s width, 0.2s height;
}
.cursor {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  border-radius: 45px;
  z-index: 999999;
  pointer-events: none;
  transition: 0.27s border, 0.27s background;
}

.cursor:before,
.cursor:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid rgba(139, 139, 139, 0.5);
  transform: scale(1);
  transition: 0.3s;
}

.cursor.active:before {
  width: calc(100% + 34px);
  height: calc(100% + 34px);
  top: -17px;
  left: -17px;
  border: 2px solid #916e5c44;
  border-right-color: transparent;
}
.cursor.active:after {
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  border: 2px solid #916e5c99;
  border-right-color: #916e5c00;
}

.cursor.rotate:before {
  animation: rotate 8s infinite linear;
}
.cursor.rotate:after {
  animation: protate 8s infinite linear;
}

.cursor:after {
  border: 1px solid rgba(139, 139, 139, 0);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes protate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*cursor-mouse*/