/* Preloader */

.shape-overlays {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
}

.preloader {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background-color:var(--white-color);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
}

.shape-overlays.is-opened {
  pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
  fill: var(--button-color);
}

.shape-overlays__path:nth-of-type(2) {
  fill: var(--black-color);
}

.shape-overlays__path:nth-of-type(3) {
  fill: var(--white-color);
}

/* !@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: -25px;
  margin-top: -25px;
  width: 30px;
  border-radius: 50px;
  height: 30px;
  z-index: 10000001;
  
background-color: var(--primary-color);
 
  
}




/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--button-color); 
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color); 
}