/* Style for the preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.spinner {

  display: flex;
              justify-content: center;
              align-items: center;
  position: relative;

}


.customGear {
     position: absolute;
     animation: rotateCustomGear 3s infinite linear;
     /* opacity: 1; */
 }

 .gearOne {
     top: 0;
     left: 0;
     animation-delay: 0s;
 }

 .gearTwo {
   top: 62px;
          left: 21px;
     animation-delay: -1s;
 }

 .gearThree {
     top: 82px;
     left: -45px;
     animation-delay: -2s;
 }

@keyframes rotateCustomGear {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }