
 /* width */
 ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(-1deg, #eca635, #c6913e);
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

/* Preloader */
  

.preloader {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
}
.rfc-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #000000;
}

.rfc-goo-container {
    position: relative;
    width: 150px;
    height: 150px;
    filter: url('#rfc-goo-blur');
    display: flex;
    justify-content: center;
    align-items: center;
}
:root {
    --neon: #c6913e;
}

.rfc-goo-blob {
    position: absolute;
    width: 45px;
    height: 45px;
    background: var(--neon);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -22.5px 0 0 -22.5px;
    animation: rfc-goo-dance 3.5s infinite ease-in-out;
}

.rfc-goo-blob:nth-child(1) { animation-delay: 0s; }
.rfc-goo-blob:nth-child(2) { animation-delay: -0.8s; }
.rfc-goo-blob:nth-child(3) { animation-delay: -1.6s; }
.rfc-goo-blob:nth-child(4) {
    animation-delay: -2.4s;
    width: 55px;
    height: 55px;
    margin: -27.5px 0 0 -27.5px;
    box-shadow: 0 0 20px rgba(225, 255, 0, 0.4);
}

@keyframes rfc-goo-dance {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(40px, -40px) scale(0.8); }
    50% { transform: translate(-40px, 40px) scale(1.1); }
    75% { transform: translate(40px, 40px) scale(0.9); }
}
.loading {
  background: linear-gradient(-1deg, #c6913e, #c6913e);
  height: 5px;
  width: 0%;
  position: fixed;
  top: 0;
  z-index: 1;
}

/* !@Preloader */

/* Cursor Start */

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  margin-left: -17px;
  margin-top: -12px;
  width: 30px;
  border-radius: 80px;
  height: 30px;
  z-index: 10000001;
   background: linear-gradient(-1deg, #cbb1a3, #c6913e);
}